/*  
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; }
.fr { float:right; margin-left:5px; margin-bottom:5px; }
.fl { float:left; margin-right:5px; margin-right:5px; }
.tr { text-align:right }

.center { text-align:center;  }
.border { border:1px solid #FFFFFF; padding:2px }

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

p { margin-bottom:20px;  }

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:140%; color:#F15D22; }
h3 { font-size:125%; color:#002F65; }
h4 { font-size:120%; color:#4A9488; }

h2.nadpis { color: #666666; font-weight:normal; font-size:130%; padding:10px 0 5px 30px; margin-bottom:20px; background:transparent url(../images/global/h2.jpg) no-repeat 0 70% }
h2.nadpis-detail { color: #FFFFFF; font-weight:normal; font-size:130%; padding:10px 0 5px 30px; margin-bottom:20px; background:transparent url(../images/global/h2.jpg) no-repeat 0 70% }

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

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

table { border-collapse:collapse; border:1px solid #A6A6A6; margin:5px 10px 10px; }
table td { font-size: 0.7em/160%; color:#000000;   border:1px solid #000000; text-align:left; padding:4px; vertical-align:top;  background-color:#FFFFFF; }
table th { font-size: 0.7em/160%;  text-align:center; color:#FFFFFF; font-weight:normal; border:1px solid #FFFFFF; padding:4px; background-color:#A6A6A6; vertical-align:middle; }
table th strong { color:#FFFFFF; }


#design a { color:#FFFFFF; text-decoration:none; }
#design a:hover { color:#FFFFFF; text-decoration:underline;}

/* Layout -------------------- */
body {
	font-size: 0.7em/160%; /* Resets 1em to 10px */
	font-family:'Verdana CE', Verdana, 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif;
	background:#000000 url("../images/global/bg.jpg") repeat-x; color:#FFFFFF; 
	}
	
div#header h1 {height:100px; margin:0; background:#000000; color:#2C4C79; position:relative; overflow:hidden;}
div#header h1 span { display:block; position:absolute; left:0; top:0; z-index:5; height:100px; width:950px; background:url("../images/global/bg-logo.jpg") top left no-repeat; }
p#pocitadlo{ font-size: 10px; text-align: center; margin-right: 20px }

/* BOX -------------------- */
div#container { background-color:#000000; text-align:left; border:0px solid #000000; }
div#wrapper {   }
div#content { background-color:#000000; }
div#content p {line-height:1.5; }
div#navigace1 { line-height:35px; background-color:#000000; text-align:center;  }
div#footer { background-color:#000000; text-align: center; margin:20px 0 10px 0 }
div#footer p { margin:0; padding:4px; line-height:1.5em; font-size:70%; }

div#container{width:950px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 20px 150px; }
div#navigace1 { width:950px; height:35px; float:left;}
div#navigace2 {float:left;width:150px;margin-left:-950px; }
div#extra{float:left;width:148px;margin-left:-150px; }
div#footer{clear:left;width:100%}


/* navigation -------------------- */
/*
#navigace1 ul { width:900px; border:1px solid red }
#navigace1 ul, #navigace1 li  { margin:0 auto; padding:0; text-align:center;  	   }
#navigace1 li {  float:left; display:inline; width:150px; list-style-type:none; white-space:nowrap; border:1px solid white   }
#navigace1 li a, #navigace1 li a:hover, #navigace1 li span { display:block; padding:0 8px; font-size:.8em !important; font-weight:bold; text-decoration:none; letter-spacing:1px;}
#navigace1 li a { color: #666666;  }
#navigace1 li a:hover { color: #CCCCCC }
#navigace1 li span { color: #CCCCCC }
* html #navigace1 a {width:1%;} 

*/

#navigace1 ul { text-align:center; margin:0;  }
#navigace1 li { display:inline; list-style-type:none; margin:0; padding:0;  }
#navigace1 li a, #navigace1 li a:hover, #navigace1 li span  {  padding:0 18px; font-size:1.2em !important; font-weight:normal; text-decoration:none; letter-spacing:0px; }
#navigace1 li a { color:#666666;  }
#navigace1 li a:hover { background-color:transparent; color:CCCCCC }
#navigace1 li span{ background-color:transparent; color:#CCCCCC }
* html #navigace1 a {width:1%;} 


