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

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

.img-left{ float:left; margin-right:4px; }
.float-right { float:right; margin:0 0 8px 8px; }
.center { text-align:center;  }

.t-right { text-align:right }
.t-center { text-align:center }

.border { border:1px solid #000000 }
.noborder { border:0 }
.width-50 { width:50%; }
.width-30 { width:30%; }

.hidde, hr { display:none; }
.clr { clear:both; padding:0; margin:0; height:0; visibility:hidden; font-size:0; }

p { padding-bottom:10px; }

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

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

img { border:0px solid #000000; }

h1 { font-size:18px; color:#FFFFFF; }
h2 { font-size:125%; color:#FFFFFF;  border-left:0px solid #6E0B0A; margin-right:0; padding:10px 10px 10px 30px; background:url("../images/global/h2-1.gif") no-repeat }
h3 { font-size:125%; color:#FF8C8B; }
h4 { font-size:120%; color:#6E0B0A; }

h2.nadpis { color:#FFFFFF; font-weight:normal; font-size:180%; margin:0 0 10px 0; padding:20px 10px; background-color:#BA1410; border-bottom:1px solid #FFFFFF; background:#550401 url(../images/global/upoutat.jpg) repeat-x; }

em { color: #FFFF00; background-color:transparent; padding:2px; font-style: normal; font-weight:bold; }

ul { margin-bottom:20px; }
li { list-style:url("../images/global/li.gif"); }

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

table { display:table; border-collapse:collapse; border:0px solid #0A416E; margin:.5em; width:98%; clear:both;  }
td, th { font-size:94%;  border:1px solid #9D100E; text-align:left; vertical-align:top;  background-color: #CCCCCC; color:#000000; margin:0; padding:6px 4px;  }
th { font-weight: normal; text-align:center; background:#333333; color:#FFFFFF; vertical-align:middle; padding:4px 4px; }

.table-400 { width:400px; clear:none}

dl { border:0px solid #FFFFFF; margin:4px; padding:4px; float:left; }
dt { padding:0; border:0; color:#000000; padding-bottom:0px; background-color:transparent; padding:4px 4px 2px 4px   }
dt img { border:0px solid #FFFFFF;}
dd { padding:0; margin:0; color:#F7A6A4; border:0; background-color:transparent; padding-left:6px; padding-bottom:2px; font-size:11px; text-align:center; }


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

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

/* BOX -------------------- */
div#container { /*background-color:#9D100E;*/ background-color:#AF1410; text-align:left; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000 }
div#wrapper {  }
div#content { background-color:#AF1410; padding-bottom:20px; }
div#content p {line-height:1.5; margin-left:10px; }
div#navigace1 { line-height:30px; background:#9D100E url(../images/global/bg-nav1.jpg) repeat-x; border-bottom:4px solid #B02D0B; }
div#navigace2 {  background:#2D2D2D url(../images/global/nav2.jpg) repeat-y; padding-bottom:30px; }
div#extra { background:#BA1410; }
div#footer { background-color:#9D100E; border-top:1px solid #6E0B0A; text-align:right; }
div#footer p { margin:0; padding:4px; line-height:1.5em; font-size:90%; }

div#container{ width:970px; margin:0 auto; }
div#wrapper {  }
div#content {float:right; width:720px; }
div#navigace1 { float:left; width:970px; height:35px;}
div#navigace2 {float:left;  width:250px; }
div#extra {float:left; clear:left;  width:250px; }
div#footer {clear:both; width:100%}

#banner { background:url(../images/global/bg-banner.jpg); height:144px; float:left; width:970px}

.cara { background-color:#880000; height:4px; font-size:0; margin:40px 100px; clear:both; } 
.rozcestnik { color:#880000}
.rozcestnik a { color:#880000}
.rozcestnik a:hover { color:#FFFFFF} 

/* navigation -------------------- */
#navigace1 ul#navigation  { float:right}
#navigace1 ul, #navigace1 li  { margin:0px; padding:0; float:left;   }
#navigace1 li { float:left; list-style-type:none; border-left:1px solid #68040A; white-space:nowrap; text-align:center;  list-style-image:none;   }
#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; line-height:40px;}
#navigace1 li a { color:#FFFFFF;   }
#navigace1 li a:hover { background-color:#68040A; color:#000000 }
#navigace1 li span{ background-color:#68040A; color:#000000 }
* html #navigace1 a {width:1%;} 

#navigace2 h3 { color:#FFFFFF; padding-left:10px	}
#navigace2 a { color:#FFFFFF; padding-left:0px; line-height:20px; font-size:110% 	 }
#navigace2 a:hover { color: #666666 }
#navigace2 li { list-style-type:none; list-style-image:none; }

#menu1, #menu1 li, #menu1 ul, #menu1 li a  { margin:0; padding:0; }
#menu1 { position:relative; top:0px; left:0; width:250px; height:421px; margin-bottom:20px; background:#2D2D2D url(../images/global/menu.jpg) no-repeat;}
#menu1 li a { position:relative; display:block; height:60px; line-height:20px; color:#FFFFFF; }
#menu1 li a:hover { background-color:#333333 }
#menu1 li a span { position:absolute; top:0; left:0; display:block; width:100%; height:100%; background: url(../images/global/menu.jpg) no-repeat; cursor: pointer;}

#menu1 li a#mn1 span { background-position:0 -0px;}
#menu1 li a#mn2 span { background-position:0 -60px;}
#menu1 li a#mn3 span { background-position:0 -120px;}
#menu1 li a#mn4 span { background-position:0 -180px;}
#menu1 li a#mn5 span { background-position:0 -240px;}
#menu1 li a#mn6 span { background-position:0 -300px;}
#menu1 li a#mn7 span { background-position:0 -360px;}

#menu1 li a#mn1:hover span { background-position:-250px 0px;}
#menu1 li a#mn2:hover span { background-position:-250px -60px;}
#menu1 li a#mn3:hover span { background-position:-250px -120px;}
#menu1 li a#mn4:hover span { background-position:-250px -180px;}
#menu1 li a#mn5:hover span { background-position:-250px -240px;}
#menu1 li a#mn6:hover span { background-position:-250px -300px;}
#menu1 li a#mn7:hover span { background-position:-250px -360px;}

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

.iko-menu a {  margin:0px; padding:0;  }
.iko-menu p { margin:0; padding:0}
.iko-menu img { float:left; margin:0 0 0 14px; padding:0 10px 0 0}

/* STR -------------------- */
.box1 { float:left; width:710px; }
.box1-a { float:left; width:450px }
.box1-b { float:left; width:250px; }


/* STR extra -------------------- */
#extra { margin-top:10px; }
#extra h2 { background-image:none; padding:10px; margin:0; background-color:#880000; }
#extra p { margin-left:15px; }

/* STR: uvod -------------------- */
#uvod .karta { float:left; width:340px; margin:2px; padding:10px 4px 5px 4px; text-align:center; background:#FFC6C5; background-color:transparent }
#uvod .fotonadpis { margin:0 0 4px 0; font-size:130%; color:green; }
#uvod .foto {	margin:0 auto; padding:0; border:none;	}
#uvod .fotopopis { margin:1px 5px 0px 5px; padding:0; text-align:left; color:#F7A6A4; }

/* STR: prislusenstvi -------------------- */
#prislusenstvi .karta { float:left; width:165px; height:310px; margin:4px; padding:10px 0 2px 0; text-align:center; background-color:#FFFFFF; font-size:100%  }
#prislusenstvi .karta h2  { height:40px; border:0; padding:0; background-image:none; }
#prislusenstvi .karta h2 a { margin:0 auto; font-size:80%; color:#FF0000; font-weight:normal; text-align:center  }
#prislusenstvi .foto {	margin:0 auto; padding:0; border:none;	}
#prislusenstvi .fotopopis { margin:5px 10px; padding:0; text-align:left;  color:#000000; font-size:75% }

/* STR: nahradni-dily -------------------- */
#nahradni-dily .karta { float:left; width:165px; height:195px; margin:4px; padding:8px 0 2px 0; text-align:center; background-color:#FFFFFF; font-size:100%  }
#nahradni-dily .karta h2  { height:55px; border:0; padding:0; background-image:none; }
#nahradni-dily .karta h2 a { margin:0 auto; font-size:80%; color:#FF0000; font-weight:normal; text-align:center  }
#nahradni-dily .foto {	margin:0 auto; padding:0; border:none;	}

/* STR :: kontakty -------------------- */
.kontakty1, .kontakty2 { text-align:center; }
.kontakty1 a, .kontakty2 a { color:#FF0000}
.kontakty1 a:hover, .kontakty2 a:hover { color:#FFFF66}
.kontakty1 p, .kontakty2 p { margin:4px 0; padding:4px 0 }

.kontakty1 table { display:table; border-collapse:collapse; border:0px solid #0A416E; margin:.5em; width:96%; clear:both;  }
.kontakty1 table td { font-size:94%; width:32%;  border-left:3px solid #9D100E; border-right:3px solid #9D100E; text-align:left; vertical-align:top;  background-color: #CCCCCC; color:#000000; margin:0; padding:6px 4px;  }
.kontakty1 table th { font-weight:bold; font-size:110%; width:32%; text-align:center; background:#333333; color:#FFFFFF; vertical-align:middle; padding:10px; }

.kontakty1 table td em { color:#880000; background-color:#FFFFFF; display:block; font-size:1em; border:1px solid #000000; margin-right:10px; padding:10px}

/* STR :: napiste-nam -------------------- */
#napiste-nam form { margin:0; padding:0;}
#napiste-nam fieldset { margin:1em 0; border:none; border-top:1px solid #880000;  }
#napiste-nam legend { margin:1em 0;	padding:0 .5em;	background:transparent; font-size:1.2em; font-weight:bold; }
#napiste-nam label {	float:left;	width:100px; padding:0 1em; text-align:right;}
#napiste-nam fieldset div {	margin-bottom: .5em; padding: 0; display: block;}
#napiste-nam fieldset div input { 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: #333;}
#napiste-nam fieldset div textarea { width: 380px;border-top: 1px solid #555;	border-left: 1px solid #555;	border-bottom: 1px solid #ccc;	border-right: 1px solid #ccc;	padding: 1px;	color: #333;}
#napiste-nam div.fm_submit { margin:2em; }
div.fm_odeslat { margin:2em; }

/* STR :: vystavy-veletrhy -------------------- */
#box-vystavy { float:left; width:720px; }
#box-vystavy-left { float:left; width:535px; } 
#box-vystavy-right { float:right; width:160px; background-color:#FFFFFF; text-align:center;}