@media all
{
/* reset reloader */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-size:.85em;
}
ol, ul {
	list-style: none;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* end of reset reloader style sheet */


/* layout */
#wrapper {
	background-image: url('img/hlavni_banner.png');
	background-repeat: no-repeat;
	background-color:white;
	width: 965px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	overflow:hidden;
}

#header {
	width:950px;
	height:215px;
    background-color:transparent;
    position:relative;

}
#header a.autobenex {
	position:absolute;
    display:block;
    /*width:119px;height:69px;*/
    width:104px;height:62px;
    background-image: url('img/logo_autobenex.png');
    float:left;
	margin-left:30px;
	margin-top:-5px;
}
#header a.autobenex:hover{
	/*width:121px;height:74px;*/
    width:104px;height:62px;
    background-image: url('img/logo_autobenex_hover.png');
}

#logo h1{
	margin:0px;
	padding:0px;
}

#logo h1 a{
	display:block;
	background: url('img/logo_reno.png') no-repeat;
	width:424px;
	height:97px;
	overflow:hidden;
	position:relative;
	top:5px;
	left:20px;
	text-indent: -100em;
}

#logo h1 strong {
	display:block;
	margin:0 0 0 110px;
	height:1em;
}
#logo h1 em {
	display:block;
	margin:4px 0 0 160px;
}


.floatpanelwrapper{
   position: absolute;
   right: 0px;
   top: 85px;
   width:206px;
   background: transparent no-repeat scroll 0 0 url('img/pravy_panel_horni.png');
   float:right;
   z-index:200;
   overflow:hidden;
   clear: none;

}

.floatpanelbg{
	margin-top:24px;
	background: transparent repeat-y scroll 0 0 url('img/pravy_panel_stred.png');
    overflow:hidden;
	width:206px;
}

#hotline{
	 background: transparent  url('img/hotline.png') no-repeat;
	 padding-top: 124px;
	 width:173px;
	 margin-left:10px;
	 font-weight:bold;
	 font-size: 1.2em;
}
#hotline span{
	 margin-left:5px;
}

#news{
	background: transparent url('img/newsHorizontala.png') repeat-x;
	margin:13px 17px;
	padding:10px 5px 0px 10px;
}
#news a{
	font-style:italic;
	color: #20497F;
}

.floatpanelfooter{
	background: transparent no-repeat scroll 0 0  url('img/pravy_panel_spodni.png');
    width:206px;
    height:27px;
}

#menu {
    overflow:hidden;
    position:relative;
    top: 0px;
    height:50px;
}

#contentbg{
	background:transparent repeat-y url('img/hlstrana_stin.png');
	width: 932px;
	position:relative;
	left:-5px;
	overflow:hidden;
}

#content{
	position:relative;
	left:-9px;
	width:890px;
    background-color:#D1D3D4 ;
    margin-left:auto;
    margin-right:auto;
    z-index:50;
    overflow:hidden;
    padding-top:40px;
    text-align: justify;
    line-height:150%;
}

#content a{
	font-style:italic;
	color: #20497F;
}
#content .leftpadding{
	padding-left: 240px;
}
#content .margin_left{
	margin-left: 50px;
}
#content .margin_right{
	margin-right: 150px;
}

#content .contentpadding{
	padding-left: 260px;
	padding-right:155px;
}
#content .contentpadding a:hover{
    text-decoration:underline;
}

#content address em{
	display: block;
	margin-top: 10px;
}
#content p {
	margin-top:20px;
}


h1, h2, h3 {
   color:black;
   font-weight:bold;
   margin:1.4em 0em 0em;
   text-indent:0;
}

h1 {
   color:black;
   font-size:106%;
   line-height:15px;
}

h2 {
   font-size:120%;
}



#footer{
	background-color:#D1D3D4;
	height: 33px;
	position:relative;
	left:-9px;
	margin: 0px 21px;
    padding-top:40px;
}
#footer ul{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	background: repeat-x  #D1D3D4 url('img/paticka_oddeleni.png');
	text-align:center;
	padding-top:5px;
    font-size:xx-small;
}

#footer ul li{

}

.footerbg{
	background: transparent url('img/hlstrana_paticka.png') no-repeat;
	width:932px;
	height:28px;
	position:relative;
	left:-5px;
}

/* end of layout */

a{
	text-decoration:none;
	color:black;
}

body{
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}

#menu{
	background:transparent    no-repeat url('img/Lista/leva_cast.png');
	left: -3px;
}

#menu ul{
	background: transparent   repeat-x url('img/Lista/stredova_cast.png');
	background-position:0 0;
	margin-left: 11px;
	height:51px;
	width:800px;
	overflow:hidden;
}

#menu li{
	display:block;
	width:116px;
	float:left;
}
#menu a{
	position:relative;
	display:block;
	width:116px;
	height:50px;
	line-height:53px;
	padding-left: 12px;
	background-repeat:no-repeat;
	background-position: 90% 0%;
}

