body {margin: 0;padding:0;background: url('bezpecnostni-zona.gif') bottom repeat-x;background-color:#fff;font-family: Arial, Helvetica, sans-serif;font-size: 0.75em;z-index: 10; position: relative; }
h1 {font-size: 1.7em;margin: 0;padding: 0; }
h2 {clear: left;font-size: 1.25em;padding: 10px 0 15px;margin: 0;}
h3 {clear: left;font-size: 1.05em;padding: 10px 0 15px;margin: 0;text-transform: uppercase;}
h2.home {padding: 10px 0 0;}
p {margin: 0.45em 0;}
a {color: #5f7936;}
a:hover {text-decoration: none;}
a.zpet {background: url('sipka-odrazka.gif') right center no-repeat;padding-right: 20px;font-weight: bold;margin-right: 5em;}
/*em {color: #b9d300;font-style: normal;font-weight:bold;}*/
hr {display: none;}
img {border: 0;}
h2.home a { color: #b9d300; }
h2 a em { color: #b9d300; font-style: normal; }


.fgcstd { color: #000; }
strong,h1,h2,.fgc1 { color: #b9d300; }
.fgc2 { color: #5f7936; }
#obsah strong { color: #5f7936; }

#rn table {border: 1px solid #bed600;border-collapse: collapse;float: left;margin: 0 2em 0 0;}
#rn table.leasing {margin-top:1em;}
#rn table.leasing td {text-align:center;}
#rn table.stejne td, #rn table.stejne th {width: 50%;}
#rn td, #rn th {border-bottom: 1px solid #bed600;background: url('bgr-tabulka.gif');background-repeat: repeat-x;padding: 6px 10px;}
#rn th {text-align: right;}
#rn2 dl {font-size: 1.3em;margin:0;padding:0;}
#rn2 dt {text-align:right;width: 7em;float:left;clear:left;font-weight:bold;margin:1em 0 0 0;padding:0;}
#rn2 dd {font-weight:bold;color: #D12A20;margin: 1em 0 0;padding:0;text-align:left;}
#rn2 dd.dalsi {margin: 0 0 0 7.15em;}
.center {text-align: center;}
.clear {display: block;clear: left;}
.noclear {clear: none;}
.right {text-align: right;}


#hlavicka, #navigace, #obsah, #paticka {width: 990px;margin: auto;text-align: left;}
/* HLAVICKA */
#hlavicka {height: 108px;padding: 5px 0 0;font-size: 1.1em;}
#hlavicka img {float: left;margin: -5px 40px 0 0;padding: 0;}
#hlavicka h1, #hlavicka h2, #hlavicka .nadpis {display: inline;clear:none;margin: 0;padding: 0;font-size: 1em;}
#hlavicka .adresa, 
#hlavicka .telefon {margin-top: 12px;}
#hlavicka .fax, 
#hlavicka .telefon {width: 220px;}
#hlavicka .adresa, 
#hlavicka .email {width: 380px;}
#hlavicka .adresa {background: url('/img/ico-home-1f211c.gif') 0 50% no-repeat;}
#hlavicka .email {background: url('/img/ico-letter-1f211c.gif') 0 50% no-repeat;}
#hlavicka .fax {background: url('/img/ico-fax-1f211c.gif') 0 50% no-repeat;}
#hlavicka .telefon {background: url('/img/ico-phone-1f211c.gif') 0 50% no-repeat;}
#hlavicka .telefon, 
#hlavicka .fax, 
#hlavicka .email, 
#hlavicka .adresa {float: left;padding-left:35px;height: 32px;line-height:32px;color:#FFF;}
#hlavicka strong { color: #fff; }

/* NAVIGACE */
#navigace {position: relative;font-size: 1.1em;}
#navigace ul {margin: 0;padding: 0;}
#navigace li {display: block;float: left;list-style: none;background: url('menu-oddelovac.gif') no-repeat right top;padding: 7px 0 0;margin: 0;height: 25px;}
#navigace li a {text-decoration: none;color: #000;padding: 15px 20px 7px;margin: 0;}
#navigace li a:hover { /*color:#FFDD00;*/border-bottom: 3px solid #686961; }
#navigace li a.aktivni { color:#000; border-bottom: 3px solid #686961; font-weight: bold;}
#navigace li a.hlavni {border-bottom: 0;padding-left: 0;}
#navigace strong {padding: 0 20px;}

/* OBSAH */
#obsah {clear: left;position: relative;}
#obsah .col2 {padding-right: 290px;width: 700px;}
#obsah ul.normal {margin-left:7em;}
#obsah ul {position: relative;left: -3.1em;}
#obsah .box {float: left;padding: 8px;text-align: justify;}
#obsah .box h2 {padding-top: 4px;text-transform: uppercase;}
#obsah .box h2 a:hover {text-decoration: underline;}
#obsah .box h2 a {text-decoration: none;color: #000000;}

.nabidka { display: block;font-weight: bold;padding: 6px 6px 6px 29px;background:#f1f6cb; }

.nabidkaVoziku,
.naLeasing {line-height:55px;height:55px;color: #000;}


.nabidkaVoziku {display: block;font-weight: bold;width:330px;padding-left:63px;background: url('bg-nabidka-voziku.gif') no-repeat;}

.naLeasing {display: block;font-weight: bold;padding-left:52px;background: url('bg-na-leasing.gif') no-repeat;}

#obsah .right {clear: left;padding: 15px 0;}
#obsah .sklad {width: 250px;}

#obsah .servis, 
#obsah .poradenstvi {position:relative;width: 468px;height: 189px;border-top: 5px solid #000000;margin-right: 2px;background: url('bgr-boxy.gif') repeat-x;text-align: left;line-height: 1.3em;}

#obsah .servis p {margin: 0;padding: 0;}
#obsah .servis div.flotila{position:absolute;right:0;top:112px;width:330px;height:77px;background: url('../img/flotila.jpg') no-repeat;}
#obsah .servis p.flotila {padding-right:330px;}

#obsah .poradenstvi {width:303px;padding-right: 165px;}
#obsah .poradenstvi p, #obsah .poradenstvi h2{position:relative;z-index:50;}
#obsah .poradenstvi .vozik {position:absolute;right:0;top:0;width:240px;height:210px;background: url('../img/pravy-vozik.jpg') no-repeat;z-index:25;}
#obsah .poradenstvi .tenTips {display:block;background:url('10tipu.gif') 0 50% no-repeat;line-height:40px;height:40px;padding-left:40px; font-weight: bold; }

#obsah .pouzite {width: 290px;}
#obsah .sloupec {width: 250px;float: left;margin: 0 1.5em;}
#obsah .sloupec img {margin: 1em auto;}
#obsah .zaruka {width: 393px;}
#obsah .velkoobchod {width: 953px;}

#obsah .col-kontakty {float: left; width: 195px;  margin: 0px;}
#obsah .col-kontakty p {margin-left: 40px; padding-bottom: 25px; padding-top: 5px;}
#obsah .adress,#obsah .gps,#obsah .phone,#obsah .fax,#obsah .e-mail {}
#obsah .col-kontakty .adress {background: url(/img/ico-home-ffffff.gif); background-repeat: no-repeat;}
#obsah .col-kontakty .gps {background: url('ico-gps.gif'); background-repeat: no-repeat;}
#obsah .col-kontakty .phone {background: url('/img/ico-phone-ffffff.gif'); background-repeat: no-repeat;}
#obsah .col-kontakty .fax {background: url('/img/ico-fax-ffffff.gif'); background-repeat: no-repeat;}
#obsah .col-kontakty .e-mail {background: url('/img/ico-letter-ffffff.gif'); background-repeat: no-repeat;}
#obsah .col-kontakty2 {float: left; width: 289px;padding: 0px; margin: 0px;}
/* PATICKA */
#paticka {padding: 0px 0 45px 0;line-height:1.2em;clear:both; background:url('/img/clark.gif') 100% 100% no-repeat; z-index: 15; position: relative; }

#telo {background: url('bgr-hlavicka.gif') repeat-x top;text-align: center;}
/* přidané styly */
#obsah ol {list-style-type: decimal;margin-left: 5%;margin-right: 10%;}
#obsah ol li {padding-bottom: .5em;}
#velkopozn ul {margin:0;padding:0;}
#velkopozn ul li {margin:0;padding:0;margin:.2em 8%;}
fieldset.velkoobchod {font-size:1.25em;margin:.5em 2.5em;padding:.25em 1em;}
fieldset.velkoobchod legend {margin-bottom:.5em;}
fieldset.poptavka {width:600px;font-size:1.25em; margin: 0; padding: 0; border: 0px;}
fieldset.poptavka legend {color: #b9d300/*#35a747*/; font-size: 15px; padding-bottom:5px;padding-top:10px;font-weight:bold;margin-left: 0; padding-left: 0;}
fieldset.poptavka table {width:90%;}
fieldset.poptavka td {width:50%;padding:1px;}
fieldset.poptavka td.popiska {font-size:80%;}
fieldset.poptavka input {width:270px;}
fieldset.poptavka select {width:275px;}
input.submit {margin-top: 10px;}
img.inline {float:left;padding-right:.25em;}
.pref {width:35em;font-weight:bold;margin-top:1em;border-bottom:solid 2px gray;}
dt {margin-top:.5em;}

.cls{clear:both;float:none!important;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.ir{margin:0 0 .5em 1em;}
.il{margin:0 1em .5em 0;}

.lwcol{float:left;width:700px;margin:0 5px;}
.rwcol{float:right;width:760px;}
.lcol{ position: absolute; left: 0; top: 0; float:left;width:178px;margin-top:40px;}
.rcol{float:right;width:220px;}
.rcol p{padding-bottom:5px;margin-bottom:5px;}
p.underline{border-bottom:1px solid #b9d300}
div.galerie { clear: both; }


.lcol h4{font-size:1em;padding:5px 12px;margin:0;background:#E6E6E6;border-bottom:1px solid #918F8F;}
#obsah ul.menu{position:relative;left:0;margin:0;padding:0;list-style:none;}
#obsah ul.menu li{display:block;float:none;background:#ff0;margin:0;padding:0;}
#obsah ul.menu a{display:block;margin:0;padding:3px 12px;color:#231F20;text-decoration:none;font-weight:bold;background-color:#F2F2F2;border-bottom:1px solid #fff;}
#obsah ul.menu a span{display:block;padding-left:17px;background:url('bullet.gif') 0 50% no-repeat;}
#obsah ul.menu a:hover, #obsah ul.menu a.active{color:#fff;background-color:#b9d300;border-bottom:1px solid #65BC73;}
#obsah ul.menu a:hover span, #obsah ul.menu a.active span{background:url('bullet-active.gif') 0 50% no-repeat;}

.card{margin:0 14px 14px 0;}
.card a{display:block;color:#fff;text-decoration:none;background-color:#b9d300;font-weight:bold;}
.card span{display:block;padding:6px;}

.pdf{display:block;line-height:45px;padding-left:50px;background:url('pdf.gif') 0 50% no-repeat;}

#promo { width: 964px; height: 27px; background: url(../img/promo_pruh.gif) no-repeat left top; color: white; padding: 10px; font-size: 1.2em; font-weight: bold; }
#promo span { display: none; }

.hp_main_tbl { border-collapse: collapse; }
.hp_main_tbl .bottom td { padding: 10px; }
.hp_main_tbl .td1 { width: 280px; }
.hp_main_tbl .td2 { width: 390px; }

.clark_award_value { width: 550px; margin: 0 auto; }
.clark_award_value .head { margin-bottom: 2em; }
.clark_award_value .head img { float: right; }
.clark_award_value .content { clear: both; }
.clark_award_value .content p { margin-bottom: 1em; }

.trucks_legend { clear: both; }
.trucks_legend div { float: left; font-weight: bold; padding-left: 40px; background-repeat: no-repeat; background-position: 0 0; line-height: 33px; padding-right: 10px; }
.trucks_legend .IC_P { background-image: url("/img/icons/icon33_IC_P.png"); }
.trucks_legend .IC_C { background-image: url("/img/icons/icon33_IC_C.png"); }
.trucks_legend .E { background-image: url("/img/icons/icon33_E.png"); }
.trucks_legend .E_NA { background-image: url("/img/icons/icon33_E_NA.png"); }
.trucks_legend .WS { background-image: url("/img/icons/icon33_WS.png"); }
.trucks_legend .WP { background-image: url("/img/icons/icon33_WP.png"); }

#truckGraph .graph { width: 795px; height: 70px; margin-bottom: 2em; padding-top: 30px; padding-left: 5px; background-repeat: no-repeat; background-repeat: no-repeat; }
#truckGraph .graph .type div { width: 43px; height: 43px; float: left; margin-right: 10px;  }
#truckGraph .capacity_left { margin-left: 80px; }
#truckGraph .capacity_right { margin-left: 400px; }
#truckGraph .capacity_left,
#truckGraph .capacity_right { margin-top: 5px; }

#truckGraph a .learnMore { position: relative; left: 775px; top: 50px; width: 90px; height: 20px; background-image: url('/img/clark_trucks_learn_more_onoff.aaFFFFFF.90x40.gif'); background-position: 0 0; display: block; cursor: hand; }
#truckGraph a:hover .learnMore { background-position: 0 20px; }

#truckGraph a { position: relative; top: -63px; left: -60px; width: 795px; height: 100px; color: #FFFFFF; display: block; text-decoration: none; }
#truckGraph a .learnMore .wrap { position: absolute; left: 32px; top: 2px; }


#truckGraph #truck_c60 { background-image: url("/img/bgs/bar_c60.png"); }
#truckGraph #truck_cmp404550 { background-image: url("/img/bgs/bar_cmp404550.png"); }
#truckGraph #truck_c20253035 { background-image: url("/img/bgs/bar_c20253035.png"); }
#truckGraph #truck_cmp202530 { background-image: url("/img/bgs/cq202530_capacity_bar_c.png"); }
#truckGraph #truck_c15182 { background-image: url("/img/bgs/bar_c15182.png"); }
#truckGraph #truck_cgc6070 { background-image: url("/img/bgs/bar_cgc6070.png"); }
#truckGraph #truck_cgc405055 { background-image: url("/img/bgs/bar_cgc405055.png"); }
#truckGraph #truck_c20253035c { background-image: url("/img/bgs/bar_c20253035c.png"); }
#truckGraph #truck_c151820c { background-image: url("/img/bgs/bar_c151820c.png"); }
#truckGraph #truck_exc20253032 { background-image: url("/img/bgs/bar_exc20253032.png"); }
#truckGraph #truck_gex202530 { background-image: url("/img/bgs/bar_gex202530.png"); }
#truckGraph #truck_gex161820 { background-image: url("/img/bgs/bar_gex161820s.png"); }
#truckGraph #truck_tmx1225 { background-image: url("/img/bgs/bar_tmx1225.png"); }
#truckGraph #truck_esx1225 { background-image: url("/img/bgs/bar_gtx1225.png"); }
#truckGraph #truck_nsr2025 { background-image: url("/img/bgs/bar_nsr2025.png"); }
#truckGraph #truck_cst1020 { background-image: url("/img/bgs/bar_cst1020.png"); }
#truckGraph #truck_cs1520 { background-image: url("/img/bgs/bar_cs1520.png"); }
#truckGraph #truck_csp15 { background-image: url("/img/bgs/bar_csp15.png"); }
#truckGraph #truck_pwxhwx { background-image: url("/img/bgs/bar_pwxhwx.png"); }
#truckGraph #truck_ewp45 { background-image: url("/img/bgs/bar_ewp45.png"); }
#truckGraph #truck_ewp30 { background-image: url("/img/bgs/bar_ewp30.png"); }
#truckGraph #truck_ecx20253032 { background-image: url("/img/bgs/bar_epx20253032.png"); }


#truckGraph .graph .type .WP { background-image: url("/img/icons/icon43_WP.png"); }
#truckGraph .graph .type .IC_P { background-image: url("/img/icons/icon43_IC_P.png"); }
#truckGraph .graph .type .IC_C { background-image: url("/img/icons/icon43_IC_C.png"); }
#truckGraph .graph .type .E { background-image: url("/img/icons/icon43_E.png"); }
#truckGraph .graph .type .E_NA { background-image: url("/img/icons/icon43_E_NA.png"); }
#truckGraph .graph .type .WS { background-image: url("/img/icons/icon43_WS.png"); }

.truck_detail.c60 .lBox .image { background-image: url("/img/trucks_mid/c60.png"); }
.truck_detail.cmp40 .lBox .image { background-image: url("/img/trucks_mid/cmp40.png"); }
.truck_detail.c25 .lBox .image { background-image: url("/img/trucks_mid/c25.png"); }
.truck_detail.cq .lBox .image { background-image: url("/img/trucks_mid/CQ.png"); }
.truck_detail.c15 .lBox .image { background-image: url("/img/trucks_mid/c15.png"); }
.truck_detail.cgc70 .lBox .image { background-image: url("/img/trucks_mid/cgc70.png"); }
.truck_detail.cgc40 .lBox .image { background-image: url("/img/trucks_mid/cgc40.png"); }
.truck_detail.c25c .lBox .image { background-image: url("/img/trucks_mid/C25C.png"); }
.truck_detail.c15c .lBox .image { background-image: url("/img/trucks_mid/C15C.png"); }
.truck_detail.epx .lBox .image { background-image: url("/img/trucks_mid/epx.png"); }
.truck_detail.gex .lBox .image { background-image: url("/img/trucks_mid/gex.png"); }
.truck_detail.gex16 .lBox .image { background-image: url("/img/trucks_mid/gex16.png"); }
.truck_detail.tmx .lBox .image { background-image: url("/img/trucks_mid/tmx.png"); }
.truck_detail.gtx .lBox .image { background-image: url("/img/trucks_mid/gtx.png"); }
.truck_detail.npr .lBox .image { background-image: url("/img/trucks_mid/npr.png"); }
.truck_detail.cs .lBox .image { background-image: url("/img/trucks_mid/cs.png"); }
.truck_detail.cst .lBox .image { background-image: url("/img/trucks_mid/cst.png"); }
.truck_detail.csp .lBox .image { background-image: url("/img/trucks_mid/csp.png"); }
.truck_detail.hwx .lBox .image { background-image: url("/img/trucks_mid/hwx.png"); }
.truck_detail.ewp45 .lBox .image { background-image: url("/img/trucks_mid/ewp45.png"); }
.truck_detail.ewp30 .lBox .image { background-image: url("/img/trucks_mid/ewp30.png"); }

.truck_detail .lBox { float: left; width: 500px; margin-right: 5px; height: auto; padding-bottom: 15px; }
.truck_detail .rBox { float: right; width: 480px; }
.truck_detail .foot { clear: both; }

.truck_detail .lBox .other { margin-top: 400px; } /** this is here because we need .lBox .image to have position: absolute; in order to be able to position the rollover rings with [0,0] at top left corner of the .image */
.truck_detail .lBox .image { width: 500px; height: 400px; position: absolute; z-index: 10; }
.truck_detail .lBox .large { text-align: center; margin: 1em; }
.truck_detail .lBox .image2 {}
.truck_detail .lBox .datasheet {}
.truck_detail .lBox .datasheet .box_ { float: right; width: 160px; height: 200px; display: block; text-align: center; }

.truck_detail .lBox .datasheet .box_.getAdobe { width: 160px!important; text-align: right; margin-right: 10px; }
.truck_detail .lBox .datasheet .box_.getAdobe .wannaLearnMore { margin-top: 65px; }
.truck_detail .lBox .datasheet .box_.getAdobe .getAdobe { margin-top: 35px; }
 
.truck_detail .lBox .datasheet .box_ .wannaLearnMore {}
.truck_detail .lBox .datasheet .box_ .getAdobe {}

.truck_detail .lBox .image .lense { z-index: 3000; position: absolute; }
.truck_detail .lBox .image .lense.on { width: 76px; height: 76px; background-image: url("/img/lense_on.png"); }
.truck_detail .lBox .image .lense.off { width: 48px; height: 48px; background-image: url("/img/lense_off.png"); }

.content ul.section li.head { list-style-type: none; font-weight: bold; background-image: none; padding-left: 0px; margin-top: 10px; }
.content ul.section li { background-image: url('/img/bullet.gif'); background-repeat: no-repeat; padding-left: 10px; background-position: 0 5px; font-weight: normal; list-style: none; }

/*
.truck_detail .rBox .static #app_title,
.truck_detail .rBox .static #fuel { font-weight: bold; }
.truck_detail .rBox .static #loads { margin: 1em auto; }
.truck_detail .rBox .static #applications { margin-bottom: 1em; }
/** left over from styling like clarkmhc.com * /
*/

.truck_detail .static h2 {  }
.truck_detail .static strong { font-size: 110%; }
.truck_detail .static .box1 { padding-bottom: 1em; }
.truck_detail .static .box1 table { float: left; font-size: 20px;}
.truck_detail .static .box1 table th { color: #b9d300; }
.truck_detail .static .box1 table td { }
.truck_detail .static .box1 img { float: right; }
.truck_detail .static h3 { font-weight: bold; font-size: 16px; color: #b9d300; }
.truck_detail .static dl.list1 { list-style-type: circle; }
.truck_detail .static p { clear: both; }
.truck_detail .static .list2 { list-style-type: square; }
.truck_detail .static .fuel,
.truck_detail .static .engine { font-weight: bold; }
.truck_detail .static .engine { margin-bottom: 1em; }

.truck_detail ul { list-style-position: inside; }


.truck_detail .info strong { font-size: 110%; }
.truck_detail .info .title { font-weight: bold; }
.truck_detail .info .instructions { color: #bbd406; }

.callout_title { font-weight: bold; padding-top: 10px; }

.truck_detail .hidden { display: none; }


#clark_history { width: 700px; margin: 0 auto; }
#clark_history h2 { text-align: center; }

#rn div.fotky-navigace {
  position: relative;
  float: left;
  width: 365px;
}
  #rn div.fotky-navigace img#ctl00_cphMainPage_imVozikFoto {
    position: relative;
    left: 0px;
    margin: 0px;
    padding: 0px;
  }
  #rn div.fotky-navigace table {
    width: 365px;
    text-align: center;
  }
  #rn div.fotky-navigace table td {
    text-align: center;
  }

.error { border: 1px solid red; padding: 10px; margin: 10px 0 10px 0; }

table.historie td { padding: 0 10px 10px 0; vertical-align: top; }