@charset "utf-8";
/* CSS Document */

body{
	background-color:#161616;
	/*cursor: url(../img/cursor.png), auto;*/}
	
	h1,h2,h3,h4,h5,h6{font-family: 'Roboto', sans-serif; text-decoration:none; font-weight:700;}
	
	h1{
		font-size:25px;
		padding-bottom:10px;}
		
	h2{
		font-size:18px;
		padding-bottom:8px;}
		
		h3{
			font-size:16px;}
		
	

a,p{font-family: 'Roboto', sans-serif; text-decoration:none; font-size:13px; font-weight:300;}
a{
	font-size:16px;
	}
	
	p{
		font-size:13px;
		}
		
		
strong{
	font-weight:bold;}
	
.expand{
	display:block;
	width:100%;
	margin:0px;
	padding:0px;
	clear:both;
	float:left;
	height:auto;}
	
	.separador_gris{
		display:block;
		width:100%;
		float:left;
		clear:both;
		height:1px;
		border-bottom:solid 1px #454545;}
	
	
	
.div_1024{
	width:1024px;
	height:auto;
	clear:both;
	margin-left:auto;
	margin-right:auto;}
	
.div_700{
	width:700px;
	height:auto;
	clear:both;
	margin-left:auto;
	margin-right:auto;}
	
	.div_590{
		width:590px;
		display:block;
		height:auto;}
	
	
	.div_550{width:550px;
		height:auto;
		display:block;}
		
			.div_504{width:504px;
		height:auto;
		display:block;}
		
		.div_428{
		width:428px;
		height:auto;
		display:block;}
		
			.div_388{
		width:388px;
		height:auto;
		display:block;}
	
	.div_368{
		width:368px;
		height:auto;
		display:block;}
		
		
		.div_334{
		width:334px;
		height:auto;
		display:block;}
		

		
		.div_268{
		width:268px;
		height:auto;
		display:block;}
		
		
		.div_250{width:250px;
		height:auto;
		display:block;}
		
				.div_240{width:240px;
		height:auto;
		display:block;}
		
		.div_239{width:239px;
		height:auto;
		display:block;}
		
		
				.div_230{width:230px;
		height:auto;
		display:block;}
		
		.div_226{width:226px;
		height:auto;
		display:block;}
		
				.div_198{
		width:198px;
		height:auto;
		display:block;}
		
		.div_180{
		width:180px;
		height:auto;
		display:block;}
		
.div_170{
		width:170px;
		height:auto;
		display:block;}
		

.div_143{
		width:143px;
		height:auto;
		display:block;}
		
.div_100{
		width:100px;
		height:auto;
		display:block;}

.flota_derecha{
	display:block;
	float:right !important;}
	
.flota_izquierda{
	display:block;
	float:left !important;}	
	
.div_centrado{
	margin-left:auto;
	margin-right:auto;
	display:block;}
	
.txt_derecha{
	text-align:right !important;}
	
.txt_izquierda{
	text-align:left !important;}
	
.txt_centro{
	text-align:center !important;}
	
.txt_13{
	font-size:13px !important;}
	
table, table td, table tr {
    padding:0px;
    margin:0px;
    border-spacing: 0px;
}

/*TABLAS*/



/*TABLAS*/	
	
.campo_texto{
	border:0px;
	margin:0px;
	padding:0px;
	
	padding:5px;
	background-color:#fff;}
	
	



	.roboto{font-family: 'Roboto', sans-serif; font-weight:300;}
	
	.roboto_bold{font-family: 'Roboto', sans-serif; font-weight:700;}
	
	.arial{
		font-family:Arial, Helvetica, sans-serif;}
	
.fondo_gris{
	background-color:#161616;}

.fondo_rojo{
	background-color:#dc0032;}
	
	.fondo_rojo2{background-color:#620117;}
	

	
	.fondo_rojo_osbscuro{
		background-color:#620117;}
	
.fondo_negro{
	background-color:#000;}
	
	.fondo_blanco{
		background-color:#fff;}
	
	
	.txt_blanco{
		color:#fff;}
		
		.txt_rojo{
			color:#dc0032;}
			


#header_expand{
	position:fixed;
	height:64px;
	z-index:101;}
	
	#logo{
		width:454px;
		height:34px;
		display:block;
		float:left;
		padding:15px;}
		
	#menu_sup{
		display:block;
		float:right;}
		
		#menu_sup > li{
			display:block;
			float:left;
			position:relative;}
			
			#menu_sup > li:hover ul{
				display:block;}
			
		#menu_sup li a{
		border-left: 1px solid #9D0225;
    color: #FFFFFF;
    display: block;
    height: 42px;
    padding: 22px 20px 0;
    transition: all 0.5s ease 0s;
	}
	
	a#nombre_usuario{min-width:100px;}
			
			#menu_sup li a.activo{background-color:#620117;}
		
		#menu_sup li a:hover{
			background-color:#620117;}
			
			#menu_sup li ul a{
				border:0px;
				 padding: 10px 20px;
				 height:15px;}
			
			#menu_sup > li ul{
				display:none;}
			
			#menu_sup > li li{
				border-top:#620117 solid 1px;
				position:relative;
				background-color:#DC0032;}
			
			
			
#menu{
	display:block;
	float:left;}

#menu li{
	display:block;
	float:left;
	}
	
