body { background-image:url('styly/main_bg.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    color: #353535;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 12px;
    padding-top: 8px;
    width: 100%;  
}
#hlavni{background-image:url('styly/pozadi-papir.jpg');    width:1000px;     margin-left: auto; margin-right: auto; }
#hlavicka{float:left; width:770px; height:105px; margin-left:8px;
border-radius:  50px 0px 0px 0px;
background-image:url('styly/pozadi_pole1.png');
}
#obsah {  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:1000px;  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{background-color:#F5FCE3; width:160px;  min-height:780px; position:relative;float: left; margin-left:5px; text-align: center; }
#druhy{ width:83%; position:relative;float: left; margin-left:5px;  text-align: left; min-height:250px; }
#stred{width:76%; position:relative;float: left; margin-left:2px;   text-align: left}
#stred_zdarma{background-color:#D8D9D4; width:100%; position:relative;float: left; margin-left:2px;   text-align: left;  text-align: center;border-radius: 6px 16px 16px 16px; }
#pravy{width:195px; position:relative;float: left; margin-top:15px;   text-align: center}
#kosik_info{width:145px; position:relative; float:left; border: 0px;color:green;padding:5px;}
#treti{ width:20%; position:relative; float: right; margin-right:10px;  color:#C03404; font-size: 1.0em; }
#velkyObrazek {max-width:500px;float:left}
#malyObrazek {max-width:116px; float:left; cursor: pointer;margin:2px}
#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;  }
/*
#pole98{width:100%;height:150%; position:absolute;  z-index:1;display:none;}
#pole99{width:300px;height:300px;  position:absolute; opacity:1; left:30%; top:120px; text-align:right; padding:10px;
z-index:2;display:none;
border-radius: 16px;
background-image:url('styly/pozadi_pole1.png');}
#pole99_v{display: block; height: 280px;  width: 380px; margin:30px;text-align:left;font-size:14pt;}
*/
.logo{width:175px; position:relative;float: left; padding:0 0 0 30px;} 
.hlavicka_odkazy{ width:140px; float: right; padding:50px 5px 0 0; color:grey; }
.hlavicka_nadpis{ width:620px;margin-top:20px; font-size:16pt; color:#C03404;position:relative; padding:11px 0px 0px 20px;font-family: Arial;}
.registr{width:20%; height:95px; font-size:12pt; color:#C03404;position:relative;float: right;  padding:11px 0px 0px 10px;font-family: Arial; text-align: left;
border-radius: 6px 16px 16px 16px;  box-shadow: #666 3px 2px 3px; 
background-image:url('styly/pozadi_pole1.png');
}
.souvisejici{ width:41%; float: left; margin:5px 5px 5px 0;}
.souvisejici a{display:block; width:90px;  height:70px; overflow:hidden; }
.popisek{ width:49%; float: left;  padding-left:5px;margin-left:10px;}
.popisek_volby{ width:10%; float: left;  margin-left:10px;}
   
.button1{background-color:yellow; border-radius:15px; cursor:pointer;font-weight: bold; height:25px; padding: 2px; }
.button2{background-color:#FF4a4a; border-radius:15px; cursor:pointer;font-weight: bold; height:25px; padding: 2px; color:white}
.button3{background-color:red; border-radius:15px; cursor:pointer;font-weight: bold; height:25px; padding: 0 10px 0 10px; color:yellow}
.button1_a{cursor:pointer;background-color:#60f0e4;border-radius:15px;font-weight: bold;height:25px; padding: 0 10px 0 10px;}
.button1_m{cursor:pointer;background-color:#B3FFB3;border-radius:15px;font-weight: bold;height:25px; padding: 0 10px 0 10px;}
.button1_o{cursor:pointer;background-color:#FF99FF;border-radius:15px;font-weight: bold; height:25px; padding: 0 10px 0 10px;}
.submit{cursor:pointer;background-color:yellow; border-radius:15px;font-weight: bold; height:40px; padding:10px;}
.submit2{cursor:pointer;background-color:red; border-radius:15px;font-weight: bold; height:40px; padding:10px; color:white}

.menu{background-color:#F5FCE3;  padding-left:3px;font-size:1.3em; line-height: 1.8em;border-bottom:1px solid #C3C3C3; text-align: left;}
.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; }
.menu_vlastni{background-color:#E1E4D9;  width:91%; line-height: 1.7em; padding-left:20px;}

.stred h2{ font-size:15pt; color:#C03404;margin:0;}
.uvod1 {background-color:#bb8c1a; padding:5px;border:1px ;}
.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;}
.doplnek{font-size:11pt; font-weight:bold;  color:green}


.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:80%; 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:url('styly/pozadi_pole1.png');
}
.pole3_img{background:transparent; position:relative;float:left;  padding:0; 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:195px; 	margin:6px 2px;  
border: 1px solid #696;  padding: 6px 0; text-align: center; 
border-radius: 6px 16px 16px 16px; box-shadow: #666 3px 2px 3px;
 background-color:white;}
.bunka_uvodni {position:relative; float:left; width:300px;  height:300px; 	margin:10px 4px; overflow:hidden; 
border: 1px solid #696;padding: 6px 0;  text-align: center; border-radius: 6px 16px 16px 16px; box-shadow: #666 3px 2px 3px;background-image:url('styly/pozadi_pole1.png');}
.bunka_tisk {position:relative; float:left; width:200px;  height:305px; 	margin:10px 10px;  
border: 1px solid #000;  padding: 6px 0;text-align: center;border-radius: 6px 16px 16px 16px; background-image:url('styly/pozadi_pole1.png');}

.bunka_tisk td{text-align:center}
.img{cursor: pointer; padding-top:3px; }
.image{max-width:100px; max-height:80px; cursor: pointer; padding:2px;overflow:hidden; }
.vnitrni{position:relative; height:140px;overflow:hidden;}
.vnitrni_doprava{z-index:1; position:absolute; width: 40px; height: 20px; top:7px; left: 7px; background-color:red;}
.sm_1 { height:30px;position:relative;font-size: 1.1em; font-family:Arial; font-weight:bold;}
.sm_2 {font-size: 1.1em; text-align:center; width:180px;height:25px; }
.sm_text1 {font-size: 1.1em; font-family:Arial;text-align:left;  color: green; width: 180px; float:left; height: 22px; padding:2px 1px 0 2px;}
.sm_text2  {font-size: 1.1em; font-family:Arial;text-align:left;  color: green; width: 100px; float:left; height: 22px; padding-left:2px;}
.sm_text2a {font-size: 1.1em; font-family:Arial;text-align:left;  color: green; width: 83px; float:left; height: 22px; padding:5px 0px 0px 5px;}
.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: 1.1em; font-family:Arial;text-align:right;  color: red; width: 84px; float:right; height: 22px; padding:5px 5px 0px 0px;; font-weight:bold}
.z_index_3{position:absolute;z-index: 1;height: 30px; margin:5px}

.popis {border:1px solid #BB8C1A;text-align:left; width:80px;padding-left:4px;}
.popis_2 {background-color:#D1D1D1; text-align:left; padding-left:4px;}
.nadpis_zbozi {text-align:left; font-weight:normal; width:290px;}
.popis_zbozi {margin-top:0.2em; margin-bottom: 1.1em ; background-color:#F5FCE3; text-align:left;  width:290px;}
.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; font-weight:normal;}
.fieldset{border:1px solid #BB8C1A;margin:10px;padding:10px;width:500px;}
.navBar{float:left; width: 100%; text-align: center; margin-bottom: 5px;}

.bunka_seznamu {position:relative; float:left; width:98%;  height:118px; 	margin:6px 2px; border: 1px solid #696;  padding: 6px 0; text-align: left;border-radius: 6px 16px 16px 16px; box-shadow: #666 3px 2px 3px;
   background-image:url('styly/pozadi_pole1.png'); font-size:16px;}
.bunka_seznamu_zbozi {position:relative; float:left; width:98%;  height:118px; 	margin:6px 2px; border: 1px solid #696;  padding: 6px 0; text-align: left;border-radius: 6px 16px 16px 16px; box-shadow: #666 3px 2px 3px;
   background-color:white; font-size:16px;}
.seznamu_1 {position:relative;font-size: 1.2em; font-family:Arial; font-weight:bold; padding-left:10px; float:left; width:500px; }
.seznamu_vlevo {position:relative; font-family:Arial; padding-left:5px; float:left; width:145px; height:115px;text-align:center; }
.seznamu_vpravo {position:relative; font-family:Arial; padding-right:5px; float:right; width:145px; height:115px; }
.seznamu_img {position:relative;font-size: 1.1em; font-family:Arial; font-weight:bold; padding-left:1px; float:left; width:145px; height:143px; }
.seznamu_text {position:relative;overflow-x: auto; height:87px; width:500px; padding:5px; float:left;}
.seznamu_text2 {position:relative;font-size: 1.1em; font-family:Arial; font-weight:bold;float:right; width:140px; }
.seznamu_koupeno  {position:relative; background-color: #f2d6c0; font-size: 1.1em; font-family:Arial; float:left; width:140px;}


.titul_4 {float:left; position:relative; font-weight:bold; padding-left:5px;text-align:left; width:520px}
.titul_41 {float:left; position:relative; font-weight:bold; padding-left:5px;text-align:left; ; width:300px;font-size:14px;}
.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; border: 0 solid white; border-radius: 10px;padding-left: 5px;}
.input_spatne{background-color:red;  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;}
.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; }



/* stredni */




img {border: medium none; margin: 0; padding: 0; vertical-align: text-top;}
h1 {font-size: 16px;     margin: 0;    padding-bottom: 5px;}
h2 {font-size: 15px;    margin: 0;    padding: 0 0 5px;}
h3 {color: #808080;    font-size: 14px;    margin: 0;    padding: 0 0 10px;}
h4 {font-size: 13px;    margin: 0;    padding-bottom: 5px;}
a {color: #353535;    text-decoration: none;}
a:hover {color: #353535;    text-decoration: underline;}
.bold {font-weight: bold;}
input {border: 1px solid #C9C9C9;    padding: 0;}

.hlaska {background-color: #FFD5D5;    border: 2px solid red;    color: red;    font-weight: bold;    margin-bottom: 5px;    padding: 5px;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
hr {background-color: #D3D3D3;    border: 0 none;    height: 1px;}
p {margin: 0;    padding-bottom: 5px;    padding-top: 5px;}
div {display: block;}
table {border-collapse: collapse;}

th {background-color: #E5E5E5; color: #454545;font-weight: bold; padding: 4px; text-align:left  }
.clear {clear: both;}
/*td {padding: 0 4px 0 6px;}*/
/*tr {background-color: #FFFFFF;    border-bottom: 1px solid #D7D7D7;}
td {border-right: 1px solid #E2E2E2;    padding: 0 4px 0 6px;}
*/
.maly_top{background-image:url('styly/maly_top.png');
    width:150px; min-height:20px; }
.pravy_top{background-image:url('styly/pravy_top.png');
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: 10px;
    width:200px; min-height:151px;
    padding: 5px 0 5px 0;}
.pravy_bottom{ background-image:url('styly/pravy_bottom.png');
    background-position: center top;
    background-repeat: no-repeat;
    margin: 0;
    width:195px;height:5px;
    padding:2px;}
.levy_top{background-image:url('styly/levy_top.png');
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: 10px;
    width:158px; min-height:150px;
    padding: 5px 0 5px 0;}
.levy_bottom{ background-image:url('styly/levy_bottom.png');
    background-position: center top;
    background-repeat: no-repeat;
    margin: 0;
    width:158px;height:5px;
    padding:2px;}
.new_box {
    background-color: #F9F9F9;
    border: 1px solid #D7D7D7;
    margin: 6px;
    padding: 5px 0 5px 0;
}

#pole98{z-index:2;width:100%;height:150%; position:absolute;  z-index:1;display:none;}
#pole99{width:300px;height:300px;  position:absolute; opacity:1; left:30%; top:120px; text-align:right; padding:10px;
z-index:2;display:none;
border-radius: 16px; box-shadow: #666 8px 8px 8px;
background-image:url('styly/pozadi_pole99.png');
}
#pole99_v{display: block; height: 280px;  width: 380px; margin:30px;text-align:left;font-size:14pt;}



.submit{cursor:pointer;background-color:yellow; border-radius:15px;font-weight: bold; height:40px; padding:10px;}
.submit2{cursor:pointer;background-color:red; border-radius:15px;font-weight: bold; height:40px; padding:10px; color:white}


a.tooltip {outline:none; } 
a.tooltip strong {line-height:20px;} 
a.tooltip:hover {text-decoration:none;} 
a.tooltip span { z-index:10;display:none; padding:5px; margin-top:-30px; margin-left:0px; width:240px; line-height:10px;font-size:10px; } 
a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;} 
/*.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;} CSS3 extras*/ 
a.tooltip span { border-radius:8px; box-shadow: 5px 5px 8px #CCC; }