* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
ul, ol {list-style-type:none}
/*body { padding: 0; font: normal 12px Arial,sans-serif;color: #000; width: 780px; margin: 0 auto;}*/ /* finta kvuli zacerneni cele obrazovky pod lightboxem */
html, body { background: #f9f8f6;}
#body2 { padding: 0; font: normal 12px Arial,sans-serif;color: #000; width: 994px; margin: 0 auto; }

/* LINKS ---------------------------------------------------------------------------------------------------------- */
a {color: #6e5f51;text-decoration: underline; cursor: pointer; }
a:link {color: #6e5f51;}
a:focus {color: #6e5f51; outline: 0}
a:visited {color: #000}
a:hover {color: #000;text-decoration: none;}
hr.cleaner { clear: both; visibility: hidden; }


/* H1 - H5 -------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0; }
h1 { font-size: 1.2em;  margin: 0; color: #fff;}
h2 { font-size: 1.6em; margin: 0 0 15px; color: #1382b7;font-weight: normal;padding: 0}
h3 { font-size:1.2em; margin: 0;  padding: 0; }
h4 { font-size:1.0em; color: #1382b7 }
h5 { font-size:1.0em; }

/* colors */
h1 {background-color: #d5cbc4;}
h2.title {background-color: #c5b9b0;}
/* LAYOUT --------------------------------------------------------------------------------------------------------- */

/* HEADER ----------------------------------------------------------------------------------------------------- */

/* logo */
h1 {height: 65px; background-image: url('../img/header-volvo.jpg');background-repeat: no-repeat; background-position: top right;}
h1 a { display: block; color: #525151;text-decoration: none; width: /*328*/386px; height: /*34*/50px; position: relative; top: /*17*/8px; left: 24px;}
h1 a:hover {color: #525151}
h1 a span {position: absolute; top: 0; left: 0;display: block; width: /*328*/386px; height: /*34*/50px; cursor: pointer; background: url('../img/logo.jpg') no-repeat}
img#volvo { position: absolute; top: 0; right: 0; }

/* navigation */
ul#nav {clear: both; height: 30px; line-height: 30px;width: 100%; background: #b2b2b2;text-align: center;}
ul#nav li {display: inline; font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;}
ul#nav li a { display: inline-block;text-decoration: none;text-transform: uppercase; padding: 0 9px;color: #000; font-size: 12px; font-weight: bold; }
ul#nav li a:hover {color: #fff; text-decoration: none; }
ul#nav li.active a {color: #000;background: #fff}

p.navigation {line-height: 30px; font-size: 0.9em; margin: 0; padding: 0 15px; position: relative; }
p.navigation a {text-decoration: none; color: #7f7f7f;padding: 0 5px;}
p.navigation a.facebook { color: #7f7f7f; font-weight: bold; padding: 0px 5px 5px 20px; background: url('../img/facebook.gif') no-repeat 0px 6px; display: inline-block; position: absolute; top: 0px; right: 42px; height: auto; }
html > body p.navigation a.facebook { *top: -6px; } /** IE7 hack **/
p.navigation a.english-site { position: absolute; top: 5px; right: 1px; }
html > body p.navigation a.english-site { *top: -1px; } /** IE7 hack **/

/* CONTENT ---------------------------------------------------------------------------------------------------- */
.content {background: #fff; position: relative; font-size: 110%;}
.content .auta {background: #e8e3df; border-left: 7px solid #d1c9c2;}
.content .auta ul.range {width: 165px; height: 215px;margin: 0; padding: 0;}
.content .auta ul.range li a {width: 165px; height: 54px;display: block; position: relative;}
.content .auta ul.range li.c-range a {height: 53px;}
.content .auta ul.range li a span {display: block; width: 165px; height: 54px; position: absolute; top: 0; left: 0; background: url('../img/nav.jpg') no-repeat;}
.content .auta ul.range li.s-range a span {background-position: 0 0;}
.content .auta ul.range li.v-range a span {background-position: 0 -54px;}
.content .auta ul.range li.xc-range a span {background-position: 0 -108px;}
.content .auta ul.range li.c-range a span {height: 53px;background-position: 0 -162px;}
.content .auta ul.range li.s-range a:hover span {background-position: -166px 0;}
.content .auta ul.range li.v-range a:hover span {background-position: -166px -54px;}
.content .auta ul.range li.xc-range a:hover span {background-position: -166px -108px;}
.content .auta ul.range li.c-range a:hover span {background-position: -166px -162px;}
.content .auta ul.range li.s-range a.active span {background-position: -166px 0;}
.content .auta ul.range li.v-range a.active span {background-position: -166px -54px;}
.content .auta ul.range li.xc-range a.active span {background-position: -166px -108px;}
.content .auta ul.range li.c-range a.active span {background-position: -166px -162px;}
.content h2.title {padding: 4px 20px 0 20px; height: 30px;color: #fff;margin: 0px; position: relative; }
.content h2.title.nase-modely {margin: 0;border-bottom: 3px solid #e8e3df}
.content h2.title.kontakt {border: 0;margin: 0}
.content h2.title a { height: 30px; line-height: 30px;position: relative; text-decoration: none; color: #fff; }
.content h2.title a span {display: block;  height: 30px; position: absolute; top: 0; left: 0;}
.content h2.title a:hover { color: #fff; }
/*
.content h2 span { position: absolute; top: 0; right: 0; display: block; width: 438px; height: 33px; background: url('img/servis-objednavky-top-pane.jpg') no-repeat; visibility: visible; }
*/
.content h3 { color: #000; font-size: 140%; display: block; padding: 13px 0px 0px 9px; }
.content .default .info h3 { padding: 25px 0px 15px 9px; }
.content a.pridany_odkaz { position: absolute; top: 1px; right: 10px; font-size: 1.2em; color: #fff; text-decoration: none; font-weight: bold; }
.content a.pridany_odkaz img { display: block; border: 0px none; }

/** nadpisy ktere jsou obrazkem **/
.content h2.home div {width: 58px;}
.content h2.home div span {width: 58px;background: url('../img/title-home.jpg') no-repeat;}

.content h2.uvodni-stranka div {width: 58px;}
.content h2.uvodni-stranka div span {width: 58px;background: url('../img/title-home.jpg') no-repeat;}

.content h2.nase-modely div {width: 115px;}
.content h2.nase-modely div span {width: 115px;background: url('../img/title-nase-modely.jpg') no-repeat;}

.content h2.kontakty div {width: 88px;}
.content h2.kontakty div span {width: 88px;background: url('../img/title-kontakty.jpg') no-repeat;}

.content h3.dalsi-modely { display: none; height: 44px; width: 143px;line-height: 15px;position: relative;top: 25px}
.content h3.dalsi-modely span {display: none; width: 143px; height: 44px; position: absolute; top: 0; left: 0;background: url('../img/dalsi-modely.jpg') no-repeat;}
/** /// konec nadpisu **/

.content .side.flt-r {width: 247px; height: 340px;position: relative; }
.content .side.flt-r.pozadi { background: url('../img/vyhody-bg.gif') repeat-x; }
.content .side.flt-r.pozadi img#objednavka_servis {width: 247px; display: block; margin-bottom: 12px; background: #c02010; }
.content .side.flt-r h3 {padding: 10px 20px 0;color: #7f7f7f;font-size: 2.2em;font-weight: normal; line-height: 0.9em;margin-bottom: 0;}
.content .side.flt-r ul {font-size: 0.9em;list-style-type: disc;margin: 0; padding: 10px 0 13px 21px; height: 176px;}
.content .side.flt-r ul li {padding-bottom: 10px;}
.content .side.flt-r p {color: #fff;font-size: 1.2em;padding: 0px 0 13px 0px; line-height: 1.3em; margin: 0;}
.content .side.flt-r p img { display: block; margin: 3px 0px 0px 8px; }
.content .side.flt-r p strong {display: block;font-size: 0.95em;}
.content .side.flt-r p strong big {font-size: 1.15em}
.content .modely {padding: 0px 0; float: left; margin-left: 240px; text-align: center; width: 740px; }
.content .modely h2 { color: #000; font-size: 120%; padding: 5px 0px 10px 0px; margin: 0; text-align: left; white-space: nowrap; font-weight: bold; }
.content .modely div.celkem2.prvni { margin-left: 210px; }
.content .modely div.celkem3.prvni { margin-left: 100px; }
.content .modely div { border: 1px solid #e8e3df; float: left; height: auto;margin: 0 15px; width: 156px; text-align: center;position: relative;text-decoration: none; }
.content .modely div.hover { background: url('../img/auto-bg.jpg') no-repeat #DADDE2; border-color: #c0cad5; }
.content .modely div a { display: block; text-decoration: none; }
.content .modely div a img { display: block; margin: 5px auto; }
.content .modely div h3 { width: auto; margin: 0; padding: 0 0 5px 0; color: #000; font-size: 90%; }

.content .side.flt-r.home p { padding: 0; margin: 0; position: relative; top: -30px; *top: -10px; }
.content .side.flt-r.home p img { padding: 0; margin: 0;}

.content p a.vyhody-pro-zakaznika { color: #fff; text-decoration: none; display: block; margin: 0px 0px 0px -8px;}
.content p a.vyhody-pro-zakaznika strong { white-space: nowrap; }

.content div.default .info, .content div.siroky { font-size: 0.8em;}
.content .info ul { margin-left: 10px; }
.content .info img, .content .siroky div img { margin: 10px 10px 10px 15px; }
.content div.default .sloupec1, .content div.default .sloupec2, .content div.default .sloupec3 {float: left;width: 250px;}
.content .siroky {padding: 20px 0px 20px 20px;  background: #E8E3DF; }
.content .siroky img { margin: 5px 0px 10px 10px; }
.content .siroky table { width: 100%; text-align: center; }

.content .default { padding: 0px 0px 0px 0px; background: url('../img/kontakty-bg.gif') repeat-y; min-height:400px; padding-bottom: 20px;}
.content .default div.nove-vozy-big-cover { text-align: left; padding-top: 5px; }
.content .default div.nove-vozy-big-cover img { margin: 0px 0px 10px 10px; }
.content .default div.nove-vozy-big-cover img.nove-vozy-big { margin: 5px auto 10px auto; display: block; }
.content .default table { width: 100%; text-align: center; }
.content .nabidka { padding: 20px 0px 0px 0px; }

.default .popis-vozu,
.default .nove-vozy {float:right;width:755px; overflow: hidden; }
.default .popis-vozu h1 {background:none;font-size:16px;color:black;margin:20px 0 0 0;padding:0;height:25px; display: block;}
.default #car-top-menu { position: absolute; right: 13px; text-align: right; top: 55px; }
.default #car-top-menu a.active { font-weight: bold; }
.default .popis-vozu h2{background:#9e9188;font-size:12px;font-weight:bold;color:white;margin:5px 0 0 0;width:96%;padding: 10px 0px 10px 20px; position: relative; }
.default .popis-vozu h2 a { position: absolute; right: 10px; color: #fff; top: 11px; }
.default .popis-vozu p {font-size:11px;}
.default .popis-vozu img {margin:0;}
.default .popis-vozu .cenik {background:white;width:96%;padding: 5px 0px 5px 20px;margin: 10px 0 10px 0; }
.default .popis-vozu .cenik a {width:100%;text-decoration:none;color:black;}

.gallery { margin-left: 230px; }
.gallery h1 { background: none; color: #000; padding: 20px 0 20px 10px; height: auto; }
.gallery div.imagecover { float: left; width: 232px; height: 96px; overflow: hidden; margin: 0px 0px 20px 10px; }
.gallery hr.cleaner { clear: none; float: left; width: 100%; }

.default .nove-vozy h1 {background:none;font-size:16px;color:black;margin:20px 0 10px 0;height:25px;}
.default .nove-vozy a {margin:0px 15px 0px 0;}



#slideshow { background-color:#E8E3DF; }
#pripominka {padding: 20px; }
#pripominka .input {border: 1px solid #C5B9B0;}
#pripominka strong{ display: block; position: relative; left:10px; }

.default ul.flt-l li a { position: relative; }
.default ul.flt-l li a span.new { color: #C0210E; padding: 2px 5px; background: #fff; position: absolute; top: 3px; right: 10px; display: inline-block; text-transform: uppercase; }

.default ul.flt-l.auto.new { width: 227px; margin-top: 10px; margin-left: 1px; }
.default ul.flt-l.auto.new li {  width: 223px; display: block; overflow: hidden; border-bottom: 1px solid #A7B9CD; }
.default ul.flt-l.auto.new li.bottom-links { margin-top: 30px; }
.default ul.flt-l.auto.new li a {display: block; width: 202px; _width: 227px; padding: 5px 0 5px 25px; background: url('../img/li3.jpg') no-repeat 4px 8px; text-decoration: none;font-size: 0.9em;color: #000}
.default ul.flt-l.auto.new li a.category {font-size: 12px;font-weight:bold;color: #000;background: url('../img/li3.jpg') no-repeat #d2c9c2 4px -84px;}
.default ul.flt-l.auto.new li.active a,
.default ul.flt-l li a:hover{ background-position: 4px -84px; background-color: #d2c9c2; }

.default ul.flt-l.auto.new li .submenu li.last {  width: 223px; display: block; overflow: hidden; }
.default ul.flt-l.auto.new li .submenu li.active a {font-size: 12px;font-weight:bold; background: url('../img/li3.jpg') no-repeat #F1EFED 2px -161px; border-bottom:1px solid #a7b9cd;padding: 5px 0 5px 40px;}
.default ul.flt-l.auto.new li .submenu li.inactive .dropdownmenu {display:none;}
.default ul.flt-l.auto.new li .submenu li a:hover { background: url('../img/li3.jpg') no-repeat #F1EFED 2px -161px; }

.default ul.flt-l.auto.new li .submenu li .dropdownmenu { padding: 7px 0; }
.default ul.flt-l.auto.new li .submenu li .dropdownmenu li { border-bottom:none;padding: 0 0 0 30px; }
.default ul.flt-l.auto.new li .submenu li .dropdownmenu li a.active { font-weight: bold; }
.default ul.flt-l.auto.new li .submenu li .dropdownmenu li a { border-bottom: 0px none; background: #fff; padding:4px 0 4px 18px; font-weight: normal; color: #000; }
.default ul.flt-l.auto.new li .submenu li .dropdownmenu li a:hover { text-decoration: underline; }

.default ul.flt-l.auto.new li.last,
.default ul.flt-l.auto.new li .submenu li.last a,
.default ul.flt-l.auto.new li .submenu li.last.active a,
.default ul.flt-l.auto.new li .submenu li.last.inactive a,
.default ul.flt-l.auto.new li .submenu li .dropdownmenu li.last a { border: 0px none; }


.kontakty ul.flt-l,
.nabidka ul.flt-l,
.default ul.flt-l {width: 227px; margin-top: 10px; margin-left: 1px; }

.kontakty ul.flt-l li,
.nabidka ul.flt-l li,
.default ul.flt-l li {  width: 223px; display: block; overflow: hidden; border-bottom: 1px solid #A7B9CD; }

.kontakty ul.flt-l li a,
.nabidka ul.flt-l li a,
.default ul.flt-l li a {display: block; width: 202px; _width: 227px; padding: 5px 0 5px 25px; background: url('../img/li3.jpg') no-repeat 4px 8px;text-decoration: none;font-size: 0.9em;color: #000}

.kontakty ul.flt-l li.active a, .kontakty ul.flt-l li a:hover,
.nabidka ul.flt-l li.active a, .nabidka ul.flt-l li a:hover,
.default ul.flt-l li.active a, .default ul.flt-l li a:hover 
{ background-position: 4px -84px; background-color: #d2c9c2; }

ul.flt-l li.imploder { height: 20px; border-bottom: 0px none; }

#tableprislusenstvi {border-collapse: collapse; width: 950px; }
#tableprislusenstvi td { width: 255px }
#tableprislusenstvi th {font-size: 1.5em}
#tableprislusenstvi img { margin-bottom:10px }
#tableprislusenstvi .title {height:30px;vertical-align:top;}

#frame { width: 100%; _width: 600px; /*height: 400px; overflow-y: scroll;*/ overflow-x: hidden; }
#frame table { width: 100%; border-collapse: collapse; }
#frame table tr { background: #E8E3DF;}
#frame table tr.hover { background: #e0dad6; }
#frame table tr th { padding: 5px 5px; text-align: left; border-bottom: 5px solid #fff; }
#frame table tr td.center { text-align: center; }
#frame table tr th.center { text-align: center; }
#frame table tr td { cursor: pointer; padding: 3px 5px; border-bottom: 5px solid #fff;}
#frame table tr td a { text-decoration: none; }
#frame table tr td img { margin: 0 10px 0 15px; }
#frame p.right { font-size: .9em; text-align: right; margin: 0; padding: 0px 5px 0px 0px; }
.content div.info { margin-left: 229px; }
.content div.info p { padding: 5px 10px; text-align: justify; }

#frame table#vyber tr th input,
#frame table#vyber tr th select { border: 1px solid #B5B2B5; }
#frame table#vyber tr th input.text { width: 50px; border: 1px solid #B5B2B5; }
#frame table#vyber tr th input.submit { padding: 1px 0px; border: 1px solid #B5B2B5; background: #fff; width: 80px; font-weight: bold; font-size: 12px; }
#frame table#vyber tr th input.text.top { margin: 0px 0px 2px -1px; }

#foto { width: 266px; float: right; margin-right:30px; }
#foto a.picture img { margin-bottom: 10px;width: 266px; }
#popis { margin-right: 280px; }
#popis h3 { display: block; background: #E8E3DF; color: #000; padding: 14px 7px 0px 7px; }
ul#paging {clear: both; line-height: 30px;width: 100%; /*background: #E8E3DF;*/ text-align: center; margin-left: 20px;}
ul#paging li {display: inline; font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;}
ul#paging li a { display: inline-block;text-decoration: none;text-transform: uppercase;color: #000; font-size: 11px; font-weight: bold; padding: 0; margin: 0; }
ul#paging li a:hover {color: #fff; text-decoration: none; }
ul#paging li.active a {color: #000;background: #fff}
ul#paging li a img { border: 1px solid #E8E3DF; padding: 0; margin: 0;}
ul#paging li a.activeSlide img { border: 1px solid #000; }

#tabs { float:right;width:755px; margin-bottom: 20px; }
#tabs h2 { color:#000; font-size: 14px; font-weight: bold; margin-top: 10px; }
#tabs .tabs { width:745px; /*border-top: 1px solid #a89a94;*/ overflow: hidden; margin: 0 0 -10px -2px; }
#tabs .tabs li { float: left; border: 2px solid #e8e3df; height: 40px; text-align: center; border-bottom: none; }
#tabs .tabs li a { line-height: 40px; width: 244px; height: 40px; display: block; background: #d2c9c2; color: #000; text-decoration: none; }
#tabs .tabs li a:hover, #tabs .tabs li.ui-state-active a { background: /*#9e9188*/#fff; color: /*#fff*/#9e9188; font-weight: bold; }
#tabs .vyber { border-bottom: 5px solid #fff; }
#tabs .vyber img { border: 1px solid #b5aaa6; padding: 1px; margin: 10px; }
#tabs .vyber span { display: block; font-size: 11px; line-height: 26px; } 
#tabs .vyber span a { text-decoration: none; color: #000; } 
#tabs .vyber span.car-title { font-size: 12px; font-weight: bold; } 
#tabs .vyber span.cena { font-size: 14px;} 
#tabs .vyber .foto { vertical-align: middle; text-align: center; width: 150px; } 
#tabs .vyber .nazev { width: 250px; } 
#tabs .vyber a.to-detail { padding: 4px 9px; background-color: #d2c9c2; color: #000; text-transform: uppercase; text-decoration: none; font-size: 11px; } 
#tabs .vyber a:hover.to-detail { background-color: #9e9188; color: #fff } 
#tabs .vyber {  width:745px; margin: 10px 0 0 0; text-align: left; border-collapse: collapse; } 
#tabs .vyber .detail-link {  width: 100px; } 
#tabs .vyber tr { border-top: 5px solid #fff; border-left: none; border-right: none; }
.ui-tabs-hide { display: none; } 

#contact-box { background: url('../img/contact-box.gif') no-repeat #D2C9C2; margin: -10px 10px 20px 0; float:right; width: 742px; min-height: 190px; }
#contact-box p { padding: 20px; }
#contact-box ul { padding: 0 0 20px 0; margin: 0 0 0 40px; line-height: 180%; }
#contact-box ul li a { color: #000; }


/* FOOTER ----------------------------------------------------------------------------------------------------- */
.footer { clear:both; border-top: 10px solid #e8e3df; color: #8a8a8a; background: #c5b9b0; margin-top: 10px;height: 81px; position: relative; }
.footer p {padding: 0;color: #8a8a8a;font-size: 0.9em;}
.footer .footer-banner img,
.footer .footer-banner a img { margin: 0; padding: 0; display: block; float: left; }
.footer #obrovsky-banner { display: block; }
.footer #obrovsky-banner a { display: block; position: relative; top: 3px; left: 12px; }
.footer a {color: #8a8a8a;}
.footer div#skybox { position: absolute; left: 268px; top: -418px; display: none; width: 445px; height: 319px; background: url('../img/skybox.jpg') no-repeat; z-index: 10px; }
.footer div#skybox div { position: relative; }
.footer div#skybox strong { display: none; }
.footer div#skybox span { position: absolute; right: 6px; top: 6px; display: block; width: 22px; height: 22px; cursor: pointer; }


.content a img#homepage-1-1, .content a img#homepage-2-1 { display: block; margin: 1px 0px 2px 0px; }
.content div.info p, .content div.default p, .content div.siroky p {line-height: 1.6em;padding: 10px 10px 5px 10px;}
.content div.info ul li { padding: 0px 10px 5px 0px; line-height: 1.6em; }
.content div#homepage-1-2 {  }
.content div#homepage-1-2 img { float: left; margin: 0; padding: 0; border: 0; }
/*
#animation { position: absolute; left: 0; top: 0; background: #000; width: 100%; height: 100%; text-align: center; }
#animation-obrazek { position: absolute; background: url('../img/fade.jpg') no-repeat center center; height: 500px; width: 100%; top: 47px; left: -130px; }
*/
#animation { position: absolute; left: 0; top: 0; background: #000; width: 100%; height: 100%; text-align: center; z-index: 5; }
#animation-obrazek { margin: 50px auto 0 auto; height: 181px; width: 300px; }
#animation-inner { position: relative; height: 100%; width: 100%; text-align: center; }
#animation-logo { margin: 111px auto 0 auto; display: none; position: absolute; z-index: 1; left: -1500px; }
#animation-url { margin: 458px auto 0 auto; display: none; position: relative; z-index: 1; }
#animation-rozsviceny { display: block; width: 100%; height: 100%; }
#animation-zhasnuty { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

#changing { margin-bottom: 2px; }

/* NEWS ------------------------------------------------------------------------------------------------------ */
div.news { margin: 0px 20px 0px 250px; padding-top: 14px; }
div.novinka { width: 100%; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #C5B9B0; float: left; }
div.novinka div { display: block; width: 100%; position: relative; font-weight: bold; text-decoration: none }
div.novinka div a { text-decoration: none; font-size: 120%; }
div.novinka div.vice-na-konci { text-align: right; }
div.novinka div.vice-na-konci a { text-decoration: underline; font-size: 100%; }
div.novinka div.vice-na-konci a:hover { text-decoration: none }
div.novinka div em { position: absolute; top: 2px; right: 5px; font-weight: normal; font-style: normal; }
div.news p { text-align: justify; }
div.news p a { font-weight: bold; color: #000; }
div.news img { margin: 15px; }
div.news div.paging { clear: both; padding: 10px 0; text-align: center; }
div.novinka-detail a.vice-na-konci { display: none; }

/* Kontaktni form */
.content .form {width: 550px; float:left;padding:0px 0 0 10px;}
.content .kontakt {padding:30px 0 0 40px;}
.content .form .alert {width:415px;background: white;padding:10px;margin: 0 0 10px 10px;}
.content .form strong {font-size:80%;}
.content .form strong.error {color:red;}
.content .form strong.ok {color:green;}
.content .form em {color:red;font-weight:bold;}
.content .form p,
.content .form h2 { padding:0; }
.content div.form form.send fieldset {width: 550px;}
.content div.form form.send fieldset input { border: 1px solid #C5B9B0; }
.content div.form form.send fieldset textarea { border: 1px solid #C5B9B0; float: left; width:240px; height:100px; margin-bottom: 3px;font-size: 105%;font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; }
.content div.form form.send fieldset label { clear: left; float: left; width:200px; font-size: 90%; text-align:right; padding-top: 2px; margin: 0 5px 3px 0; color: black; }
.content div.form form.send fieldset select { float: left; width:242px;border: 1px solid #989898; margin: 0 0 3px 0; }
.content div.form form.send fieldset input.text { float: left; width:240px; margin-bottom: 3px; }
.content div.form form.send fieldset a { display: inline-block; font-size: 70%; margin:0 0 0 0; color: #000; font-weight: normal;  }
.content div.form form.send fieldset label img { float: right; margin: -2px 0 0 0; }
.content div.form form.send fieldset input.kratsi { width: 240px; }
.content div.form form.send fieldset input.submit { clear: left; float: left; margin-left: 205px;width:242px; }

/*** formatovani dvou sloupecku z texy ***/
/* boxik vkladany pres texy */
.boxobal { margin: 0px 0px 15px 0px;}
.boxobal .boxvpravo { float: left; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; }
.boxobal .boxvpravo img { margin: 5px 0px 15px 0px; }
.boxobal .boxvlevo { float: left; padding: 0px 0px 0px 0px; }
.boxobal .neplnit { width: 100%; display: block; clear: both; height: 1px; overflow: hidden; visibility: hidden; font-size: 0;}
.boxvpravo.single { float: right; margin: 0px 0px 0px 20px; }
/* pridane dalsi boxy na prani */
.boxobal.trisloupcovy div { float: left; margin: 0px 10px 20px 10px; width: 29%; }
.boxobal.trisloupcovy div.splitter { visibility: hidden; width: 100px; }
.boxobal.trisloupcovy div img {  }
.boxobal.trisloupcovy div div { float: none; width: auto; padding: 0px 0px 10px 0px; margin: 0; }
.boxobal.trisloupcovy div p { padding-top: 0; text-align: left; }
.boxobal.trisloupcovy div.languages { padding-top: 0px; }
.boxobal.trisloupcovy div.languages p img { margin-left: 0; margin-bottom: 5px; }
.boxobal.trisloupcovy div p strong { clear: left; }
.boxuprostred { padding: 0px 0px 0px 240px; }
.boxuprostred img { margin: 0; }

div.vlevo { float: left; width: 450px; }
div.vpravo { margin-left: 495px; }

/* mapa webu */
#mapa.siroky { padding-left: 30px; margin-top: 0; padding-top: 0; }
#mapa strong{font-weight: normal;}
#mapa span.ie{ _display: block; _clear: left; _height: 15px;}
#mapa ul { margin: 0 0 0 20px; }
#mapa ul li ul { margin: 0; }
#mapa ul li{list-style-type: none;  clear: left; padding: 0; margin: 0;}
#mapa ul li a{line-height: 1em; text-decoration: none; line-height: 160%;}
#mapa ul li a.tree{color: black; padding-left: 12px; }
#mapa ul.submenu li{list-style-type: none; color: #6e5f51;}
#mapa ul.submenu li a{padding-left: 12px; color: #6e5f51; }
#mapa ul.submenu li li a{color: black; padding: 0px 0px 0px 24px;}
#mapa ul.submenu li li li a{color: black; padding: 0px 0px 0px 36px;}
#mapa ul.submenu li li li li a{color: black; padding: 0px 0px 0px 48px;}
#mapa ul.submenu li li li li li a{color: black; padding: 0px 0px 0px 60px;}
#mapa ul.submenu li li li li li li a{color: black; padding: 0px 0px 0px 72px;}
#mapa ul.submenu li li li li li li li a{color: black; padding: 0px 0px 0px 84px;}
#mapa ul.submenu li li li li li li li li a{color: black; padding: 0px 0px 0px 96px;}
#mapa ul.submenu li li li li li li li li li a{color: black; padding: 0px 0px 0px 108px;}
#mapa ul#tree li a span { width: 4px; height: 10px; display: inline-block; margin: 2px 0px 0px 7px; _background-position: 0px 5px;}
#mapa ul li a strong{float: left;}
#mapa ul li a:hover{padding-left: 12px; color: #008DB2; }
#mapa ul.submenu li a:hover, #mapa ul li a.tree:hover {padding-left: 12px; color: black; }
#mapa ul.submenu li li a:hover{color: black; padding: 0px 0px 0px 24px;}
#mapa ul.submenu li li li a:hover{color: black; padding: 0px 0px 0px 36px;}
#mapa ul.submenu li li li li a:hover{color: black; padding: 0px 0px 0px 48px;}
#mapa ul.submenu li li li li li a:hover{color: black; padding: 0px 0px 0px 60px;}
#mapa ul.submenu li li li li li li a:hover{color: black; padding: 0px 0px 0px 72px;}
#mapa ul.submenu li li li li li li li a:hover{color: black; padding: 0px 0px 0px 84px;}
#mapa ul.submenu li li li li li li li li a:hover{color: black; padding: 0px 0px 0px 96px;}
#mapa ul.submenu li li li li li li li li li a:hover{color: black; padding: 0px 0px 0px 108px;}
#mapa ul#tree li a.tree span{ margin-left: -7px; }

div.casopis div {	float: left; width: 155px; text-align: center;}
div.casopis a { font-size: 11px; float: left; color: #6b6b6b; }
div.casopis a.list {	position: relative;	left: 25px;	padding: 5px 0 5px 30px;	color: #6b6b6b; display: block; width: 125px;	text-align: left; }
div.casopis a.download {	position: relative;	left: 25px;	padding: 5px 0 5px 30px;	color: #6b6b6b; display: block; width: 125px;	text-align: left; }
div.casopis a.external {	position: relative;	left: 25px;	padding: 5px 0 5px 30px;	color: #6b6b6b; display: block; width: 125px;	text-align: left; background: url('../img/icons/external.gif') no-repeat 10px 3px; }
div.casopis a.external.image {	left: 0px;	padding: 5px 0 5px 0px; background: none;	}

div.dialoged div.form { font-size: 60%; }
div.dialoged div.form h3 {  }
div.dialoged div.form p { padding: 15px 0; }
div.dialoged div.form label { clear: left; float: left; width: 150px; text-align: right; margin-right: 10px; margin-bottom: 8px; }
div.dialoged div.form label.delsi { width: 217px; }
div.dialoged div.form label img { position: relative; top: 3px; }
div.dialoged div.form input.text { float: left; margin-bottom: 8px; width: 200px; padding: 2px 4px; border: 1px solid #AAAAAA; }
div.dialoged div.form input.text.kratsi { width: 133px; }
div.dialoged div.form select { float: left; margin-bottom: 8px; width: 200px; border: 1px solid #AAAAAA; }
div.dialoged div.form textarea { float: left; margin-bottom: 8px; width: 400px; padding: 2px 4px; border: 1px solid #AAAAAA; height: 60px; }
div.dialoged div.form input.submit { clear: left; float: left; margin: 15px 0 0 490px; }
div.dialoged div.form div.alert { padding: 0px 15px 15px 15px; }
div.dialoged div.form div.alert strong.error { color: #E53517; }
div.dialoged div.form div.alert strong.ok { color: #5F9349; }

.content .info div.language p { text-align: left; }
/*
.content .info div.language { float: left; width: 250px; }
.content .info div.language img { float: left; margin: 0px 10px 0px 0px; }
.content .info div.language.english { margin: 0px 0px 0px 10px; }
*/
.content .info div.tel-number-red { float: right; margin: -65px 30px 0 0; font-weight: bold; font-size: 130%; color: #E53517; padding: 4px 10px; background: #fff; }
.content .info div.tel-number-red.under-banner { margin: 20px 30px 0 0; }
.content .info div.tel-number-red.prodej { margin: -50px 30px 0 0; }
.content .info div.tel-number-red.kontakty-servis { margin: -48px 5px 0 0; padding: 4px 3px; font-size: 110%; }

div#pneuservis-banner { display: block; width: 743px; height: 90px; overflow: hidden; background: #000000; margin: 0 0 10px 9px; position: relative; top: 10px; }
div#pneuservis-banner a { color: #fff; font-size: 200%; text-align: center; display: block; padding: 33px 0 40px 0px; text-decoration: none; }
div#pneuservis-banner a span { color: #C0210E; text-decoration: underline; }
div#pneuservis-banner a:hover span { text-decoration: none; }

/* OTHER ----------------------------------------------------------------------------------------------------- */
hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}
.clear { clear:both; display: block; height:0;line-height:0;font-size:0; width: 100%;}
.noscreen { display:none; }
.flt-l {float: left;}
img.flt-l { margin: 0; }
.default img.flt-l { _width: 597px; }
.flt-r {float: right;}
.bold {font-weight: bold;}
.center {text-align: center;}
.noborder {border: 0;}
/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* hidden for ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*** nastaveni odsazeni pdf, doc, xls, ....odkazu (viz repository) ***/
a.filetype { margin-left: 10px; }

#paticka { font: normal 12px Arial,sans-serif;color: #969696; width: 994px; margin: 0 auto;}
#paticka div{width:100%;float:left;margin: 10px 0 10px 0;}
#paticka #foo-cycle { margin-top: 0;}
#paticka div ul {float:right;}
#paticka div ul li{display:inline;}
#paticka div ul li a{text-decoration:none;font-family: Arial, Helvetica, sans-serif;}

#paticka p { text-align: right; padding-right: 4px;  padding-top: 0px; padding-bottom: 5px; }
#paticka p.left { float: left; width: 400px; text-align: left; padding-left: 4px; }
#paticka a { color: #969696;  }