/* CSS Document */
@font-face {
    font-family: 'square721_cn_btroman';
    src: url('fuente/tt0248m_-webfont.woff2') format('woff2'),
         url('fuente/tt0248m_-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'square721_btroman';
    src: url('fuente/tt0246m_-webfont.woff2') format('woff2'),
         url('fuente/tt0246m_-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html, body{ height: 100%; width: 100%; margin:0px; padding:0px; background-color:#FFFFFF; font-family:'square721_cn_btroman', sans-serif; font-size: calc(0.7em + 0.8vw); color:#000066;}
img{ float: left; border: none; margin:0px; padding:0px; display: block; vertical-align: middle;}
.cursorlink{ cursor:pointer;}
.atencion {animation: blinker 1s linear infinite; color: #FF00F5;} @keyframes blinker { 50% { opacity: 0; } }

.contenedor_principal{ display:table; width:100%; background-color: transparent; }
.contenedor_centra{ width: 100%; max-width: 1300px; min-width: 325px; margin: auto;}
.contenedor_row{float: left; display: block; width:100%; min-width: 325px; background-color: transparent; }
.container_btn_arriba{position: fixed; bottom: 5px; right:1.5vh;}

.titulo_navegacion{	border-bottom: 1px solid #000066;	font-weight: bold; }
.titulo_pagina{	font-size: 4.2em; margin: 0em 0px 0.1em 0px; font-weight: bold; background-color: transparent;}
.sombra1{ -webkit-box-shadow: 0px 15px 15px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow:    0px 15px 15px 0px rgba(50, 50, 50, 0.5); box-shadow:         0px 15px 15px 0px rgba(50, 50, 50, 0.5);}

/* PRODUCTOS */
.productos_columna{ float: left; width:25%; }
.productos_container_1{float: left; background-color: transparent; overflow: hidden;}
.productos_imagen{ float: left; width: 100%; background-color: transparent;}
.productos_nombre{ float: left; width: 100%; display: block; background-color: transparent; overflow: hidden;}
.productos_datos{ float: left; width: calc(100% - 4px); background-color:#000066; padding: 2px; color: white;}
.productos_datos_1{ float: left; width: 23.230769231%; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
/*.productos_datos_2{ float: left; width: calc(27.846153846% - 2px); text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-right:1px solid white; border-left:1px solid white; }*/
.productos_datos_2{ float: left; width:0px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
/*.productos_datos_3{ float: left; width: 47.92307692%; text-align: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: bold; }*/
.productos_datos_3{ float: left; width: 75.769230766%; text-align: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: bold; }

@media screen and (min-width: 1300px) {
	.contenedor_banner{ height: 250px; overflow: hidden; }
	.home_banner_imgs{  height:250px; }
	.titulo_navegacion{ font-size: 68px; margin: 25px 0px 20px 0px;}
	.productos_container_1{ width: calc(100% - 20px); padding:10px; margin-bottom:16px;}
	.productos_columna{ width: 25%;} 
  .productos_nombre{ font-size: 26px; margin-top: 10px; line-height: 28px; height: 56px; min-height: 56px;}
	.productos_datos{margin-top:10px; }
	.productos_datos_1{ font-size: 18px; line-height: 30px; height: 30px; min-height: 30px;}
	.productos_datos_2{ font-size: 18px; line-height: 30px;}
	.productos_datos_3{ font-size: 24px; line-height: 30px;}
	.btn_categorias{ font-size: 24px; line-height:38px; height: 36px;}
	.btn_iz_mnu_cat{  width: calc(100% - 13px); padding: 0px 1px 0px 12px; line-height: 44px; font-size: 34px; }
	.btn_iz_mnu_scat{ width: calc(100% - 29px); padding: 0px 4px 0px 25px; line-height: 28px; font-size: 24px; }
	.categorias_desplegable_2{width: 400px;}
	.header_mnu{font-size: 25px; padding: 0px 20px 0px 20px; margin: 0px;}
	.pie_mnu{font-size: 25px; padding: 0px 19px 0px 19px; margin: 0px;}
	.paginador{font-size:28px; padding:16px 22px 16px 22px; margin:0px 18px 0px 0px; line-height: 80px; }
	.pie_col1_container_txt2{margin:0px 0px 0px 0px; font-size: 26px;}
	.pie_col1_container_txt3{margin:10px 0px 0px 0px; font-size: 20px; }
	.pie_columna{float: left; width:50%; }
	.formulario_contacto_columna{float: left; width:50%; }
	.btn_arriba{font-size: 22px; padding: 2px 6px 2px 6px;}
	.frm_contcto_row1{float: left; width: 95%; margin-left:5%; position: relative;}
}
@media screen and (max-width: 1300px) {
	/* COMUN EN CASCADA */
	.productos_datos{margin-top: 0.5vw; }
	.titulo_navegacion{ font-size: 5.4vw; margin: 1vw 0px 0.8vw 0px;}
	.home_banner_imgs{  height:19.2vw; }
	.btn_iz_mnu_cat{ width: calc(100% - 1.25vw); padding: 0px 0.25vw 0px 1.00vw; line-height: 1.4em; font-size: calc(1.2em + 0.25vw); }
	.btn_iz_mnu_scat{ width: calc(100% - 2.5vw); padding: 0px 0.25vw 0px 2.25vw; line-height: 1.2em; font-size: calc(0.9em + 0.10vw); }
	.categorias_desplegable_2{width: calc(10% + 25vw); min-width: 33%;}
	.header_mnu{font-size: 2.5vw; line-height: 2.9vw; padding: 0px 1.8vw 0px 1.8vw;}
	.pie_mnu{font-size: 1.8vw; line-height: 2.9vw; padding: 0px 1.7vw 0px 1.7vw;}
	.paginador{font-size:2.9vw; padding:1.6vw 2.2vw 1.6vw 2.2vw; margin:0px 1.8vw 0vw 0px; line-height: 8vw; }
	.pie_col1_container_txt2{margin:0.4vw 0px 0px 0px; font-size: 2.0vw;}
	.pie_col1_container_txt3{margin:0.4vw 0px 0px 0px; font-size: 1.6vw; }
	.btn_categorias{ font-size: calc( 1.6vw + 0.20em); line-height: 2.2vw; height: 2.5vw;}
	.contenedor_banner{ height: 19vw; overflow: hidden; }
	.productos_container_1{ width: calc(100% - 1vw); padding:0.5vw; margin-bottom: 1vw;}
  .productos_columna{ width: 25%;} 
  .productos_nombre{ font-size: 2.0vw; margin-top: 1.923076923%; line-height: 2vw; height: 4vw; min-height: 4vw;}
	.productos_datos_1{ font-size: 1.6vw; line-height: 2.5vw;}
	.productos_datos_2{ font-size: 1.6vw; line-height: 2.5vw;}
	.productos_datos_3{ font-size: 2.0vw; line-height: 2.5vw;}
	.pie_columna{float: left; width:50%; }
	.formulario_contacto_columna{float: left; width:50%; }
	.btn_arriba{font-size: 1.7vw; padding: 0.1vw 0.4vw 0.1vw 0.4vw;}
	.frm_contcto_row1{float: left; width: 95%; margin-left:5%; position: relative;}
}
@media screen and (max-width: 1000px) {
	.productos_container_1{ width: calc(100% - 1.2vw); padding:0.6vw; margin-bottom: 1vw;}
  .productos_columna{ width: 50%;} 
  .productos_nombre{ font-size: 4vw; margin-top: 1.923076923%; line-height: 4vw; height: 8vw; min-height: 8vw;}
	.productos_datos_1{ font-size: 3.6vw; line-height: 4.5vw;}
	.productos_datos_2{ font-size: 3.6vw; line-height: 4.5vw;}
	.productos_datos_3{ font-size: 4.0vw; line-height: 4.5vw;}
	.pie_columna{float: left; width:50%; }
	.formulario_contacto_columna{float: left; width:50%; }
	.frm_contcto_row1{float: left; width: 95%; margin-left:5%; position: relative;}
	.btn_arriba{font-size: 2vw; padding: 0.4vw 0.7vw 0.4vw 0.7vw;}
}
@media screen and (max-width:  650px) {
	.productos_container_1{ width: calc(100% - 4vw); padding:2vw; margin-bottom: 1vw;}
  .productos_columna{ width: 100%;}
	.productos_nombre{ font-size: 4.4vw; margin-top: 1.923076923%; line-height: 4.4vw; height:4.4vw; min-height:4.4vw;}
	.productos_datos_1{ font-size: 4.6vw; line-height: 6vw;}
	.productos_datos_2{ font-size: 4.6vw; line-height: 6vw;}
	.productos_datos_3{ font-size: 5.0vw; line-height: 6vw;}
	.pie_columna{float: left; width:100%;}
	.formulario_contacto_columna{float: left; width:100%; }
	.frm_contcto_row1{ clear: both; float: left; width: 100%; position: relative; margin: 0;}
	.btn_arriba{font-size: 2.5vw; padding: 0.7vw 1.0vw 0.7vw 1.0vw;}
	.pie_mnu{font-size: 3.7vw; line-height: 2.9vw; padding: 0px 2.5vw 0px 2.5vw;} 
	.pie_col1_container_menu{ float: left;  margin: 1vw 0 0 3.2vw;}	
	.pie_col1_container_txt2{margin:0.4vw 0px 0px 1.4vw; font-size: 3.2vw;}
	.pie_col1_container_txt3{margin:0.4vw 0px 0px 1.4vw; font-size: 2.6vw; }
}

/* BTNS */
.pie_mnu{ text-align: center; text-transform: uppercase; white-space: nowrap; color:white; border-right: 1px solid #FFFFFF;}
	a.pie_mnu:link{ text-decoration: none;}
	a.pie_mnu:hover{ background-color:#000066; color: white;}

.header_mnu{ text-align: center; text-transform: uppercase; white-space: nowrap; color:#000066; border-right: 1px solid #000066;}
	a.header_mnu:link{ text-decoration: none;}
	a.header_mnu:hover{ background-color:#000066; color: white;}

.btn_iz_mnu_cat{ float: left; text-align: left; text-transform: uppercase; white-space: nowrap; color:#000066;}
	a.btn_iz_mnu_cat:link{ text-decoration: none; background-color: #cccccc;}
	a.btn_iz_mnu_cat:hover{ background-color:#000066; color: white;}
.btn_iz_mnu_cat_sel{ background-color:#000066; color: white;}
.btn_iz_mnu_scat{ float: left; text-align: left; text-transform: uppercase; white-space: nowrap; color:#000066;}
	a.btn_iz_mnu_scat:link{ text-decoration: none; background-color: #cccccc;}
	a.btn_iz_mnu_scat:hover{ background-color:#000066; color: white;}
.btn_iz_mnu_scat_sel{background-color:#000066; color: white;}

.btn_categorias{ text-align: left; text-transform: uppercase; white-space: nowrap;}
	a.btn_categorias:link{ text-decoration: none; color: #000066;}
	a.btn_categorias:hover{ color:#660000; }

.btn_arriba{ text-align: left;  text-transform: uppercase; color:#ECECEC; white-space: nowrap;}
	a.btn_arriba:link{ text-decoration: none; background-color: #2A9000;}
	a.btn_arriba:hover{ background-color:#35B700; }

.link_gen0{ text-align: left; font-size: calc(1em + 0.01vw); text-transform: uppercase; color:#ECECEC; padding: 2px 6px 2px 6px; white-space: nowrap;}
	a.link_gen0:link{ text-decoration: none; background-color: #2A9000;}
	a.link_gen0:hover{ background-color:#35B700; }

.paginador{color:#FFFFFF; background-color:#000066;}
	.paginador:hover{ background-color:#c0c0c0; color:#000066;}
	.paginador:link{text-decoration:none;}
	.paginador_sel{background-color:#c0c0c0; color:#000066;}

/* PIE */
.pie_columna{/*float: left; width:100%;*/}
.pie_col1_container_txt1{float: left; width: 100%; max-width: 650px; background-color: transparent; margin: 6.769230769% 0px 0px 0px;}
.pie_col1_container_txt1_1{float: left; width:66.15384615%; max-width: 430px; background-color: transparent;}
.pie_col1_container_txt1_2{float: left; width:33.84615385%; max-width: 220px; background-color: transparent;}
.pie_col1_container_txt2{float: left; width: 96%; padding-left: 4%; max-width: 650px; background-color: transparent; color: white; }
.pie_col1_container_txt3{float: left; width: 96%; padding-left: 4%; max-width: 650px; background-color: transparent; color: white; text-transform: uppercase;}
.pie_mapa_container{float: left; margin: 6.769230769% 0px 6.769230769% 6.769230769%; background-color: transparent; width:86.46153846%; max-width: 606px;}

/* FORMULARIO CONTACTO */
.formulario_contacto_container{float: left; margin: 6.769230769% 0px 6.769230769% 6.769230769%; background-color: transparent; width:86.46153846%; max-width: 606px;}
.frm_base{margin:0px; padding:0px;}
.frm_loadingbtn_base{display: none; float: left; position: absolute; background-color: rgba(255, 0, 0, 0.7); color: white; font-weight: bold; text-align: center;}
.frm_contacto_in{ float:left; width: calc(98% - 2px); color:#494949; font-family:'square721_cn_btroman', sans-serif; font-size: calc(0.7em + 0.8vw); font-weight:normal; padding:1% 1% 1% 1%; margin:0px 0px 1% 0px; outline:none;	border: 1px solid #ced4da; background-color:#f9f9f9; }
.frm_contacto_error1{right: 0; position:absolute; display:none; margin:0px 0px 0px 0px; padding:1%; background-color:#db0000; color:#FFF; text-align:center; font-size: calc(0.8em + 0.01vw); text-transform: uppercase;}

.frm_button{ border: none; display: inline-block; cursor: pointer; background-color: transparent; font-family:'square721_cn_btroman', sans-serif; text-transform: uppercase;}
.frm_contacto_boton1{ background-color: #000066; font-size: calc(0.7em + 0.5vw); text-align: center; color: white; outline:none; padding:1% 1% 1% 1%;}
	.frm_contacto_boton1:hover{text-decoration:none; background-color: white; color: #000066;}

/* ENCABEZADO */
.encabezado_logo_container{float: left; width: 33.07692308%; background-color: transparent; max-width: 430px;}
.encabezado_2rows_container{ float: left; width: 100%; background-color: transparent; max-height: 68px; max-width: 870px;}
.encabezado_2rows_col1{ float:right; width: 54.82758621%; background-color: cyan;}
.encabezado_2rows_col2{ float:right; width: 26.7816092%; background-color: transparent;}
.encabezado_2rows_col3{float:right; width: 18.3908046%; background-color: transparent;}
.encabezado_menu_container{ float: left; width: 100%; text-align: center;}
.home_banner_imgs{ overflow: hidden;}
.categorias_desplegable_2{float: left; background-color:transparent; position: absolute; z-index: 9; display: block; }
.impactastore{float: none; margin:0px auto 0px; display: block;}