/******************************************************
Basic CSS2
===========================
Preciosa
*******************************************************/

/* barvy
    333399 tmave modra
	666666 tmave sede
	C4C4C4 stredni seda
	D6D6D6 svetle seda
*/

/* =============== styly pro monitorovy vystup =============== */
/* skupina obecne */

body {background-color: white; margin: 0!important; padding: 0; text-align: center;}
* {font-family: "Arial CE", Arial, sans-serif; color: black; font-size: 9pt; margin: 0;}

#ramecek {border: solid 1px #C4C4C4; width: 779px; _width: 781px; margin: auto;}
#main {width: 779px; background-image: url("/preciosa/images/bckgrnd.gif"); text-align: left;}
#logo {margin: 0;}
#console {float: right;}

h1 {margin: 0 0 12px 12px; color: #999999; font-size: 150%;}
h2 {margin: 0 0 12px 12px; color: #999999; font-size: 120%;}
h3 {background: #B9C5CC; padding: 4px 4px 4px 6px; font-size: 80%;}
h4 {background: #333399; padding: 2px 4px 2px 18px; font-size: 90%; color: white; background-image: url("/preciosa/images/kostka.gif"); background-repeat: no-repeat; margin-right: 8px;}
h4 span {color: white;}
h4 span {background: #333399; color: white;}
h4 a {color: #ffffff; text-decoration: none;}
h4 a:hover {color: #B9C5CC; text-decoration: underline;}


div.treti h4 {margin-right: 0px;}
p {margin: 6px 12px 6px 12px;}
table {border-collapse: collapse;}
td {font-size: 90%; padding-bottom: 12px;}
td a {font-size: 100%;}
a {color: #666666; text-decoration: underline;}
a:hover {color: #333399;}

/*skupina levý pruh*/
#levypruh {width: 127px; float: left;}

#menuvert {width: 127px;}
#menuvert a {display: block; padding: 5px 3px 5px 20px; color: #666666; font-size: 90%; background-image: url("/preciosa/images/sipka.gif"); background-repeat: no-repeat; border-bottom: solid 1px #666666; text-decoration: none;}
#menuvert a:hover {text-decoration: underline; background: #B9C5CC; background-image: url("/preciosa/images/sipka.gif"); background-repeat: no-repeat;}

#vedetvic {margin-top: 0px; width: 127px; background: #B9C5CC;}
#vedetvic div {padding: 3px 3px 3px 7px; font-size: 90%;}
#vedetvic a {display: block; background: #CED7DD; padding: 3px 3px 1px 20px; color: #666666; font-size: 90%; background-image: url("/preciosa/images/sipka2.gif"); background-repeat: no-repeat; text-decoration: none;}
#vedetvic a:hover {text-decoration: underline; background: #B9C5CC; background-image: url("/preciosa/images/sipka2.gif"); background-repeat: no-repeat;}


.search {margin-top: 0px; background: #CED7DD; padding: 0!important;}
div.search div {color: Black; background: #B9C5CC; padding: 3px 3px 3px 7px; font-size: 100%;}
div.search p {text-align: center; padding: 3px 3px 6px 3px; margin: 0;}

.spacer1 {margin-top: 60px;}

/*skupina hlavní pole*/
#pole {width: 650px; float: left; margin-left: 1px;}

#menuhoriz {width: 520px; background: #72838D; color: white; font-size: 80%; vertical-align: top;}
#mistri {padding: 0px 8px 0px 8px; letter-spacing: 8px; color: white; font-size: 100%; margin: 0;}
#menuhoriz a {color: white; text-decoration: none; padding: 1px 8px 0px 8px; display: inline; border-left: solid 1px white; font-size: 90%;}
#menuhoriz a.mstr {color: white; text-decoration: none; padding: 1px 8px 0px 8px; display: inline; border-left: solid 1px #72838D; font-size: 90%;}
#menuhoriz a:hover {text-decoration: underline; background: #666666;}

#textblok {width: 520px; margin-top: 5px; border-top: solid 1px #666666; background-image: url("/preciosa/images/00_nic_sede.gif"); background-repeat: repeat-y; background-position: right; min-height: 445px; _height: 408px;}
#textblok img.right {float: right; margin: 18px 12px 6px 6px;}
#text {width: 340px; float: left;}
#text img {margin: 12px 0 0 6px;}
div.dvousloup {width: 253px; _width: 241px; float: left; margin: 6px; margin-top: 10px;}
div.dvousloup p {margin: 0; padding: 0;}
div.dvousloup div {text-align: center;}
div.dvousloup img {margin: 6px 0 6px 0;}
div.trojsloup {width: 168px; _width: 156px; float: left; margin: 6px; margin-top: 10px;}
div.trojsloup p {margin: 0; padding: 0;}
div.trojsloup div {text-align: center;}
div.trojsloup img {margin: 0;}

.filtr {width: 94%; margin: 13px;}
.filtr td b {display: block; margin-top: 10px;}
.radio tr td input {vertical-align: -30%; margin-left: -5px;}
.radio tr td {padding-bottom: 0px!important;}

.filtrvzhled {text-decoration: none; font-weight: bold; color: Black; font-size: 12px;}
.filtrvzhled:hover {text-decoration: underline; color: #999999; font-weight: bold;}

#textblok ul {list-style-type: square; margin: 0px 0px 0px auto;}
#textblok ul ul {list-style-type: square; margin: 0px 0px 0px auto;}
#textblok ul ul ul {list-style-type: square; margin: 0px 0px 0px auto;}

.tabulkabezmezer td {margin: 0; padding: 2;}
.tabulka {width: 96%; margin:  3px 12px 3px 12px;}
.prvnitd {width: 208px;}
.prvnitd img {margin-right: 8px;}
.prvnitdkameny {width: 158px;}
.prvnitdkameny img {margin-right: 8px;}
.druhetd {padding-right: 8px!important;}
.tretitd {width: 110px;}

td.tretitd strong {display: block; margin-bottom: 6px;}
strong span {font-size: 130%; line-height: 10px;}
.tabulkafooter td {padding-left: 15px; font-size: 12px; word-spacing: 5px;}
.tabulkafootersearch td {width: 96%; padding-top: 15px; font-size: 12px;}
.tabulkafooter span {font-size: 12px; font-weight: bold;}
.tabulkafootersearch span {font-size: 12px;}
.counteinfo {font-size: 11px; text-align: right; padding-right: 15px;}

.cara {width: 96%; color: Gray; margin: 0; padding: 0;}
.carasearch {color: Gray; margin: 0; padding: 0;}

.tabulkaparametr td {margin: 0; padding: 0; vertical-align: bottom; height: 17px;}
.tabulkaparametr .tdprvni {width: 50px;}


.boxiky {clear: both; border-top: solid 1px #333399; margin: 12px 13px 0 12px; padding-top: 8px;}
div.vboxiku {width: 168px; float: left;}
.treti {width: 156px!important;}
div.vboxiku div {width: 156px; margin-bottom: 6px;}
div.vboxiku p {margin: 3px 9px 4px 2px; line-height: 105%; font-size: 90%;}
div.vboxiku a {text-decoration: none;}
div.vboxiku a:hover {text-decoration: underline;}

#reklama {width: 175px; text-align: center; margin-top: 6px; float: left;}
#reklama img {margin-top: 6px;}
.reklambox {width: 165px; text-align: left; margin: auto; margin-top: 6px; margin-bottom: 6px;}
.reklambox a {display: block; padding: 3px 3px 1px 20px; color: #666666; font-size: 90%; background-image: url("/preciosa/images/sipka2.gif"); background-repeat: no-repeat;}
.reklambox a:hover {color: #333399;}

.reklambox div {text-align: right;}
.reklambox div a {display: block; padding: 3px 3px 1px 20px; color: #666666; font-size: 90%; background-image: none;}
.reklambox div a:hover {color: #333399;}

#pravypruh {width: 120px; padding-top: 18px; float: right;}
#pravypruh span {padding: 0px; font-size: 90%; color: #888888; color: #000000; display: block;}

#pravypruh img {margin-bottom: 12px;}
.login {padding: 6px; font-size: 90%; color: #888888;}
input {border: none; margin-top: 6px; font-size: 90%; background: white;}
.input {width: 108px; color: #C4C4C4; padding-left: 4px;}
.submit {color: #666666!important; text-decoration: underline; width: auto;}

#formular {margin: auto; _margin: 12px auto 12px auto; text-align: center;}	
#formular td {text-align: left; padding: 3px 12px 12px 0;}	
#formular input {width: 250px; border: solid 1px #C4C4C4; margin: 0; font-size: 100%;}
#formular textarea {width: 250px; border: solid 1px #C4C4C4; margin: 0; font-size: 100%;}
.check td {padding-bottom: 2px!important;}
.check input {width: auto!important; border: none!important;}
.cudlik {width: auto!important; border: solid 1px #C4C4C4;  font-size: 100%;}
.centruj {text-align: center!important;}

#frmvzhled {margin: auto; _margin: 2px auto 2px auto; text-align: center;}	
#frmvzhled td {text-align: left; padding: 1px;}	
#frmvzhled .tdprvni {width: 140px;}	
#frmvzhled .tddruhy {width: 140px;}	
#frmvzhled .tdtreti {width: 140px;}	
#frmvzhled .txtinput {width: 50px; border: solid 1px #C4C4C4; margin: 0; font-size: 100%;}
#frmvzhled select {width: 135px; border: solid 1px #C4C4C4; margin: 0; font-size: 100%;}
#frmvzhled td td label {border: 0; margin: 0; font-size: 100%;}

.tmpinput {border: solid 1px black;} 
.txtsearch {width: 114px; margin-top: 3px;}
/*.btnsubmit {color: #666666!important; text-decoration: underline; width: auto;}*/

a.linkbutton {display: block; background-color: white; color: gray; text-align: center; width: 70px; margin: 4px; padding: 1px; text-decoration: none; border: solid 1px #C4C4C4; font-size: 11px;}
a.linkbutton:hover {background-color: #B9C5CC; border: 1px solid gray; color: #CED7DD; color: black; text-decoration: underline;}

a.lnkleft {display: block; background-color: white; color: black; text-align: center; width: 50px; margin: 4px; padding: 1px; text-decoration: none; border: solid 1px #C4C4C4; font-size: 11px;}
a.lnkleft:hover {background-color: #B9C5CC; border: 1px solid gray; color: #CED7DD; color: black; text-decoration: underline;}

#rodinky {width: 680px; margin: 0px;}
#rodinky img {margin: 0px; padding: 0px; border: 0px;}
#rodinky a {color: White; border: solid 2px white;}
#rodinky a:hover {color: White; border: 2px solid #666666;}

#repeater {text-align: center; padding-top: 20px;}
#repeater input {margin: 0px; padding: 0px; border: solid 1px black;}
.divrepeater {float: left; height: 200px; width: 160px;}
.spanrepeater {display: block; float: left; padding-left: 10px;}
.divimgrep {float: left; height: 100px; width: 130px; font-size: 80%;}
.noborder {border: 0!important;}

#navigace {padding: 2px 10px 0px 10px; font-size: 80%;}
#navigace a {font-size: 90%;}

#paticka {clear: both; background: none; margin: 0 0 0 0; padding: 0 0 0 0; font-size: 90%; height: 14px; _height: 15px;}
#paticka div.d2 a {color: black; text-decoration: none; padding: 0px 5px 0px 12px; display: inline; font-size: 90%;}
#paticka div.d2 a:hover {text-decoration: underline; background: #72838D; color: white;}

.d1 {width: 128px; float: left; text-align: center; background: none;}
.d1 img {border: solid 1px #333333; margin: 0 3px 0 3px;}

.d2 {width: 651px; float: left; background: #B9C5CC;}

#patamenu {color: white; vertical-align: top; display: inline; margin: 0 0 0 0px;}
#patamenu a {color: white!important; text-decoration: none; padding: 0px 12px 0px 12px; display: inline; border-left: solid 1px white; font-size: 90%; background-image: url("/preciosa/images/kulicka.gif"); background-repeat: no-repeat;}
#patamenu a:hover {text-decoration: underline; background-image: url("/preciosa/images/kulicka.gif"); background-repeat: no-repeat;}

.error {color: Red; font-size: 90%; float: left; margin-left: 15px; text-align: left;}
.bizukolekce { display:block; font-style: italic; font-size: 90%; margin-left: 16px; margin-right: 10px; }

/* =============== styly pro tiskový výstup =============== #72838D  #B9C5CC */

@media print {

* {background: none;}
#main {width: 100%;}
#pravypruh {display: none;}
#levypruh {width: 100%; float: none;}
#menuvert {display: none;}
#vedetvic {display: none;}
#menuhoriz {display: none;}
#textblok {width: 100%;}
#text {width: 100%; float: none;}
h4 {color: #333399; padding-left: 0;}
.boxiky div {width: 32%; float: left;}
#boxtreti {width: 30%!important;}
.boxiky div div {width: 94%; padding-bottom: 12px;}
#paticka {margin: 0; margin-top: 20px; padding: 0; padding-top: 4px; font-size: 90%; border-top: solid 1px gray;}
#patamenu {display: none;}

}