@charset "utf-8";

*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{background:#efefef;width: 100%;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;}


header{padding:0 1em 1em 1em;}
a {text-decoration:none;}
footer{background:#000048;padding:1em 1em 4em 1em;}



@font-face{
	font-family:"MyriadPro-It";
	src:url(../fonts/MyriadPro-It.ttf), url(../fonts/MyriadPro-It.eot), url(../fonts/MyriadPro-It.otf);
	}


@font-face{
	font-family:"Roboto-Condensed";
	src:url(../fonts/Roboto-Condensed.ttf), url(../fonts/Roboto-Condensed.eot), url(../fonts/Roboto-Condensed.otf);
	}

@font-face{
	font-family:"JosefinSans-Regular";
	src:url(../fonts/JosefinSans-Regular.ttf), url(../fonts/JosefinSans-Regular.eot), url(../fonts/JosefinSans-Regular.otf);
	}

.fondoslider{background:#fff;background-image: url(../img/1bg.jpg);background-size:100%;background-repeat:no-repeat;background-position: top center; margin:0;animation-name: gal;-webkit-animation-name: gal;-moz-animation-name: gal;-o-animation-name: gal;animation-duration:12s;-webkit-animation-duration:12s;-moz-animation-duration:12s;-o-animation-duration:12s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;}

.fondoslider2{background-image: url(../img/5bg.jpg);background-size:cover;background-attachment: fixed;}

img, video {max-width: 100%;}
div {width:100%;}

#galimg{text-align: center;}

.portadaleft{margin:0;padding:2embackground;padding: 0.7em;border-radius: 0.5em; text-align:center;}
.portadaright{margin:0;color:#FFF;padding:0;;text-align:left;width:35%;}
.formulario{color: #000; font-family:"Roboto-Condensed";background:rgba(255,255,255,0.7); min-height: 800px; border-radius: 0.3em;padding: 2em;text-align: center;font-size: 1.5em;font-weight: bold;line-height: 1.3em;}
.formulario span{color:#1f1f7f; font-size: 1.6em;}

.h1{border-radius:0 0 1em 1em;text-align:center;color:#fff;text-shadow: 2px 2px 3px #000;font-family:"Roboto-Condensed";font-size: 4em;font-weight:bold;line-height: 1em;padding: 1em;}
.h1 img{ margin: 0 0 -0.2em 0; width:auto;}
.h1 a{ color:#f5d8c1; text-decoration:none;}
.h1 span{font-size: 0.6em;}
#portadalefttext2{color:#9eca29;font-family: 'Julius Sans One', Helvetica, Arial, sans-serif;font-size:1.2em;text-align:center;}
.caja{margin:0;padding:5% 10% 5% 10%;}
.itemtitle{font-size:3em;font-weight:500;text-align:center;font-family:"JosefinSans-Regular";line-height:1em;}	
.itemtitle2{font-size:1.4em;font-weight:500;text-align:center;font-family:"JosefinSans-Regular";}	
.itemtitle3{background: #000048; color:#fff;font-size:1.5em;font-weight:500; margin: -5em 0 0 0; text-align:center;font-family:"JosefinSans-Regular";}	
.itemtitle3 img{ margin: 0 0 -0.5em 0;}
.itemtitle3 a{ color:#f3b583; text-decoration:none;}
.itemtext3{padding:0.3em;text-align:justify;font-family:"MyriadPro-It";font-size:1.5em;width:100%;}
#textofooter{font-family:Verdana, Geneva, sans-serif;color:#fff;font-size:0.8em;padding:0;margin:0;text-align:center;}
#textofooter a {color:#ededed;text-decoration:none;font-weight:bold}
#textofooter a:hover {color:#FFCD00;}
.flexbox {display/*\**/: inline-block\9;display:inline-block;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display:flex;-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row; }
.flexbox > div{box-flex: 1;-webkit-box-flex: 1;-o-box-flex: 1;-moz-box-flex: 1;}
/*============================ INICIA VENTANAS  MODALES  ===============================================*/
.modalmask {position: fixed;font-family: Arial, sans-serif;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.8);z-index: 99999;opacity:0;-webkit-transition: opacity 50ms ease-in;-moz-transition: opacity 50ms ease-in;transition: opacity 50ms ease-in;pointer-events: none;}
.modalmask:target {opacity:1;pointer-events: auto;}

.modalbox{width: 100%;height:100%;position: relative;padding:2em;}
.movedown {margin: 0;}
.modalmask:target .movedown{margin:0% auto;/*PERMITE MODIFICAR EL MARGEN DEL POP UP*/}
.close {background: #000;border-radius:3px;color: #FFF;font-weight: bold;position: absolute;right: 1px;text-align: center;text-decoration: none;top: 1px;width: 24px;}
.cerrar{text-align:center;}
.close:hover {background: #FAAC58;color:#fff;}
.apartadoproductos {background:none;height:100%;margin:0;overflow:auto;padding:0 20% 0 20%;}
#nextprev{width:100%;text-align:center;padding:0.5em;font-weight:bold;}
#nextprev a{text-decoration:none;color:#FFF;}
.popup{background: none; color:#fff;font-family:"JosefinSans-Regular";border-radius: 0.5em;width:100%;padding:1em;text-align:center;font-size: 1.3em;text-align: justify;}
.popup p{text-align: center;font-weight: bold;}
.popup p img{width: 100%;}
/*================================================================= TERMINA VENTANAS SIN MODALES XD XD XD ==================================================================*/

.line4{height: 0;border-style: solid;border-width: 0 98vw 490px 0;border-color: transparent #fff transparent transparent;margin:-120px 0 0 0;}
.line8{height: 0;border-style: solid;border-width: 0 0 490px 98vw ;border-color:  transparent transparent #000048  transparent;margin:300px 0 0 0;}
.line9{height: 0;border-style: solid;border-width:0 98vw 490px 0;border-color:transparent transparent #000048 transparent;margin:-590px 0 0 0;}


.container {position: relative;width: 100%;padding: 0;margin: 0 1em 0 1em;font-family:"JosefinSans-Regular"; font-size:1.4em; text-align:justify;}
.container2 {position: relative;width: 100%;padding: 0;margin: 0 1em 0 1em;}
.image {opacity: 1;display: block;width: 100%;height: auto;transition: .5s ease;filter: blur(0);backface-visibility: hidden;}

.image2 {opacity: 1;display: block;width: 100%;height: auto;transition: .5s ease;filter: blur(0);backface-visibility: hidden;}

.middle {transition: .5s ease;opacity: 0;position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%)}

.container:hover .image {filter: blur(2px);opacity: 0.3;}
.container2:hover .image2 {opacity: 0.3;}
.container:hover .middle {opacity: 1;}
.container2:hover .middle {opacity: 1;}
.text {text-align: center;}
.text2 {text-align: center;}
.text a{background-color: #2d2d2d;box-shadow: 3px 3px 3px #000;color: white;font-size: 1.2em;padding: 16px 32px;}
.text2 a{background-color: #2d2d2d;box-shadow: 3px 3px 3px #000;color: white;font-size: 1.2em;font-weight: bold;padding: 16px 32px;}


.telefonofijo{position:fixed;width:100%;padding:1em;background:#000048;bottom:0;text-align:center;color:#fff;font-weight:bold;font-size:1.5em;}
.telefonofijo img{ margin: 0 0 -0.5em 0;}
.telefonofijo a{box-shadow: 2px 2px 6px #1b1b1b; background: #f48120; padding: 1em; border-radius: 0; color: #fff; text-decoration: none; line-height:1em;}
.telefonofijo a:hover{background: #f69c50;}

.telefonofijoP{position:fixed;width:100%;padding:2em;bottom:0;text-align:center;color:#000;font-weight:bold;font-size:1.5em;float: right;margin-bottom: 5px;}
.telefonofijoP a{box-shadow: 2px 2px 6px #1b1b1b; background: #000048; padding: 0.2em 0.2em 0.2em 0.2em; border-radius: 2em; color: #fff; text-decoration: none; line-height:0em;float: right;}


@media(max-width: 1250px){
.fondoslider{ background-size: 120%;}
.portadaleft, .portadaright{width: 50%}
.h1{font-size: 3.4em;}
.caja {padding: 1em 10% 1em 10%;}
.formulario{min-height: 700px;
}
	
@media(max-width: 1000px){
	.fondoslider{ background-size: 140%;}
	}

@media(max-width: 900px){
.portadaleft{width: 100%; text-align: center;}
.portadaright{width: 100%; text-align: center; margin:19% 0 0 0;}
.h1{font-size: 3em; padding: 1em;} 
.h1 img{ margin: 0 0 -0.2em 0; width:32px;}
.formulario{background:none;}
	
.caja{padding:1em;}
	
.container {position: relative;width: 100%;padding:1em;margin: 0;}
.container2 {position: relative;width: 100%;padding: 1em;margin: 0;}

.formulario{min-height:auto;}
.item, .item1, .itemtitle1, .itemtext{font-size:1.1em;width: 100%;}


.itemtitle, .itemtitle2, .itemtext2, .itemtitle3, .itemtext3{font-size:1.2em;width: 100%;}

.line4{ border-width: 0 100vw 300px 0;margin:-50px 0 0 0;}
.line8{ border-width: 0 0 300px 99.8vw ;margin:200px 0 0 0;}
.line9{border-width:0 99.8vw 300px 0;margin:-420px 0 0 0;}
.popup{font-size: 1.1em;}
.container, .container2 {margin: 3em 0 3em 0;}	
.text a, .text2 a{font-size: 1em;}
.modalbox{padding:1em}
.apartadoproductos {padding: 0.3em;}
/*------------------------------------------------------*/
.telefonofijo { text-align:right;}
.telefonofijo a{line-height:2em; padding:0.5em;}
	.flexbox {
		display:inline-block;
		margin: 0px;
		width: 100%;
	}


}
@media(max-width: 700px){
.fondoslider{ background-size: 200%;}
}

@media(max-width: 550px){
.fondoslider{ background-size: 250%;}
}

@media(max-width: 450px){
	.h1{font-size: 2em;} 
	}
	
@media(max-width: 350px){	
.fondoslider{ background-size: 450%;}
.portadaright{margin:300px 0 0 0;}
}
}