body { padding: 0px; margin: 0px; font: normal 12px Arial, Helvetica, Verdana, Tahoma, Sans-Serif; background: url(../images/bg-all.gif) repeat-x white; color: #0b3062; }
#hlavni{ background: url(../images/bg-left.gif) repeat-y left 185px; }
#hlavni1{ background: url(../images/bg-right.gif) repeat-y right 185px; }
#bottom-frame{ background: url(../images/ukonceni-right.gif) no-repeat right top white; }


h1{ font: normal 24px Arial, Helvetica, Verdana, Tahoma, Sans-Serif; color:#0b3062;}
h2{ font: normal 14px Arial, Helvetica, Verdana, Tahoma, Sans-Serif; }

form {margin: 0; }
.cls{ clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/*- default podstranek ----------*/
#top-frame{ height: 174px; background: url(../images/bg-top.gif) repeat-x; }
#top-frame img { margin-left: 15px; }
.vanicka { position: absolute; right: 24px; top: 0px; }
.vanicka1 { position: absolute; right: 24px; top: 174px; }
.uk-l{ position: absolute; left: 0px; top: 112px; }
.uk-p{ position: absolute; right: 0px; top: 112px; }

#stredframe{ float: left; width: 100%;background:url(../images/bg-stin-top.jpg) no-repeat top center ;}
#stred{ margin: 0 222px 0 222px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ }
#leftframe{ float: left; width: 222px; /*Width of left column*/ margin-left: -100%; overflow: hidden; background: url(../images/bg-stin-l.jpg) no-repeat right center; }
.spacer{ background-color: White; height: 10px; }
#righframe{ float: left; width: 222px; /*Width of right column*/ margin-left: -222px; /*Set left marginto -(RightColumnWidth)*/ overflow: hidden; background: url(../images/bg-stin-r.jpg) no-repeat left center; }
#righframe .obloucek{ background-color: White; margin-bottom:27px;}

.obal{ margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0; }
.obal-left{ margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0; }
.obal-right{ margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0px; }

#stredframe #stred h1{ margin: 5px 0px 5px 0px; font-size: 28px; }
#stredframe #stred li{ margin-left: 10px; }

/*- levé menu ----------------*/
#left-menu { width: 200px; margin-left: 7px; font-weight: bold; border-top: 1px solid #BCD2E6; position: relative; margin-bottom: 25px; }
#left-menu .skryty{display:none;}
#left-menu .zobrazeny{display:block;}
#left-menu .roh-menu{ position: absolute; width: 6px; height: 6px; background: url(../images/roh.gif) no-repeat left top; margin-top: -1px; font-size: 0px; }
#left-menu .p1 .stred{
	color: #8BADCF;
	display: block;
	background: url(../images/menu3.gif);
	padding: 8px 0 0 10px;
	height: 32px;
	 voice-family: "\"}\"";
    voice-family: inherit;
    height: 24px;
    text-decoration: none;
	 cursor:pointer;
}
#left-menu .p1 .stred:hover{ color: #627EB7; background: url(../images/menu3.gif) 0 -32px; padding: 8px 0 0 10px; }
#left-menu .p1 a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
		  color:#035273;
        }
#left-menu .p1 a:link, #left-menu .p1 a:visited { color:#035273; display: block; background: url(../images/menu3.gif); padding: 8px 0 0 10px; }
#left-menu .p1 a:hover, #left-menu .p1 a.aktivni { color:#035273; background: url(../images/menu3.gif) 0 -32px; padding: 8px 0 0 10px; }
#left-menu .p2 a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
		  font-weight:normal;
		  border-left:1px solid #F4F7FB;
        border-right:1px solid #F4F7FB;
		  border-bottom:1px solid #F4F7FB;
		  color:#035273;
		  }

#left-menu .p2 a:link, #left-menu .p2 a:visited {
	color:#035273;
	display: block;
	background-color: #E2EBF4;
	padding: 8px 0 0 20px;
}
#left-menu .p2 a:hover, #left-menu .p2 a.aktivni {
	color: white;
	xbackground: url(../images/menu3.gif) 0 -32px;
	background-color: #8BADCF;
	padding: 8px 0 0 20px;
}
		  
		  
		  
