/* @override http://localhost/renault.com.ar/css/estilos.css */

html { 
	padding: 0;
	margin: 0;
}

body {
	color: black;
	background-color: #666;
	margin: 0;
	font-size:12px;
	font-family: Arial, sans-serif;
	text-align: center;
}
.cref {
	background-color: #808080;
	color: White;
	height: 12px;
	font-size:12px;
	font-family: Arial, sans-serif;
	padding-left: 5px; 
}
.desc {
	color: #808080;
	background-color: #ffffff;
	font-size:11px;
	font-family: Arial, sans-serif;
	padding: 6px;
}
.TitMenu  {
	display: block; 
	background-color: #999; 
	color: #ffd540; 
	text-transform: uppercase; 
	font-weight: bold; 
	padding: 5px; 
	font-size: 14px;
	border-bottom: 1px solid #ffffff;
	}
.PpalMenu  {
	display: block; 
	color: #ffd540; 
	font-weight: bold; 
	padding: 5px; 
	font-size: 14px;
	}
/* ============ TAGS GLOBALES ============ */

img {border: 0;}

ul, ol, li, dl, dt, dd {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

a, a:link, a:visited, a:active {color: #ffffff; text-decoration: none;}
a:hover {color: #cc0000; text-decoration: none;}

h1,h2,h3,h4,h5,h6 {padding: 0; margin: 0;}

form,fieldset,label,input {padding: 0;margin: 0;}

fieldset {border: 0;}

p {margin: 1em 0;}

.hidden {display: none;}
.clear {clear: both;}

/* ============ ORGANIZACION ESTRUCTURAL ============ */

#wrapper {
	width: 948px;
	margin: 0 auto 20px;
	text-align: left;
	position: relative;
	overflow: hidden; background-color: #fff; padding: 10px;}

#top { width: 968px; float: left; clear: both;}
	.topLinks { display: block; margin-right:35px; padding: 10px; float: right; text-transform: uppercase; font-size: 11px; color: #808080; font-weight: bold;}
	.topLinks:hover { color: #000000;}
	#linkRenault { color: #6b6b6b;}
	#linkRenault:hover {color: #f88102;}
	#linkB { color: #6b6b6b;}
	#linkB:hover {color: #f88102;}
	#linkI { color: #6b6b6b;}
	#linkI:hover {color: #f88102;}
	#top #logoTop {display: block; float: left; width: 81px; height: 81px; margin-right: 6px;}
	#top h2 { float: left; width: 840px; height: 85px; background: url(../img/bgt.gif) no-repeat; position: relative;}
		#top h2 span { display: block; position: absolute; top: 24px; left: 22px; text-indent: -9000px; width: 500px; height: 50px; background-repeat: no-repeat;}
		#top .titAccesorios span { background-image: url(../img/tit-accesorios.png);}
		#top .titBoutique span { background-image: url(../img/tit-boutique.png);}
		#top ul { display: block; height: 33px; background: url(../img/menu-yellow-bg.png) repeat-x; width: 930px; border: 1px solid #f8b600; margin-top: 3px; float: left; padding-left: 20px; margin-bottom: 6px;}
			#top li {float: left; }
			#top li a {display: block; overflow: hidden; background: url(../img/menu.png) no-repeat; height: 33px; text-indent: -9000px;}
			#top #btn1 a { width: 74px;} #top #btn1 a:hover { background-position: 0 -33px;}
			#top #btn2 a { width: 84px; background-position: -74px 0;} #top #btn2 a:hover {background-position: -74px -33px;}
			#top #btn3 a { width: 72px; background-position: -158px 0;} #top #btn3 a:hover {background-position: -158px -33px;}
			#top #btn4 a { width: 128px; background-position: -230px 0;} #top #btn4 a:hover {background-position: -230px -33px;}
			#top #btn5 a { width: 96px; background-position: -358px 0;} #top #btn5 a:hover {background-position: -358px -33px;}
			#top .topBtq li a {display: block; overflow: hidden; background: url(../img/menu-top-btq.png) no-repeat; height: 33px; text-indent: -9000px;}
			#top .topBtq #btn1 a { width: 86px;} #top .topBtq #btn1 a:hover { background-position: 0 -33px;}
			#top .topBtq #btn2 a { width: 106px; background-position: -86px 0;} #top .topBtq #btn2 a:hover {background-position: -86px -33px;}
			#top .topBtq #btn3 a { width: 51px; background-position: -192px 0;} #top .topBtq #btn3 a:hover {background-position: -192px -33px;}
			#top .topBtq #btn4 a { width: 88px; background-position: -243px 0;} #top .topBtq #btn4 a:hover {background-position: -243px -33px;}
			#top .topBtq #btn5 a { width: 87px; background-position: -331px 0;} #top .topBtq #btn5 a:hover {background-position: -331px -33px;}
			#top .topBtq #btn6 a { width: 59px; background-position: -418px 0;} #top .topBtq #btn6 a:hover {background-position: -418px -33px;}
			#top .topBtq #btn7 a { width: 26px; background-position: -477px 0;} #top .topBtq #btn7 a:hover {background-position: -477px -33px;}
		#top form { display: block; float: left; width: 241px; background-color: #666666; margin-top: 3px; height: 35px; padding: 0 7px 0 10px;}
			#top form input { background-color: #333; border-style: none; height: 15px; padding: 3px 5px; font-size: 11px; color: #fff; margin-top: 7px; vertical-align: -1px; margin-right: 4px;}
			#top form button { background-color: #f8b600; border-style: none; height: 21px; color: #fff; font-size: 11px; text-transform: uppercase;}
			
	.content {border: 1px solid #ccc; margin-top: 8px;width: 626px;  overflow: hidden; clear: both;}
	#home, #categoria, #boutique {width: 926px; padding: 10px 20px; }
		#home #main {width: 626px; float: left;}
			#home #main h3, #categoria #main h3, #boutique #main h3 { font: normal 19px Helvetica, Arial, sans-serif; text-transform: uppercase; color: #F8B502;}
				#categoria #main h3 span, #boutique #main h3 span { color: #666;}
			#home #main p, #categoria #main p {width: 420px;}
			#home #main h4 { font-size: 20px; margin-bottom: 7px;}
			#home #main .listado {}
				#home #main .listado li { width: 180px; float: left; margin-right: 10px; margin-bottom: 10px;}
				#home #main .listado li span { display: block; background-color: #999; text-align: center; color: #fff; text-transform: uppercase; font-weight: bold; padding: 5px; font-size: 12px;}
				#home #main .listado li a:hover span { background-color: #606060;}
	#modelo {width: 926px; padding: 10px; }
		#axs {width: 230px; float: left; margin-right: 15px;}
			#axs h3 { text-indent: -9000px; width: 230px; height: 30px; border-bottom: 6px solid #cacccb; background: #666 url(../img/tits-axs.png) no-repeat; overflow: hidden;}
			#axs .titAventura {} #axs .hover.titAventura, #axs .titAventura:hover {background-position: -250px 0; }
			#axs .titSeguridad { background-position: 0 -30px;} #axs .hover.titSeguridad, #axs .titSeguridad:hover { background-position: -250px -30px;}
			#axs .titInterior { background-position: 0 -60px;} #axs .hover.titInterior, #axs .titInterior:hover { background-position: -250px -60px;}
			#axs .titPersonalizacion { background-position: 0 -90px;} #axs .hover.titPersonalizacion, #axs .titPersonalizacion:hover { background-position: -250px -90px;}
			#axs .titVida { background-position: 0 -120px;} #axs .hover.titVida, #axs .titVida:hover { background-position: -250px -120px;}
			#axs ul { border-bottom: 2px solid #cacccb; overflow: hidden;}
			#axs li { clear: both; border-right: 3px solid #cacccb; border-left: 3px solid #cacccb; overflow: hidden; border-bottom: 6px solid #cacccb; position: relative; color: #666; font: 11px Helvetica, Arial, sans-serif; text-transform: uppercase; float: left; width: 237px;}
				#axs li p { margin: 0; padding: 3px; width: 159px; line-height: 1.2;}
				#axs li img {display: block; float: left; border-right: 3px solid #cacccb;}
				#axs li span { display: block; position: absolute; bottom: 0; right: 0; width: 156px; padding: 3px 5px; background-color: #a5a9a7; color: #fff; font-size: 11px;}
		#modelo #main { width: 452px; float: left; overflow: hidden; margin-right: 20px;}
			#modelo #main h4 { color: #666; font-size: 12px; text-transform: uppercase; font-weight: normal; font-style: normal;}
			#modelo #main h3 { color: #666; font-size: 18px; margin-bottom: 5px;}
			#modelo .imagen { width: 450px; position: relative; margin-bottom: 25px; border: 1px solid #ccc;}
				#modelo .imagen img {display: block;}
				#modelo .imagen span { display: block; width: 155px; padding: 5px; color: #fff; font-size: 11px; background-color: #000; position: absolute; bottom: 0; left: 0; opacity: 0.7; filter:alpha(opacity=70);}
	
		.menuDer { width: 185px; float: left;}
		#autos { background-color: #d59a00;}
		#menuCat { background-color: #d59a00;}
			.menuDer h3 { color: #fff; padding: 10px; text-transform: uppercase; margin-bottom: 25px; font: bold 17px Helvetica, Arial, sans-serif;}
			#autos img { padding-bottom: 50px;}
			.menuDer ul {width: 185px; height: 136px; border-bottom: 36px solid #cacccb;}
			#autos ul { background-image: url(../img/menu-der.png); }
			#menuCat ul { background-image: url(../img/menu-der-2.png); margin-top: 75px;}
				.menuDer li a { display: block; height: 33px; width: 185px; text-indent: -9000px; background-repeat: no-repeat; background-position: 185px 0; overflow: hidden; }
				#autos li a { background-image: url(../img/menu-der.png);}
				#menuCat li a { background-image: url(../img/menu-der-2.png);}
					.menuDer #menu1 a:hover { background-position: -185px 0;}
					.menuDer #menu2 a:hover { background-position: -185px -33px;}
					.menuDer #menu3 a { margin-top: 5px;}
					.menuDer #menu3 a:hover { background-position: -185px -71px;}
					.menuDer #menu4 a { margin-top: 1px;}
					.menuDer #menu4 a:hover { background-position: -185px -105px;}
		
			
		#categoria #main { width: 715px; float: left;}
			#categoria #main ul {overflow: hidden; width: 700px; }
				#categoria #main li { border: 5px solid #ffffff;width: 200px; height: 90px; float: left;}
				#categoria #main li .item { height: 20px; position: relative;}
				#categoria #main .item p {margin:0; font-size: 11px; color: #808080; background-color: #fff; padding: 3px; width: 99px; height:55px;}
				#categoria #main .item span { display: block; position: absolute; bottom: 0; font-size: 11px; color: #fff; background-color: #a5a9a7; padding: 3px; width: 216px;}
				#categoria #main .desc { padding: 3px; font-size: 11px; color: #666; overflow: auto; height: 50px; padding-bottom: 5px; }
					#categoria #main .desc strong { font-size: 11px; color: #000; margin-right: 10px; margin-top: 5px;  display: block; font-weight: normal; background: url(../img/bullet.gif) no-repeat 0 4px; padding-left: 8px; }
						#categoria #main .desc strong a {color: #000;}
						#categoria #main .desc strong a:hover {text-decoration: underline; }
			
		#boutique #main { width: 595px; margin-right: 30px; float: left;}
			#boutique #main ul {overflow: hidden; }
				#boutique #main li {overflow: hidden; float: left; width: 278px; border: 10px solid #e6e6e6;}
				#boutique #main .item { width: 105px; height: 110px; float: left; border-right: 3px solid #e6e6e6;}
					#boutique #main .item img {display: block;}
					#boutique #main .item .masGrande { width: 105px; background-color: #a5a9a7; text-align: center; color: #fff; text-transform: uppercase; font-size: 10px; display: block; position: absolute; bottom: 0; left: 0;  padding: 3px 0; height: 13px;}
						#boutique #main .item .masGrande:hover, #boutique #main .item:hover a { background-color: #666;}
				#boutique #main .desc { padding: 5px 10px 0 10px; width: 150px; float: left; font-size: 11px; color: #666; position: relative; height: 110px; overflow: hidden;}
				#boutique #main .desc h5 { font-size: 11px; font-weight: normal; font-style: normal; text-transform: uppercase; margin-bottom: 5px;}
				#boutique #main .desc span { display: block; background-color: #a5a9a7; color: #fff; position: absolute; bottom: 0; left: 0; width: 150px; height: 20px; padding: 3px 6px; border-top: 3px solid #e6e6e6;}
	
		.menuBoutique { width: 300px; float: left; overflow: hidden;}
			.menuBoutique ul { background: url(../img/menu-boutique.png) no-repeat; width: 300px; height: 95px;}
				.menuBoutique li { height: 31px; width: 300px; margin-bottom: 1px;}
					.menuBoutique li a { display: block; height: 31px; background: url(../img/menu-boutique.png) no-repeat 300px 0; text-indent: -9000px;}
					.menuBoutique #menu1 a:hover { background-position: -300px 0;}
					.menuBoutique #menu2 a:hover { background-position: -300px -32px;}
					.menuBoutique #menu3 a:hover { background-position: -300px -64px;}
	.formAmigo {background-color: #17293d; position: relative; }
		.formAmigo h3 {width: 380px; height: 60px; text-indent: -9000px; background: url(header_form.png) no-repeat; }
		.formAmigo #advertencia {background-color: yellow; padding: 2px 4px; display: block; font-weight: bold; width: 220px; text-align: center; position: absolute; top: 40px; left: 80px; }
		.formAmigo form {padding: 10px;}
			.formAmigo label {color: #ffffff; display: block; float: left; text-transform: uppercase; font-size: 10px; padding: 2px;}
			.formAmigo input { width: 180px; margin-bottom: 7px; background-color: #cecece; border: 1px solid #3e3e3e; padding: 2px;}
			.formAmigo button { background-color: #cecece; padding: 2px 5px; border: 1px solid #3e3e3e; float: right; margin-right: 4px; margin-top: 4px;}
			.formAmigo .leyenda { color: #ccc; clear: both; float: left;}
	
	#footer { padding: 35px; font-size: 10px; color: #666; text-transform: uppercase; text-align: right; position: relative;}
		#footer a { color: #000; margin-bottom: 5px;}
		#footer a, #footer span { display: block; margin-right: 50px;}
		#footer img { display: block; position: absolute; top: 30px; right: 20px;}