* {
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration: none;
}
a:visited{
	color: #666;		
}

ul {
	list-style:none;
	
}


body {
	font-family:Arial, Helvetica, sans-serif;
}
#all{
	background-color:#F5F5F5;
	
}

#wrap {
	margin: auto;

}

#acceso{
	z-index:9999;
	font-size:1.2em;
	color: #000;
	position:absolute;
	width:200px;
	float:left;
	margin-left:735px;
	margin-top:15px;
	text-align:right;
	/*text-shadow:0.5px 0.5px 1px #414141;*/
}

#acceso a{
	color:#000;
	font-size:12px;
}

#acceso a:hover{
	text-decoration:underline;
	color: #D81628;
	cursor:pointer;
	font-size:12px;
}

/*empieza header*/

#header {
	margin-top:0px;
	background-image: url(../imagenes/header/bg.png);
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
	z-index:999;
	position:relative;
}

#top {
	width:950px;
	height:108px;
	margin:auto;
	position: relative;
	z-index: 3;
}
#logotipo {
	height: 76px;
	width: 280px;
	margin-left:15px;
	margin-top:15px;
	background-image: url(../imagenes/header/logo.png);
	background-repeat: no-repeat;
	float:left;
}

#logotipo a{
	display:block;
	height: 76px;
	width: 280px;	
}

#menu {
	width:450px;
	height:100px;
	float:right;
	background-image: url(../imagenes/header/back_li.png);
	background-repeat: no-repeat;
	background-position: right;
}


#menu ul {
	/*display:inline;*/
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	width: 450px;
}
#li_id_down a {
	background-image: url(../imagenes/header/back_li_hover.png);
	height: 100px;
	width: 112px;
	display:block;
	background-repeat:no-repeat;
	font-size:16px;
	color: #666;
	text-align:center;
	line-height:95px;
	float:left;
	text-decoration:none;
}

#li_id a {
	display:block;
	width:112px;
	height:100px;
	background-image:url(../imagenes/header/back_li.png);
	background-repeat:no-repeat;
	font-size:16px;
	color: #666;
	text-align:center;
	line-height:95px;
	float:left;
	text-decoration:none;
}

#li_id a:hover  {
	background-image:url(../imagenes/header/back_li_hover.png);
	background-repeat:no-repeat;
	color:#414141;
	
}

#li_id {
	display:block;
	text-shadow:1px 1px 1px #FFF;
	text-decoration:none	
}

/*fin empieza header*/

/*slideshow solo funciona en index.php*/

#slideshow {
	width: 950px;
	height:650px;
	margin: auto;
	position: relative;
	top: -150px;
	background-image:url(../imagenes/slideshow-splash/sombra.png);
	background-position: center bottom;
	background-repeat:no-repeat;
	z-index:3;
}

/*splash, imagen en resto secciones*/

#splash {
	width: 950px;
	height:650px;
	margin: auto;
	position: relative;
	top: -150px;
	background-image:url(../imagenes/slideshow-splash/sombra.png);
	background-position: center bottom;
	background-repeat:no-repeat;
	z-index:3;
}


.contenido {
	width: 950px;
	height:auto;
	margin:auto;
	margin-top:-120px;
	position:relative;
	display:table;
}
#footer {
	background-image: url(../imagenes/footer/bg_footer.jpg);
	background-repeat: repeat-x;
	height: auto;
	width: auto;
	margin-top: 25px;
	clear: left;
	display:block;
	
}

#wrap_footer {
	background-image: url(../imagenes/footer/sombra_detalle.png);
	background-repeat: no-repeat;
	height: auto;
	width: 1000px;
	margin: auto;
	display: block;
	
}

/*banner de informacion para contacto inmediato*/

#info_contacto {
	height:350px;
	width:350px;
	margin-left:25px;
	float:left;
	display: block;
}

#info_contacto ul {
	font-family:Arial, Helvetica, sans-serif;
	margin-left:30px;
	margin-top:20px;
	font-size:16px;
	color:#FFF ;
	width:300px;
	text-shadow: 0.6px 0.6px 2px #333;
}
#info_contacto h4 {
	font-weight:bold;
	line-height:30px;
	width:300px;
	font-size:16px;
}

#info_contacto li {
	line-height:35px;
	width:300px;
	font-size:16px;
}

