* {margin:0; padding:0;}
html {font-size:16px}
body {background:#010506 url(page-bg.jpg) no-repeat top center; font:81.25%/1.3 arial, tahoma, sans-serif; text-align:center}

a {color:#193f48; text-decoration:underline;}
a:hover {text-decoration:none;}
a img {border:none;}
hr {display:none;}
ul {list-style-type:none;}

.cleaner {display:block; clear:both; height:0; width:100%; overflow:hidden;}
.alert {color:#f00;}

table {font-size: 100%;  border-collapse: separate; margin:10px 15px 5px 12px;border-spacing: 1px; }
table caption {text-align: left; padding: 4px; font-weight: bold; font-size: 92.3%;background-color: #006599; color: White; }
table thead td, table thead th {background-color: #7BABCB;}
td, th {padding: 4px 8px; vertical-align: top; text-align: left;  background-color: #CDDDEC;}

button {background-color:#006599; border:none; color:#fff; padding:5px 10px; margin-right:20px;}

#main {position:relative; width:960px; margin-left:auto; margin-right:auto; line-height:150%}
#top {position:absolute; height:200px; width:960px; left:0; top:0;}

#top h1 {position:absolute; display:block; width:410px; height:70px; color:#fff; left:90px; top:60px; text-align:left; font-size:430%; font-weight:normal; font-family:tahoma; letter-spacing:5px;}
#top h1 span {color:#0A8EFC;}
#top h1 sup {color:#58b4fd; font-size:30%;}
#top h1 strong {font-size:25%; letter-spacing:0.5px; font-family:arial; font-weight:normal; display:block; position:relative; top:20px; height:40px;}
#top h2 {font-size:115%; letter-spacing:0.5px; font-family:arial; font-weight:normal; display:block; position:relative; top:110px; left:-195px; height:40px; color:#fff;}

#top .car {background:#010506 url(m-mx5.jpg) no-repeat left top; width:450px; height:300px; position:absolute; top:0; left:514px;}
#top #car-index {background-image:url(m-cx7.jpg);}
#top #car-nahradni-dily {background-image:url(m-bt50.jpg);}
#top #car-autoservis {background-image:url(m-3.jpg);}
#top #car-likvidace-aut {background-image:url(m-6.jpg);}
#top #car-kontakty {background-image:url(m-rx7.jpg);}
#top #car-objednavky {background-image:url(m-cx9.jpg);}

#left {position:relative; float:left; width:255px; margin:150px 0 0 0; font-size:20px; color:#fff; background:url(rx-8.jpg) no-repeat bottom center; padding-bottom:150px; text-align:right;}
#left li {text-align:right; margin:15px 0;}
#left a {color:#fff; text-decoration:none; font-size:80%; display:inline; padding:8px 20px;}
#left a:hover, #left a.selected {background-color:#006599;}
#left li a em {font-style:normal; text-decoration:underline;}
#left h2 {font-size:80%; display:block; width:60px; height:20px; padding:8px 20px; background-color:#006599; margin:50px 0 0 155px;}
#left p {font-size:140%; padding-right:20px; margin-top:40px;}
#left p span {font-size:60%;}
#left p.mutace {font-size: 60%;}


#right {position:relative; float:right; width:650px; margin:200px 52px 0 0; background-color:#010506; color:#012130; text-align:left;}
#right #page {background:#fff url(box-bg.jpg) no-repeat 0 -143px; padding:85px 35px 33px 35px; position:relative;}
#right #page h1, #right #page h2, #right #page h3, #right #page h4 {color:#006599; font-weight:normal; clear:both;}
#right #page h1 {font-size:250%;}
#right #page h2 {font-size:200%; margin-top:20px;}
#right #page h3 {font-size:150%; margin-top:10px;}
#right #page h4 {font-size:100%;}

#right #page table.cenik {width: 100%; margin: 0 0 10px 0;}
#right #page table.cenik th {width: 60%;}
#right #page table.cenik td {width: 20%;}

#right #page ul#mapa {margin:5px 5px 5px 15px; }
#right #page ul#mapa li {background: url("ico-li.gif") no-repeat 0 8px; padding-top: 3px; padding-left: 10px;}
#right #page ul#mapa ul {margin: 2px 5px 5px 15px;}
#right #page ul#mapa ul li {background: url("ico-lipipe.gif") no-repeat 0 0; padding-top: 2px; padding-bottom: 1px; font-size: 84.7%; padding-left: 18px;}
#right #page ul#mapa ul li.last {background-image: url("ico-liendpipe.gif");}

#boxful {margin-top:40px;}
#boxful.objednavky form {margin:5px 0 20px 0;}
#boxful.objednavky form p {padding:10px 0 0 0;}
#boxful.objednavky label {width:80px; display: block; float: left; clear: left; margin-bottom: 1px; font-weight: bold;font-size: 92.4%; padding-top: 3px;}
#boxful.objednavky input {margin-bottom: 1px; width: 385px;}
#boxful.objednavky textarea {clear: both; width: 470px; height: 90px; } 
html > body #boxful.objednavky textarea  {width: 465px;}
html > body #boxful.objednavky label, html > body #boxful.objednavky input { margin-bottom: 3px;}

.kontakty .col1 {width: 250px; float: left;}
.kontakty form {margin:5px 0 20px 0;}
.kontakty form p {padding:10px 0 0 0;}
.kontakty label {width:80px; display: block; float: left; clear: left; margin-bottom: 1px; font-weight: bold;font-size: 92.4%; padding-top: 3px;}
.kontakty input {margin-bottom: 1px; width: 160px;}
.kontakty textarea {clear: both; width: 245px; height: 200px; } 
html > body .kontakty textarea  {width: 240px;}
html > body .kontakty label, html > body .kontakty input { margin-bottom: 3px;}
.kontakty button {margin-right: 10px;}

.kontakty .col2 { width: 230px; float:right; margin-right:100px;}
.kontakty .col2 .colIn {padding-left: 20px;}
.kontakty .col2 h4 {padding-bottom: 2px;}
.kontakty .col2 table {margin: 0 0 15px 0; padding: 0; border-collapse: collapse; font-size: 92.4%; width: 300px;}
.kontakty .col2 th, .kontakty .col2 td {background-color:transparent; padding: 0px; font-weight: normal;width: 50%;}
.kontakty .col2 td {width: 50%;}
.kontakty .col2 .w100 {width: 100px;}
.kontakty .col2 p {margin-bottom: 5px;}

#mapy h3 {margin-bottom:10px;}

#dily {width:350px;}

#dily2 {width:auto; margin-top:40px;}
#dily2 h2 {font-size:150% !important; margin-top:100px;}
#dily2 .item {margin: 10px 0; border: 5px solid #B8D2F5; padding: 1px;}
#dily2 .item .image {width: 101px; float: left;margin-right: -3px; }
html>body #dily2 .item .image {margin-right: 0;}
#dily2 .item .image img {width: 100px; height: 75px;}
#dily2 .item .text {height: 75px; overflow: hidden;background-color:#B8D2F5; padding: 0 5px;}
#dily2 .item .text h2 {margin: 0; padding-top: 0px; font-size:120% !important; margin:0!important;}
#dily2 .item .text p { font-size:12px; padding: 0 !important; margin: 0 !important; height: 35px; overflow: hidden;}
#dily2 .item .text span {float: right;}
#dily2 .item .text span em{font-style: normal; font-size:12px;}

#dily2 .item.dily .text h2 {float: left; font-size:12px;}
#dily2 .item.dily .text h6 {float: right;}
#dily2 .item.dily .text p {clear:both;}

#bar {width:240px; position:absolute; left:380px; top:100px;}
#bar ul {background-color: #104389; padding: 5px 0;background-color: #B8D2F5; margin-left:40px; }
#bar ul li {border: 1px solid white; margin: 0 5px; border-bottom: none;padding: 0;font-size: 92.4%;}
#bar ul li.last {border-bottom: 1px solid white;}
#bar ul li a {display: block; background-color: #B8D2F5; padding: 4px 0; width: 100%; text-indent: 5px;}
#bar ul li a:hover {display: block; background-color: #006599; color: white;}
#bar ul li a.selected {background-color: #104389; color: White;}

.pictDetail h1 {font-size:150% !important;}

#right #page p {margin:15px 0 0px 0;}
#right #page #corner {background: #fff url(corner.png) no-repeat right top; position:absolute; left:0; bottom:0; width:650px; height:33px;}

#right #footer {color:#fff; font-size:80%; padding:20px 40px;}
#right #footer a {color:#fff; text-decoration:none;}
#right #footer span {color:#58b4fd;}
#right #footer span a {color:#58b4fd;}