/*----------- collingarythomasgrasley (modetwentythree.com) collingrasley@gmail.com --- public domain template, because sharing is good ------- no link back required, but it would be real swell :) --------------------*/



/* -----------------  page styles -------------------------------------------------------*/



body {

	padding:0;

	margin:0;

	font:12px Arial, Helvetica, sans-serif;

	line-height: 17px;

	background:#141414 url(../img/bg.jpg) repeat-x;

	color: #555;

	text-align:center;

}

#wrapper {

	margin:0 auto 0 auto;

	width:1100px;

	padding: 0;

	text-align:left;

}



/* -----------------  general styles  -------------------------------------------------------*/



a { color:#631e19; text-decoration: underline;background:none; }

a:hover {

	color:#FFF;

	background:none;

	text-decoration:underline;

}

p {

	margin:0;

	padding-top:10px;

	color: #FFF;

}

h2 { font-weight:bold; font-size:12px; padding:0px 0 4px 0px; margin: 0 0 2px 0; color:#444; background:none; border-bottom: 2px dotted #444; }

ul { margin: 0; padding : 0; list-style : none; }

img { border: 0;}

h4 {font: 30px 'HelveticaNeue-CondensedBold', 'Arial Narrow', Helvetica, Arial, sans-serif; margin:0;}

.pic{margin-top:8px;}

/* -----------------  top info  -------------------------------------------------------*/



#header {

	clear:both;

	width:1100px;

	height:80px;

	background: url(../images/header.jpg) no-repeat;

	margin:0;

}

#title {

	width:400px;

	padding: 0;

}

#damero {

	width:100%;

	padding: 0;

	background-image: url(../img/damero.jpg);

	height: 10px;

	float: left;

}

.texto{

	font:12px Arial, Helvetica, sans-serif;

	color: #900;

	float: left;

	padding-top: 10px;

	width: 390px;

	padding-bottom: 10px;

	}

.titulo{

	color: #000;

	float: left;

	padding-top: 10px;

	width: 390px;

	padding-bottom: 10px;

	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

	font-size: 24px;

	font-weight: bold;

	}

		

	.fotito{

	width:200px;

	float: left;

	padding-right: 20px;

	padding-top: 10px;

	padding-bottom: 0px;

	}

		.banner_autos{

	width:610px;

	float: left;

	border-top-style: solid;

	border-top-width: 1px;

	margin-top: 20px;

	padding-top: 20px;

	padding-bottom: 20px;

	height: 410px;

	}

	

		.eventos{

	width:290px;

	height: 170px;

	position: relative;

	background-image: url(../img/banner_eventos.jpg);

	background-repeat: no-repeat;

	}	
	
			.eventos_en{

	width:290px;

	height: 170px;

	position: relative;

	background-image: url(../img/banner_eventos_en.jpg);

	background-repeat: no-repeat;

	}	

	.newsletter{

	width:270px;

	height: 180px;

	padding-left: 20px;

	}	

	

		.right_banners{

	width:230px;

	border-top-style: solid;

	border-top-width: 1px;

	padding-top: 20px;

	margin-left: 20px;

	margin-right: 20px;

	padding-bottom: 20px;

	}	



	

		#videos{

	width:900px;

	margin-left: 0px;

	margin-right: 0px;

	padding-bottom: 20px;

	text-align: center;

	height: 158px;

	}	

		.videos_thumbs{

	width:177px;

	float: left;

	height: 131px;



	}

			.separador{

	width:2px;

	float: left;

	background-image: url(file:///C|/ariel/microcar/img/separador.jpg);

	height: 131px;

	margin-top: 0px;



	}

#title h3 {font-size:12px; padding:5px 0 0 0; margin:0; color:#444;}

#hright {

	float:right;

	width:680px;

	height: 60px;

	margin:15px 0 0 0;

}

#hrighttop {

	width: 350px;

	margin: 0 2px 0 0;

	padding: 0 0 5px 0;

	float:right;

	text-align: right;

}

#title p {font-size: 0.9em; color: #808080; padding: 0; background: inherit;}

#menu {

	width: 680px;

	float:right;

	margin:2px 0 0 0;

	padding:0;

	text-align:right;

}

#menu li { display:inline; }

#menu li a {  color:#444; text-decoration:none; padding:1px 10px 1px 10px;

height:19px; background:none;}

#menu li a:hover { background: none;color:#631e19;} 



/* ----------------- Main content -------------------------------------------------------*/



#homepic {

	width:1100px;

	height:438px;

	margin:0 0 0 0;

	background-image: url(../img/cabezal.jpg);

}

#homepic a {color:#fff;}

#homepic:hover {



}