#contacto_telf {
	line-height:30px;
	text-indent:35px;
	width:300px;
	background-image:url(../imagenes/footer/ico_telf.png);
	background-repeat:no-repeat;
	background-position: left center;
}
#contacto_email {
	text-indent:35px;
	line-height:30px;
	width:300px;
	background-image:url(../imagenes/footer/ico_mail.png);
	background-repeat:no-repeat;
	background-position: left center;
}

/*fin banner de informacion para contacto inmediato*/

/*btn formulario cotizacion*/

#form_cotizacion table{
	
	width:550px;
	margin:auto;
	margin-top:40px;
	margin-left:25px;
}

#form_cotizacion table h5{
	font-size:22px;
	color:#FFF;
	font-weight:bold;
	margin-left:15px;
	margin-bottom:5px;
}

#form_cotizacion table p{
	font-size:14px;
	color:#FFF;
	margin-left:15px;
	text-align:left;
	
}
#form_cotizacion table p a{
	font-size:14px;
	color: #313131;
	font-weight:500;
	text-decoration:underline;
	
}

#form_cotizacion table p a:hover{
	font-size:14px;
	color:#D81628;
	text-decoration:underline;
	
}

#form_cotizacion {
	height:250px;
	width:600px;
	margin-top:25px;
	float:right;
	display:block;
}

#bg_form {
	width:180px;
	height:180px;
	background-image:url(../imagenes/footer/bg_cot.png);
	background-repeat:no-repeat;
	opacity: 2;
}
#back_form {
	list-style:none;
	display:inline;
	width:180px;
	height:180px;
}

#back_form a{
	cursor:pointer;
	display:inline-block;
	width:180px;
	height:180px;
	
}

#back_form li {
	width:180px;
	height:180px;
	background-image:url(../imagenes/footer/bg_cot_hover.png);
	background-repeat:no-repeat;
	background-position:center;
	opacity: 0;
	list-style:none;
	display:block;
	float:left;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
}

#back_form li:hover{
	background-image:url(../imagenes/footer/bg_cot_hover.png);
	background-repeat:no-repeat;
	
	display:block;
	width:180px;
	height:180px;
	float:left;
	opacity: 1;
	
}


/*fin btn formulario cotizacion*/

/*banner marcas de importacion*/

#marcas {
	width:100%;
	height:auto;
	clear:left;
	margin:auto;
	/*background-image:url(../imagenes/footer/relieve_detalle.png);
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:30px;*/
	display:block;
}
#marcas_titulo{
	margin: auto;
	height:30px;
	width: 230px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight: bold;
	color: #FFF;
	margin-bottom: 20px;
	display:block;
	border-bottom:dashed 1px #FFF;
}
#mask{
	width:auto;
	/*background-image:url(../imagenes/footer/sombra_detalle.png);
	background-position:top center;
	background-repeat:no-repeat;*/
	height: 100px;
	overflow:hidden;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;	
}

#marcas table{
	margin:auto;
	width:950px;
}

#logos{
	margin-left: 40px;
	margin-top: 15px;
	margin-bottom: 15px;
	
}
#ctrl_vermas{
	width: 60px;
	height:30px;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	display:block;
	background-image: url(../imagenes/footer/btn_ver_mas.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-size:14px;	
	text-indent: 3px;
	margin-top: 30px;		
}
#ctrl_vermenos{
	width: 90px;
	height:30px;
	margin:auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	display:none;
	background-image: url(../imagenes/footer/btn_ver_menos.png);
	background-position: center top;
	background-repeat: no-repeat;
	line-height: 40px;
	text-indent: 9px;
	font-size:14px;
	margin-top:10px;
}

/*fin banner marcas de importacion*/


/*copyright*/

#copyright {
	height:50px;
	width:100%;
	margin:auto;
	/*margin-top:25px;*/
	text-align:center;
	display:block;
	margin-top:50px;
}


#copyright p{
	margin:auto;
	color:#FFFFFF;
	text-align:center;
	font-size:12px;
	text-shadow: 0.6px 0.6px 2px #333;
	height: 20px;
	display:block;
	width: auto;
	float:left;
	margin-top: 10px;
	margin-left: 120px;
}
#copyright span{
	margin:auto;
	padding-left:10px;
	width: 25px;
	height:25px;
	float:left;
	margin-top:5px;
	background-image: url(../imagenes/footer/ico_copyright1.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
#copyright span:hover{
	background-image: url(../imagenes/footer/ico_copyright1_hover2.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
}

#copyright p a{
	color:#999;
}

#copyright p a:hover{
	color: #CCC;
	text-decoration:underline;
}