/*  
Version: 2.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; }

.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; }
.border { border:1px solid #000000 }


p, fieldset  { margin-bottom:2em; margin-left:1em; margin-right:1em; }

a { color: #FF0000; border:none; }
a:hover { color: #0000FF; border:none; }

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

ul { margin-bottom:2em; }
li { list-style-type: square;  }

.no { padding:0; margin:0 }

h1 { color:#C40606; font-weight: bold; text-align:left; font-size:1.6em; padding:0; margin:.1em 0 1em .5em; }
h2 { font-size:1.4em; color:#DF2200; font-weight:normal; }
h3 { font-size:1.4em; color: #333333; font-weight:normal;  }
h4 { font-size:120%; color:#4A9488; }

h2.nadpis { color:#C40606; font-weight: bold; text-align:left; font-size:1.6em; padding:0; margin:.1em 0 1em .5em; }

em { color:#C40606; background-color:#FFFFFF; font-style:italic; font-weight:bold; }

.upoutat { margin-left:1em; margin-right:1em;  font-size:100%; padding:0px; color:#000000; background-color:#FFFFFF; text-align:justify; }
.upoutat p { padding:4px }

table { border-collapse:collapse; border:1px solid #000000; margin:5px 1em 10px; }
table td { font-size:100%; border:1px solid #000000; text-align:left; padding:6px; vertical-align:top;  background-color:#FFFFFF; color:#000000 }
table th { font-size:110%; text-align:left; color:#C40606; font-weight:normal; border:1px solid #000000; padding:6px;  vertical-align:middle; }


form { margin:0; padding:0;}
fieldset {   }
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, label {  vertical-align: middle;}
form * { vertical-align: middle; } 


.fm_submit { padding:.8em}
.fm_odeslat { text-align:center}

input.submit { margin:5px; padding:10px }


.hvezda { color:#FF0000; }
.red { color:#FF0000; }

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


/*
html 125% 
body 50% 
1 em = 10 bodù 
0.9 = 9 bodù 
*/
/* Layout -------------------- */
html { font-size: 125%  }
body { font-size: 50% }
div#container { font-size:1.2em  }

body {
	font-family:'Verdana CE', Verdana, 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif;
	background:#DBDAC1; color:#000000;
	margin:0 0 20px 0;
	}
	
div#header #h0 {  height:60px; margin:0; background:#EEE; color:#2C4C79; position:relative; overflow:hidden; line-height:60px; text-align:center; background:url("../images/global/bg-logo.jpg") top left no-repeat; border-bottom:14px solid #DBDAC1 }
div#header #h0 span { display:block; position:absolute; left:0; top:0; z-index:15; height:60px; width:950px; background:url("../images/global/bg-logo.jpg") top left no-repeat; cursor:pointer; }

/* BOX -------------------- */
div#banner { text-align:left; margin:0 0 20px 0; background-color:#FFFFFF }
div#container { text-align:left; border:0; background-color:#FFFFFF;   }
div#wrapper {   }
div#content { }
div#navigace1 { line-height:35px; background:#000000 url(../images/global/bg-nav1.jpg) repeat-x  }
div#navigace2 { text-align:left;  }
div#extra { text-align:left;   }
div#footer {text-align:left; border-top:4px solid #C40606; background-color:#DBDAC1; margin-top:10px  }
div#reklama { padding:4px; text-align:right }


div#container{width:950px;margin:0 auto}
div#wrapper{}
div#content{float:right;width:664px; margin-right:24px }
div#navigace1{float:left;width:950px;}
div#navigace2{float:left;width:248px; margin-left:12px}
div#extra{clear:both;width:100%}
div#footer{clear:both;width:100%}
div#reklama {width:950px;margin:0 auto }




div#banner p { margin:0;  }
div#banner img  { border:0 }
div#content p {line-height:1.5em;   }
div#extra h3 { color:#FFFFFF;  font-size:1.1em; text-align:center   }
div#footer p { margin:0; padding:4px; line-height:1.5em; font-size:90%; }




/* NAV1-------------------- 
#navigace1 ul {   text-align:left; margin:0; padding-left:20px }
#navigace1 li { display:inline; list-style-type:none; margin:0; padding:0; border-right:1px solid #FFFFFF;  line-height:40px; }
#navigace1 li a, #navigace1 li a:hover, #navigace1 li span  {  padding:0 10px; font-size:1em; font-weight:normal; text-decoration:none; letter-spacing:0px;}
#navigace1 li a { color:#FFFFFF;  }
#navigace1 li a:hover { background-color:transparent; color:#000000 }
#navigace1 li span{ background-color:transparent; color:#000000 }
* html #navigace1 a {width:1%;} 
*/

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


/* NAV2-------------------- */
div#navigace2 h2 { color: #FFFFFF; font-weight: normal; text-align:left; font-size:1.4em; padding:0; margin:.1em 0 1em .5em;}
div#navigace2 img { border:1px solid #000000}
div#navigace2 li {  list-style-image:url(../images/uvod/li.jpg); padding:0 0 4px 6px; }
div#navigace2 a { color:#FFFFFF  }
div#navigace2 a:hover { color: #FF0000  }


/* STR :: uvod -------------------- */

