html,body,div,ul,ol,li,p,h1,h2,h3,h4,h5,h6{padding:0; margin:0; list-style:none; }
html {
	background:#272727;
	color: #333;
	font:0.75em Arial, sans-serif;
	line-height:1.5em;
}
body {
	background:url(../images/bg_body.gif) 0 0 repeat-x;
}
#container {
  width:970px;
  margin:0 auto;
  position:relative;
  background:url(../images/container.png) 0 0 repeat-y;
  border-bottom:1px solid #CC0000;
}
#head {
  height:92px; width:100%;
  background:url(../images/bg_body.gif) 0 0 repeat-x;
  margin:0; padding:0;
}
#main {	
	width: 750px;
	float: right;
	position: relative;
	right: 0; top:0;
	margin: 0 0 25px 0; padding:0 25px;
	background:#FFF;
}

#side {
	width: 130px;
	float: left;
	position: relative;
	left: 0; top:0;
	overflow: hidden;
	margin: 0 0 25px 0; padding:0 20px;
	background:#1c1c1c;
	font-family: Tahoma, Arial, sans-serif;
}

#footer {
	width:970px;
	margin:0 auto 40px auto;
	position:relative;
	color:#666;
}
#footer p{font-size:90%;  margin:15px 0; padding:0; text-align:right;}
#footer p.links {float:left; text-align:left;}
#footer a {color:#9F2727;}

/*********** DOPLNKY LAYOUTU ***********/
/****** head ******/
#head ul {margin:0; height:45px; line-height:45px;}
#head li {margin:0 4px; display:inline-block; list-style-type:none; float:left; text-transform:uppercase;}