.message{ position:absolute;  width:360px; float:left; margin:70px 0px 0px 165px; color:#fff;}

#bottomcontenttop{width:900px;height:10px;background: url(../images/b_contenttop.jpg) no-repeat;}

#bottomcontent{

	width:900px;

	height:auto;

	float: left;

	background-color: #FFF;

	padding: 10px 0px 0px 0px;

	margin: 0px 100px 0px 100px;

}

#bottomcontentbtm{

	width:900px;

	height:10px;

	background: url(../images/b_contentbtm.jpg) no-repeat;

	float: left;

}

.left {

	float: right;

	width: 610px;

	margin: 0 0px 0px 0;

	padding:20px 0px 0px 20px;

}

.left_grande {

	float: right;

	width: 565px;

	margin: 0 6px 5px 0;

	padding:10px;

}

.middle {float: right;width: 270px;margin: 0 6px 5px 0; padding:10px;}

.right {

	float: right;

	width: 270px;

	margin: 0 0 0 0;

	background-color: #FFF;

	padding-left: 0px;

}

.thumbs img{position:relative;padding:1px;margin:5px 8px 5px 9px;border:2px solid #631e19;background:none;}

.thumbs img:hover{border:2px solid #c5c5c5; background:none;}



/* ----------------- Bottom content -------------------------------------------------------*/



#footer {

	clear: both;

	text-align:center;

	color: #444;

	background-color:#131313;

	padding: 0px 0;

	margin:0 0 0 0;

	width: 1100px;

}

#footer a {

	color: #066;

	background: inherit;

}



input {

	background-color:#F5F2E9;

	margin-top:5px;

	border:#F5F2E9;

	border-style: solid;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	height: 30px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 11px;

	padding-left: 5px;

	padding-right: 5px;

} 



textarea {

	background-color:#F5F2E9;

	margin-top:5px;

	border:#F5F2E9;

	border-style: solid;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	width: 220px;

	height: 100px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 11px;

	padding-left: 5px;

	padding-right: 5px;

} 

/* CAR SHOP */



.car_shop{

	width:610px;

	padding-top:10px;

	padding-bottom:10px;

	float: left;

}

.menu{

	width:150px;

	float: left;

}

#productos {

	float: left;

	width: 460px;

}

#productos .unidad{

	height:290px;

	margin-left:10px;

	float: left;

	width: 100px;

	background-image: url(../img/bg_producto.jpg);

	margin-bottom: 20px;

}

#productos .unidad_en{

	height:290px;

	margin-left:10px;

	float: left;

	width: 100px;

	background-image: url(../img/bg_producto_en.jpg);

	margin-bottom: 20px;

}

#productos .foto{

	width: 90px;

	height:60px;

	float: left;

	width: 90px;

	padding-bottom: 5px;

	padding-left: 5px;

	padding-right: 5px;

	padding-top: 5px;

}



#productos .nombre{

	width: 90px;

	height:35px;

	float: left;

	width: 90px;

	padding-bottom: 5px;

	padding-left: 5px;

	padding-right: 5px;

	padding-top: 5px;

	font-size: 12px;

	line-height: 12px;

	text-align: center;

	font-weight: bold;

	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

	color: #86151B;

}

#productos .descripcion{

	width: 90px;

	height:56px;

	float: left;

	width: 90px;

	padding-bottom: 5px;

	padding-left: 5px;

	padding-right: 5px;

	padding-top: 5px;

	font-size: 11px;

	line-height: 12px;

	text-align: center;
	
	overflow: hidden;

}

#productos .precio{

	width: 90px;

	height:32px;

	float: left;

	width: 90px;

	padding-bottom: 5px;

	padding-left: 5px;

	padding-right: 5px;

	padding-top: 10px;

	font-size: 18px;

	font-weight:bold;

	line-height: 12px;

	text-align: center;

	color:#363;

}



#productos .masinfo a:active, #productos .masinfo a:hover, #productos .masinfo a:link, #productos .masinfo a:visited, #productos .masinfo{

	width: 82px;

	height:20px;

	float: left;

	margin-bottom: 5px;

	margin-left: 5px;

	margin-right: 5px;

	margin-top: 0px;

	font-size: 11px;

	font-weight:bold;

	line-height: 12px;

	text-align: center;

	color: #FFF;

}



#producto_detalle {

	float: left;

	width: 610px;

}

#producto_detalle .unidad{

	height:290px;

	margin-left:10px;

	float: left;

	width: 100px;

	background-image: url(../img/bg_producto.jpg);

	margin-bottom: 20px;

}

#producto_detalle .galeriadesc{

	height:auto;

	float: left;

	width: 300px;

}



