@charset "utf-8";
/* =========== optimalizovane prvky =========== */
* {margin: 0; padding: 0; border:none; font-size: 12px;}
a {outline: none}
h1 {text-align: left;}
.h1-white {font-size: 1.8em; color:#FFF}
h2 {font-size: 1.2em; color:#FFFFFF;}
.white {color: #FFF}
.bold {font-weight: 900;}
#hidden-form {display:none}
.hidden	{display:none}
.promo {color:#CCCCCC; margin-top: 10px; text-align:center;}
p {margin-bottom: 10px; font-size: 12px;}
a {color: #fff; text-decoration: none;}
a:hover {color: #fff; text-decoration: none;}
.center	{text-align:center}
/* =========== zakladni prvky =========== */
html {background-color:#000000;}
html,body {border: 0; height: 100%;}
body {font-family:Arial, Verdana, Helvetica, sans-serif; color:#9B9EA4; font-size: 62.5%;}
#layout	{width: 992px; text-align: left; margin: 0 auto;}
#leftside {width: 208px; float:left; font-size: 1.2em;}
#leftside-content {width: 198px; float: left;}
#leftside-arrows {width: 10px; float: right; border-top: 1px solid #999999 /* #4C4E53 */;}
#rightside {width: 784px; height: 195px; float:right;}
#rightside-left	{width:569px;float:left; padding-left: 15px; /*border-top: 1px solid #4C4E53;*/}
#rightside-left	{background-image:url(/img/site/navigace/linka_prechod1.jpg); background-repeat:no-repeat;}
#rightside-left-long {width:569px;float:left; padding-left: 15px; /*border-top: 1px solid #4C4E53;*/}
#rightside-left-long {background-image:url(/img/site/navigace/linka_prechod_long.jpg); background-repeat:no-repeat;}
#rightside-left-long img  {margin: 0 -3px -3px 0;}
#rightside-left p {font-size: 12px;}
#rightside-left-content	{width:545px; float:left; padding-top: 5px;}
#rightside-left-content-long {width: 992px; float:left; padding-top: 5px;}
#rightside-left-arrows {width: 10px; float: right; padding-top: 1px;}
#rightside-right {width: 200px; float:right;}
#parent	{width: 992px; text-align:center; height: 30px; _margin-top: -3px;}
#parent img	{margin-right: 10px;}
.parent-nav1 {width: 992px;list-style-type:none;}
.parent-nav1 li	{width: 330px; height: 30px; display:inline-block; float:left;}
.parent-nav1 li a {cursor: hand;}
.vito a	{width: 330px; height: 30px; display:block;background-image:url(/img/site/navigace/vito_off.gif);}
.vito a:hover {background-image:url(/img/site/navigace/vito_on.gif);}
.viano a {width: 330px; height: 30px; display:block;background-image:url(/img/site/navigace/viano_off.gif);}
.viano a:hover {background-image:url(/img/site/navigace/viano_on.gif);}
.sprinter a {width: 332px; height: 30px; display:block; background-image:url(/img/site/navigace/sprinter_off.gif);}
.sprinter a:hover{background-image:url(/img/site/navigace/sprinter_on.gif);}
#quick-launch {width: 550px; text-align:center; height: 29px; padding: 11px 0 0 230px;}
#quick-launch a {margin-right: 10px; float:left;}
#quick-launch img {margin-right: 10px;}
#footer {width: 992px; height: 30px; text-align:center; font-size: 1.1em; background-image:url(/img/site/navigace/border2.gif); background-repeat:no-repeat; background-position: top center;}
#footer span {display:block; padding-top: 7px;}
.cleaner {clear:both;border:none; visibility:hidden; float:none}
/* =========== navigace - zaklad =========== */
#navigation	{width: 992px;background-image:url(/img/site/navigace/border1.gif); background-repeat:repeat-x; background-position:bottom; font-weight:900;}
#navagation ul {width: 992px;}
#navigation li {position: relative;float: left;}
/* === zakladni definice === */
.menu {}
.menu a {text-decoration: none; display:block; width:auto;}
.menu ul, .menu li {list-style-type: none;}
ul.level1 li.polozka1 {margin-left: 30px; cursor: hand;}
ul.level2 {
position: absolute;
/* --- hidden --- */
left: -999em;
top: 111px;
width: 147px;
height: 290px;
z-index:9999;
background-color:#000000; padding-top: 10px;
/* --- pruhlednost --- */
opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7;
}
.menu a:hover {text-decoration: none;}
ul.level1 li.polozka1 {behavior: url(/system/css/hover.htc);}
ul.level1 li.polozka1:hover, ul.level1 li.polozka1Hover {background-color: #000000;}
ul.level1 li.polozka1Hover ul.level2, ul.level1 li.polozka1:hover ul.level2 {left:auto;}
ul.level2 li.polozka2 a {text-align: left; font-size: 11px; padding-left: 5px; color:#FFFFFF;width: 142px; display:block;}
ul.level2 li.polozka2 a:hover {text-align: left; font-size: 11px; padding-left: 5px; color:#000000;width: 142px; display:block;background-color:#FFFFFF;}
/* === navigace - level-1 each part === */
#logo {
width: 143px;
height: 111px;
background-image:url(/img/site/navigace/logo.gif);
background-repeat:no-repeat;
color: #4C4E53;
}
div#navigation li.o_firme {width:64px; height: 111px; background-image:url(/img/site/navigace/o-firme.gif); background-repeat:no-repeat; background-position:left; }
div#navigation li.prodej {width:62px; height: 111px; background-image:url(/img/site/navigace/prodej.gif); background-repeat:no-repeat; background-position:left}
div#navigation li.servis {width: 57px; height: 111px; background-image:url(/img/site/navigace/servis.gif); background-repeat:no-repeat; background-position:left}
div#navigation li.studio {width: 124px; height: 111px; background-image:url(/img/site/navigace/studio.gif); background-repeat: no-repeat; background-position:left}
div#navigation li.zajimavosti {width: 102px; height: 111px; background-image:url(/img/site/navigace/zajimavosti.gif);background-repeat: no-repeat; background-position:left}
div#navigation li.kontakty {width: 83px; height: 111px; background-image:url(/img/site/navigace/kontakty.gif); background-repeat:no-repeat; background-position:left}
div#navigation li.akce {width: 124px; height: 111px; background-image:url(/img/site/navigace/akcni_nabidka.gif); background-repeat:no-repeat;}
/* === navigace - level-1 a:hover === */
div#navigation li.o_firme:hover {width:64px; height: 111px; background-image:url(/img/site/navigace/o-firme.gif); background-repeat:no-repeat; background-position:right; cursor: hand;}
#navigation li.prodej:hover	{background-image:url(/img/site/navigace/prodej.gif); background-repeat:no-repeat; background-position:right;}
#navigation li.servis:hover	{background-image:url(/img/site/navigace/servis.gif); background-repeat:no-repeat; background-position:right;}
#navigation li.studio:hover	{background-image:url(/img/site/navigace/studio.gif); background-repeat: no-repeat; background-position:right;}
#navigation li.zajimavosti:hover {background-image:url(/img/site/navigace/zajimavosti.gif);background-repeat: no-repeat; background-position:right;}
#navigation li.kontakty:hover {background-image:url(/img/site/navigace/kontakty.gif); background-repeat:no-repeat; background-position:right;}
/* --- prodej --- */
li.prodej-o-firme a {width:64px; height: 111px; background-image:url(/img/site/navigace/o-firme.gif); background-repeat:no-repeat; background-position:left;}
li.prodej-o-firme a:hover {width:64px; height: 111px; background-image:url(/img/site/navigace/o-firme.gif); background-repeat:no-repeat; background-position:right;}
li.prodej-prodej a {width:62px; height: 111px; background-image:url(/img/site/navigace/prodej.gif); background-repeat:no-repeat; background-position:left}
li.prodej-prodej a:hover {width:62px; height: 111px; background-image:url(/img/site/navigace/prodej.gif); background-repeat:no-repeat; background-position:right}
li.prodej-servis a {width: 57px; height: 111px; background-image:url(/img/site/navigace/servis.gif); background-repeat:no-repeat; background-position:left}
li.prodej-servis a:hover {width: 57px; height: 111px; background-image:url(/img/site/navigace/servis.gif); background-repeat:no-repeat; background-position:right}
li.prodej-studio a {width: 124px; height: 111px; background-image:url(/img/site/navigace/studio.gif); background-repeat: no-repeat; background-position:left}
li.prodej-studio a:hover {width: 124px; height: 111px; background-image:url(/img/site/navigace/studio.gif); background-repeat: no-repeat; background-position:right}
li.prodej-zajimavosti a {width: 102px; height: 111px; background-image:url(/img/site/navigace/zajimavosti.gif);background-repeat: no-repeat; background-position:left}
li.prodej-zajimavosti a:hover {width: 102px; height: 111px; background-image:url(/img/site/navigace/zajimavosti.gif);background-repeat: no-repeat; background-position:right}
li.prodej-kontakty a {width: 83px; height: 111px; background-image:url(/img/site/navigace/kontakty.gif); background-repeat:no-repeat; background-position:left}
li.prodej-kontakty a:hover {width: 83px; height: 111px; background-image:url(/img/site/navigace/kontakty.gif); background-repeat:no-repeat; background-position:right}
li.prodej-akce a {width: 124px; height: 111px; background-image:url(/img/site/navigace/akcni_nabidka.gif); background-repeat:no-repeat;}
/* === navigace - level-2 each part === */
li.o_firme1 a, li.prodej1 a, li.servis1 a, li.studio1 a, li.zajimavosti1 a, li.kontakty1 a, li.akce1 a {height: 17px; padding-top: 3px;}
/* =========== navigace - zaklad - konec =========== */
/* =========== Main - Scroll - Panel =========== */
.wrapper {position:relative;width: 540px;}
#scroll-panel {position: relative;overflow: hidden;width: 540px;height: 180px;}
.Scroller-Container {position:relative;top: 0; left: 0;padding-bottom: 20px;}
.Scrollbar-Up {width: 10px; height: 90px;cursor: hand;position:relative; background-image:url(/img/site/navigace/arrows/up.gif); background-position:left; display:block;}
.Scrollbar-Up:hover {width: 10px; height: 90px;cursor: hand;position:relative; background-image:url(/img/site/navigace/arrows/up.gif); background-position:right; display:block;}
.Scrollbar-Down {width: 10px; height: 90px;cursor: hand;position:relative;background-image:url(/img/site/navigace/arrows/down.gif); background-position:left; display:block;}
.Scrollbar-Down:hover {width: 10px; height: 90px;cursor: hand;position:relative;background-image:url(/img/site/navigace/arrows/down.gif); background-position:right; display:block;}
/* =========== Main - Scroll - Panel - End =========== */
/* =========== bannery - right - navigation =========== */
/* === bannery - zakladni nastaveni === */
#quick-navigation, #quick-navigation2 {width: 198px; list-style-type:none;}
#quick-navigation li, #quick-navigation2 li{list-style-type:none;}
#objednavka a, #objednavka a:hover, #kontakt a, #kontakt a:hover, #hotline a, #hotline a:hover{widht: 198px; height: 60px; display:block}
/* === bannery - pozadi banneru === */
#objednavka a {background-image:url(/img/site/bannery_right/servis_off.gif);}
#objednavka a:hover	{background-image:url(/img/site/bannery_right/servis_on.gif);}
#kontakt a {background-image:url(/img/site/bannery_right/banner_map_off.gif);}
#kontakt a:hover {background-image:url(/img/site/bannery_right/banner_map_on.gif);}
#hotline a {background-image:url(/img/site/bannery_right/banner_hotline_off.gif);}
#hotline a:hover {background-image:url(/img/site/bannery_right/banner_hotline_play.gif);}
/* =========== bannery - right - navigation - konec =========== */
/* === akce - boxmodel === */
#akce-box {}
#akce-header {font-size: 1.2em; color:#FFFFFF; font-weight: 900; float: left;}
#akce-date {font-size: 1.2em; color:#FFFFFF; font-weight: 900; float:right;}
#akce-content {margin-top: 10px;}
#akce-www {margin-top: 10px; float: right; color:#FFFFFF; font-size: 1.1em; font-weight: 900;}
#akce-www a		{text-decoration: none;}
#akce-www a:hover	{text-decoration: underline;}
/* === left thumbs === */
.thumbs img			{display:block;}
.Container		{position:relative; width: 198px; overflow: hidden;}
#Scroller-1		{position: relative; width: 198px; height: 180px; overflow: hidden}
/* === jquery - slideshow === */
#slide		{position:relative;height:300px;}
#slideshow	{position:relative;height:300px;}
#slideshow IMG {position:absolute;top:0;left:0;z-index:8;}
#slideshow IMG.active {z-index:10;}
#slideshow IMG.last-active {z-index:9;}
#slideshow2    {position:relative;height: 180px;}
#slideshow2 IMG {position:absolute;top:0;left:0;z-index:8;}
#slideshow2 IMG.active2 {z-index:10;}
#slideshow2 IMG.last-active2 {z-index:9;}
/* === UL seznamy === */
.list	{padding: 5px 0 10px 20px;font-size: 1.2em;list-style-image:url(/img/site/navigace/disc1.gif);}
.list li{color:#9B9EA4;}
.list-1	{padding: 10px 0 10px 21px;font-size: 1.0em; list-style:none; list-style-image:url(/img/site/navigace/real-disc.gif);}
.list-1 li {}
.list-2 {padding: 5px 0 10px 90px;font-size: 1.2em;list-style-image:url(/img/site/navigace/disc1.gif);}
/* =========== quick-launch =========== */
/* === certifikaty === */
.certifikaty	{width: 161px; height: 17px; display:block; cursor: hand;	background-image:url(/img/site/navigace/quick_launch/certifikaty_off.gif);}
.certifikaty:hover	{width: 161px; height: 17px; display:block; cursor: hand;	background-image:url(/img/site/navigace/quick_launch/certifikaty_on.gif);}
/* === fotogalerie === */
.fotogalerie	{width: 161px; height: 17px; display:block; cursor: hand;	background-image:url(/img/site/navigace/quick_launch/fotogalerie_off.gif);}
.fotogalerie:hover	{width: 161px; height: 17px; display:block; cursor: hand;	background-image:url(/img/site/navigace/quick_launch/fotogalerie_on.gif);}
/* =========== models =========== */
#model-box {
width: 200px;
height: 300px;
background-color:#000;
position:relative;
left: 792px;
z-index: 98;
/* --- pruhlednost --- */
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
}
#model-list	{
list-style: none;
width: 200px;
height: 260px;
padding-top: 10px;
}
#model-list li	{
list-style-type:none;
width: 200px;
font-size: 10px;
}
X#model-list li	{
display: block;
width: 185px;
padding-left: 15px;
font-size: 1.3em;
font-weight:900;
color: #FFF;
text-decoration:none;
cursor: hand;
}
#model-list li a{
display: block;
width: 185px;
padding-left: 15px;
font-size: 1.3em;
font-weight:900;
color: #FFF;
text-decoration:none;
cursor: hand;
}
#model-list li a:hover	{
background-color: #FFF;
color: #000;
cursor: hand;
}
.model-back {
display:block;
text-align: right;
padding-right: 10px;
}
.model-back a {
font-size: 1.2em;
text-decoration: underline;
color: #FFF;
}
/* =========== car-model-prodej =========== */
.car-model-main {
height: 9999px; /* ie6, ie7 bug fix */
}

.car-model-box {
width: 535px;
height: 70px;
padding-top: 10px;
padding-left: 10px;
background-color: #000000;
behavior: url(/system/css/hover.htc); /* ie6 bug fix */
overflow: hidden;
}
.car-model-box:hover {
background-color: #4d4e52;
cursor: hand;
}
.car-model-box.hover {
background-color: #4d4e52;
cursor: hand;
/* ie6 bug fix */
}
.car-model-photo {
width: 70px;
height: 60px;
float: left;
}
.car-model-content	{
width: 430px;
height: 60px;
margin-left: 20px;
float: left;
}
.car-model-content-text	{
font-size: 0.9em;
text-align:justify;
}
.car-model-content-header-left	{
float:left;
font-size: 1.2em;
}
.car-model-content-header-right	{
float:right;
font-size: 1.2em;
}
.car-model-box:hover .car-model-content-header-left, .car-model-box:hover .car-model-content-header-right {color:#FFF;}
.car-model-box.hover .car-model-content-header-left, .car-model-box.hover .car-model-content-header-right {color:#FFF;}
/* =========== car-show-prodej =========== */
.car-show {
width: 992px;
height: 300px;
}
.car-show-photo {
width: 400px;
height: 300px;
float:left;
}
.car-show-content {
width: 592px;
height: 300px;
float: left;
background-color: #4d4e52;
}
.car-show-content-gallery {
width: 90px;
margin-left: 10px;
_margin-left: 5px;
float:left;
}
.car-show-content-gallery-item	{
display:block;
}
.car-show-content-gallery-item li	{
list-style-type: none;
float:left;
}
.car-show-content-item	{
width: 482px;
float: right;
}
/* table */
.car-show-table	{
width: 100%;
table-layout: fixed;
margin-top: 10px;
font-size: 1.2em;
}
/* konec table */
.car-show-table-1st	{
width: 100px;
}
.car-show-content-info	{
width: 95%;
margin-top: 20px;
text-align: left;
}
.car-show-content-info-header	{
display:block;
width: 100%;
color:#FFF;
font-size: 1.4em;
font-weight:900;
}
.car-show-content-info p	{
color: #FFF;
font-size: 1.2em;
}
.white {
color: #fff;
font-size: 12px;
}
.obrButt {
background: url(/img/site/kontakty/objednat_off.gif) 0 0 no-repeat;
width: 397px;
height: 28px;
border: 0;
cursor: hand;
}
.obrButt:hover {
background: url(/img/site/kontakty/objednat_on.gif) 0 0 no-repeat;
width: 397px;
height: 28px;
border: 0;
cursor: hand;
}
#rightAlign td {
text-align: right;
font-size: 12px;
color: rgb(255,255,255);
}
input {
background: #b3b3b3;
border: 1px #5a5a5a solid;
}
textarea {
background: #b3b3b3;
border: 1px #5a5a5a solid;
}
#pdf-download {
list-style: none;
line-height: 20px;
}
#pdf-download li a{
color: #9B9EA4;
list-style-position: outside;
margin-left: 10px;
padding: 6px 6px 6px 20px;
background: url(/img/site/navigace/button_ke_stazeni_off.gif) left center no-repeat;
}
#pdf-download li a:hover{
color: #fff;
background: url(/img/site/navigace/button_ke_stazeni_on.gif) left center no-repeat;
}
.leftside-banner{
height: 60px;
margin-bottom: 0px;
}
.email:hover{text-decoration: underline;}
sup {font-size: 8px; margin-top: -5px;}
.parametry td, .parametry td b {font-size: 10px;}
.left-oil {float: left; width: 150px; text-align: left; height: 240px;}
.right-oil {float: left; width: 380px; text-align: left; height: 240px;}
.header-oil {width: 580px; float: none; clear: left;}
#mapa-back {background: url(/img/site/kontakty/carmotorsmb_mapa_navigace.gif) top left; height: 180px; width: 594px; margin: 0 0  0 -10px ;float: left; }