@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800);

*{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	box-sizing:border-box
	}


body{ 
	margin:0 auto
	}

header {
	/*border:1px solid red; */
	max-width:1200px; 
	max-height:150px; 
	margin:0 auto; 
	display:flex; 
	flex-wrap:wrap; 
	justify-content:space-between;
	/*position:relative; */
	}
	
.div_logo{
	margin:25px 0 0 0	
	}
	
.div_menu_h_busqueda{
	/*border:1px solid green; */
	max-width:800px;
	}
	
.div_cont_buscador{
	margin:15px 20px 20px 50px; 
	/*border:1px solid blue; */
	text-align:right
	}
	
.div_txt_buscador{
	margin:0px 10px 0 0px;
	}

.input_buscador{
	margin:0 10px 5px 10px;
	}
	
.btn_buscador{
	border:none; 
	box-shadow: 0px 0px 0px #ccc, 0 0px 0px #eee;
	}
	
.div_sub_header{
	height:30px; 
	max-width:100%; 
	background-color:#008dd7
	}
	

.txt1{ 
	color:#B5B5B5; 
	font-size:14px
	}

.txt2{
	color:#FFFFFF;
	font-size:16px;
	}
	
.txt3{ 
	color:#666;	
	}
	
.txt4{ 
	font-size:18px;	
	color:#444;
	line-height:1.7	;
	/*letter-spacing: 1.2px;*/
	line-height:1.5
	}
	
.txt4-1{ 
	font-size:25px;	
	color:#848484; 
	/*font-weight:400;*/
	line-height:1.7;
	/*letter-spacing: 2px;*/
	line-height:1.3
	}

.txt5{ 
	font-size:14px;	
	color:#848484;
	}

.txt6{ 
	font-size:18px;	
	color:#1E90FF;
	font-weight:400
	}
	
.txt7{
	font-size:18px;	
	color:#fff;
	}

.txt8{
	color:#fff; 
	text-align:center
	}
	
.txt9{
	color:#E4E4E4; 
	font-weight:600; 
	font-size:30px
	}
	
