body{font-family:Tahoma,Arial;font-size:12px;margin:0;padding:0;text-align:center;background:url(../img/bgr_body.jpg) repeat white; color: black; line-height: 135%; }
hr.cistic{clear:both;height:1px;border:none;margin:-1px 0 0 0;visibility:hidden;}
.cistic{clear:both; display: block; height: 0px; width: 100%;}
.cistic span{display: none;}
a{text-decoration:none;color:#f8bb12;}
a:hover{text-decoration:underline;}
img{border:0;}
p,ul{margin:0;padding:0;}
hr{margin:0;padding:0;}
h1,h2,h3 ,h4{margin:0;padding:0;}
h1 {	font-size: 120%;}
h2 {	font-size: 110%;}
h3 {	font-size: 100%;}
p{padding: 5px 0 5px 0;}
.on{background:#3DA1C3; color:white;}
.off{background: #F8F8F8;}

/*Nadpisy*/
.nadpis { background:#686868; padding:10px 0 10px 20px; }
.nadpis_clear {clear: both;  padding: 5px 0 5px 0; margin: 0 0 10px 0;}
.nadpis_clear span {font-weight: normal;}


/*hlavni*/
#root{width:860px;text-align:left;margin-left:auto;margin-right:auto;margin-top:35px;}

/*horni panel*/
#paneltop{padding: 0px 0 0 0; height: 330px; } 

#info_logo {width: 282px; float: left; margin: 0 20px 0 0; padding: 0 0px 0 0;}
#info_logo p{padding: 0 0 0 20px ; margin: 0; font-size: 100%; color:white;}
#info_logo p.extra{padding: 0 0 10px 20px ; margin: 0; font-size: 160%; color:#5D5D5D; font-weight: bold; }

/*logo*/
#logo{display: block; width: 282px; height: 136px; background: url(../img/logo_renault.png) no-repeat; margin: 20px 0 10px 0;  }
#logo span{display: none; }

/*hlavni menu*/
#menu{clear: both; padding: 0px 0 0 0px;  text-align: center; height: 35px; margin: 0 0 20px 0;}
#menu ul{list-style: none; margin: 0; padding: 0;}
#menu ul li{float: left; padding: 0 1px 0 0;}
#menu ul li.last{padding: 0 0px 0 0;}
#menu a{display: block; height: 35px; padding: 0px 0px 0 0px; }
#menu a:hover{background-position:0 -35px;}
#menu a.active{background-position:0 -35px;}
#menu a span{display:none; }
#link1 a {width:101px; background: url(../img/btn_uvod.jpg) no-repeat 0px 0px;}
#link2 a {width:175px; background: url(../img/btn_katalogdilu.jpg) no-repeat 0px 0px;}
#link3 a {width:165px; background: url(../img/btn_nasesluzby.jpg) no-repeat 0px 0px;}
#link4 a {width:143px; background: url(../img/btn_kontakty.jpg) no-repeat 0px 0px;}
#link5 a {width:143px; background: url(../img/btn_galerie.jpg) no-repeat 0px 0px;}

#menu ul li#extra {padding: 10px 0 0 100px; }
#extra a {display: inline; font-weight: bold; color:gray;}
#extra a span {display: inline;}

/*slideshow*/
#slideshowframe{	 overflow:hidden; float: right; margin: 0 0px 0px 0; background: white; padding: 5px;}
#slideshow{	width: 542px; height:246px; overflow:hidden;  margin: 0 0px 0px 0;}



/*hlavni obsah*/
#main{ padding: 0 20px 30px 20px; background: #5d5d5d ; color:white;}
#main ul{ padding: 0 0 0 20px;}

#left_main{float:left; width:370px;padding: 20px; }
#right_main{float:right; width:370px;padding: 20px;}
.main_center{clear:both;padding: 0 20px 10px 20px; background:#686868;}


/*nadpisy*/
.nadpis_stranky{padding: 0px 0 0px 7px; border-left: 2px solid #f8bb12; color:#f8bb12; margin: 0 0 10px 0; font-size: 130%;}





/*adresa*/
.adresa_short{padding: 20px 20px 0 20px;}
.adresa_short p{padding: 0; margin:0;}
.adresa_short p.tel1 {padding: 10px 0 0 0;}
.adresa_short p.tel span{color:#3F3F3F; font-weight: bold;}
.adresa_short p.tel1 span{color:#3F3F3F; font-weight: bold;}
.adresa_short p.email {font-weight: bold;}
.adresa_short p.email a{text-decoration: underline;}

/*zapati*/
#footer{background: url(../img/footer.jpg) no-repeat center top; clear: both; padding: 13px 0 0px 20px; text-align: center;color:#3F3F3F; }
#footerlink {text-align: center; padding: 0 0 0px 0;}
#footerlink a{color:#3F3F3F; font-size: 100%; font-weight: bold; margin: 0 8px 0 8px;}
#footerlink a.active{text-decoration: underline;}


/* foto galerie*/
#galery{ padding: 0px 0 20px 0px; }
#galery .foto a{ width: 110px; height: 83px; float: left; margin: 10px 6px 0 6px; border: 2px solid #4F4F4F;}
#galery .foto a:hover{ border: 2px solid #54ABE1;}
#galery .foto a span{ display: none;}
#galery h2{ padding: 10px 0 10px 0px; }
#galery .space a{ margin-right: 20px;}

#gallery a img {width: 400px;}



.imgright{float:right; margin: 0 0 5px 10px;}
.imgleft{float:left; margin: 0 10px 5px 0;}


/*fast linky ve strance*/
#fastlink { font-size: 110%; font-weight: bold; padding: 20px 0 0px 0;}
#fastlink p{ padding: 0 0 5px 0;}

/*reference*/
.reffoto{	width:149px ; height:194px ; float:left; margin: 0 10px 0 0;}
.ref {padding: 10px 0 20px 0;}


/*email form*/
#mailform {padding: 0px 0 0 0;}
#mailform input{width: 150px;font-family:Tahoma,Arial;font-size:11px; padding: 2px;}
#mailform .td1{padding: 0 0 5px 0;}
#mailform .td2{padding: 0 0 5px 20px;}
#mailform .td2{padding: 0 0 5px 30px;}
#mailform .td2{padding: 0 0 5px 20px;}
#mailform .td2{padding: 0 0 5px 20px;}
#mailform .td2 textarea{width:250px;height: 60px;font-family:Tahoma,Arial;font-size:11px; padding: 2px;}
#mailform .btn_odeslat input{color:white; border: 1px solid #f8bb12; background:#f8bb12; width: 70px;} 
#mailform .btn_odeslat {text-align: right;} 
.msgerr{background: #FFA4A4;border:2px solid red; padding: 5px; text-align: center; font-weight: bold; margin: 0 0 10px 0;}
.msg{color:white; border: 1px solid #3AA3C3; background: #4DB4D5; margin: 0 0 10px 0;padding: 5px; text-align: center; font-weight: bold;}

/*kontakty*/
/*
.ul1 {width: 300px; float: left; }*/
.ul2 {margin-top: 10px;}
.ul1 p{margin:0; padding: 2px 0 0px 0; }


/*realizace uvod*/

.ref .ref_nadpis {color:#f8bb12; font-weight: bold; list-style: none; padding: 10px 0 10px 0;}
.ref .ref_popis{list-style: disc; margin: 0 0 5px 20px;}

.rally {padding: 10px 0 0 0;}
.rally img{padding: 0px 0 10px 0;}

.modra{
	color: #f8bb12;
}