#producto_detalle .galeria{

	height:290px;

	float: left;

	width: 310px;

}



#producto_detalle .foto{

	height:200px;

	float: left;

	width: 300px;

	padding-bottom: 5px;

	padding-left: 5px;

	padding-right: 5px;

	padding-top: 5px;

}

#producto_detalle .galeriathumbs{

	height:46px;

	float: left;

	padding-bottom: 5px;

	padding-left: 5px;

	padding-right: 1px;

	padding-top: 5px;

}

#producto_detalle .galeriathumbs img{

	height:46px;

}



#producto_detalle .nombre{

	width: 90px;

	height:15px;

	float: left;

	width: 290px;

	padding-bottom: 5px;

	padding-left: 5px;

	padding-right: 5px;

	padding-top: 5px;

	font-size: 15px;

	line-height: 15px;

	text-align: left;

	font-weight: bold;

	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

	color: #86151B;

}

#producto_detalle .descripcion{

	width: 90px;

	float: left;

	width: 290px;

	padding-bottom: 5px;

	padding-left: 5px;

	padding-right: 5px;

	padding-top: 5px;

	font-size: 13px;

	line-height: 12px;

	text-align: left;

}

#producto_detalle .precio{

	width: 90px;

	height:15px;

	float: left;

	width: 280px;

	padding-bottom: 5px;

	padding-left: 5px;

	padding-right: 5px;

	padding-top: 10px;

	font-size: 18px;

	font-weight:bold;

	line-height: 12px;

	text-align: left;

	color:#363;

}





#producto_detalle .masinfo a:active, #producto_detalle .masinfo a:hover, #producto_detalle .masinfo a:link, #producto_detalle .masinfo a:visited, #producto_detalle .masinfo{

	width: 90px;

	height:20px;

	float: left;

	width: 150px;

	margin-top: 0px;

	font-size: 11px;

	font-weight:bold;

	line-height: 12px;

	text-align: center;

	color: #FFF;

	background-color: #900;

	padding-top: 5px;

}





#botonera {

	width: 150px;

	float: left;

	margin-top: 0px;

	margin-right: 0px;

	margin-left: 0px;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;



}







#titulo_botonera {

	width: 140px;

	float: left;

	padding: 5px;

	background-color: #FDF2F3;

	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

	font-size: 18px;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	color: #6F191C;

	text-decoration: none;



}







.categoria {



	width: 136px;

	float: left;

	margin-top: 10px;

	margin-bottom: 10px;

	padding: 3px 7px 3px 7px;

	background-image: url(Imagenes/fondo_categoria.png);

	background-repeat: repeat;

	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

	font-size: 14px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	color: #66594C;

	text-decoration: none;

}







.categoria:hover {

	width: 136px;

	float: left;

	margin-top: 10px;

	margin-bottom: 10px;

	padding: 3px 7px 3px 7px;

	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

	font-size: 14px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	color: #A08A70;

	text-decoration: none;

	background-color: #FFFFFF;



}







.categoria_activa {

	width: 136px;

	float: left;

	margin-top: 10px;

	margin-bottom: 10px;

	padding: 3px 7px 3px 7px;

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	color: #A08A70;

	text-decoration: none;

	background-color: #FFFFFF;

}











.subcategoria {



	width: 128px;

	float: left;

	margin-bottom: 3px;

	padding-left: 15px;

	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

	font-size: 13px;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: capitalize;

	color: #66594C;

	text-decoration: none;

	background-image: url(images/bullet2.png);

	background-repeat: no-repeat;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #AFA090;

	padding-bottom: 3px;

	margin-bottom: 3px;



}







.subcategoria:hover {

	width: 128px;

	float: left;

	margin-bottom: 3px;

	padding-left: 12px;

	font-size: 13px;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: capitalize;

	color: #A08A70;

	text-decoration: none;

	background-image: url(images/bullet2.png);

	background-repeat: no-repeat;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #AFA090;

	padding-bottom: 3px;

	margin-bottom: 3px;



}







.subcategoria_activa {



	width: 128px;

	float: left;

	margin-bottom: 3px;

	padding-left: 13px;

	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

	font-size: 13px;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: capitalize;

	color: #A08A70;

	text-decoration: none;

	background-image: url(images/bullet2.png);

	background-repeat: no-repeat;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #AFA090;

	padding-bottom: 3px;

	margin-bottom: 3px;



}





/* Ca3er style */

.cu3er_resize {

	width:610px;

	margin:0 auto;

	padding:0px 0 0px 0;

	text-align: center;

	background-image: url(../img/bg_banner.jpg);

}

#cu3er-container {

	width:610px;

	outline:0;

}