#menu a.novinky{
	background-image:  url('img/Lista/novinky.png');
}

/* styl pro vybranou polozku*/
#menu.novinky a.novinky, #menu.sluzby a.sluzby, #menu.cenik a.cenik, #menu.onas a.onas , #menu.kontakt a.kontakt, #menu.autobazar a.autobazar{
  font-weight:bold;
}
#menu a.sluzby{
	background-image: url('img/Lista/sluzby.png');
}

#menu a.cenik{
	background-image:  url('img/Lista/cenik.png');
}
#menu a.onas{
	background-image:   url('img/Lista/onas.png');
}

#menu a.kontakt {
	background-image:   url('img/Lista/kontakt.png');
}
#menu a.autobazar{
	background-image:  url('img/Lista/autobazar.png');
	width: 151px;
}
#menu.autobazar a.autobazar {
	width: 151px;
}

#menu a.active {
	 font-weight:bold;
}

#menu a:hover span{
    display:block;
	position:absolute;
	height:37px;
	width:142px;
	font-weight:bold;
	background-image: url('img/hover.png');
	top:12px;
	right:0px;
}
#menu a.autobazar:hover span{
	right:29px;
}

#sidemenu{
	width: 200px;
	float: left;
	background: transparent url('img/menu_okraj.png') repeat-y right;
	padding-left:15px;
}

#sidemenu a{
	display:block;
	background-image: url('img/submenu_button_una.png');
	width:176px;
	height:77px;
	font-weight:bolder;
	color:black;
	font-style: normal;


}
#sidemenu a:hover {
	background-image:  url('img/submenu_button_act.png')   ;
	background-repeat: no-repeat;
}
#sidemenu a span{
	padding-left: 30px;
	display:block;
	padding-top:17px;
}
#sidemenu.autoservis a.autoservis, #sidemenu.pneuservis a.pneuservis, #sidemenu.karosarna a.karosarna, #sidemenu.autolakovna a.autolakovna, #sidemenu.odtahova a.odtahova, #sidemenu.pujcovna a.pujcovna, #sidemenu.pojisteni a.pojisteni{
	background-image: url('img/submenu_button_act.png')   ;
	background-repeat: no-repeat;
}


.hidden, hr {
font-size:0;
left:-3800px;
line-height:0;
position:absolute;
visibility:hidden;
}


table strong{
	font-weight:bolder;
	font-size:133%;
}

table.tablenews td.offer_name{
	width:180px;
	padding:7px;
	line-height:20px;
	font-size:120%
}
table.tablenews td.date{
    width:75px;
    padding:7px;
}
#cars_offer{
	width:540px;
	height:50px;
	margin-left:220px;
	margin-top:70px;
}

.float_left{
	float:left;
}

img.mapa{
	width:509px;
	float:right;
	position:relative;
	right:165px;
	top:20px;
}

#contentwrapper{
	border: 1px solid #A4A4A4;
	background-color:#C6C6C6;
	overflow:hidden;
	margin-left:5px;
	width:730px;
	padding:20px 0px;
}

#contentwrapper.car_detail .float_left{
	width:300px;
	margin-left:20px;
}
#contentwrapper.car_detail .float_left h3{
	margin:2em 0  0em 0;
}
#contentwrapper.car_detail table td.bold{
	font-weight:bold;
	width:130px;
}
#contentwrapper.car_detail table{
	margin-top:20px;
	margin-left:0;
	padding-left:0;
}
#contentwrapper.car_detail table td{
	margin-left:0;
	padding-left:0;
}

#contentwrapper.car_detail h2{
	margin-top:0px;
}
#contentwrapper.car_detail p{
	margin-top:2px;
}
#contentwrapper.car_detail p.cena{
	margin-top:20px;
}

#contentwrapper.car_detail form.mailme textarea{
	width:292px;
	height:140px;
}
#contentwrapper.car_detail form.mailme #submit, #contentwrapper.car_detail form.sendoffer #submit{
	float:right;
	border: 1px solid black;
	width:120px;
	margin-top:20px;
}
#contentwrapper.car_detail .float_right{
	float:right;
	width:320px;
	padding-left:20px;
	border-left:1px solid white;
	min-height:550px;
	overflow:hidden;
}
#contentwrapper.car_detail .float_right .images{
	/*width:298px;
	float:right;*/
}
#contentwrapper.car_detail .float_right .images img{
	/*width:133px;
	height:100px;*/
	margin-right:15px;
	margin-bottom:15px;
}
#contentwrapper.car_detail form.sendoffer input{
	width: 265px;
}
#contentwrapper.car_detail a.printoffer{
	border:1px solid black;
	width:270px;
	display:block;
	margin-top:50px;
	margin-right:28px;
	background-color:#F0F0F0;
    font-style:normal;
    color:black;
    text-align:center;
}

#contentwrapper.car_detail form.sendoffer #submit{
    margin-right:48px;
}

