@import url(normalize.min.css);
@import url(fontface.css);
@import url(grid.css);
/* ======================================================================================*/
*::selection{
    background: rgba(255,102,0, 0.6) !important;
    color: #ffffff !important;
}
*::-moz-selection{
    background: rgba(255,102,0, 0.6) !important;
    color: #ffffff !important;
}
html{
    background: #000 !important;
    font-family: 'open_sans_font', Helvetica, Arial, 'sans-serif';
    min-height: 100vh;
}
body{
    background: #fff !important;
    color: #333333;
    font-size: 90%;
    line-height: 1.2;
}
iframe[name='google_conversion_frame'] { 
    display: block;
    font-size: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    margin: -26px !important;
    overflow: hidden;
    width: 0 !important;
}
div,
header,
article,
section,
footer,
main{
    box-sizing: border-box;
}
hr{
    margin:  2em 0;
    clear: both;
    display: block;
}
p{
    font-weight: normal;
    line-height: 1.625rem;
	margin-top:0;
}
ol li,
ul li{
    margin: 0.625em 0;
    line-height: 1.5;
}
.pointer{
    cursor:pointer;
}
.img{
	max-width:100%;
	height:auto;
}
.row{
	max-width: 1200px;
	margin: 0 auto;
	float: none;
}
.main{
	padding-top:1rem;
	padding-bottom:1rem;
}
a{
	outline:none !important;
}

