/*  
Version: 1.0
Author: Stanislav Kratochvil
Author URI: http://www.3wd.cz/
*/

* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, p, blockquote, label, ul, ol, dl, fieldset, address, iframe { margin:.5em ; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.left{ float:left; }
.right{ float:right; }
.center { text-align:center;  }
.border { border:1px solid #000000 }


.tl { text-align:left}
.tr { text-align:right}
.tc { text-align:center}
.fl { float:left; margin-right:5px; margin-bottom:5px; }
.fr { float:right; margin-left:5px; margin-bottom:5px;}


.cara { background-color:#333333; height:2px; width:100%; margin:30px 0; }
.hidde, hr { display:none; }
.clr { clear:both; padding:0; margin:0; height:0; visibility:hidden; font-size:0; }

a { color:#FF0000; border:none; }
a:hover { color: #666666; border:none; }

a img, a:hover img { /* border:none; background:transparent; */ }

h1 { color:#990000; font-weight:normal; font-size:20px; padding:10px 0 25px 10px; margin:0;  background:#ACB1AA url(../images/global/bg-upoutat.jpg) no-repeat top right; }
h2 { font-size:140%; color:#337B2B; }
h3 { font-size:125%; color:#002F65; }
h4 { font-size:120%; color:#4A9488; }

h2.nadpis { color:#990000; font-weight:normal; font-size:20px; padding:10px 0 25px 10px; margin:0;  background:#ACB1AA url(../images/global/bg-upoutat.jpg) no-repeat top right;}

em { color:#063153; font-style: normal; font-weight:bold; background-color:#FFFF00 }

.upoutat { width:100%; font-size:110%; padding:0px; margin:0 0 10px 0; border-bottom:2px solid #000000; color:#000000; background:#ACB1AA; text-align:left; }
.upoutat p { font-size:110%; margin:0; padding:0 10px 10px 10px   }

table { border-collapse:collapse; border:1px solid #24561E; margin:5px 10px 10px; }
table td { font-size:100%;  border:1px solid #24561E; text-align:left; padding:4px; vertical-align:top;  background-color:#FFFFFF; }
table th { font-size:110%; text-align: left; color:#FFFFFF; font-weight:normal; border:1px solid #24561E; padding:4px; background-color:#A6A6A6; vertical-align:middle; }
table th strong { color:#FFFFFF; }

dl { border:1px solid #333333; background-color:#FFFFFF; margin:4px; padding:6px; float:left; }
dt { text-align:center; padding-bottom:10px;  height:30px; width:180px}
dt a { font-size:100%; font-weight:normal;  }
dt a:hover img { border:1px solid #FF0000; }
dd { margin:0; }
dd img { border:1px solid #333333; }

#design a { color:#000000; text-decoration:underline; }
#design a:hover { color:#000000; background-color:#B5D5DD; }

/* Layout -------------------- */
body {
	font-size: 70%; /* Resets 1em to 10px */
	font-family:'Verdana CE', Verdana, 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif;
	background:#020202 url("../images/global/bg.jpg") repeat-x; 
	/*background:#020202 url("../images/global/bg-zima-2.jpg") repeat-x; */
	}
	
div#header #h0 {height:170px; margin:0; background:#EEE; color:#2C4C79; position:relative; overflow:hidden;}
div#header #h0 span { display:block; position:absolute; left:0; top:0; z-index:5; height:170px; width:900px; background:url("../images/global/bg-banner.jpg") top left no-repeat; cursor:pointer;  }

/* BOX -------------------- */
div#container { background:#DBE3D6 url(../images/global/bg-container.jpg) repeat-y; text-align:left; border:0; }
div#wrapper { background:#DBE3D6 url(../images/global/bg-wrapper-zima.jpg) no-repeat top right; padding-top:20px; }
div#content { background-color:#DBE3D6; }
div#content p {line-height:1.5; }
div#navigace1 { line-height:38px; background:#303030 url(../images/global/bg-nav1.jpg) no-repeat top;   }
div#navigace2 { background:#337B2B; padding-top:20px; padding-bottom:20px; }
div#extra {  background:#337B2B;  }
div#footer { background:#020202 url(../images/global/bg-footer.jpg) no-repeat top; text-align:right; padding-top:20px;  }
div#footer p { margin:8px 0 0 0; padding:6px; line-height:1.5em; font-size:90%; color:#FFFFFF }

div#container{ width:900px; margin:0; }
div#wrapper { float:right; width:630px;   }
div#content {float:right; width:630px; }
div#navigace1 { float:right; width:900px; height:39px;}
div#navigace2 {float:left;  width:270px; }
div#extra {float:left; clear:left;  width:270px; }
div#footer {clear:both; width:100%; height:100px;}

/* navigation -------------------- */
#navigace1 ul, #navigace1 li  { margin:0; padding:0; float:left;  }
#navigace1 li { float:left; list-style-type:none; border-right:0px solid; white-space:nowrap; text-align:center;   }
#navigace1 li a, #navigace1 li span  { display:block; padding:0 8px; margin:0; font-size:1em; font-weight:bold; text-decoration:none; letter-spacing:1px;}
#navigace1 li a { color:#FFFFFF;   }
#navigace1 li a:hover { color:#ACB1AA; }
#navigace1 li span {  color:#000000;  }
* html #navigace1 a {width:1%;} 

/* navigation2 -------------------- */
#navigace2 ul {list-style-type:none; margin:0; padding:0}
#navigace2 li {float:left; position:relative; width:190px; margin:0; padding:0;	}
#navigace2 li a {display:block; width:230px; border-bottom:1px solid #FFFFFF; padding:6px 0 6px 20px; letter-spacing:1px; font-size:1.4em; color:#FFFFFF; font-weight:bold; line-height:1.1em; text-decoration:none; text-align:left; border-bottom:1px solid #FFFFFF; }
* html #navigace2 li a {width:190px; position:relative; overflow:hidden;}
#navigace2 li ul {position:absolute; display:none; top:0; left:210px;}
#navigace2 li ul li a { width:100px; }
* html #navigace2 li ul {display:block; margin-top:-1px; width:300px; }

#navigace2 li a:hover, #navigace2 li:hover a {background-color:#FFFFFF; color:#000000;  overflow: visible;}
#navigace2 li:hover ul {display: block;}
#navigace2 li li a, #navigace2 li:hover li a {font-weight: normal; background-color:#24561E; color:#FFFFFF; line-height: 1em; letter-spacing:0em;}
#navigace2 li li a:hover, #navigace2 li:hover li a:hover {background:#063153; color:#fff;}

#navigace2 table {border-collapse:collapse; margin-top:-1px; }
#navigace2 table, #navigace2 table td, #navigace2 table tr { padding:0; margin:0; border:0; background:none; border-color:transparent}

/* EXRTA -------------------- */
#extra h2 { color: #FFFFFF; background-color:#24561E; padding:4px; font-size:130%; margin:0  }
#extra p { color:#DAFFD6; padding-left:10px }
#extra a { color:#FFFF00 }
#extra a:hover { color:#333333; }
#extra li { color: #FFFFFF; }

/* FOOTER -------------------- */
#footer a { color:#FFFFFF }

#footer .box { padding-top:10px; color:#FFFFFF; float:right; width:780px; }
#footer .box-left { float:left; width:300px; text-align:left;  }
#footer .box-right { float:right;  width:300px; }

#footer .box-left ul { padding:0; margin:0; background-color:transparent;  }
#footer .box-left li { list-style:none; display:inline; padding:0px; }
#footer .box-left a:hover { color:#333333;  }

/* STR -------------------- */

/* STR: uvod -------------------- */
#global-uvod #img-uvod  { border-bottom:4px solid #24561E; border-top:4px solid #24561E; height:220px; background-image:url(../img.php) }

.akce  { background-color:#4AB43F; padding:10px 0; border-bottom:2px solid #24561E; margin:0 0 10px 0 }

/* PRODUKTY -------------------- */
.produkty-foto img { padding:2px; border:1px solid #000000; background-color:#FFFFFF; }



div.karta { float:left; width:200px; position:relative; height:464px; background-color:#FFFFFF; margin:2px; padding:0; text-align:center; font-size:100%; border:1px solid #000000 }
div.karta .produkt {	margin:0 auto; padding:0; border:none; height:35px;	}
div.karta .znacka {	margin:0 auto; padding:0; border:none; height:40px;	}
div.karta .znacka a { font-size:13px; font-weight:bold;}
div.karta .foto {	margin:0 auto; padding:0; border:none;	}
div.karta .foto img  { border:1px solid #000000; }
div.karta .cenad { background-color:#063153; margin:6px 0 0px 0; padding:4px; font-size:14px; color:#FFFFFF; font-weight:bold; width:174px; border-bottom:2px solid #275F21; border-right:1px solid #275F21; border-top:1px solid #51BE45; border-left:1px solid #51BE45; }
div.karta .cena { background-color:#337B2B; margin:6px auto 0px auto; padding:4px; font-size:14px; color:#FFFFFF; font-weight:normal; width:174px; border-bottom:2px solid #275F21; border-right:1px solid #275F21; border-top:1px solid #51BE45; border-left:1px solid #51BE45; }
div.karta .cena2 { background-color:#003300; margin:6px auto 0px auto; padding:4px; font-size:14px; color:#FFFFFF; font-weight:normal; width:174px; border-bottom:2px solid #275F21; border-right:1px solid #275F21; border-top:1px solid #51BE45; border-left:1px solid #51BE45; }
div.karta .cena3 { background-color: #990000; margin:6px auto 0px auto; padding:4px; font-size:14px; color:#FFFFFF; font-weight:normal; width:174px; border-bottom:2px solid #275F21; border-right:1px solid #275F21; border-top:1px solid #51BE45; border-left:1px solid #51BE45; }
div.karta .cena3 strong { font-size:16px }
div.karta .stav { margin:0; padding:4px; color: #FF3300; text-align:center; font-weight:normal;}
div.karta .stav strong { font-size:1.3em}

/* STR: pripravujeme  -------------------- */
#global-pripravujeme dl { border:0px solid #333333; margin:4px; padding:4px; float:left; }
#global-pripravujeme dt { padding:0; border:0; color:#000000; padding-bottom:0px; background-color:transparent; padding:4px 4px 2px 4px   }
#global-pripravujeme dt img { border:0px solid #FFFFFF;}
#global-pripravujeme dd { padding:0; margin:0; color:#337B2B; border:0; background-color:transparent; padding-left:6px; padding-bottom:2px; font-size:95%; }

/* STR: ostatni  -------------------- */
.produkty img { padding:2px; border:1px solid #000000; background-color:#FFFFFF; }


/* STR: nabidka  -------------------- */
#nabidka { text-align:center; margin:0 auto; width:650px; }

/* STR: nahradni-dily  -------------------- */
.nahradni-dily img { padding:2px; border:1px solid #000000; background-color:#FFFFFF; }




form { margin:0; padding:0; 	}
legend { margin:1em 0; padding:.5em; color:#01A7E3;	background:transparent; font-size:1.2em; font-weight:bold; color:#E22F32; }
label {	float:left;	width:98px; padding:0 .4em;	text-align:left; clear:both; }
fieldset {	margin-bottom:.1em; padding:0 0 10px 0; display:block;}
fieldset input, fieldset textarea { width:170px; padding:1px; color:#333; margin-right:.8em}
fieldset textarea { width:400px; }
input.submit { margin:5px; padding:10px }


/* STR: produkt  -------------------- */

table.produkt  tr { height:65px; }
table.produkt  th { text-align:center}
table.produkt  td { padding:10px}
table.produkt  td.cena { vertical-align:middle}
table.produkt  td.kc { width:70px; text-align:right; color:#990000; font-weight:bold; vertical-align:middle}
table.produkt  td.obj{ vertical-align:middle}
table.produkt  td.obj .submit { padding:4px 20px; font-size:1.6em }
table.produkt  td.poznamka{ vertical-align:middle}


.barvy img { border:1px solid #000000}