/*  
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 { 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 }
.cara { background-color:#CB2000; height:2px; font-size:0; margin:40px 2%; clear:both; } 


.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;}


.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 { font-size:18px; color:#FFFFFF; }
h2 { font-size:130%; color:#CB2000; clear:both }
h3 { font-size:125%; color:#002F65; clear:both  }
h4 { font-size:120%; color:#4A9488; }

h2.nadpis { color:#FF0000; font-weight:normal; font-size:180%; padding:5px 0 5px 50px; margin:20px 0 17px 20px; background:url(../images/global/h2-nadpis.gif) no-repeat }

em { color:#194267; font-style:italic; font-weight:bold; }

.upoutat { width:100%; font-size:120%; padding:0px; color:#000000; background:#C8F4FF url(../images/global/bg-upoutat.jpg) repeat-x bottom; text-align: justify; border-top:6px solid #000000; }
.upoutat p { padding:15px; }
.upoutat h2 { background-color:#8798B5; padding:6px; margin:0; font-size:110%; color:#FFFFFF  }

table { border-collapse:collapse; border:1px solid #A33600; margin:5px 10px 10px; width:90% }
table td { font-size:100%;  border:1px solid #A33600; text-align:left; padding:4px; vertical-align:top;  background-color:#FFFFFF; }
table th { font-size:110%; text-align:center; color:#FFFFFF; font-weight: bold; border:1px solid #FFFFFF; padding:4px; background-color:#A33600; vertical-align:middle; }

dl { margin-bottom:2em; }
dl { border:1px solid #333333; background-color:#FFFFFF; margin:5px; padding:10px; float:left; }
dt { text-align:center; padding-bottom:10px; }
dt a { font-size:100%; font-weight:normal; }
dd { margin:0; }

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

form { margin:0; padding:0;}
fieldset {   }
legend { margin:1em 0; padding:.5em; color:#A33600;	background:transparent; font-size:1.2em; font-weight:bold;}
label {	float:left;	width:100px; padding:0 1em;	text-align: right;}
fieldset div {	margin-bottom:.5em; padding:0; display:block;}
fieldset div input, fieldset div textarea { width:180px; border-top:1px solid #555; border-left:1px solid #555; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:1px; color:#A33600;}
fieldset div textarea { width:300px; }

#fm_submit input { margin: 20px 40px; }
#fm_odeslat input { margin-left:.5em}

/* Layout -------------------- */
body {
	font-size: 70%; /* Resets 1em to 10px */
	font-family:'Verdana CE', Verdana, 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif;
	background:#A33600 url("../images/global/bg.jpg") repeat-x; 
	}
	
div#header h1 {height:205px; margin:0; background:#EEE; color:#2C4C79; position:relative; overflow:hidden;}
div#header h1 span { display:block; position:absolute; left:0; top:0; z-index:5; height:205px; width:900px; background:url("../images/global/bg-logo.jpg") top left no-repeat; }
#podnadpis { position: absolute; width:370px; top:78px; left:224px; font-size:14px; font-weight: normal; color:#000000; z-index:10; }

/* BOX -------------------- */
div#container { text-align:left; border:0px solid #000000; background:#FFFFFF url(../images/global/bg-extra.jpg) repeat-y 0 580px; }
div#wrapper {  }
div#content { background-color:#FFFFFF; margin-bottom:10px; }
div#content p {line-height:1.5; }
div#navigace1 { line-height:35px; background:#CB2000 url(../images/global/bg-navigace1.jpg) repeat-x; border-top:1px solid #000000; }
div#navigace2 {  background:#CB2000 url(../images/global/bg-navigace2-top.jpg) no-repeat; padding-top:115px; padding-bottom:20px; }
div#extra {  /* background:#CB2000 url(../images/global/bg-extra.jpg) no-repeat; height:323px; */ }
div#footer { background-color:#A33600; border-top:2px solid #00235B; text-align:right; }
div#footer p { margin:0; padding:1px; line-height:1.5em; font-size:90%; }

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

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

#navigace2 ul, #navigace2 li  { margin:0; padding:0; float:left  }
#navigace2 li { float:left; list-style-type:none; background-image:url(../images/global/bg-navigace2.jpg)  }
#navigace2 li a, #navigace2 li a:hover { display:block; width:170px;  padding:8px 0 8px 30px; font-size:1em; font-weight:bold; text-decoration:none; letter-spacing:1px; border-bottom:1px solid #FFFFFF; }
#navigace2 li a { color:#FFFFFF;  }
#navigace2 li a:hover { background-color:#FFFFFF; color:#000000 }
* html #navigace2 a {} 

/* UVOD -------------------- */
#uvod-box { float:left; width:100%; } 
#uvod-left { float:left; width:480px; margin-top:20px; } 
#uvod-right { float:right; width:220px; margin-top:20px; text-align:center; }

#uvod-left img { float:left; margin-right:.5em;  } 
#uvod-left h2 { background-color:#CB2000; color:#FFFFFF; font-size:1em; padding:.5em; margin:1em; clear:both;  } 

#uvod-novinky {  } 

.kosticky  { background:url(../images/global/kosticky.gif) repeat-x; width:94%; height:5px; margin:5px; font-size:1px } 

/* FIRMY -------------------- */
#firmy-loga { margin:0px; border-top:1px solid #000000; text-align:center  } 
#firmy-loga img { margin:10px 5px; vertical-align:middle  } 

/* SPOTREBNI MATERIAL -------------------- */
#global-spotrebni-material #box { float:left; width:700px; } 
#global-spotrebni-material #left { float:left; width:350px; } 
#global-spotrebni-material #right { float:right; width:350px; } 

/* STR: nonin -------------------- */
#global-nonin .karta { float:left; width:160px; height:220px; margin:4px; padding:10px 0; text-align:center; background:#FFFFFF; border:1px solid #000000; font-size:100%  }
#global-nonin h2  { height:30px; border:0; padding:0; background-image:none; }
#global-nonin h2 a { margin:0 auto; font-size:80%; color:#FF0000; font-weight:normal; text-align:center  }
#global-nonin .foto { margin:0 auto; padding:0; border:none;	}
#global-nonin .fotopopis { margin:5px; padding:0; text-align:left;  color:#000000; font-size:11px }

/* STR: proma -------------------- */
#box-data {width: 690px; margin: 0px auto; text-align: center;}
#global-proma-reha .karta { float:left; width:220px; margin:4px; padding:10px 0; text-align:center; background:#FFFFFF;  font-size:100%  }
#global-proma-reha h2  {height:40px; border:0; padding:0; background-image:none; font-size: 90%; clear:both }
#global-proma-reha .foto { margin:0 auto; padding:0; border:none;	}
#global-proma-reha .fotopopis { margin:5px; padding:0; text-align:center;  color:#000000; font-size:11px }
#global-proma-reha h2.hl-nadpis {text-align: left; padding: 0px 10px; font-size: 130%; width:650px }
.noscreen {float: none; clear: both; visibility: hidden;}