.line {height:45px; overflow:hidden; background:#FFF; }
.line img {float:left;}
.line ul {margin:0; float:right; font-size:90%; font-family: Tahoma, Arial, sans-serif;}
.line ul li {}
.line a {color:#666666; text-decoration:none;}
.line a:hover {text-decoration:underline;}

#head ul.menu {width:100%; height:45px; background:url(../images/menu.png) 0 0 repeat-x; font-size:90%; text-align:right;  }
#head ul.menu li {padding-right:1px; margin:0; list-style-type:none; background:url(../images/delimiter.jpg) 100% 0 no-repeat; position:relative; display:block; z-index:1;}
#head ul.menu a {display:inline-block; height:45px; padding:0 25px; color:#FFF; text-decoration:none; background:url(../images/menu.png) 0 0 repeat-x; }
#head ul.menu a:hover {background:url(../images/menu.png) 0 -45px repeat-x;}

#head ul.menu ul.nabidka {position:absolute; left:0; top:46px; float:left; height:auto; line-height:auto; z-index:1; width:220px; text-align:left;  border-bottom:1px solid #C0022E;}
#head ul.menu ul.nabidka li {display:block; float:none; height:auto;  line-height:1.6em; border-bottom:1px solid #333;}
#head ul.menu ul.nabidka a {display:block; padding-top:5px; padding-bottom:5px; height:auto; background:#000; }
#head ul.menu ul.nabidka a:hover {background:#333;}

/****** side ******/
#side p.ban {margin:25px 0 0 0;}

#logo{height:170px; width:170px;position:relative; margin:0 0 15px 0; left:-20px;}
#logo a {display:block; overflow:hidden; width:0; height:170px; padding-left:170px; background:url(../images/logo_autocentrum.png) 0 0 no-repeat; position:absolute; top:0; left:0; }

#side h3 {text-transform:uppercase;}
#side p {color:#FFF;}
#side a {color:#FFF;}
#side ul {margin:10px 0 0 0;}
#side ul.menu li{margin:2px 0; list-style-type:none; font-size:11px; line-height:17px; text-transform:uppercase;}
#side ul.menu li.kontakt {margin-bottom:15px;}
#side ul.menu a{display:block;  text-decoration:none; color:#FFF;}
#side ul.menu a:hover {text-decoration:underline;}

#side ul.submenu {font-size:90%;}





/****** main ******/
.head_image {margin:0; position:relative; height:235px;overflow:hidden; background:url(../images/top_image_x.jpg) 0 0 no-repeat;}
#main h1, #main h2.title { margin:0 -25px 10px -25px; padding:10px 25px; background:#1C1C1C; color:#FFFFFF; font-weight:normal; z-index:2; text-transform:uppercase; font-size:22px;}
#main h2.title {font-size:20px; margin-top:-15px;}
img.toper {position:absolute; left:0; top:0;}

/********* STRANKY *********/

/* Homepage */
.l {width:490px; margin-right:30px; float:left; overflow:hidden;}
.r {width:230px; float:right; overflow:hidden;}

.half {width:48%; float:left;}
.half.first {margin-right:4%;}

div.aktuality {font-size:100%; overflow:hidden; width:100%;}
div.aktuality h3 {margin:0;}
div.aktuality h4 {height:36px; overflow: hidden;}
div.aktuality div.exc {display: block; height:95px; overflow: hidden;}
div.aktuality span.img {display:block; width:230px; height:170px; overflow: hidden;}

div.triple {width:230px; margin-right:30px; float:left; }
div.triple.last {margin-right:0;}


div.triple h3.kontakty {margin-top:0;}
table.otviracka td {padding-left:5px; font-size:90%;}
p.adresa, p.telefon {
	overflow:hidden; line-height:1.6em;
}
p.adresa img {
	float:right;
}
.oznameni p {font-style:italic;}


/* Skladové vozy */
ul.vozy_skladem {overflow:hidden; margin:30px -15px 5px 0; font-size:130%;}
ul.vozy_skladem li {
	list-style-type:none;
	display:inline-block;
	float:left;
	width:140px; height:140px;
	position:relative;
	margin:0 12px 0 0;
}
ul.vozy_skladem li strong {
	position:absolute; bottom:15px; left:25px;
}
ul.vozy_skladem li a {
	color:#000;
	text-decoration:none;
}
ul.vozy_skladem li a:hover {
	color:#cc0000;
}


/* Vybraný model */
form.filtrace {padding:5px 10px; margin-bottom:15px; background:#e5e5e5;}
form.filtrace  fieldset {margin:0; padding:0;}


.item {
	position:relative;
	padding:15px 0 10px 170px; margin-bottom:5px;
	overflow:hidden;
	min-height:120px;
	zoom:1; _height:120px;
}

.item.odd {background:#f8f8f8;}
.item h4 {font-size:110%; margin:0 0 15px 0;}
.item p {font-size:100%;}
.item p.image {position:absolute; left:0; top:15px;}
.item p.cena {font-size:110%; font-weight:bold;}

table.parametry {width:170px; padding-right:15px; float:left;}
table.parametry td, table.parametry th {padding:2px 5px; text-align:left;}

/* Vybrané auto */
div.popis {float:right; width:430px;  overflow:hidden; zoom:1;}
.detail .info {overflow:hidden; zoom:1;}
.detail .parametry {width:250px;}
.detail .miniinfo {width:170px; float:right; text-align:right;}
.detail .miniinfo a.pdf_cenik {vertical-align:middle; font-weight:bold; display:inline-block; margin-bottom:10px; padding-left:40px; height:33px; line-height:33px; background:url(../images/pdf.png) 0 0 no-repeat;}
.detail p.cena {margin:0 0 20px 0; font-size:130%; }

div.images {width:300px; float:left; overflow:hidden; zoom:1;}
.images .ostatni a {display:inline-block; float:left; width:145px; margin:5px 2px; overflow:hidden;}



h2.kontakt {color:#1c1c1c; font-size:190%; clear:both; margin-top:0; padding-top:40px;}
#kom_form  {clear:both;}
#kom_form .head { width:240px; margin-bottom:10px; float:left;}
#kom_form .head input {width:220px;}
#kom_form .check {margin-top:5px; }
#kom_form span.relative {display:block; margin:8px 0; }
span.cluetip {color:#cc0000; text-decoration:underline;}

div#fd-datum.datePicker.staticDP {float:right;}



/************ Apps ************/
#slider {margin:20px -15px 5px -15px; height:254px; overflow:hidden; position:relative; }
#mycarousel, #mycarousel li {margin:0; padding:0;}
#mycarousel li {margin:0 0 0 10px; list-style-type:none;}

#mojeMapa td {padding:0; margin:0;}

/*Dotaznik*/
form#dotaznik {background:#CFCFCF; width:690px; padding:10px 20px; border:1px solid #000; margin:0 auto;}
form#dotaznik fieldset {width:650px; display:block; border:1px solid #fff; padding:5px; margin-bottom:0.5em; line-height:1.5em;}
form#dotaznik legend {font-weight:bold; font-size:100%; border:3px solid #fff; margin-bottom:5px; padding:3px 5px; background:#fff ; color:#CC0000;}
form#dotaznik label {clear:left; display:block; float:left; width:220px; text-align:right; padding-right:10px; margin-bottom:0.5em;}
form#dotaznik input {border:1px solid #fff; background:#fff; padding-left:0.5em; margin-bottom:0.6em; width:250px;}
form#dotaznik label input {margin:0; border:auto; padding:0; width:auto;}
form#dotaznik button {margin:0 auto; text-align:center;}
form#dotaznik .bot {clear:left; text-align:center;}

/************ OBECNE ************/
h1,h2,h3,h4,h5,h6{font-weight:bold; margin:1.5em 0 .75em 0; color:#cc0000; }
h1{font-size:200%;  }
h2{font-size:170%;}
h3{font-size:140%;}
h4{font-size:120%;}

form,fieldset,legend{margin:0; padding:0; border:none; }
form{font-size:110%; margin:0 auto; }
fieldset{margin:0.5em 0; }
fieldset legend {font-size:120%; font-weight:bold; color:#333; }
fieldset fieldset legend{font-size:100%; }

ol, ul {margin:1em 0; font-size:100%;}
li {margin-left:2em; zoom:1;}
ul li  {list-style-type:disc;}
ol li {list-style-type:decimal;}

p{font-size:100%; margin:0 0 1em 0; line-height:1.4em; }
li p, p li, dl p, table p {font-size:100%;}

table{font-size:100%;  margin:0 0 1em 0;}
table th, table td{vertical-align:middle; padding:3px 5px; }
table thead th{text-align:center; }


a{text-decoration:underline; color:#cc0000; }
a:hover{text-decoration:none;}
a img {border:none; }
#main a img {border:none; }

/*******  SPECIFICKE **************/
.hidden{display:none;}
.skrt{text-decoration:line-through;}
.cistic{clear:both; font-size:0; height:0; line-height:0;}
.cistic hr{display:none;}
.bold{font-weight:bold;}
.center {text-align:center;}
.small {font-size:small;}
.relative {position:relative;}

div.delimiter {clear:both; height:20px; padding:0; margin:0 0 25px 0; border-bottom:1px solid #CECECE; }
div.delimiter hr {display:none;}

span.hlavni, span.normal {font-size:100%; font-weight:bold;  color:#830707;}
span.nesleva { text-decoration:line-through; }
span.neplatne {font-size:90%; text-decoration:line-through; margin-right:5px; }
span.sleva {color:#CC0000;}

.obarvit {color:#CC0000;}

label.overlabel{color:#333; position:absolute; top:-1000px; left:2px;}
label.overlabel-apply{position:absolute; top:2px; left:4px; z-index:1; color:#333; font-size:90%; }


.chyba p, .ok p {margin-top:5px;}