body {background-color:#F5FCE3; margin:0;  font-family: Calibri;}
#hlavni{width:99%;  margin:0 5px 10px 5px; border:0px solid #861E11; }
h1{ margin:0; font-size:16pt; color:#C03404; }
h2{ margin:0; font-size:13pt; color:#C03404; text-align:center;}
h3{ margin:0; font-size:13pt; color:#C03404; text-align:left; font-weight:bold;}
#hlavicka{float:left; width:76%; height:105px; margin-left:8px;
border-radius: 50px 0px 0px 0px;
background-image: -webkit-linear-gradient(135deg, #F5FCE3,#D1D1D1 ), -webkit-linear-gradient(-45deg,#D1D1D1, #F5FCE3); 
background: -moz-linear-gradient(135deg, #F5FCE3,#D1D1D1 ), -moz-linear-gradient(-45deg, #D1D1D1, #F5FCE3 ); 
background-image: -ms-linear-gradient(135deg, #F5FCE3,#D1D1D1 ), -ms-linear-gradient(-45deg, #D1D1D1, #F5FCE3);
background-image: -o-llinear-gradient(135deg, #F5FCE3,#D1D1D1 ),  -o-linear-gradient(-45deg, #D1D1D1, #F5FCE3);
background-image: linear-gradient(135deg, #F5FCE3,#D1D1D1 ), linear-gradient(-45deg, #D1D1D1, #F5FCE3);
-pie-background: linear-gradient(135deg,#F5FCE3,#D1D1D1 ), linear-gradient(-45deg,#D1D1D1, #F5FCE3 );
behavior: url(/PIE.htc);}

.logo{width:175px; position:relative;float: left; padding:0 0 0 30px;} 
.hlavicka_odkazy{ width:30%; float: right; top:5px; padding:10px 20px 0 0}
.hlavicka_nadpis{margin-top:20px; font-size:16pt; color:#C03404;position:relative; padding:11px 0px 0px 20px;font-family: Arial;}

.registr{width:20%; height:180px; font-size:12pt; color:#C03404;position:relative;float: right;  padding:11px 0px 0px 10px;font-family: Arial;
border-radius: 3px 3px 3px 16px; box-shadow: #666 3px 2px 3px; border: 0px solid #696;
background-image: -webkit-linear-gradient(135deg, #D1D1D1, #F5FCE3 ), -webkit-linear-gradient(-45deg, #F5FCE3,#D1D1D1); 
background: -moz-linear-gradient(135deg, #D1D1D1, #F5FCE3 ), -moz-linear-gradient(-45deg, #F5FCE3,#D1D1D1 ); 
background-image: -ms-linear-gradient(135deg, #D1D1D1, #F5FCE3 ), -ms-linear-gradient(-45deg, #F5FCE3,#D1D1D1);
background-image: -o-llinear-gradient(135deg, #D1D1D1, #F5FCE3 ),  -o-linear-gradient(-45deg, #F5FCE3,#D1D1D1);
background-image: linear-gradient(135deg, #D1D1D1, #F5FCE3 ), linear-gradient(-45deg, #F5FCE3,#D1D1D1);
-pie-background: linear-gradient(135deg,#D1D1D1, #F5FCE3 ), linear-gradient(-45deg,#F5FCE3, #D1D1D1 );
behavior: url(/PIE.htc);}

.souvisejici{ width:41%; float: left; margin:5px 5px 5px 0;}
.souvisejici a{display:block; width:90px;  height:70px; overflow:hidden; }

.popisek{ width:55%; float: left;  padding-left:5px;margin-left:10px;}
p{text-align: left; margin:5px;}

#obsah { width:98%; min-height:700px}
#obsah h1{position:relative; margin:0; padding:0;  left:18px; height:40px; font-family:Calibri; font-size:15pt;color:#C03404;}
#paticka{background-image:url('styly/color_12b.jpg');width:99%;  clear:both; text-align:center; font-family:Calibri;  font-size:10pt; color:#C03404; position:absolute; }

#hlaseni {background-color:#EE1611;font-weight:bold;color:white;margin:75px 0 0 180px;padding-top:10px;position:absolute;text-align:center;width:537px;position:fixed;  z-index:1; }

#levy{width:18%;  min-height:500px; position:relative;float: left; margin-left:5px; }
/*.menu{background-image:url('styly/color_12a.jpg');  width:190px;  padding-left:3px;line-height: 1.5em;border-bottom:1px solid #C3C3C3; }*/
.menu{background-color:#F5FCE3;  width:99%;  padding-left:3px;line-height: 1.5em;border-bottom:1px solid #C3C3C3; }
.menu a{display:block; font-weight:bold; color:black;font-size: 1.0em; text-decoration:none; }
.menu a.vybrane{background-color:#D5D6D3;font-weight:bold; color:green; }
.menu a:hover{background-color:#D1D1D1;font-weight:bold;color:green; }

#stred{width:45%; position:relative;float: left; margin-left:22px;   text-align: left}
.stred h2{ font-size:15pt; color:#C03404;margin:0;}
.uvod1 {background-color:#bb8c1a; padding:5px;border:1px solid #861E11;}
.uvod2 {background-color:#FFF5B5;  height:320px; color:#861E11;border:1px solid #f9e0ab;overflow:hidden;}
.dolni{width:680px; height:30px;  position:relative;float: left;}
.horni{background-image:url('styly/box1.png'); width:700px; height:30px; text-align:left; position:relative;float: left; top:2px}
.reference li{margin: 20px 0 20px 0; cursor:pointer;}

#druhy{ width:80%; position:relative;float: right; margin-left:5px;  text-align: left; min-height:250px; }

.pole1{background-image:url('styly/color_12a.jpg');width:56%; border:1px solid #BB8C1A;float:left;height:45px;margin-left:20px;}
.pole2{float:left;margin-left:25px;width:935px;}

.pole3{width:56%; position:relative; float:left; margin:13px 0 0 22px; padding-left:5px;
border-radius: 6px 16px 16px 16px; box-shadow: #666 3px 2px 3px; border: 1px solid #696;
background-image: -webkit-linear-gradient(135deg, #D1D1D1, #F5FCE3 ), -webkit-linear-gradient(-45deg, #F5FCE3,#D1D1D1); 
background: -moz-linear-gradient(135deg, #D1D1D1, #F5FCE3 ), -moz-linear-gradient(-45deg, #F5FCE3,#D1D1D1 ); 
background-image: -ms-linear-gradient(135deg, #D1D1D1, #F5FCE3 ), -ms-linear-gradient(-45deg, #F5FCE3,#D1D1D1);
background-image: -o-llinear-gradient(135deg, #D1D1D1, #F5FCE3 ),  -o-linear-gradient(-45deg, #F5FCE3,#D1D1D1);
background-image: linear-gradient(135deg, #D1D1D1, #F5FCE3 ), linear-gradient(-45deg, #F5FCE3,#D1D1D1);
-pie-background: linear-gradient(135deg,#D1D1D1, #F5FCE3 ), linear-gradient(-45deg,#F5FCE3, #D1D1D1 );
behavior: url(/PIE.htc); }


/*.pole3{ width:56%; position:relative;float:left; margin:13px 0 0 13px; padding-left:5px;border-radius: 6px 16px 16px 16px; box-shadow: #666 3px 2px 3px; border: 1px solid #696;
background-size: 20px 20px; background-color: white; 
background-image: -webkit-linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)), -webkit-linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5));
 background-image: -moz-linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)), -moz-linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5));
 background-image: -ms-linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)), -ms-linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)); 
 background-image: -o-linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)), -o-linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)); 
 background-image: linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)), linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)); 
 -pie-background: linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)) 0 0 / 50px 50px, linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)) 0 0 / 20px 20px white; 
 behavior: url(/PIE.htc); }
*/ 
 
/*.pole3{background-image:url('styly/color_12a.jpg');width:56%; position:relative;float:left; margin-left:13px; padding-left:5px; border:1px solid #861E11; }*/
.pole3_img{background:transparent; position:relative;float:left;  padding:0x; width:100px; }
.pole3_text{background:transparent; position:relative;float:left;  padding:0px; width:540px; }
.bunka {background-image:url('styly/bunka.png');background-repeat:no-repeat;position:relative;float: left;  height:180px; 	margin: 2px; text-align:center;padding: 6px;}
.bunka_rem {position:relative; float:left; width:188px;  height:200px; 	margin:6px 2px;  
border: 1px solid #696;  padding: 6px 0; text-align: center; 
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 6px 16px 16px 16px;
-webkit-box-shadow: #666 3px 2px 3px;
-moz-box-shadow: #666 3px 2px 3px;
box-shadow: #666 3px 2px 3px;
background: #F5FCE3;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5FCE3), to(#D1D1D1));
background: -webkit-linear-gradient(#F5FCE3, #D1D1D1);
background: -moz-linear-gradient(#F5FCE3, #D1D1D1);
background: -ms-linear-gradient(#F5FCE3, #D1D1D1);
background: -o-linear-gradient(#F5FCE3, #D1D1D1);
background: linear-gradient(#F5FCE3, #D1D1D1);
-pie-background: linear-gradient(#F5FCE3, #D1D1D1);
behavior: url(/PIE.htc);}

.bunka_uvodni {position:relative; float:left; width:300px;  height:300px; 	margin:10px 4px;  
border: 1px solid #696;
padding: 6px 0;
text-align: center; 
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 6px 16px 16px 16px;
-webkit-box-shadow: #666 3px 2px 3px;
-moz-box-shadow: #666 3px 2px 3px;
box-shadow: #666 3px 2px 3px;
background: #F5FCE3;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5FCE3), to(#D1D1D1));
background: -webkit-linear-gradient(#F5FCE3, #D1D1D1);
background: -moz-linear-gradient(#F5FCE3, #D1D1D1);
background: -ms-linear-gradient(#F5FCE3, #D1D1D1);
background: -o-linear-gradient(#F5FCE3, #D1D1D1);
background: linear-gradient(#F5FCE3, #D1D1D1);
-pie-background: linear-gradient(#F5FCE3, #D1D1D1);
behavior: url(/PIE.htc);}

/*.bunka_rem {background-color:white; border:1px solid #BB8B1A; border-top-left-radius: 16px; position:relative;float: left;width:180px;  height:200px; 	margin: 2px; text-align:center;padding: 1px;}*/
.img{cursor: pointer; padding-top:3px; }
.vnitrni{height:140px;overflow:hidden;}
/* .sm_1 {font-size: 0,9em; font-family:Arial;text-align:center; width:180px; max-height:30px}*/
.sm_1 {font-size: 0,9em; font-family:Arial;}
.sm_2 {font-size: 0,9em; text-align:center; width:180px;height:25px; }
.sm_text1 {font-size: 0.7em; font-family:Arial;text-align:left;  color: green; width: 180px; float:left; height: 22px; padding:2px 1px 0 2px;}
.sm_text2  {font-size: 0.7em; font-family:Arial;text-align:left;  color: green; width: 100px; float:left; height: 22px; padding-left:2px;}
.sm_text2a {font-size: 0.7em; font-family:Arial;text-align:left;  color: green; width: 83px; float:left; height: 22px; padding-left:2px;}
/* tady je použit OK způsob výměny obrázku po najetí myší navazuje na zbozi/index.php */
.sm_text2b a{text-align:center;  width: 15px;  height: 22px;float:left; display: block;overflow: hidden;background: url(../images/ikony/oblibene.png); background-repeat:no-repeat;}
.sm_text2b a:hover {	text-indent:-15px;	width: 15px}
.sm_text2b a img {	border:none;	margin-right: 15px;	/* pri :hover zobrazi background */}

.sm_text3 {font-size: 0.8em; font-family:Arial;text-align:right;  color: red; width: 84px; float:right; height: 22px; padding-right:2px; }

.popis {border:1px solid #BB8C1A;text-align:left; width:80px;padding-left:4px;}
.popis_zbozi {background-image:url('styly/color_12a.jpg'); border:1px solid #BB8C1A;text-align:left; padding-left:4px;min-width:320px;}
.hodnota {background-image:url('styly/color_12a.jpg');background-image:url('styly/color_12a.jpg');border:1px solid #BB8C1A;text-align:left; width:210px;padding-left:4px;}
.tabulka{border:1px solid #BB8C1A;vertical-align: top;}
.tabulka td{background-image:url('styly/color_12a.jpg');border:1px solid #BB8C1A;vertical-align: top;}
.fieldset{border:1px solid #BB8C1A;margin:10px;padding:10px;width:500px;}
.navBar{float:left; width: 100%; text-align: center; margin-bottom: 5px;}

/*.oblibene {    float: right;    width: 31px;}*/

#treti{ width:20%; position:relative; float: right; margin-right:10px;  color:#C03404; font-size: 1.0em; }


.titul_4 {float:left; position:relative; font-weight:bold; padding-left:5px; }
#velkyObrazek {max-width:360px;float:left}
#malyObrazek {max-width:116px; float:left; cursor: pointer;margin:2px}
.bazar_prodam{background-image:url('styly/bazar_prodam.png');background-repeat:no-repeat;width:220px; height:50px; color:white;font-weight:bold;padding-left:50px; float: left;}
.bazar_koupim{background-image:url('styly/bazar_koupim.png');background-repeat:no-repeat;width:220px; height:50px; color:white;font-weight:bold;padding-left:50px; float: left;}

.rychly {width: 99%; height: 100px;float: left;   margin: 10px; overflow: auto; padding-left: 20px; position: relative; }
.submit{background-color:#FCC64C; cursor: pointer; }
.input{background-image:url('styly/box1.png'); color:#C03404; font-weight:bold; font-size:12pt}
.input_spatne{background-color:red; background-image:auto; font-weight:bold; color:white; font-size:12pt}


a:link {color: black}
a:visited {font-weight:bold; color:black;}
a:active {color:#C03404;}

.divClear {clear:both;}


#prihlasit { position:relative;float: left;  width:700px;  height:30px; }
#prihlasit h1{position:relative; margin:0; padding:0; top:0px; left:40px;   font-size:15pt; color:#C03404;}
#adresa { position:relative;float: right;  width:230px;  font-family:Calibri; font-size:15pt;color:#C03404; cursor:pointer;}
#maly_obr{position:relative; left:120px;  }

.podmenu{width:230px; position:relative;float: left; margin-left:25px; }
.hmenu {width:98%;}
.hmenu a{font-weight:bold; color:black;font-size: 1.0em; text-decoration:none; }
.hmenu a.vybrane{background-color:#FFF5B5;font-weight:bold; color:white; }
.hmenu a:hover{background-color:#FFF5B5;font-weight:bold;color:white; }

.titul {float:left; position:relative; width:340px; font-weight:bold; padding-left:30px; }


#kosik_info{width:145px; position:relative; float:left; border: 0px;color:green;padding:5px;}
/* stredni */


.stred_zaznam {position:relative;float: left; margin:auto; height:160px; 	margin: 1px; }
.stred_nadpis {background-image:url('styly/pozadi2.jpg'); position:relative;float: left; margin-left:12px;width:460px;color:#C03404;}
.stred_hore2 {background-image:url('styly/pozadi_hore2.jpg'); position:relative;float: left; margin-left:10px;width:300px;color:#C03404; text-align: center;}
.stred_text{position:relative;float: left; margin-left:8px;width:470px;}
.doplnek{font-size:11pt; font-weight:bold;  color:green}

/* druhý velký */

#druhy_shop{background-color: #FCFEAC; width:812px; position:relative;float: left; padding-left:8px; margin:0 }
.zluty{background-color:#FCeEAC; }

.plakaty {position:relative;float: left; margin:5px; width:800px;  }



#sm { width: 820px; float: left; font-size: 0.8em; }
#sm_druhy { width: 790px; float: left; font-size: 0.8em; }
.zaznam {	width: 150px;	height: 200px;	float: left;	margin: 3px;	padding: 0;	position: relative;	overflow:hidden;	text-align: center;}

/*.sm_2 {background-image:url('styly/pozadi_obr_dole1.jpg');  font-size: 0.9em; font-family:Calibri; line-height: 1.0em;  }*/
.sm_22 {background-image:url('styly/pozadi_obr_dole2.jpg'); height:25px; font-size: 0.9em; font-family:Calibri;   }
.fotoInf {position:relative; float: left; width:48px; color:black;cursor:pointer;text-decoration:underline;}
.table{width:720px; float:left; margin:3px; padding:0; position:relative;}

.popis_reg {text-align:right; width:120px;}
.pohled {width: 520px; vertical-align:top; text-align: center;  }
.prehled_foto {width: 175px; vertical-align:top; text-align: center; height: 550px; overflow: scroll }
.obrazek{background-image:url('styly/pozadi_obr_dole1.jpg'); cursor: pointer; padding-left:2px}
.obrazek_akce{background-image:url('styly/podmenuzel.jpg'); cursor: pointer; padding-left:2px}


.sm_3 { background:#3aa923; border: 0px none; color: white; font-size: 1.3em; font-family: Times New Roman; font-style: italic; width: 150px;  }
.sm_4 { background:#cb6410; border: 0px none; color: white; font-size: 1.3em; font-family: Times New Roman; font-style: italic; width: 200px; }
.sm_5 {  border: none; color: black; font-size: 1.3em; font-family: Times New Roman;  width: 420px; }


#sm .pol { width: 150px; height: 155px;  text-align: center;position:relative; float: left; margin: 5px 3px 5px 3px;}
#sm_druhy .pol { width: 150px; height: 155px;  text-align: center;position:relative; float: left; margin: 5px 3px 5px 3px;}
#sm .pol4 { width: 150px; height: 122px;  text-align: left; position:relative; float: left; margin: 5px 3px 15px 0px;}

.mesicCur{background-color:#9CDF0B;}
.navCur{background-color:#9CDF0B;}

.vice{float:right; font-weight:bold; text-decoration:underline; cursor:pointer;}
.moznosti{font-weight:bold; text-decoration:underline; cursor:pointer;}
.moznosti2{background-image:url('styly/podmenuzel.jpg');font-weight:bold; text-decoration:underline; cursor:pointer;}
.tucne{font-weight:bold;  }
/* třetí reklamní*/

.registrace{ position:relative;float: right; color:#C03404; font-size: 0.80em;  }