#menu li a{
	display:block;
	color:#fff;
	transition:0.5s ease;
	padding:15px 20px;
	border-right:#262626 solid 1px;}
	
#menu li a.activo{background-color:#620117;}
	
#menu li a:hover{
	background-color:#620117;

	}
	
#menu_expand{
	border-bottom:#262626 solid 1px;
	margin-top:64px;
	
	}
	
#contenido_cont{
	padding:15px 0px;
}
	
	.div_239{
	width:239px;
	display:block;
	height:auto;}
	
.div_245{
	width:245px;
	display:block;
	height:auto;}
	
.div_747{
	width:747px;
	display:block;
	height:auto;}
	
#acordeon{
 border: 1px solid #D8D8D8;
    height: 693px;
    overflow: auto;
    padding: 10px;
}



.footer_expand{
	border-bottom:#222222 solid 2px;
		border-top:#222222 solid 2px;
		padding:22px 0px;
		margin-top:30px;
		font-family:Arial, Helvetica, sans-serif;}
		
	#menu_footer{
		display:block;
		float:left;}
		
	#menu_footer li,#menu_footer li a{
		display:block;
		float:left;
		color:#fff;}
		
	#menu_footer li a{
		padding:0px 25px;
		transition:0.3s ease;}
		
		#menu_footer li a:hover,#menu_footer li a.activo{
			color:#DC0032;
			
			/*text-shadow: 0.1em 0.1em 0.2em #fff;*/}
			
			
			

			
#lista_pago{
	display:block;
	float:right;
	padding-top:18px;}
	
#lista_pago li{
	display:block;
	float:left;
	margin-left:20px;}
	
.h1_banner{
	font-size:15px;}
	
	.padding_20{
		padding:20px;
		display:block;}
		
#buscador{
	display:block;
	margin-bottom:16px;}
	
#campo_buscar{
	border:0px;
	padding:0px;
	margin:0px;
	display:block;
	float:left;
	
	border:1px solid #d8d8d8;
	padding:12px 5px;
	
	width:211px;
	color:#151515;
	font-weight:bold;}

#lupa_buscar{
	border:0px;
	margin:0px;
	padding:0px;
	display:block;
	width:44px;
	height:43px;
	background-image:url(../img/lupita.png);
	cursor:pointer;
	
	float:right;
	
	background-color:#dc0032;}
	
	
	#txt_credito{}
	
	#creditos{
		padding-bottom:20px;}
		
		#aviso:hover{
			color:#620117;
			
			/*text-shadow: 0.1em 0.1em 0.2em #DC0032;*/
			
			
			}
			
#arbol span,#acordeon a{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#161616;
	}
	
	#acordeon li a{
	color:#DC0032;
	transition:0.5s ease;}
	
	#acordeon li a:hover{
		color:#620117;}
			
/*++++++++++++++++++++++++NOSOTROS++++++++++++++++++++++++++++++++*/		

#nosotros_cont{
	background-image:url(../img/obrero.png);
	background-repeat:no-repeat;
	
	height: 763px;
	background-position:right -20px;
}

#nosotros_cont p{
	line-height:18px;}

/*++++++++++++++++++++++++NOSOTROS++++++++++++++++++++++++++++++++*/	



/*++++++++++++++++++++++++EMERGENTE+++++++++++++++++++++++++++++++*/

#login_emergente{
	display:block;
	float:left;
	height:100%;
	width:100%;
	background-image:url(../img/fondo_negro_trans.png);
	background-repeat:repeat;
	position:fixed;
	
	display:none;
	top:0px;
	z-index:200;}
	
#cerrar_btn{

	padding-top: 2px;
	display:block;
	}
	
#login_caja{
	position:absolute;
	padding:15px;
	width:860px;
	height:440px;
	margin-left:-450px;
	margin-top:-220px;
	left:50%;
	top:50%;}
	
#form_login{}

#form_login label{
	float:left;
	display:block;
	color:#fff;
	font-size:13px;
	
	 padding-top: 5px;}