div#osobni-vozy a { width:120px; height:70px; font-weight:bold; text-decoration:none;  display:block; text-align:center; float:left; margin:4px 10px; padding:20px 10px; background-color:#CCCCCC; color:#333333; border:2px solid #666666;}
div#osobni-vozy a:hover {  background-color:#FFFFFF; color:#C40606; border:2px solid #C40606;}
div#osobni-vozy img { padding-bottom:10px; }
div#osobni-vozy p { margin:0; padding:0}

div#uzitkove-vozy a { width:120px; height:70px; font-weight:bold; text-decoration:none;  display:block; text-align:center; float:left; margin:4px 10px; padding:20px 10px; background-color:#CCCCCC; color:#333333; border:2px solid #666666;}
div#uzitkove-vozy a:hover {  background-color:#FFFFFF; color:#C40606; border:2px solid #C40606;}
div#uzitkove-vozy img { padding-bottom:10px; }
div#uzitkove-vozy p { margin:0; padding:0}




/* STR :: UVOD  -------------------- */
h1.nadpis-top { color: #FFFFFF; }



/* STR :: UVOD top  -------------------- */
#box-top { float:left; width:680px; }
#box-top-akce  {float:left; width:338px;  }
#box-top-animace  {float:right; width:340px; text-align:right }
#box-top p { margin:0 }


/* STR :: UVOD objednavka -------------------- */
.obj {  width:680px; background-color:#F1F1F1; padding:0 0 10px 0; margin:0; float:left; }

.objednavka2 { width:300px; background-color:#F1F1F1; padding:0 0 10px 0; margin:0; float:left; }
.objednavka2 img { border:2px solid #333333; }
.objednavka2 p { margin:2em 1.5em; }

.objednavka { width:350px; background-color:#F1F1F1; padding:0 0 10px 0; margin:0; float:left}
.objednavka p { margin-bottom:.1em}
.objednavka form { margin:0; padding:0;}
.objednavka fieldset { margin:1em; padding:1em  }
.objednavka legend { margin:.0em 0; padding:.5em; color:#01A7E3;	font-size:1.2em; font-weight:bold; color:#E22F32; background-color:#F1F1F1; }
.objednavka label {	float:left;	width:80px; padding:0 .4em;	text-align:left; clear:both;  }
.objednavka fieldset {	margin-bottom:.1em; padding:0 0 10px 0; display:block;}
.objednavka fieldset input { width:200px; padding:1px; color:#333; margin-right:.8em}
.objednavka fieldset   textarea { padding:1px; color:#333; margin-right:.8em; width:200px;}


/* STR :: UVOD skladove vozy doporucujeme -------------------- */
#box-karta-sklad { width:672px; float:left; background-color:#222222; border:4px solid #2E2E2E; margin:10px 0  }
#box-karta-sklad a { color:#FFFFFF  }
#box-karta-sklad ul { text-align:center  }
#box-karta-sklad p { margin-bottom:2px  }

ul.karta-sklad { margin:0; padding:0; float:left;  }
ul.karta-sklad li { list-style: none; float:left; padding:0; margin:0 10px; }
ul.karta-sklad li a { display:block; width:180px;	margin:0 0 7px 0; padding:8px; color:#FFFFFF; background:#484848 url(img/bg-gradient.png) left top repeat-x; border:4px solid #555555; }
ul.karta-sklad li a:hover { border: 4px solid #C40606; }
ul.karta-sklad li a strong { display:block; height:5em; margin:0; padding:0;	font-size:100%; color: #FFFFFF; overflow:hidden; }
ul.karta-sklad li a p { line-height:2.4em; font-size:1em; margin:0; padding:4px; clear:both }
ul.karta-sklad li a img { float: left; margin-right:10px; }

/* STR :: osobni-vozy, uzitkove-vozy -------------------- */
div.karta { float:left; width:210px; position:relative; height:170px; background-color:#FFFFFF; margin:2px 8px 2px 2px; padding:0; text-align:center;  border:0px solid #000000 }
div.karta .images {	margin:2px auto; padding:0; border:none;	}
div.karta .images img  { border:1px solid #000000; }
div.karta .name { margin:0 auto; padding:0; border:none; height:44px; font-size:1.1em; }

/* STR :: VOZY -------------------- */
.tech { border:0; background-color:#003333 }
.cara { border:1px dashed #C40606 }

/* STR :: SKLAD -------------------- */
.sklad {  width:320px; float:left; margin:2px;  }
.sklad h2 { background-color:#CCCCCC; padding:4px; margin:6px 3px; font-size:1.2em }
.sklad img { border:1px solid red; padding:2px; float:left; margin-right:6px }
.sklad p { margin:.2em }
.sklad p.cena { color:#FF0000; font-size:1.1em }

/* STR :: kontakt -------------------- */
table.kontakt  { border:0; float:left; margin:10px 25px 10px 10px; width:290px; border:0; height:130px}
.kontakt img { padding:0px; border:1px solid #000000; padding:2px;}
.kontakt td { vertical-align:top;  border:0}
.kontakt th { vertical-align:top;  border:0; }
.kontakt h3 { margin:0; padding:0; font-size:1.2em}
.kontakt .obr { width:85px}