#newsmain {
	margin: 15px 145px 5px 235px;
}

#newsbanner {
	margin-bottom: 20px;
}

.newsbox {
	position:relative;
	border: 1px solid #7f7f7f;
	background-color: #c6c6c6;
	overflow: hidden;
	width: 100%;
	margin-bottom:10px;
	padding-top:6px;

}

.newsbox .date {
	float: right;
	margin: 7px; margin-top:2px;
	font-size:90%;
	line-height:100%;
}

.newsbox .novinkasign {
  width:89px; height:81px;
  top:0px; left:0px;
  position:absolute;
  background: left top no-repeat url('img/Novinka.png') ;
}


.newsbox .image {
	float: left;
	margin: 7px;
}
.newsbox .image a{
	width:160px;
	height:100px;
}
.newsbox .text{
	margin:1px 13px 10px 180px;
}
.newsbox .text span.desc{
	display:block;
	margin-top:25px;
	font-size:90%;
}

p.pagination{
	width:180px;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
}



table.cars_list{
	margin-left:10px;
	border-spacing: 0;
	font-size:85%;
}

table.cars_list td{
	height:60px;
	vertical-align:middle;
}
table.cars_list td span{
	display:block;
	height:50px;
	background-color: #C6C6C6;
	border-top:1px solid #979797;
	border-bottom:1px solid #979797;
	line-height:49px;
	padding:0px 5px;
	overflow:hidden;
	}
table.cars_list td span.first{
	border-left:1px solid #979797;
	width:65px;
}
table.cars_list td span.first img{
	margin-top:5px;
}
table.cars_list td span.last{
	border-right:1px solid #979797;
}
table.cars_list td span.price{
	width: 67px;
}
table.cars_list td span.engine{
	width: 55px;
}


table.cars_list thead td{
	height:40px;
}
table.cars_list thead td span{
	height:30px;
	line-height:29px;
}
table.cars_list td span a{
	font-style:normal;
}

#content .photoset, #content .photoset2
{
	margin-top:15px;
	border:1px solid #9C9C9C;
	background-color:#C6C6C6;
	vertical-align:middle;
}
#content .photoset img, #content .photoset2 img{
	background-color:white;
	margin:0;
	padding:0;
	margin-left:14px;
	margin-top:14px;
	margin-bottom:7px;
}
#content .photoset2 img{
	margin-left:26px;
}
.bluetext {
	color:  #20497F;
}
h2.autobazar{
	margin-left:20px;
	margin-bottom:20px;
}

p.cenik{
	line-height:170%;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:30px;
}
table.cenik{
	margin-top:20px;
}
table.cenik td{
	width:220px;
}
table.cenik td.bold{
	font-weight:bold;
}
table.cenik td.first{
	width:350px
}
table.cenik td span{
	margin-left:60px;
}

p.starcomment{
	margin-top:50px;
	padding-top:50px;
}

#news_detail{
    overflow:hidden;
	margin:20px;
	width:500px;
	margin-left:235px;
}

#news_detail div.offer{
	position:relative;
	width:320px;
	float:right;
	clear:none;
	font-size:85%;
	overflow:hidden;
}
#news_detail div.offer h2{
	display:block;
	width:200px;
	float:left;
	margin:0;
	padding:0;
}
#news_detail div.offer .date{
	width:80px;
	float: right;
}

#news_detail p{
 	margin-top:10px;
    width:100%;
}

#news_detail div.offer p{
	float:left;
	width:315px;
	margin-top:12px;
	margin-bottom:30px;
}

#news_detail div.offer p em{
	color: #1B764C;
}

#news_detail img.offer_pic{
	float:left;
	width:131px;
	background-color:white;
}
#news_detail .photoset{
	margin-top:50px;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 300; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 290; width: 100%; height: 500px; background-color: #000; }

img.generali{
	margin-left:50px;
	margin-top:30px;
	margin-right:50px;
}
img.kooperativa{
	margin-top:30px;
	margin-bottom:50px;
}

.cleaner{
	clear:both;
}

table.klimatizace1, table.klimatizace2{
	margin:2em 0 0 0.5em;
	border:1px solid black;
	border-collapse:collapse;
}
table.klimatizace1 td, table.klimatizace2 td, table.klimatizace1 th, table.klimatizace2 th{
	border-bottom:1px solid black;
	border-right:1px solid black;
}
table.klimatizace1 th, table.klimatizace2 th{
	font-weight:bold;
}
table.klimatizace1 td, table.klimatizace1 th{
	padding:0.5em 1em 0.5em 1em;
}
table.klimatizace2 td, table.klimatizace2 th{
	padding:0.5em 1em 0.5em 1em;
}
p.dph{
	padding-left:0.5em;
}
.style1 {
	color: #FF0000;
}

.photodesc{
	margin-bottom:-15px;
	font-size:90%;
	font-style:italic;
	font-weight:normal;
}




} /* end of media all