/* STR -------------------- */
/*
#box-uvod { float:left; width:950px; margin:10px 0 0 0;  background:url(../images/uvod/banner.jpg) no-repeat 50% 0 }
#box-uvod-1 { float:left; width:175px; text-align:center }
#box-uvod-2 { float:left; width:600px; font-size:1.5em; color: #D7D7D7; margin-top:40px   }
#box-uvod-3 { float:left; width:175px; text-align:center  }
.box-uvod-popis { font-size:1.4em }
*/


/* STR: uvod -------------------- */
#box-uvod { float:left; width:650px; height:550px; margin:0px 0 0 0;  background:url(../images/uvod/banner.jpg) no-repeat 50% 0;  }

/* STR: nabidka-detail -------------------- */

#box-nabidka { float:left; width:650px; margin:20px 0 20px 0;   }
#box-nabidka-left { float:left; width:320px;  }
#box-nabidka-right { float:right; width:320px; font-size:80%  }
#box-nabidka-right div.bg { background:url(../images/nabidka/bg-popis.jpg) no-repeat 100% 0; border-bottom:1px solid #999999; padding:0px 0 0 0; margin:0px; font-size:115%; }
#box-nabidka-right div.bg p { margin:5px; padding:5px  }

#box-nabidka-right p#cena { font-size:150%; color:#E30300; }

#box-nabidka-left img.full { border:2px solid #999999; padding:1px }
#box-nabidka-left img.small { border:1px solid #999999; margin-top:2px }

#box-nabidka-arrows { margin-top:10px; text-align: center;  vertical-align: text-top;  }
#box-nabidka-arrows img { top:10px; border:none;  position: relative;  }

/* STR: nabidka  -------------------- */
.razeni { font-size:80%;}

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

div.karta { float:left; width:200px; position:relative; height:290px; background-color: #666666; margin:5px; padding:0; text-align:center; font-size:80%; border:1px solid #FFFFFF }
div.karta .znacka {	margin:0 auto; padding:0; border:none; height:40px; overflow:hidden; }
div.karta .typ {	margin:0 auto; padding:0; border:none;	}
div.karta .foto {	margin:0 auto; padding:0; border:none;	}
div.karta .cena { background-color:#000000; margin:0; padding:4px; font-size:16px; color:#FFFFFF; font-weight:bold;}
div.karta .palivo { margin:0; padding:4px; color:#000000; text-align:left; font-size:90%;}
div.karta .provoz { margin:0; padding:4px; color:#000000; text-align:center; font-size:85%;}
div.karta .km { margin:0; padding:4px; color:#000000; text-align:center; font-size:85%;}

div.karta .stav  { background-color:#000000; color:#F15D22; position:absolute; top:40px; left:2px; font-weight:bold; padding:1px 4px; border:1px solid #FFFFFF;}


/* STR: galerie -------------------- */
#global-galerie img { border:1px solid #FFFFFF; margin:1px }

/* STR: kontakty -------------------- */
.box-adresa { float:left; width:640px; }
.box-adresa-left { float:left; width:365px; }
.box-adresa-right { float:right; width:265px;}
.box-adresa-right a:hover img { border:1px solid #FF0000; padding:2px }


/* STR: partneri -------------------- */
#partneri-karty { text-align:center; margin:0 auto; width:630px; }

div.karta-partneri { float:left; width:298px; position:relative; height:170px; background-color:transparent; margin:5px 4px 20px 4px; padding:0; text-align:center;  border:0 }
div.karta-partneri .partner { margin:0 auto; padding:0; border:none; height:30px; font-size:110%  }
div.karta-partneri .logo { margin:0 auto; padding:0; border:none; }
div.karta-partneri .popis { background-color:#000000; margin:0; padding:4px; font-size:80%; color:#FFFFFF;}

/* STR: kalendar -------------------- */
#kalendar img { border:1px solid #CCCCCC; padding:4px  }