#form_login input{
	display:block;
	float:right;
	
	border:0px;
	padding:0px;
	margin:0px;
	color:#161616;
	width:240px;
	
	background-color:#fff;
	padding:5px 5px;}
	
	#olvido_pass{
		font-size:13px;
		padding-top:10px;
		padding-bottom:25px;}
		
	#loader_login{
		float:right;}
		
#resultados_login{
	display:block;
	float:left;
	width:100%;
	clear:both;
	text-align:center;}

/*++++++++++++++++++++++++EMERGENTE+++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++ESTILOS GENERALES++++++++++++++++++++++++*/

.btn{margin:0px;
	padding:0px;
	border:0px;
	display:block;
	padding:10px 15px;
	font-size:13px;
	cursor:pointer;
	transition:0.5s ease;
}

.btn_rojo{
	background-color:#dc0032 !important;
	color:#fff !important;}
	
	
	.btn_rojo:hover{
	background-color:#620117 !important;
	}
	
	.btn_loader_blanco{
		background-image:url(../img/loader-blanco.gif);
		
		background-position:right center;
		background-repeat:no-repeat;
		padding-right:20px;}
	
	
	
	

/*++++++++++++++++++++++++ESTILOS GENERALES++++++++++++++++++++++++*/

/*+++++++++++++++++++++++++++++++CONTACTO++++++++++++++++++++++++++*/


#contacto_cont{
	margin-top:-16px;
	/*background-image:url(../img/contacto.jpg);*/
	height:570px;
	background-repeat:no-repeat;
	background-position:right top;}
	

#fomulario_contacto{}

#fomulario_contacto div.clear{
	visibility:visible;
	height:10px;}

#fomulario_contacto label{
	display:block;
	float:left;
	color:#fff;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;}

#fomulario_contacto input,textarea{
	border:0px;
	padding:0px;
	
	background-color:#fff;
	padding:5px;
	float:right;
	display:block;
	font-family: 'Roboto', sans-serif;
	width:390px;
	font-weight:300;}
	
#fomulario_contacto textarea{
	height:100px;}
	
span.error{
	display:block;
	float:left;
	clear:both;
	color:#DC0032;
	font-size:12px !important;
	margin-left:106px;
	padding-top:3px;}


/*+++++++++++++++++++++++++++++++CONTACTO++++++++++++++++++++++++++*/

/*+++++++++++++++++++++++++++++++PRODUCTOS++++++++++++++++++++++++++*/

.prod_cont{
	display:block;
	width:226px;
	height:415px;
	border:#222222 solid 1px;
	float:left;
	background-color:#000;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;}
	
	.prod_cont:nth-child(n+3){
		}

.prod_img{
	display:block;
	clear:both;
	width:225px;
	height:237px;
	
	}
	
.carga_img{
	background-position:center center;
	background-image:url(../img/loader_img.gif);
	background-repeat:no-repeat;
	}
	
	
.prod_tit{
	font-size:18px;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	display:block;
	padding:15px 15px 5px 15px;
	font-weight:300;}
	
.prod_mod{
	font-size:14px;
	color:#dc0032;
	font-family: 'Roboto', sans-serif;
	display:block;
	padding:0px 15px 20px 15px;
	font-weight:300;}
	
.prod_costo{
font-family: 'Roboto', sans-serif;
color:#fff;
font-size:14px;
padding:0px 15px;
margin-bottom:15px;
font-weight:300;}

.agregar_btn{
	background-color:#a10025;
	padding:12px 20px 12px 40px;
	display:block;
	float:left;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	margin-left:15px;
	color:#fff;
	background-image:url(../img/icono2.png);
	background-repeat:no-repeat;
	background-position:10px center;
	font-weight:300;}

.ver_mas_btn{
	text-align:center;
	cursor:pointer;
	background-color:#620117;
	display:block;
	width:76px;
	padding:12px 0px;
	color:#fff;
	float:right;
	font-size:13px;
	margin-right:15px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}

#notificaciones_cont{
	height:64px;
	position:fixed;
	z-index:100;
	
	top:-64px;
	}
	
#carrito_cantidad{
	position:relative;
	z-index:200;
	}

#cantidad_articulos{
	position:relative;
	z-index:200;}
	
#notificacion_txt{
	display:block;
	color:#fff;
	float:right;
	margin-right:70px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:14px;
	padding-top: 25px;}
	

#texto_notificaciones{
	position:absolute;
	left:50%;
	margin-left:-572px;
	}
	
.fila_producto_carrito{
	border-bottom:#2e2e2e solid 1px;
	padding:20px 0px;}
	