/*- pravá upoutávka -------------*/
#righframe .telo-aktualita{
 border-bottom: 1px solid #e6e7dd;
 color: #3D3D3D;
 width: 186px;
 overflow: hidden;
 margin-left: 22px;
 padding: 0px 0px 5px 0px;
}
#righframe .telo-aktualita a{ color: #C5007D; font-size:115%; margin-bottom:5px;}

/*- zapatí ----------------------*/
#zapati{ padding: 5px 2px; margin: 5px; background-color: #b5def7; border-top: 1px solid #84c9f2; }
.zapati-link{ color: #26616B; text-decoration: none; font-size: 11px; padding: 2px 7px; }
.zapati-link a{ color: #26616B; text-decoration: none;}



/* položka sekce */
.popis-sekce{ margin-bottom: 25px; padding-bottom: 15px; text-align: justify; border-bottom: 1px solid #BCD2E6; }
.vypis-sekce{ margin-top: 5px; margin-bottom: 5px; margin: 0px;  border-bottom:1px solid #BCD2E6;}

.vypis-sekce H2{ font-size: 16px; color: #0B3062;padding:2px; margin:1px;}
.vypis-sekce H2 A{ color: #0B3062; text-decoration: none; }
.vypis-sekce H2 A:hover{text-decoration: underline; }
.vypis-sekce .sekce-obrazek{ margin: 5px; padding: 3px; border:1px solid #627EB7;}
.vypis-sekce .popis{padding-left: 3px;padding-right: 12px}
.vypis-sekce .cena{ color: #0B3062; font-size: 17px; padding-left: 3px; padding-right: 12px; padding-top: 5px; padding-bottom: 5px; }
.vypis-sekce .kosik{ padding-left: 25px; padding-left: 3px;padding-right: 12px}
.vypis-sekce .sekce-link{ color: #FAAA55; background-Image: url(../images/ui/bod-line-abstrakt.gif); background-Repeat: repeat-x; background-position: center; line-Height: 25px; padding-right: 10px; margin-top: 0px; margin-bottom: 10px; }
.vypis-sekce .sekce-link A{ color: #FAAA55; text-Decoration: none; background-Color: white; padding: 5px; font-weight: bolder; }
.vypis-sekce .sekce-link A:hover{ color: #FAAA55; text-Decoration: underline; }

/* detail zboží */
DIV#frame-detail{ margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom: 0px; padding: 0px; }

.detail-left{ width: 260px; float: left;}
.detail-right{ width: 220px; float: right; padding-left: 40px; }
.detail-right H2{ color: #0B3062; font-size: 17px; font-weight: bold; border: none; margin: 15px 0px 5px 0px;}
.popisek-img{ font-size: 8pt; }
.popis-cena{ font-size: 8pt;}
.popis-small{ font-size: 7pt; margin-bottom: 10px; }
.popis { font-size: 8pt; padding-left: 3px; padding-right: 3px; padding-bottom: 25px;}
.detail-images{ padding: 3px; border: 1px solid #627EB7; margin-bottom: 3px; }
.input1{ width: 15px; font-size: 8pt; }
.popis-kosik{ padding-top: 10px; padding-bottom: 10px; font-size: 8pt; }
#frame-detail H3{ font-size: 11pt; color: #0E5CA9; margin-bottom: 5px; border-bottom: 1px solid #C6E3F8; }
#frame-detail .titulek{ font-size: 8pt; float: left; width: 100px; font-weight: bold; padding-right: 5px; }
#frame-detail .hodnota{ font-size: 8pt; }
#frame-detail A.linka-url{ font-size: 8pt; color: #c5007d; }
#frame-detail A.linka-url:hover{ font-size: 8pt; color: #808080; }


/* zobrazení košíku */
#kosik .table-kosik{ border-collapse: collapse; border: 1px solid #BCD2E6; background-color: white; }
#kosik .radka-kosik{ background-color: #BCD2E6; border-top: 1px solid #BCD2E6; border-bottom: 2px solid #BCD2E6; font-size: 11pt; }
#kosik .radka-kosik-bottom{ border-bottom: 2px solid #BCD2E6; }
#kosik H3{ color: #0E5CA9; margin-left: 0px; margin-right: 0px; margin-top: 3px; margin-bottom: 3px; padding: 0px; font-size: 12px; }
#kosik A{ color: #0E5CA9; text-decoration: underline; }
#kosik A:hover{ color: #0E5CA9; text-decoration: none; }
#kosik .cena-kosik{ }
#kosik input{ font-size: 7pt; margin: 0px; padding: 0px; }


/* vyskakovací okno info */
.vypinfo{display:none;}
.zapinfo{}
#info-platby{ width: 350px; height: 200px; display: block; background-Color: white; border: 1px solid #BCD2E6; overflow: auto; position: absolute; margin-top: -200px; margin-left: -20px; font-weight: normal; }
#info-platby .info-titulek{ background-color: #BCD2E6; border-bottom: 1px solid Gray; line-height: 18px; background-image: url(../images/zavrit.gif); background-position: 332px; background-repeat: no-repeat; padding: 2px; cursor: pointer; font-weight: bolder; }
#info-platby .info-text{ overflow: auto; }

/* doprava platba */
#kosik .tabulka-doprava{ border-collapse: collapse; border: 1px solid #BCD2E6; }
#kosik .radka-doprava{ background-color: #BCD2E6; border-top: 1px solid #BCD2E6; border-bottom: 2px solid #BCD2E6; font-size: 8pt; font-weight: bolder; }
#kosik  .radka-doprava A{ text-decoration: none; color:black;}
#kosik  .radka-doprava A:hover{ text-decoration: underline; color: black; }
#kosik h2{ color: #0E5CA9; font-size: 15px; }
#kosik .radka-doprava-cena{ background-color: #BCD2E6; border-top: 1px solid #BCD2E6; border-bottom: 2px solid #BCD2E6; font-size: 10pt; font-weight: bolder; color: navy; }
#kosik .popis-kosik{ font-size: 8pt; }
#kosik .nazev-doprava{ font-size: 8pt; }
#kosik .input2{ background-color: white; font-size: 10pt; border: 1px solid Silver; }
#kosik .input_error{ border: 1px solid #40AFF4; background-color: #E2F1FD; }

.info-text{ font-size: 11px; margin: 10px; }
.chyba{ color: Red; font-weight: bold; font-size: 12px; margin: 15px; }

/* kontaktní formulář */
#kosik .tabulka-kontakt{ border-collapse: collapse; border: 1px solid #BCD2E6; }
#kosik .radka-kontakt{
	background-color: #BCD2E6;
	border-top: 1px solid #BCD2E6;
	border-bottom: 2px solid #BCD2E6;
	font-size: 8pt;
	font-weight: bolder;
}
#kosik .red{ color: red; padding: 3px; }
#kosik .forms h2{ color: #698A7B; }
#kosik INPUT{ font-size: 15px; padding: 2px; }

#napiste textarea{ font-size: 12px; width:290px;height:190px;}
#napiste input{ font-size: 9px; width:290px;}
#napiste .polozka{ line-height: 20px; margin: 0px; padding: 0px; }
#napiste .polozka .titulek{ display: inline-block; float: left; width: 130px; padding-right: 5px; margin: 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; }
#napiste .polozka .pole{ width: auto; display: inline-block; float: left; margin: 0px; padding: 0px; }
#napiste .mezera{ padding: 3px; margin: 0px;}
#napiste input .posli{font-size: 19px;width: 50px;}
.input_error{ border: 2px solid red; }
.form-error{ border: 1px solid red; background-color: #FFFFF0; padding: 5px; color: Red; }


/*- mapa čr partneři -------------*/
#vypis{ padding: 3px; }
#vypis h2{ font-size: 19px; color: white; background-color: #8BADCF; padding: 3px; margin: 2px 0px; }
#vypis .zpet, .zpet-bottom{ text-align: right; }
#vypis .zpet a, .zpet-bottom a{ color: red; }

#menu-kraje h2{ font-size: 14px; padding: 3px 0px; margin: 2px 0px; font-weight: bold; }
#menu-kraje a{ text-decoration: none; color: #8BADCF; }
#menu-kraje a:hover{ text-decoration: underline; color: #0b3062; }