.txt13{font-size:18px; font-weight:600; color:#FF0000}
	
.txt12{font-size:12px; max-width:150px; margin:80px 0 0 0 }


.div_txt_sub_header{
	max-width:1200px; 
	/*text-align:right; */
	margin:0px auto 0 auto; 
	padding-top:3px;
	}
	
.div_cont_cuerpo_index{
	width:100%; 
	/*background-color:#fbfaf9;*/
	background-color:#fafafa;
	padding:0 auto 50px auto
	}
	
.div_cuerpo_index{
	max-width:1200px; 
	margin:0 auto;
	padding:15px 10px 180px 10px
	}


.div_cuerpo_laempresa{
	max-width:1200px; 
	margin:0 auto;
	padding:15px 10px 50px 10px
	}
	
.div_cont_categorias{
	margin:50px auto 90px auto; 
	/*justify-content:center;*/
	margin:0 10px 0 10px
	}
	
.div_cont_subcategorias{
	margin:0px auto;
	/*padding:0px 20px;*/
	/*justify-content:center;
	margin:0 10px 0 10px*/
	}
	
.div_cabezal_categoria{
	background-color:#008dd7; 
	height:40px; 
	width:270px; 
	margin:0 auto 0px auto;
	}
	
.div_cont_cada_categ{width:100%; max-width:1200%; display:flex; flex-wrap:wrap; justify-content:space-between; margin: 0 0 70px 0;}
	
footer{
	padding:50px auto 0 auto;
	}
	
.div_contacto_footer{ 
	padding:5px 0 5px 0; margin-right:15px
	}


.div_footer_contacto_2{ 
	}

a.mediabox{ 
	text-decoration:none;
	border:none
}


.footer{
	width:100%; 
	position:relative
	}
	
.div_cont_footer_1{
	 background-color:#272d33; 
	 padding-top:35px; 
	}

.div_footer_1{
	max-width:1200px; 
	margin:0 auto;	
	display:flex; 	
	flex-wrap:wrap; 
	justify-content:space-between;
	}
	
/*.div_txt_contacto{
	margin:0 0 20px 0
	}*/
	
.div_txt_contacto{
	margin: 0 0 50px 0
	}
	
.div_img_categoria{
	display:flex;
	flex-wrap:wrap
	}
	
.div_img_logo2{
	margin:75px 0 0 0
	}
	
.div_cont_footer_2{
	background-color:#1c2025; 
	height:50px
	}	
	
.div_footer_2{
	max-width:1200px; 
	margin:0 auto; 
	text-align:right
	}
	
	
.div_txt_contacto{ margin-bottom:35px}

.div_cont_arts_opcion{margin:75px auto 0 auto; background:#E3E3E3; width:100%; padding:0px 50px 20px 20px; border:1px solid #ccc }

.div_cont_arts_opcion2{display:flex; flex-wrap:wrap;  /*justify-content:space-between;*/}



.subcat2{border: 1px solid #ddd; width:190px; text-align:center; justify-content:center; background:#fff; margin:10px 10px; padding:5px 10px }
	
	
.logo_mediabox{
	margin:15px 10px 0 15px
	}
	
.google_maps{ 
	width:600px; height:350px; margin:20px auto 50px auto
	}
	
.img_contacto{
	margin:0 auto 50px 0  
	
	}

.vermas{
	border:none;
	font-size:14px; 
	/*width:130px; */
	padding:10px; 
	text-align:right; 
	color:#fff; 
	background:#4D7CEB; 
	width:100%
}

.vermas:hover {
    opacity:.75;
	background:#09008f;
    cursor: pointer; 
}

a.link_vermas{ text-decoration:none
}


a.subcat2:link{color:#008dd7; text-decoration:none; font-size:16px; font-weight:800}
a.subcat2:visited{color:#008dd7; text-decoration:none; font-size:16px; font-weight:800}
a.subcat2:active{color:#ccc; text-decoration:none; font-size:16px; font-weight:800}
a.subcat2:hover{ color:#ccc; text-decoration:none; font-size:16px; font-weight:800}


a.salir:link{color:#FF0004; text-decoration:none; font-size:16px; font-weight:400; font-size:18px}
a.salir:active{color:#FF7B7D; text-decoration:none; font-size:16px; font-weight:400; font-size:18px}
a.salir:hover{ color:#FF7B7D; text-decoration:none; font-size:16px; font-weight:400; font-size:18px}



.txt10{color:#008dd7; font-weight:400;}

.p_desc_subcat{padding:0px 50px 10px 0px}

.div_cont_cada_subcat{padding:10px; background-color:#FFF; display:flex; flex-wrap:wrap; border:1px solid #ddd; margin:15px 0 0 0; width:545px}

.div_cont_cada_prod{padding:10px; background-color:#FFF; display:flex; flex-wrap:wrap; border:1px solid #ddd; margin:15px 0 0 0; width:1200px;}

.div_cont_txt_subcat{max-width:320px; }

.txt11{color:#008dd7; font-weight:400}

.img_subcateg{ padding:25px 50px 0px 20px; max-height:170px; max-width:170px}

.img_subcateg2{ padding:5px 5px 5px 5px; max-height:85px; max-width:85px; justify-content:center}

.img_producto{height:400px; width:400px; margin:0 35px 0 0; }

.img_pdf{ width:150px}

.img_pdf:hover {
    opacity: 1;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
    -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
    -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
    box-shadow: 0px 0px 20px rgba(255,255,255,0.8); opacity:0.7
}
.div_cont_txt_producto{max-width:680px;}

.div_nombre_codigo_marca{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%}

.img_marca{max-width:150px; max-height:60px}

.img_marca_chica{max-width:75px; max-height:30px}

.div_txt_producto{margin:50px 0 0 0; padding:0 20px 0 0; min-height:100px }

.div_nombre_producto{width:350px; margin-right:20px; }

.div_nro_codigo{font-size:12px; font-weight:600}

.div_txt_pdf{margin: 75px 0 5px 500px}

.div_img_pdf{margin: 0 0 0 480px}



/* ---- ---------------        sSECTOR ADMINISTRADOR           ---------------------- */
.div_cont_login{margin:100px auto 0px auto; width: 400px; text-align:center; border:1px solid #C7C3C3; padding:25px}

.div_cont_admin1{width:100%; background-color:#333; padding:5px 0 25px 0; min-height:800px; height:100%}

.div_cont_admin2{max-width:1200px; background-color:#FDFDFD; margin:0 auto 0 auto; min-height:800px; height:100%; padding:0 0 30px 0}

.div_nombre_admin{width:100%; padding:50px 170px 30px 170px }

.div_nombre_admin_inicial{width:450px; padding:200px 0 20px 50px; margin:0 auto 0 auto}


.borde_curvo_1{
	border: 1px solid #ccc; 
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	behavior:url(border.htc);
	margin:0px auto 40px auto; max-width:900px; padding:35px 20px 35px 20px
	}
	
	
	
.contact_form label {
    width:150px;
    margin-top: 3px;
    display:inline-block;
    float:left;
    padding:3px;
}


.borde_tabla_admin_1{ border:1px solid #999999; margin:0px 0 40px 20px; border-collapse:collapse; width:95% }

.a_icono{ text-decoration:none}

.td_encabezado{color:#fff; background-color:#005388; text-align:center;}

.div_cont_abm{margin:70px auto 0 auto; padding:0 0px 0 5px; width:900px;}

.div_cont_abm_nuevo{margin:30px auto 0 auto; padding:0 0 0 25px; max-width:900px;}

.div_tinymce{width:600px; margin:25px 0 80px 100px}

.div_volver_anterior{width:900px; margin:50px auto 100px auto; text-align:center }

.div_especif_img{margin:0px 70px 40px 70px}

.div_btn_img{margin:10px 0 0 600px}

.negrita{ font-weight:600}


/* ---- ---------------        sSECTOR ADMINISTRADOR           ---------------------- */

/*-----------------    fuentes iconos      ------------------------------------*/

.icon1{font-size:22px; color:#666; margin:0 20px 0 0}

.icon2{ color:#F4F4F4; font-size:18px; margin:0 20px 0 0}

.icon3{font-size:16px; color:#666; margin:0 5px 0 5px}

.icon4{font-size:24px; color:#666; }

.icon_warning{font-size:24px; color:#FF0004 }

.icon_info{font-size:24px; color:#00BBFF   }

.icon_volver{font-size:30px; color:#FF0004 }

.icon_vineta{font-size:15px; color:#666 }

.iconvermas{font-size:15px; color:#fff }

.icon_salir{font-size:18px; color:#AC0002 }


a.link_adm:link{color:#666; text-decoration:none; }
a.link_adm:visited{color:#666; text-decoration:none; }
a.link_adm:active{color:#666; text-decoration:none; }
a.link_adm:hover{ color:#00BBFF; text-decoration:none;}


/*-----------------    fuentes iconos      ------------------------------------*/

@media (max-width: 400px){
	
	/*.img_logo{ width:80%;
		margin:0 0 0 30px;
		}*/
	
	header{ width:98%}
	
	.div_menu_h_busqueda{width:100%}
	
	.div_sub_header{
		height:20px; 
		}
		

		
	.div_txt_sub_header{
		padding-top:0px;
		margin-left:5px
	}

	.cssmenu{ width: auto}
	

	div_sub_header{ 
		/*position:absolute;*/
		top:60px; margin-top:60px;
	}

		
	.spacer1{ 
		margin-top:90px;
		width:100%
		}
		
	.spacer1_img{
		width:100%
		}
		
.txt6{ 
	font-size:14px;	
	color:#008dd7;
	}
	
.txt7{
	font-size:14px;	
	color:#fff;
	}
	
.img_laempresa{ width:99%; height:99%}
	
.div_footer_contacto_1{ 
	padding:0 10px;
	}

.logo_mediabox{ 
	width:60px;
	}

.txt5{ 
	font-size:11px; 
	}
	
/*.vermas{ margin:0 0 0 150px}*/

.img_subcateg{margin:0 0 0 25px; padding:0px 50px 0px 0}

	
	}
	
.div_txts_laempresa{margin:0px 0 35px 0;}

.div_imgs_laempresa{display:flex; flex-wrap:wrap; justify-content:space-between; margin:25px 0 55px 0; padding:5px}

.img_laempresa{padding:0px}


.txt_mensaje{
	color:#E81F22; 
	font-size:24px 
	}
	
.txt_mensaje_nombre{
	color:#E81F22; 
	font-size:24px; 
	font-weight:400
	}


@media (max-width: 600px){
	
	.div_cont_txt_producto{width:95%}
	
	.div_detalle_producto{ width:98%; padding:0 5px}
	
	.div_nombre_producto{width:99%; margin-right:0}
	
	.txt2{color:#FFF;font-size:11px;}

	.div_txt_pdf{margin: 75px 0 5px 10px}
	
	.div_img_pdf{margin: 0 0 0 10px}
	
	.div_sub_header{
		height:30px; 
		max-width:100%; 
		background-color:#008dd7; 
		}
}


@media (max-width: 768px){
	.div_cont_cada_subcat{padding:10px; background-color:#fff; display:flex; flex-wrap:wrap; justify-content:space-between; border:1px solid #000; width:95%; margin:0 auto}


	
	.div_cont_cada_prod{ width:97%}
	
	.img_producto{ width:99%; height:99%; margin:0 0px 0 0; justify-content:center;}
	
	.div_txt_buscador{ display:none}
	
	.div_cont_buscador{ display:none}
	
	.div_logo{display: none}
	
	.div_cont_cuerpo_index{ margin:75px 0 0 0}
	
	.img_map_footer{ width:80%}
	
	
	.vermas{
	text-align:center; 
	color:#fff; 
	background:#4D7CEB; 
	width:95%; 
	margin:0 auto 35px auto
}

.subcat2{width:190px; text-align:center; justify-content:center; margin:10px auto; padding:5px 10px }

.img_marca{width:100px; max-height:40px}

.div_sub_header{ position:fixed; top: 65px; width:100%; z-index:2000 }

.cont_slider_0{ position: relative; top: 95px; }

}

@media (max-width: 1150px){
	
	.google_maps{ 
		width:270px; 
		height:200px; 
		justify-content:center; margin:35px auto 50px 25px	
		}
	
	/*.div_footer_contacto_2	{ 
		display:none		
		}*/
		
	*.div_img_logo2{ 
	display:none		
	}*
	
	.div_footer_1{    /*  ARREGLAR ESTO PARA QUE QUEDE CENTRADO EL MAPA*/
		width:95%; 
		margin:0 auto;	
		display:table; 	
		flex-wrap:wrap; 
		justify-content:center; 
	}
	
.div_cont_txt_subcat{ 
	width:95%; margin:0 auto
	}

	
}