.fila_producto_carrito_imagen{
	display:block;
	width:107px;
	height:113px;
	float:left;}
	
.total_lista_carrito{
	width:100%;
	display:block;
	float:left;
	clear:both;
	border-bottom:#2e2e2e solid 1px;
	padding:20px 0px;}
	
#resumen_pedido{
	background-color:#000;
	border:#222222 solid 1px;}
	
#resumen_interior{
	padding:22px;
	display:block;
	float:left;}
	
	
	#detalle_emergente_cont{display:block;
	float:left;
	height:100%;
	width:100%;
	background-image:url(../img/fondo_negro_trans.png);
	background-repeat:repeat;
	position:fixed;
	
	display:none;}
	
#detalle_contenido{position:absolute;
	padding:15px;
	width:860px;
	height:540px;
	margin-left:-450px;
	margin-top:-270px;
	left:50%;
	top:50%;}
	
#detalle_emergente_ajax{
	width:860px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
	clear:both;}
	
#agregar_btn_emergente{
	background-image:url(../img/icono2.png);
	 background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 36px;}
	


.ui-autocomplete-loading {
background: white url('../img/ui-predictivo_16x16.gif') right center no-repeat;
}


.tabla_ferretera{
	color:#fff;
	font-family: 'Roboto', sans-serif; text-decoration:none; font-size:13px; font-weight:300;
	font-size:14px;}
	
	.tabla_ferretera a,.tabla_ferretera p{font-family: 'Roboto', sans-serif; text-decoration:none; font-size:13px; font-weight:300;
	font-size:14px;}
	
	.tabla_ferretera a{
		color:#DC0032;}
	
	.tabla_ferretera  tr{
		background-color:#000;}
	
	.tabla_ferretera tbody tr:hover{
		background-color:#620117;}
		
	.paginacion{}
	
	.paginacion  a,.paginacion strong{
		display:block;
		color:#fff;
		float:left;
		padding:3px;
		font-size:18px !important;		
		font-family: 'Roboto', sans-serif; text-decoration:none; font-size:13px; font-weight:300;}
		
	.paginacion strong{
		color:#620117;}
		
	.select_ferretera{
		padding:3px;
		display:block;}
		
.error_cont{
	background-color:#620117;
	width:100%;
	display:block;
	padding:15px;
	float:left;
	clear:both;
	border:solid 1px #fff;}
	

.error_cont p{color:#fff;}

#contenido_2{
	color:#fff;font-family: 'Roboto', sans-serif; text-decoration:none; font-size:13px; font-weight:300;
	padding:20px 0px;}
	
	#contenido_2 a{color:#DC0032;font-family: 'Roboto', sans-serif; text-decoration:none; font-size:13px; font-weight:300;}
	
	#contenido_2 a:hover{
		text-decoration:underline;}
	
	#contenido_2 h2{
		padding-bottom:10px;
		padding-top:10px;}

#contenido_2 p{
color:#fff;font-family: 'Roboto', sans-serif; text-decoration:none; font-size:13px; font-weight:300;}

#contenido_cuentas{
	color:#fff;font-family: 'Roboto', sans-serif; text-decoration:none; font-size:13px; font-weight:300;
}

#contenido_cuentas h3{color:#fff;font-family: 'Roboto', sans-serif; text-decoration:none; font-size:13px; font-weight:300; padding-bottom:10px;}

ul#ui-id-1{}

ul#ui-id-1 li{}



ul#ui-id-1 a{color:#161616;font-family: 'Roboto', sans-serif; text-decoration:none; font-size:13px; font-weight:300; cursor:pointer;}


ul#ui-id-1 li:nth-child(even) a{
	background-color:#AEB3B6;}
	
	#contacto_mapa{
		display:block;
		float:right;
		width:425px;
		padding-top:66px;}
		
		
		
		
		
		
		
#carrousel_cont {
    clear: both;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    width: 747px;
	/*background-color:#fff;*/
	height:82px;
	position:relative;
}

#back_carrousel {
    display: block;
    /*float: left;
    padding-top: 23px;*/
	position:absolute;
	top:37%;
	left:0px;
	z-index:999;
}

#next_carrousel {
    display: block;
    /*float: right;
    padding-top: 23px;*/
	position:absolute;
	top:37%;
	left:720px;
	z-index:999;
}

#carrousel_marcas {
    clear: both;
    display: block;
    float: left;
    margin-left: 20px;
}


.marca_carrousel {
    display: block;
    float: left;
    height: 64px;
	padding:10px 12px;
    width: 118px;
	background-color:#fff;
}

.tercio_home{
}

.tercio_home p{
	display:block;
	padding:8px;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	font-weight:700;
	font-size:10px;}