@charset "utf-8";
/* CSS Document */

body {
	background: #cccccc url(img/bg.gif) repeat-y;
	background-position: center;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	height: 100%;
}

form { margin: 0; padding: 0; }
a, a:link, a:visited { color: #0000CC; }
a:hover { color: #FF0000; }
img { border: 0; }

	input, textarea, select {
		font-family: Arial, Helvetica, sans-serif;
		margin: 0px;
		}
	
h1 { margin: 0px; padding: 0px; font-size: 20px; }
h2 { margin: 0px; padding: 0px; }
h3 { margin: 0px; padding: 0px; }
h4 { margin: 0px; padding-bottom: 3px; }
h5 { margin: 0px; padding: 0px; font-weight: normal; }
h6 { margin: 0px; padding: 0px; }

.msg-top {
	background: #FFFF99;
	border-bottom: solid 1px #FFCC00;
	text-align: center;
	padding: 4px 0;
	}


.header {
	width: 800px;
	margin: auto;
	}
	
.nav {
 	width: 800px;
	margin: 0 auto;
	padding: 0;
	}
	
	.nav-busqueda-rapida {
		background: url(img/nav-busqueda-rapida.gif) no-repeat;
		width: 780px;
		margin: 0 auto;
		text-align: right;
		color: #FFFFFF;
		padding: 4px 20px 5px 0px;
		}
		
		.nav-busqueda-rapida-2 {
			background: url(img/nav-busqueda-rapida-2.gif) no-repeat;
			width: 780px;
			margin: 0 auto;
			text-align: right;
			color: #FFFFFF;
			padding: 5px 20px 5px 0;
		}
			.vendemos-autopartes {	
				float: left;
				}

.content {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	}	
	
	.content-suv {
		width: 600px;
		margin: 15px auto;
		font-size: 15px;
		}	

.info-footer {
	background: #FAFAFA;
	border-bottom: dotted 1px #adb4c2;
	border-top: dotted 1px #adb4c2;
	padding: 10px;
	margin: 15px auto;
	width: 780px;
	}
	
.footer {
	background: url(img/bg-footer.gif) no-repeat;
	background-position: top;
	width: 901px;
	margin: auto;
	height: 70px;
	}
	
	
	
	
/* ESTYLOS DE COCHES-USADOS.PHP 
----------------------------------------------------------------------------*/
.titulo {
	background: #FFFFFF;
	margin: 10px 0;
	}

li#categoria {
	width: 175px;
	float: left;
	list-style: none;
	font-weight: normal;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	height: 20px;
}
	
.sidebar-left {
	background: #f6f6f6;
	border: solid 1px #adb4c2;
	width: 190px;
	padding: 8px 10px;
	float: left;
	}

.buscar-content {
	width: 575px;
	margin: 0 0 10px 10px;
	float: left;
}

.busqueda {
	background: #fafafa;
	padding: 5px;
	width: 565px;
	border: solid 1px  #adb4c2;
	border-bottom: solid 1px #FFFFFF;
	font-size: 14px;
	}
	
.paginacion-top {
	background: url(img/bg-lista-coches.gif);
	background-position: bottom;
	border: solid 1px #adb4c2;
	width: 565px;
	padding: 8px 5px;
}	


.lista-auto {
	background: #f9f9f9 url(img/bg-lista-coches.gif) repeat-x;
	background-position: bottom;
	width: 565px;
	padding: 10px 5px 13px 5px;
	margin: 5px 0;
	height: 100px;
	border: solid 1px #adb4c2;
	border-bottom: 0;
}

.pormarca {
	background: #f9f9f9 url(img/bg-lista-coches.gif) repeat-x; background-position: bottom;
	width: 565px;
	padding: 10px 5px 10px 5px;
	margin: 10px 0;
	border: solid 1px #adb4c2;
	border-bottom: 0;
	}
	
	li#reci {
		width: 170px;
		float: left;
		list-style-type: none;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0 0 4px 5px;
	} 

.compare { height: 105px; margin-right: 5px; width: 5px; float: left; }
.info { float: left; width: 400px; height: 100px; }	
.foto { width: 105px; text-align: center;	margin-right: 10px;	float: left; text-align: center; }
.coche { font-weight: bold; font-size: 16px; padding-bottom: 4px; color: #333333; }
	.precioymillas { font-weight: bold; padding-bottom: 4px; }
.thumb { margin-bottom: 5px; border: solid 1px #999999; padding: 1px; }	




/* SHOW.PHP -------------------------------------------------------- */
.tituloshow {
	background: #f9f9f9 url(img/bg-lista-coches.gif) repeat-x;
	background-position: bottom;
	border: solid 1px #adb4c2;
	border-bottom: 0;
	padding: 10px 0 10px 10px;
	width: 790px;
	margin: 10px 0;
	}
	
	.promocion {
		width: 320px;
		float: right;
		height: 50px;
		color: #FF0000;
		text-decoration: blink;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		}

.fotografias {
	background: #f9f9f9 url(img/bg-lista-coches.gif) repeat-x;
	background-position: bottom;
	width: 300px;
	border: solid 1px #adb4c2;
	border-bottom: 0;	
	padding: 10px;
	text-align: center;
	float: left;
	}
	
.fotoshow {
	background: #FFFFFF;
	margin-bottom: 5px;
	border: solid 1px #cccccc;
	padding: 1px;
	}	
.thumb-show {
	background: #FFFFFF;
	border: solid 1px #DDDDDD;
	padding: 1px;
	float: left;
	margin: 0 5px 5px 0px;
	}
	
.infoshow {
	width: 461px;
	margin: 0 0 0 15px;
	float: right;
	}
	
	.info1 {
		background: #f6f6f6;
		width: 130px;
		padding: 5px 0 5px 15px;
		float: left;
		border-bottom: dotted 1px #adb4c2;
		border-right: dotted 1px #adb4c2;
		height: 17px;
		font-weight: bold;
		}	
		
		.info1-1{
			background: #f6f6f6;
			width: 290px;
			padding: 5px 0 5px 25px;
			float: left;
			border-bottom: dotted 1px #adb4c2;
			height: 17px;	
				
			}
		
	.info2 {
		background: #E4E4E4;
		width: 130px;
		padding: 5px 0 5px 15px;
		float: left;
		border-bottom: dotted 1px #adb4c2;
		border-right: dotted 1px #adb4c2;
		height: 17px;
		font-weight: bold;					
		}	
		
		.info2-2{
			background: #E4E4E4;
			width: 290px;
			padding: 5px 0 5px 25px;
			float: left;
			border-bottom: dotted 1px #adb4c2;
			height: 17px;					
			}
		
.informacion {
	margin: 0 0 10px 0;
	border-bottom: dotted 2px #999999;
	padding-bottom: 5px;
	font-weight: bold;
	}	
	
	.descripcion {
		width: 461px;
		}
li#freature {
	width: 230px;
	float: left;
	list-style: none;
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	}	
	
.email {
	background: #f9f9f9 url(img/bg-lista-coches.gif) repeat-x;
	background-position: bottom;
	width: 300px;
	border: solid 1px #adb4c2;
	border-bottom: 0;
	padding: 10px;
	float: left;
	margin-top: 15px;
	}

/* CONTACTO.PHP -------------------------------- */
.contacto {
	width: 500px;
	margin: auto;
	}
.clear { clear: both; }
	