/*  

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

div#content  {text-align:justify }

p { margin: 0; } 
pre, p, blockquote { padding:.5em 1em }

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



.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:150%; color: #FFFFFF; padding:10px .5em; margin:0; background-color:#DA251D } 
/* h2 { font-size:2em; font-weight:normal; color:#DA251D; padding:10px .5em; margin:0;  } 
h3 { font-size:125%; color:#002F65; } */
h3 { font-size:125%; color:#DA251D; margin:10px 10px 20px 10px }
h4 { font-size:120%; color:#4A9488; }

h2.nadpis { color:#FF0000; font-weight:normal; font-size:180%; padding:10px 0 20px 0; }


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

.upoutat { font-size:100%;  color:#000000; background-color:#E4E9EF; text-align:justify; }
.upoutat h2 { background-color:#8798B5  ; padding:6px; margin:0; font-size:110%; color:#FFFFFF  }
.upoutat p {padding:6px; }


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


#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:#FFFFFF url("../images/global/bg.jpg") repeat-x;   
	}

	

div#header h1 {height:98px; margin:0; background:#FFFFFF; color:#2C4C79; position:relative; overflow:hidden;}
div#header h1 span { display:block; position:absolute; left:0; top:0; z-index:5; height:98px; width:950px; background:url("../images/global/bg-logo.jpg") top left no-repeat; cursor:pointer; }


/* BOX -------------------- */

div#container { background-color:#FFFFFF; text-align:left; border:0px solid #000000; }
div#wrapper {   }
div#content { background-color:#FFFFFF; }
div#content p {line-height:1.5; }
div#navigace1 { position:absolute; margin-left: -220px; left:50%; top:110px; z-index:15;  }
div#navigace2 {  padding-bottom:0px; }
div#navigace3 { line-height:24px;  }
div#extra {  background:#FFFFFF  }
div#footer { background-color:#FFFFFF; border-top:2px solid #00235B; text-align:right; margin-top:6px }
div#footer p { margin:0; padding:4px; line-height:1.5em; font-size:90%; }


div#container{ width:950px; margin:0 auto; }
div#wrapper {  }
div#content {float:right; width:650px; }
div#navigace1 {  height:25px; width:300px;  }
div#navigace2 {float:left;  width:280px; }
div#navigace3{ height:40px;}
div#extra {float:left; clear:left;  width:280px; }
div#footer {clear:both; width:100%;}



div#banner { background:url(../images/global/bg-banner.jpg) right top no-repeat; height:108px; padding:0px 370px 0 5px; font-size:16px; line-height:1.3; }
div#banner-img { text-align:justify; margin:0 0 0px 0; padding:0; float:left; width:950px; background-color:transparent  }
#banner-img img {margin:0px; padding:0px;   }

div#uvod-top { }


div#uvod-vyhledat { margin-bottom:10px; }
div#uvod-vyhledat select { }
div#uvod-vyhledat input { }


/* navigation -------------------- */

#navigace1 ul, #navigace1 li  { margin:0; padding:0; float:left;    }
#navigace1 li { float:left; list-style-type:none; white-space:nowrap; text-align:center; }
#navigace1 li a, #navigace1 span, #navigace1 li a:hover {  padding:5px; margin:0; font-size:0.8em; letter-spacing:0px; text-decoration: underline; background-color:transparent; }
#navigace1 li a { color:#666666; }
#navigace1 li a:hover { text-decoration:underline; color:#FF0000 }
#navigace1 span { color:#000000; font-weight:bold; }
* html #navigace1 a { width:1%; }


#navigace2 ul, #navigace2 li  { margin:0; padding:0; float:left ; }
#navigace2 li { float:left; list-style-type:none; white-space:nowrap; width:270px;  }
#navigace2 li a, #navigace2 li a:hover { display:block; width:100%; text-align:left;  padding:8px 0 8px 10px; font-size:17px; font-weight: normal; text-decoration:none; letter-spacing:1px;  }
#navigace2 li a { color:#FFFFFF;   }
#navigace2 li a:hover { background-color:#FFFFFF; color:#000000 }
* html #navigace2 a {} 


#navigace2 ul .mn1 { background-color:#3FBAE4; }
#navigace2 ul .mn2 { background-color:#77AE37 }
#navigace2 ul .mn3 { background-color:#DA251D }


#navigace3 ul#navigation3  { float:right}
#navigace3 ul, #navigace3 li  { margin:0px; padding:0; float:left;    }
#navigace3 li { float:left; list-style-type:none; white-space:nowrap; text-align:center;  list-style-image:none;   }
#navigace3 li a, #navigace3 li a:hover, #navigace3 li span  { display:block; padding:8px 10px; font-size:16px; font-weight: normal; text-decoration:none; letter-spacing:0px; }
#navigace3 li a {  color:#FFFFFF; background-color:#1C98C1; background-image:url(../images/global/bg-nav3.gif); }
#navigace3 li a:hover { background-color:#567C27; color:#FFFFFF; background-image:url(../images/global/bg-nav3-on.gif) }
#navigace3 li span{ background-color:#567C27; background-image:url(../images/global/bg-nav3-on.gif); color:#FFFFFF; }
* html #navigace3 a {width:1%;} 




/* EXTRA -------------------- */
#dotaz { background-color:#CCCCCC; padding:0 0 10px 0; margin-bottom:6px; float:left; width:280px} 
#dotaz h2 { background-color:transparent; color:#000000} 
#dotaz a { font-size:1.2em } 
#dotaz ul { padding-left:6px;  } 
#dotaz li { padding-bottom:4px; list-style-type: square; color:#FF0000 } 
#dotaz li:first-letter { } 


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

div.karta { float:left; text-align:left; width:150px; position:relative; height:230px; background-color:#A9E1FC; margin:3px 5px; padding:0; text-align:center; font-size:100%; border:1px solid #000000 }
div.karta .foto {	margin:0 auto; padding:0; border:none;	}
div.karta .cena { background-color:#09A1E9; margin:0; padding:4px; font-size:12px; color:#FFFFFF; font-weight:bold;}
div.karta .okres { margin:0; padding:4px; color:#000000; text-align:left; background-color:#FFFFFF; font-size:.8em}
div.karta .popis { background-color:#A9E1FC; margin:0; padding:4px; font-size:11px; text-align:left}
div.karta .popis a { color:#000000; text-align:left}
div.karta .popis a:hover { color: #666666}
div.karta .vice  { text-align:right; }
div.karta .stav  { background-color:#FFFFFF; color:#DA251D; position:absolute; top:85px; right:-2px; font-weight:bold; padding:1px 4px}

/* STR: KARTA -------------------- */

#box-karta { float:left; width:650px; background-color:#E2F5FE; }
#box-karta-l { float:left; width:310px; }
#box-karta-r { float:right; width:335px;}

#box-karta-r img { border:1px solid #000000; margin:0; padding:0 }
#box-karta-r p {  margin:6px; padding:0 }
h2.karta {  font-size:2em; color: #FFFFFF; padding:8px 10px; text-align:left; background-color:#DA251D }/* h2 { font-size:150%; color: #FFFFFF; padding:10px .5em; margin:0; background-color:#DA251D } */
h3.karta { font-size:125%; color:#002F65; border:1px solid red; padding:6px; background-color:#FFFFFF; text-align:center }

#box-karta-r h3 { color:#DA251D; border-top:2px solid #DA251D; margin-top:20px }
.tel { color:#09A1E9; font-size:140%; font-weight:bold; }

table.karta { border-collapse:collapse; border:1px solid #A6A6A6; margin:5px 10px 10px; width:290px; }
table.karta  td { font-size:100%;  border:1px solid #09A1E9; text-align:left; padding:4px; vertical-align: middle; background-color:#A9E1FC; }
table.karta  th { font-size:110%; text-align:right; color:#FFFFFF; font-weight:normal; border:1px solid #FFFFFF; padding:6px; background-color:#09A1E9; vertical-align:middle; }



/* STR: UVOD -------------------- */

.celkova-nabidka { padding:4px 20px; font-weight:bold;  }



/* STR: KONTAKTY -------------------- */

.obr { border:1px solid #000000; }



/* BANNER -------------------- */

div#banner p.text { text-align: justify; font-size:14px}
div#box-karta-l p.text { text-align: justify; }



select.filtr {	font-weight: bold; }

/* O NAS -------------------- */

table.onas { background-color:#FFFFFF; width:450px}
table.onas  td   { background-color:#FFFFFF; font-size:.9em; padding:4px}
table.onas th   { font-size:110%; text-align:right; color:#FFFFFF; font-weight:normal; border:1px solid #FFFFFF; padding:4px; background-color:#09A1E9; vertical-align:middle; }
table.onas  th strong { color:#FFFFFF; }



/* marquee -------------------- */
.marquee { color:#D9251D; font-size:1.4em; border:1px solid #000000; padding:6px }
.marquee a { color:#D9251D; text-decoration:none;  }

/* FLASH-------------------- */
.vyberte { cursor: hand   }
banner-img object { cursor: hand   }