/* ESTRUCTURA BASE */
.imgCabecera{
	display:block;
	width:100%;
	float: none;
    margin-bottom: 2rem;
    box-shadow: 0 5px 5px rgba(0,0,0,0.2);
    border-bottom: 2px solid #fff;
}
.imgCabecera img{
	width:100%;
	height: auto;
}
.titulo01{
	margin:0 0 1rem 0;
	color: #FF6600;
	font-size: 1.625rem;
}
.bajada{
	margin:0 0 1rem 0;
	font-size: 1rem;
	line-height: 1.625;
}
.content2col{
	-webkit-column-count: 2;
    -webkit-column-gap: 2em;
    -webkit-column-rule: 1px solid rgba(255,255,255,0.36);
}
.content2col li {
    margin: 0;
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;                      /* Actually FF 20+ */
}
.noFigure{
	margin-top: 3em;
}
/* BTN UP */
.up-btn{
	display: block;
	position:fixed;
	bottom: 1rem;
	right: 1rem;
	border-radius: 500rem;
	box-sizing:border-box;
	background:#0099FF;
	color: #fff;
	font-family: 'FontAwesome';
	text-decoration:none;
	height: 60px;
	width:60px;
	text-align:center;
	line-height:60px;
	font-size: 1.25rem;
}
/* BTN MENU MOBILE */
#btnMenu{
    background: #EFEFEF;
    border-radius: 5px;
    border: none;
    display: none;
    margin:  1rem;
    padding: 0.7em;
    text-align: center;
    transition: all 0.2s ease-out;
	float: right;
}
#btnMenu:hover,
#btnMenu:active,
#btnMenu.active{
    background: #78E0FE;
}
#btnMenu:focus{
    outline: none;
}
#btnMenu .btnMenu-bars{
    background: #333;
    border-radius: 1px;
    display: block;
    height: 2px;
	width: 22px;
    margin-top: 3px;    
}
#btnMenu .btnMenu-bars:first-child{
    margin-top:0;
}
#btnMenu:hover,
#btnMenu:active,
#btnMenu.active {
	background: #fff;
}
#btnMenu:hover .btnMenu-bars,
#btnMenu:active .btnMenu-bars,
#btnMenu.active .btnMenu-bars{
	background-color: #37AAF7;
}
/* SITE HEADER */
.siteHeader{
	box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	z-index: 99;
	position:relative;
}
.siteHeader-logo{
	display:inline-block;
	float:left;
	margin: 0 0 -1.43rem 1em;
}
/* SITE FOOTER */
.siteFooter{
	display:block;
	width:100%;
	background:#000;
	color: #fff;
	padding: 1rem;
	line-height:1.4;
}
.siteFooter a{
	color: #fff;
	text-decoration:none;
}
/* SITE NAV */
.siteNav{
	display:inline-block;
	float:right;
	margin-top: 1.625em;
	box-sizing:border-box;
}
.siteNav.active{
	/*display:block;*/
}
.siteNav > ul{
	display:inline-block;
	text-align:left;
	float:left;
	margin:0;
	padding:0;
	vertical-align:top;
}
.siteNav > ul > li{
	display:inline-block;
	float:left;
	margin: 0;
	padding:0 1em;
	position:relative;
	box-sizing:border-box;
	color: #333333;
	font-weight:600;
	vertical-align:top;
}
.siteNav > ul > li:hover > a,
.siteNav > ul > li:active > a,
.siteNav > ul > li.current > a,
.siteNav > ul > li:hover > .siteNav-titulo,
.siteNav > ul > li:active > .siteNav-titulo,
.siteNav > ul > li.current > .siteNav-titulo{
	color: #37AAF7;
	border-color: #37AAF7;
	cursor:pointer;
}
.siteNav > ul >li a{
	text-decoration: none;
	color: #333333;
}
.siteNav > ul .siteNav-subnav{
	display:none;
	float: none; 
	position: absolute;
	top: 100%;
	left: 15px;
	margin: 0;
	padding:0.5rem 0 0 0;
	box-sizing:border-box;
	z-index: 9;
	overflow:hidden;
	width: 220px;
}
.siteNav > ul .siteNav-subnav ul{
	width:100%;
	margin: 0;
	padding:0.5rem;
	box-sizing:border-box;
	display:inline-block;
	float: left;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-sizing:border-box;
}
.siteNav ul  ul a{
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,0.05);
	display:block;
	width:100%;
	color: #333;
	box-sizing:border-box;
	font-size: 0.75rem;
	padding: 0.5rem;
}
.siteNav ul  ul li:last-of-type {
	margin-bottom:0;
	padding-bottom:0;
}
.siteNav ul  ul li:last-of-type a{
	border-bottom: none;
}
.siteNav ul  ul a:hover,
.siteNav ul  ul a:active{
	background: rgba(0,0,0,0.03);
}
.siteNav ul  ul li{
	display:block;
	width:100%;
	margin: 0;
	box-sizing:border-box;
}
.siteNav > ul > li:hover > .siteNav-subnav,
.siteNav > ul > li:active > .siteNav-subnav{
	display: block;
}
/* SLIDER */
.slider{
	display:block;
	width:100%;
	position:relative;
	float:none;
	margin-bottom:2rem;
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);
	border-bottom: 2px solid #fff;
}
.slider-caption{
	z-index: 9;
	margin: 0;
	width:100%;
	display:block;
	float: none;
	padding: 1rem;
	font-size:1rem;
	font-family: 'raleway_font';	
	color: #fff;
	background: #0099FF;
	text-align:center;
}
.bxslider li{
	margin:0;
	width:100%;
}
.slider .bx-prev,
.slider .bx-next{
	width: 40px;
	height: 40px;
	color: #fff;
	font-size:0px;
	text-decoration:none;
	text-align:center;
	border-radius: 6px;
	line-height: 36px;
	vertical-align:middle;
	font-family: 'FontAwesome';
	top: 50%;
	position:absolute;
	outline: none;
	margin: -20px 0 0 0;
	transition:all 0.2s ease-out;
	opacity: 0.5;
	z-index:9;
}
.slider .bx-prev.disabled,
.slider .bx-next.disabled{
	display:none;
}
.slider .bx-prev:hover,
.slider .bx-prev:active,
.slider .bx-next:hover,
.slider .bx-next:active{
	opacity: 1;
}
.slider .bx-prev{
	left: 0;
}
.slider .bx-next{
	right:0;
}
.slider .bx-prev::before{
	content: '\F104';
	font-size: 32px;
	left: 50%;
}
.slider .bx-next::before{
	content: '\F105';
	font-size: 32px;
}
.slider-img{
	width:100%;
	height:auto;
}
/* BREADCRUMS */
.breadcrums{
	display:block;
	padding: 1rem;
	margin-bottom:1em;
}
.breadcrums a{
	color: #4A575A;
	text-decoration:none;
}
/* HOME */
.homeBlock{
	margin: 0 0 2rem 0;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	float: left;
	text-align:center;
	padding: 1rem;
}
.hb01{
	background:url(../images/bg-home-01.jpg) no-repeat center center;
	background-size: cover;
}
.hb02{
	background:url(../images/bg-home-02.jpg) no-repeat center center;
	background-size: cover;
}
.hb03{
	background:url(../images/bg-home-03.jpg) no-repeat center center;
	background-size: cover;
}
.homeBlock .titulo{
	margin: 13.12rem 0 1rem 0;
}
.homeBlock p{
	line-height: 1.8;
}
.homeBlock a{
	display:block;
	text-decoration: none;
	border-top: 1px solid #ccc;
	color: #37AAF7;
	font-weight: bold;
	font-size: 1rem;
	padding:1rem 0;
}
/* PRODUCTOS*/
.prodBlock{
	display: block;
	width:100%;
	text-align:center;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	margin-bottom: 1rem;
	padding: 1rem;
	box-sizing:border-box;
	transition: opacity 0.2s ease-out;
}
.prodBlock:hover,
.prodBlock:active{
	opacity:0.5;
}
.prodBlock .titulo{
	display:inline-block;
	margin: 9.3rem auto 0 auto;
	text-align:center;
	background:rgba(0,153,255,0.9);
	padding: 0.5rem 1rem;
	color:#fff;
	box-sizing:border-box;
	width:100%;
}
.pb01{
	background:url(../images/pb01.jpg) no-repeat center center;
	background-size: cover;
}
.pb02{
	background:url(../images/pb02.jpg) no-repeat center center;
	background-size: cover;
}
.prodCat{
	padding:1rem;
	transition:opacity 0.2s ease-out;
}
.prodCat:hover,
.prodCat:active{
	opacity:0.5;
}
.prodCat img{
	width:100%;
	height:auto;
	margin-bottom: 0.25rem;
}
.prodCat a{
	color: #0099FF;
	margin:0;
	text-decoration: none;
	padding: 1rem;
	box-shadow: inset 0 0 15px rgba(0,0,0,0.1);
	display:block;
}
.prodCat a .titulo{
	margin:0.625rem 0 0 0;
	font-size: 1rem;
}
.prodItem{
	padding-bottom:1rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #ccc;
}
.prodItem:last-child{
	border: none;
	margin: 0;
}
.prodItem .titulo{
	margin: 1.25rem 0 1rem 0;
	color: #0099FF;
	padding-bottom:1rem;
	border-bottom: 1px solid #0099FF;
}
.prodItem-ul{
	margin: 1rem 0;
	list-style: none;
}
.prodItem-link{
	display:inline-block;
	padding:1rem 1rem 1rem 3rem;
	background: #0099FF;
	color: #fff;
	box-sizing:border-box;
	text-decoration:none;
	border-radius: 600rem;
	position:relative;
	transition: opacity 0.2s ease-out;
}
.prodItem-link:hover,
.prodItem-link:active{
	opacity:0.5;
}
.prodItem-link span{
	display: inline-block;
	background:#0074C1;
	color: #fff;
	height: 30px;
	width:30px;
	text-align:center;
	line-height: 30px;
	border-radius: 600rem;
	font-weight:bold;
	position: absolute;
	top: 0.5rem;
	left: 0.5rem;
}
/* GALERIA */
.galItem{
	transition: opacity 0.2s ease-out;
	padding: 0.625rem;
	box-sizing:border-box;	
	display: inline-block;
}
.galItem img{
	width:100%;
	height:auto;
}
.galItem:hover,
.galItem:active{
	opacity:0.5;
}
/* ======================================================================================*/
/* FORM CONTACTO */
.detalle-form{
	font-size:0.875em;
	color: #A0A0A0;
}
.asterico{
	color: #f60;
}
.formPedido-content,
.formContacto-content{
    display: block;
    position: relative;
    width: 100%;
	max-width:600px;
	padding: 1em 1em 2em 1em;
	margin: 0 auto;
}
.formContacto-content{
	margin: 0;
	padding:0;
	max-width:none;
}
.formPedido-form.formGeneral input.error-validate,
.formPedido-form.formGeneral textarea.error-validate,
.formContacto-form.formGeneral input.error-validate,
.formContacto-form.formGeneral textarea.error-validate{
    border-color: #FF5C26 !important;
}
.formPedido-form.formGeneral label.error-validate,
.formContacto-form.formGeneral label.error-validate{
    background: #FF5C26;
	padding: 0.25em 0.75em;
	color: #fff;
	border-radius: 6px;
	font-size: 0.875em;
}
.formPedido-form,
.formContacto-form{
    box-sizing: border-box;
    display: block;
    min-height: 248px;
    position: relative;
    width: 100%;
	text-align:center;
}
.formPedido-form fieldset,
.formContacto-form fieldset{
  margin-bottom: 1em;
}
.formPedido-form input[type="text"],
.formPedido-form input[type="email"],
.formPedido-form textarea,
.formContacto-form input[type="text"],
.formContacto-form input[type="email"],
.formContacto-form textarea{
    background: #fff;
    border: 2px solid #EBEBED;
    color: #868686;
	font-family: 'open_sans_font';
	width: 100%;
	padding: 0.5em 1em;
	border-radius: 6px;
	text-align:left;
	box-sizing:border-box;
}
.formPedido-form input[type="text"]:focus,
.formPedido-form input[type="email"]:focus,
.formPedido-form textarea:focus,
.formContacto-form input[type="text"]:focus,
.formContacto-form input[type="email"]:focus,
.formContacto-form textarea:focus{
	outline:none;
	border-color: #047EA8;
}
.formPedido-form input[type="submit"],
.formContacto-form input[type="submit"]{
    background: #0099FF;
    border: 1px solid #fff;
    color: #fff;
    font-family: 'open_sans_font';
    font-weight: bold;
	text-transform:uppercase;
	transition: all 0.2s ease-out;
	padding: 0.5em 1em;
	border-radius: 0;
	margin: 0 auto;
	text-align:center;
}
.formContacto-form input[type="submit"]{
	margin: 0;
	float:right;
}
.formPedido-form input[type="submit"]:hover,
.formPedido-form input[type="submit"]:active,
.formContacto-form input[type="submit"]:hover,
.formContacto-form input[type="submit"]:active{
    background: #fff;
	color: #f60;
	border-color: #f60;
}
.formPedido-label,
.formContacto-label{
    color: #868686;
    display: block;
    font-family: 'open_sans_font';
	font-weight: bold;
    font-size: 0.85em;
    padding: 0 0 0.625em 0;
	text-align:left;
}
.formContacto-label{
	font-weight:normal;
}
.formGeneral-ccha{
	display:none;
}
.preLoader-resultado.error,
.preLoader-resultado.ok,
.formContacto-resultado.error,
.formContacto-resultado.ok{
    display: block;
    width: 100%;
    background-color: #E7534F;
    padding: 1em 2em;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    border-radius: 6px;
    margin: 0 auto 2em auto;
}
.preLoader-resultado.ok{
	background-color: #00B878;
}
.preLoader-div{
	display:block;
	width:100%;
	min-height: 128px;
	min-width:64px;
	background:url(../images/preloader.GIF) no-repeat center center;
}
/* CONTACTO */
.formContacto-titulo{
    display: block;
    text-align: left;
    font-weight: 300;
    color: #f60;
    font-size: 1.5em;
    margin: 0.5em 1em 1em 1em;
    padding: 0.5em 0;
    border-bottom: 2px solid #EBEBED;
}
.contacto-formulario{
	float:left;
	width:50%;
	padding: 0 2em;
}
.contacto-datos{
	display:inline-block;
	float:right;
	width:50%;
	padding: 2em;
}
.contacto-datos .titulo{
	color: #f60;
	margin:0;
	font-size:1.1em;
}
.contacto-datos a{
	color:#666666;
	text-decoration: none;
}
.contacto-datos a:hover,
.contacto-datos a:active{
	color:#f60;
	text-decoration: underline;
}
.contacto-datos .bajada{
	color:#666666;
}
/* PEDIDO */
.formPedido-page{
	width:100%;
	padding: 1em;
}
.formPedido-titulo{
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    color: #f60;
    font-size: 1.5em;
    margin: 0.5em 0 1em 0;
    padding: 1em 0;
    border-bottom: 2px solid #EBEBED;
}
/* ASIDE */
.asideSuperbe a{
	text-decoration: none;
	color: #00A6F9;
	font-weight: bold;	
}
.asideSuperbe img,
.asideSuperbe p{
	margin: 2em 0;
}
/* NUESTRA PLANTA */
.plantaUbicacion{
	border-top: 2px solid #EFF0F0;
	margin-top: 1em;
	padding-top:1em;
}
.plantaUbicacion .titulo01{
	text-align:center;
}
.plantaUbicacion .main{
	padding-left: 1em;
	padding-right: 1em;
}
.plantaUbicacion img{
	width:100%;
	height:auto;
}
/* block beneficios */
.blockBeneficios{
	display:block;
	width:100%;
	position:relative;
	color: #fff;
	background:#4B5B6A;
}
.blockBeneficios-data{
	width:50%;
	display:inline-block;
	float:left;
	position:relative;
}
.blockBeneficios-data-txt{
	display:block;
	padding:2rem;
	float:right;
	width:100%;
	max-width:600px;
}
.blockBeneficios-data-txt .titulo{
	margin:0 0 1rem 0;
	font-size:1.5rem;
	font-weight: normal;
}
.blockBeneficios::before{
	content: '';
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom: 0;
	width:50%;
	background:url(../images/home_beneficios.jpg) no-repeat center center;
	background-size: cover;
}

/* MEDIA QUERIES =================================================================================*/
@media only screen and (min-width: 641px) {
	/* siteNav */
	#btnMenu{
		display: none !important;
	}
	.siteNav{
		display:block !important;
	}
}
@media only screen and (max-width: 840px) {
	.blockBeneficios-data,
	.blockBeneficios::before{
		width: 100%;
	}
	.blockBeneficios::before{
		position:relative;
		height:250px;
	}
	.blockBeneficios-data-txt{
		max-width:none;
	}
}
@media only screen and (max-width: 765px) {
	.homeBlock .titulo{
		margin-top: 1rem;
	}
}
@media only screen and (max-width: 640px) {
	.content2col{
		-webkit-column-count: 1;
		-webkit-column-gap: 0;
		-webkit-column-rule: none;
	}
	.content2col li {
		margin: 0;
		-webkit-column-break-inside: avoid; /* Chrome, Safari */
		page-break-inside: avoid;           /* Theoretically FF 20+ */
		break-inside: avoid-column;         /* IE 11 */
		display:table;                      /* Actually FF 20+ */
	}
	/* HEADER */
	.siteHeader-logo{
		margin:0 0 0 1rem;
	}
	/* siteNav */
	#btnMenu{
		display: block !important;
	}
	.siteNav{
		position:fixed;
		top:0;
		left:-250px;
		z-index:9;
		overflow-x: scroll;
		height: 100vh;
		background: rgba(255,255,255,0.95);
		margin: 0;
		padding:2rem;
		width:250px;
		font-size: 1rem;
		opacity:0;
		transition: all 0.2s ease-out;
	}
	.siteNav.active{
		opacity:1;
		left:0;
	}
	.siteNav li{
		display:block;
		width:100%;
	}
	.siteNav > ul > li{
		border-bottom: 1px solid #ccc;
		padding: 0.5rem 1rem 0.5rem 0;
	}
	.siteNav > ul .siteNav-subnav{
		top:0;
		left: 0;
		width:100%;
		position:relative;
		display:block;
	}
	.siteNav > ul .siteNav-subnav ul{
		border: none;
		background:none;
		padding:0;
	}
}