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

body, html{
	font-family: 'futuracondensed_medium';
	color:#77777b;
	min-height:100%;
	height:100%;
	-ms-user-select:element !important;
	width:100%;
	
	}

/***********  MENÚ  ************/

			#menu{
				background:#ffae5d;
				margin:0;
				padding:0;
				position:absolute;
				width:100%;
				z-index: 10000;
				height:85px;
				
				}
				
			#menu ul li{
				display:inline-block;
				width:14%;
				text-align:center;
				}
				
				/*#menu ul li:first-of-type{
				margin-left:2%;
				}*/
				
			#menu ul li a{
				color:#353f65;
				text-decoration:none;
				/*margin-right:7.4%;*/
				letter-spacing:1px;
				text-align:center;
				
				 transition:all 0.3s linear;
						-webkit-transition:all 0.3s linear;
						-moz-transition:all 0.3s linear;
				}
				
			#menu ul li a:hover{
				color:rgba(53,63,101,0.5);
				}
				
			#logo_encima{
				position:absolute;
				z-index:105;
				left:0;
				top:430px;
				opacity:0.8;
				
				width:30%;
				}
				
			#logo_encima h1{
				color:rgba(255,255,255,0.7);
				padding-left:10%;
				margin-top:-2%;
				font-size:18px;
				letter-spacing:2px;
				}
				
			#menu ul li a.special{
				margin-top: -36px;
				display: inline-block;
				}
				
			#menu ul li a.estoy{
				padding-bottom:5px;
				border-bottom:3px solid #b9dce6;
				
				}

/***********  CUADRO TÍTULO  ************/

			.cuadro_titulo{
				position:absolute;
				height:50%;
				top:0;
				right:0;
				padding: 13em 2em;
				box-sizing: border-box;
				width:50%;
				z-index: 1000;
				text-align:center;
				opacity:0;
				
				 /*
				background: -moz-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.9) 37%, rgba(255,255,255,1) 77%, rgba(255,255,255,1) 100%); FF3.6+ 
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.3)), color-stop(37%,rgba(255,255,255,0.9)), color-stop(77%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); 
				background: -webkit-linear-gradient(left, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.9) 37%,rgba(255,255,255,1) 77%,rgba(255,255,255,1) 100%); 
				background: -o-linear-gradient(left, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.9) 37%,rgba(255,255,255,1) 77%,rgba(255,255,255,1) 100%);  
				background: -ms-linear-gradient(left, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.9) 37%,rgba(255,255,255,1) 77%,rgba(255,255,255,1) 100%); 
				background: linear-gradient(to right, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.9) 37%,rgba(255,255,255,1) 77%,rgba(255,255,255,1) 100%); 
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#ffffff',GradientType=1 ); */
				
				background:#f8f8f8;


				ms-animation:opacidad 5s linear;
					ms-animation-direction: alternate;
					ms-animation-fill-mode: forwards;
				
					-moz-animation:opacidad 5s linear;
					-moz-animation-direction: alternate;
					-moz-animation-fill-mode: forwards;
				
					-o-animation:opacidad 5s linear;
					-o-animation-direction: alternate;
				
					-webkit-animation:opacidad 5s linear;
					-webkit-animation-direction: alternate;
					-webkit-animation-fill-mode: forwards;
					
					animation:opacidad 5s  linear;
					animation-direction: alternate;
					animation-fill-mode: forwards;
					
					
						
					animation-delay: 0.5s;
			-webkit-animation-delay: 0.5s;
			-moz-animation-delay: 0.5s;
			-o-animation-delay: 0.5s;
			-ms-animation-delay: 0.5s;
				
				
				}
				
				
				.cuadro_medio{
				position:relative;
				height:50%;
				top:0;
				right:0;
				padding:10.95em 2em;
				box-sizing: border-box;
				width:50%;
				z-index: 1000;
				text-align:center;
				
				float:left;
	
				
			
				background:#f8f8f8;


				ms-animation:opacidad 1.3s linear;
					ms-animation-direction: alternate;
					ms-animation-fill-mode: forwards;
				
					-moz-animation:opacidad 1.3s linear;
					-moz-animation-direction: alternate;
					-moz-animation-fill-mode: forwards;
				
					-o-animation:opacidad 1.3s linear;
					-o-animation-direction: alternate;
				
					-webkit-animation:opacidad 1.3s linear;
					-webkit-animation-direction: alternate;
					-webkit-animation-fill-mode: forwards;
					
					animation:opacidad 1.3s  linear;
					animation-direction: alternate;
					animation-fill-mode: forwards;
					
					
				
				
				
				}
				
				
				.cuadro_medio.izq{
				
				float:right;
				
				}
				
				
				.cuadro_titulo.izq{
			
				left:0;
				
				

				}
				
				.cuadro_titulo h1, .cuadro_medio h1{
				color: #353f65;
				font-family: 'museo300';
				padding: 2% 0;
				border: 2px solid #ffae5d;
				width: 70%;
				margin: 0 auto;
					}



.cuadro_titulo h1 span, .cuadro_medio h1 span{
				color: #b9dce6;
				font-family: 'museo700';
				font-size:2.1em;
			}



/***********  COLUMNAS INFO  ************/

			#info{
				height:50.3%;
				clear:both;
				
				}
			
			.primera_columna, .segunda_columna{
					   display:inline-block;
					   width:100%;
					   
					  
					   padding:2em 12em 4em 12em;
					   
					    margin:4em auto;
						 
					   box-sizing:border-box;
					   float:left;
					   vertical-align:bottom;
					  
					   
					   transition:all 0.5s linear;
						-webkit-transition:all 0.5s linear;
						-moz-transition:all 0.5s linear;
						
						
						
				}



/*		#llamaUNO:hover, #llamaDOS:hover, #llamaTRES:hover, #llamaCUATRO:hover, #llamaCINCO:hover, #llamaSEIS:hover, #llamaSIETE:hover, #llamaOCHO:hover, #llamaNUEVE:hover, #llamaDIEZ:hover{
						border: 10px solid #353f65;
    content: "";
   
    top: -30px;
    bottom: -30px;
    left: -30px;
    right: 0px;
						}
						
						
						#llamaUNO:hover{
						border: 10px solid #353f65;
    content: "";
   
    top: -30px;
    bottom: -30px;
    left: -30px;
    right: 0px;
						}
*/


					.primera_columna h1, .segunda_columna h1{
						text-align: center;
						font-family: 'museo300';
						color: #ffae5d;
						font-size: 24px;
						padding: 0 0 40px 0;
						margin: 0 0 60px 0;
						opacity: 1;
						border-bottom: 1px solid #ffae5d;
						}
						
					.primera_columna h1.azul{
						
						color: #87d2e7;
						
						border-bottom: 1px solid #87d2e7;
						}
				
					.encima{
					background:url(../images/textura_naranja2.png) bottom no-repeat;
					background-size: contain !important;
					
					opacity:0;
					color: #FFFFFF;
					height:100%;
					display:none;
					margin: 0;
					padding:29.8% 0.04% 0 0;
					right:0;
					position:absolute;
					max-height:7.2%;
					width:50%;
					top:0;
					z-index:200;
					
					text-align:center;
					
					transition:all 0.3s linear;
						-webkit-transition:all 0.3s linear;
						-moz-transition:all 0.3s linear;
					}
					
					.encima.serv1B, .encima.serv5B, .encima.serv9B{
					background:#353f65;
					display:none;
					margin: 0;
					padding:0% 0 0 0;
					position:absolute;
					max-height:50.3%;
					width:50%;
					top:50%;
					right:0;
					z-index:200;
					
					text-align:center;
					
					transition:all 0.3s linear;
						-webkit-transition:all 0.3s linear;
						-moz-transition:all 0.3s linear;
					}
					


					.encima.serv4B, .encima.serv8B{
					background:#ffae5d;
					display:none;
					margin: 0;
					padding:0% 0 0 0;
					position:absolute;
					max-height:50.3%;
					width:50%;
					top:100.3%;
					left:0;
					}
					
					 .encima.serv5B{
					top:150.6%;
					}
					
					
					.encima.serv8B{
					top:200.9%;
					}
					
					.encima.serv9B{
					top:251.1%;
					}

					.encima:hover{
					opacity:0 !important;
					display:none !important;
					}
					
					.encima.right{
					background:url(../images/textura_azul2.png) bottom no-repeat;
					float:left;
					
					}
					
					
					/* Cambio de alturas */
					
					.encima.especial{
						top:50.1% !important;
						z-index:10;}
						
					.encima.mas{
						top:100.45% !important;
						z-index:10;}
						
					.encima.super{
						top:150.7% !important;
						z-index:10;}
						
					.encima.extra{
						top:201.0% !important;
						z-index:10;}
					
					
			
					
					
					.animacionDER{
						display:block !important;
						
					ms-animation:flipInX 1s linear;
					ms-animation-direction: alternate;
					ms-animation-fill-mode: forwards;
				
					-moz-animation:flipInX 1s linear;
					-moz-animation-direction: alternate;
					-moz-animation-fill-mode: forwards;
				
					-o-animation:flipInX 1s linear;
					-o-animation-direction: alternate;
				
					-webkit-animation:flipInX 1s linear;
					-webkit-animation-direction: alternate;
					-webkit-animation-fill-mode: forwards;
					
					animation:flipInX 1s  linear;
					animation-direction: alternate;
					animation-fill-mode: forwards;
	
					 
					 webkit-transition:all 0.35s linear;  /* Chrome y Safari */
					 -o-transition:all 0.35s linear;  /* Opera */
					 -moz-transition:all 0.35s linear;  /* Mozilla  */
					 -ms-transition:all 0.35s linear;   /* Internet Explorer */ 
					 transition:all 0.35s linear;  /* W3C */
					}
					
					
					.animacionIZQ{
						display:block !important;
						
					ms-animation:flipInY 1s linear;
					ms-animation-direction: alternate;
					ms-animation-fill-mode: forwards;
				
					-moz-animation:flipInY 1s linear;
					-moz-animation-direction: alternate;
					-moz-animation-fill-mode: forwards;
				
					-o-animation:flipInY 1s linear;
					-o-animation-direction: alternate;
				
					-webkit-animation:flipInY 1s linear;
					-webkit-animation-direction: alternate;
					-webkit-animation-fill-mode: forwards;
					
					animation:flipInY 1s  linear;
					animation-direction: alternate;
					animation-fill-mode: forwards;
	
					 
					 webkit-transition:all 0.35s linear;  /* Chrome y Safari */
					 -o-transition:all 0.35s linear;  /* Opera */
					 -moz-transition:all 0.35s linear;  /* Mozilla  */
					 -ms-transition:all 0.35s linear;   /* Internet Explorer */ 
					 transition:all 0.35s linear;  /* W3C */
					}
					
					
					.animacionUP{
						display:block !important;
						
					ms-animation:flipInU 1s linear;
					ms-animation-direction: alternate;
					ms-animation-fill-mode: forwards;
				
					-moz-animation:flipInU 1s linear;
					-moz-animation-direction: alternate;
					-moz-animation-fill-mode: forwards;
				
					-o-animation:flipInU 1s linear;
					-o-animation-direction: alternate;
				
					-webkit-animation:flipInU 1s linear;
					-webkit-animation-direction: alternate;
					-webkit-animation-fill-mode: forwards;
					
					animation:flipInU 1s  linear;
					animation-direction: alternate;
					animation-fill-mode: forwards;
	
					 
					 webkit-transition:all 0.35s linear;  /* Chrome y Safari */
					 -o-transition:all 0.35s linear;  /* Opera */
					 -moz-transition:all 0.35s linear;  /* Mozilla  */
					 -ms-transition:all 0.35s linear;   /* Internet Explorer */ 
					 transition:all 0.35s linear;  /* W3C */
					}
	
			
				
			.segunda_columna.azul{
					   /*background:url(../images/textura_azul.jpg) right no-repeat;*/
					  
					   background-size:cover;
					   
					    -webkit-transition:all 0.5s linear;  /* Chrome y Safari */
					 -o-transition:all 0.5s linear;  /* Opera */
					 -moz-transition:all 0.5s linear;  /* Mozilla  */
					 -ms-transition:all 0.55s linear;   /* Internet Explorer */ 
					 transition:all 0.5s linear;  /* W3C */
				}
				
				
				.primera_columna.naranja{
					   /*background:url(../images/textura_naranja.jpg) left no-repeat;*/
					  
					   background-size:cover;
					
				}
				
			.primera_columna p, .segunda_columna p{
					  color:#77777b;
					  font-size:22px;
					  letter-spacing:0.5px;
					  line-height:28px;
					  margin-bottom:35px;
					  text-align:center;
					  padding:1% 6%;
					  
			}
				
			.primera_columna p span, .segunda_columna p span{
					  color:#353f65;
					  font-size:20px;
					  font-family: 'museo700';
				}
				
			.primera_columna ul, .segunda_columna ul{
					  padding-left:12%;
					  
					  -webkit-column-count: 2;  
					  -moz-column-count:2; 
					  column-count: 2;
				}	
				
				
				.primera_columna ul.no_columna, .segunda_columna ul.no_columna{
					  padding-left:35%;
					  
					  -webkit-column-count: 1; /* Chrome, Safari, Opera */
					  -moz-column-count:1; /* Firefox */
					  column-count: 1;
				}	
				
				
				
				
				.primera_columna ul.no_column, .segunda_columna ul.no_column{
					  padding: 0 20%;
					  
					  -webkit-column-count: 1; /* Chrome, Safari, Opera */
					  -moz-column-count:1; /* Firefox */
					  column-count: 1;
					  text-align:center;
				}	
			
			.primera_columna ul li, .segunda_columna ul li{
					  color:#77777b;
					  font-size:18px;
					  line-height:38px;
					  list-style:none;
					  letter-spacing:0.5px;
				}
				
				
				.primera_columna ul li a, .segunda_columna ul li a{
					  color:#ffae5d;
					
				}
				
				
				.primera_columna ul li:hover, .segunda_columna ul li:hover{
					 ms-animation:pulse 1s linear;
					 ms-animation-direction: alternate;
					ms-animation-fill-mode: forwards;
				
					-moz-animation:pulse 1s linear;
					-moz-animation-direction: alternate;
					-moz-animation-fill-mode: forwards;
				
					-o-animation:pulse 1s linear;
					-o-animation-direction: alternate;
				
					-webkit-animation:pulse 1s linear;
					-webkit-animation-direction: alternate;
					-webkit-animation-fill-mode: forwards;
					
					animation:pulse 1s  linear;
					animation-direction: alternate;
					animation-fill-mode: forwards;
				}
				
				
				.primera_columna ul li.no_list:hover, .segunda_columna ul li.no_list:hover{
					 animation:none !important;
					
					-moz-animation:none !important;
				
					-o-animation:none !important;
					
					-webkit-animation:none !important;
					
				}
				
				
				
				
				
			.primera_columna ul li:before, .segunda_columna ul li:before{
					  color:#ffae5d;
					  content:"•	";
					  
					  margin-right:10px;
				}
				
				.primera_columna ul li.no_bullet:before{
					 
					  content:"";
					  
					
				}
				
				
				.primera_columna ul li.no_list:before, .segunda_columna ul li.no_list:before{
					
					  content:"";
					  
					  margin-right:10px;
				}
				
				
				
				
				
				
				
			footer{
				/*background:url(../images/bg_footer.jpg) no-repeat; */
				background:#353f65;
				background-size:cover;
				width:100%;
				height:350px;
				clear:both;
				}
				
			#footer_uno, #footer_dos, #footer_tres{
				display:inline-block;
				float:left;
				width:33%;
				
				padding:2% 5%;
				box-sizing:border-box;
				}
				
				#footer_uno h1, #footer_dos h1, #footer_tres h1{
				color:#87d2e7;
				font-weight:bold;
				}
				
				#footer_uno p, #footer_dos p, #footer_tres p, #footer_dos a, #footer_tres a{ 
				color:#fff;
				 font-family: 'museo300';
				 font-size:16px;
				}
				
				#footer_tres a{ 
				color: #cef0f9;
				font-size:14px;
				text-decoration:none;
				float:right;
				letter-spacing:0.5px;
				}
				
				#footer_uno p span, #footer_dos p span, #footer_tres p span{
				color:#fff;
				 font-family: 'museo700';
				 font-size:22px;
				}
				
			#footer_uno li a{
				color:#ffae5d;
				list-style:none;
				font-size:17px;
				text-decoration:none;
				line-height:32px;
				 font-family: 'museo300';
				 
				 webkit-transition:all 0.5s linear;  /* Chrome y Safari */
					 -o-transition:all 0.5s linear;  /* Opera */
					 -moz-transition:all 0.5s linear;  /* Mozilla  */
					 -ms-transition:all 0.55s linear;   /* Internet Explorer */ 
					 transition:all 0.5s linear;  /* W3C */
				}
				
				#footer_uno li a:hover{
				opacity:0.5;
				}
				
				#footer_uno li {
				list-style:none;
				line-height:42px;
				}
				
				
				/* FORMULARIO */
				
				#formulario{
					padding:0;
					text-align:center;
					}
					
					#formulario ul{
					-webkit-column-count: 1;
					-moz-column-count: 1;
					column-count:1;
					}
					
					#formulario ul li{
					margin:1% 0;
					text-align:left;
					display:inline-block;
					
					width:45%;
					}
					
					#formulario #enviar, #formulario .submit-btn{
						font-family: 'museo300';
						background:#ffae5d;
						border:0;
						color:#fff;
						text-align:center;
						margin:0 auto;
						padding:2% 7%;
						margin:3%;
						}
						
						
						#formulario .submit-btn{
						font-size:14px;
						background:#fff;
						border:2px solid #ffae5d;
						color:#515151;
						}
						
						
						  input#archivo,  input#archivo:hover{
				   font-family: 'futuracondensed_medium';
				   font-size:14px;
				   background:#f8f8f8;
				   color:#353f65;
				   padding:2%; 
				   }

/***********  SLIDER  ************/

/* ORBIT SLIDER
			----------------------------------------------- */
			#featured, #featured_, .featured_ {
				height: 50% !important;
				display:block;
				clear:both;
				width: 100% !important; 
				overflow: hidden;
				top:0;
				
				}
				
				
				
				.img_lado img{
					float: right;
					max-width: 50%;
					height: 100%;
					}
					
					.imagen_lado{
						float: right;
					width: 50%;
					height: 100%;
					overflow:hidden}
					
					
					
					.img_lado.izq img{
					float: left;
					max-width: 50%;
					height: 100%;
					}
					
					.imagen_lado.izq{
						float: left;
					width: 50%;
					height: 100%;} 
					
					.featured_img_lado {
					
					width:100%;
					height:75%;
					}
				
				.featured_ {
				height: 90% !important;
				
				}
				
			#featured_ img, .featured_ img {
				height: 100%;
				width: 100%; 
				}

			div.orbit {
			width: 1px;
			height: 1px;
			position: relative;
			overflow: hidden;
			}
			
			div.orbit img {
			position: absolute;
			top: 0;
			left: 0;
			min-width:100%;
			min-height:100%;
			}
			
			div.orbit a img {border: none;}
			
			div.timer {
			width: 40px;
			height: 40px;
			overflow: hidden;
			position: absolute;
			top: 10px;
			right:10px;
			opacity: .6;
			cursor: pointer;
			z-index: 1001;
			display:none;
			}
			
			span.rotator {
			display: block;
			width: 40px;
			height: 40px;
			position: absolute;
			top: 0;
			left: -20px;
			background: url(http://4.bp.blogspot.com/_dsEG33PDaHw/TMHhPl2pVcI/AAAAAAAAAas/O7A5Aa7ZMhs/s1600/rotator-black.png);
			background-repeat: no-repeat;
			z-index: 3;
			}
			
			span.mask {
			display: block;
			width: 20px;
			height: 40px;
			position: absolute;
			top: 0;
			right: 0;
			z-index: 2;
			overflow: hidden;
			}
			
			span.rotator.move {left: 0;}
			span.mask.move {
			width: 40px;
			left: 0;
			background: url(http://2.bp.blogspot.com/_dsEG33PDaHw/TMHhQItQqeI/AAAAAAAAAaw/afLXhP0yQI8/s1600/timer-black.png);
			background-repeat: repeat;
			background-position: 0px 0px;
			}
			
			span.pause {
			display: block;
			width: 40px;
			height: 40px;
			position: absolute;
			top: 0;
			left: 0px;
			background-image: url(http://3.bp.blogspot.com/_dsEG33PDaHw/TMHhPCHG1JI/AAAAAAAAAak/EiGTzJCfL1c/s1600/pause-black.png);
			background-repeat: no-repeat;
			z-index: 4;
			opacity: 0;
			}
			
			div.timer:hover span.pause,
			span.pause.active, 
			div.timer:hover span.pause.active { opacity: 1; }
			
			div.caption {
			height:100px;
			z-index: 1000;
			position: absolute;
			bottom:-120px;
			color: #fff;
			padding: 8px 0;
			text-align: right;
			margin-left:9%;
			margin-bottom:30px;
			right:0;
			width:60%;
			padding:15px 25px;
			}
			
			div.caption span {
			font-size: 16px;
			margin: 0;
			text-shadow:1px 1px #000000;
			color:#fff;
			
			}
			
			div.caption span h1{
			font-size: 42px;
			padding-bottom:10px;
			margin: 0;
			text-transform:uppercase;
			text-shadow:1px 1px #000000;
			color:#233b85;
			font-style:normal;
			font-weight:900;
			}
			
			
			.orbit-caption { display: none; }
			
			div.orbit:hover div.slider-nav { display: block; }
			div.slider-nav { display: none; }
			div.slider-nav span {
			width: 33px;
			height: 33px;
			text-indent: -9999px;
			position: absolute;
			z-index: 1000;
			top: 43%;
			cursor: pointer;
			}
			
			div.slider-nav span.right {
			background-image:url(..//images/slider/right-arrow.png);
			right: 10px;
			}
			div.slider-nav span.left {
			background-image:url(..//images/slider/left-arrow.png);
			left: 10px;
			}
			
			.orbit-bullets {
			position: absolute;
			z-index: 100;
			list-style: none;
			top: 420px;
			right: 0px;
			margin: 0;
			padding:0 3%;
			height:30px;

			}
			
			.orbit-bullets li {
			float: left;
			margin-left: 15px;
			cursor: pointer;
			color: #999;
			text-indent: -9999px;
			background-image:url(../images/slider/vineta.png); 
			background-repeat: no-repeat;
			width:12px;
			height: 12px;
			overflow: hidden;
			}
			
			.orbit-bullets li.active { 
			color: #222;
			background-image:url(../images/slider/vineta_active.png); 
			background-repeat: no-repeat;
			width:12px;
			height: 12px;
			}
		
		
		
		/* ACCORDION TAB */
		
		.accordion {
			  padding: 0;
			  margin: 2em 0;
			  width: 100%;
			  overflow: hidden;
			  font-size: 1em;
			  position: relative;
			}
			
			.accordion__title {
			  padding: 0 1em;
			  background: #ccc;
			  border-top: 2px solid #eee;
			  color: #222;
			  float: left;
			  line-height: 3;
			  height: 3em;
			  cursor: pointer;
			  margin-right: .25em;
			}
			
			.no-js .accordion__title {
			  float: none;
			  height:auto;
			  cursor:auto;
			  margin:0;
			  padding:0 2em;
			}
			
			.accordion__content {
			  float: right;
			  width: 100%;
			  margin: 3em 0 0 -100%;
			  padding: 2em;
			  background: silver;
			}
			
			.no-js .accordion__content {
			  float:left;
			  margin:0;
			}
			
			.accordion__title:hover,
			.accordion__title.active {
			  background: silver;
			  color: white;
			}
			
			.no-js .accordion__title:hover {
			  background-color:#ccc;
			  color:#222;
			}
			
			.accordion__title.active {
			  border-top-color:lime;
			  
			  }
			  
			  
			  
			

/* Animación entrar de derecha a izquierda*/


@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg) translate(35%,0%);
    transform: perspective(400px) rotateX(0deg) translate(35%,0%);
	
    opacity: 0.3;
	
	
	background:#ffae5d;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg) translate(0%,0%);
    transform: perspective(400px) rotateX(0deg) translate(0%,0%);
	
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg) translate(35%,0%);
    -ms-transform: perspective(400px) rotateX(0deg) translate(35%,0%);
    transform: perspective(400px) rotateX(0deg) translate(35%,0%);
    opacity: 0.3;
	
		background:#ffae5d;
	
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg) translate(0%,0%);
    -ms-transform: perspective(400px) rotateX(0deg) translate(0%,0%);
    transform: perspective(400px) rotateX(0deg) translate(0%,0%);
    opacity: 1;
	
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}



/* Animación entrar de izquierda a derecha*/


@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg) translate(-35%,0%);
    transform: perspective(400px) rotateX(0deg) translate(-35%,0%);
	
    opacity: 0.3;
	
	background:#87d2e7;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg) translate(0%,0%);
    transform: perspective(400px) rotateX(0deg) translate(0%,0%);
	
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg) translate(-35%,0%);
    -ms-transform: perspective(400px) rotateX(0deg) translate(-35%,0%);
    transform: perspective(400px) rotateX(0deg) translate(-35%,0%);
    opacity: 0.3;
	
	background:#87d2e7;
	
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg) translate(0%,0%);
    -ms-transform: perspective(400px) rotateX(0deg) translate(0%,0%);
    transform: perspective(400px) rotateX(0deg) translate(0%,0%);
    opacity: 1;
	
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}


/* Animación entrar de derecha a izquierda*/


@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg) translate(35%,0%);
    transform: perspective(400px) rotateX(0deg) translate(35%,0%);
	
    opacity: 0.3;
	
	
	background:#ffae5d;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg) translate(0%,0%);
    transform: perspective(400px) rotateX(0deg) translate(0%,0%);
	
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg) translate(35%,0%);
    -ms-transform: perspective(400px) rotateX(0deg) translate(35%,0%);
    transform: perspective(400px) rotateX(0deg) translate(35%,0%);
    opacity: 0.3;
	
		background:#ffae5d;
	
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg) translate(0%,0%);
    -ms-transform: perspective(400px) rotateX(0deg) translate(0%,0%);
    transform: perspective(400px) rotateX(0deg) translate(0%,0%);
    opacity: 1;
	
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}



/* Animación entrar de arriba a abajo*/


@-webkit-keyframes flipInU {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg) translate(0%,-35%);
    transform: perspective(400px) rotateX(0deg) translate(0%,-35%);
	
    opacity: 0.3;
	
	background:#87d2e7;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg) translate(0%,0%);
    transform: perspective(400px) rotateX(0deg) translate(0%,0%);
	
    opacity: 1;
  }
}

@keyframes flipInU {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg) translate(0%,-35%);
    -ms-transform: perspective(400px) rotateX(0deg) translate(0%,-35%);
    transform: perspective(400px) rotateX(0deg) translate(0%,-35%);
    opacity: 0.3;
	
	background:#87d2e7;
	
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg) translate(0%,0%);
    -ms-transform: perspective(400px) rotateX(0deg) translate(0%,0%);
    transform: perspective(400px) rotateX(0deg) translate(0%,0%);
    opacity: 1;
	
  }
}

.flipInU {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInU;
  animation-name: flipInU;
}



@-webkit-keyframes pulse {
  

  
  100% {
    
	color: #ffae5d;
  }
}

@keyframes pulse {

  
  
  100% {

	color: #ffae5d;
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}


@-webkit-keyframes opacidad {
	0% {
    opacity:0;
  }

  100% {
   opacity:1;
  }
}

@keyframes opacidad {
  0% {
    opacity:0;
  }

  100% {
   opacity:1;
  }
}

.opacidad {
  -webkit-animation-name: opacidad;
  animation-name: opacidad;
}






.shimmer{
  text-align: center;
  color: rgba(255, 255, 255, 0.1);

  gradientOptions= linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff);

  bg-vendor(gradientOptions)
  vendor(background-size, 125px 100%)
  vendor(background-clip, text)
  vendor(animation-name, shimmer)
  vendor(animation-duration, 2s)
  vendor(animation-iteration-count, infinite);
  
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #222;
}

@keyframes shimmer{
  0%{
    background-position: top left;
}

  100%{
    background-position: top right
  }

}

/***** MEDIA QUERIES ****/


@media (min-width : 1680px ){
	
	.encima{
		padding:24.4% 0.02% 0 0;
	}
	
/*	#menu ul li:first-of-type {
margin-left: 4.4%;
	}
	
	#menu ul li a {
		margin-right:7.9%  !important;
	}*/
	
	.primera_columna, .segunda_columna{
	padding: 2em 15em 4em 15em;
	
	}
	
	.cuadro_medio{
				
				padding: 7.12em 2em 15.4em 2em !important;
}

}
	
	
@media (min-width : 1480px) {
	
	/*#menu ul li a{
margin-right:7%;
	}*/
	
	.cuadro_medio{
	padding: 7em 2em 17.2em 2em;
	}
}





@media (max-width : 1366px) {
	
	
	
/*	#menu ul li a{
	margin-right:6.5% !important;
		}*/
		
		.cuadro_medio {
		padding: 5.5em 2em 10.35em 2em !important
		}
}

@media (max-width : 1285px) {
	
	
	.encima{
	max-height: 9%;
	}

/*	#menu ul li a{
	margin-right:6%;
		}*/
		
		.encima h1, .encima.right h1, .encima h2, .encima.right h2 {
	margin: 2% 0;
}

		.cuadro_medio {
padding:6em 2em 15.9em 2em !important
}

		.cuadro_titulo h1 span, .cuadro_medio h1 span {
font-size: 1.8em;

}

}

@media (max-width : 1024px) {
	
	
	

	/*#menu ul li a{
	margin-right:3.5% !important;
		}*/
		
		.cuadro_medio {
padding: 5.8em 2em 12.35em 2em !important;
}


.primera_columna, .segunda_columna {

padding: 2em 9em 4em 9em;
}


.cuadro_titulo h1 span, .cuadro_medio h1 span {
font-size:1.8em;

}


.cuadro_titulo h1, .cuadro_medio h1 {
font-size:1.6em;

}

}

@media (max-height : 800px) {
		
.encima{
	max-height: 10%;
padding: 22.1% 0 0 0;
	}
	
	.encima h1, .encima.right h1, .encima h2, .encima.right h2 {
	margin: 0;
}

.primera_columna p, .segunda_columna p{
	line-height: 26px;
	font-size:18px;
	padding: 0% 6%; 
	}	
	
	primera_columna p span, .segunda_columna p span {
     font-size: 14px;	
    }
	
	.primera_columna ul li, .segunda_columna ul li {
color: #77777b;
font-size: 17px;
line-height: 28px;
list-style: none;
letter-spacing: 0.5px;
	}
	
	#logo_encima{
		top:45%;
		}
		
		#formulario {
padding: 2% 5%;
}


.encima.serv1B, .encima.serv5B, .encima.serv9B{				
					max-height:50.2%;
					}
					


					.encima.serv4B, .encima.serv8B{
					max-height:50.2%;
					}
					
					
					.cuadro_titulo {

padding: 10em 2em 4em 2em;
					}
					
					
					.cuadro_medio {
padding: 4em 2em 12.6em 2em !important;
					}

}


@media (max-height : 768px) {
		
.cuadro_medio {
padding: 3.25em 2em 12.6em 2em !important;

}
}


@media (max-device-width: 400px) {
			
					.cuadro_medio {
					padding: 13em 2em 15.2em 2em !important;
					}
					
					
					#featured, #featured_, .featured_ {
					height: 465px !important;
					display: block;
					clear: both;
					min-width: 100% !important;
					width: 100% !important;
					overflow: hidden;
					top: 0;
					padding-top:65px;
					}
					
					.cuadro_titulo {
					position: absolute;
					height: 540px;
					box-sizing:border-box;
					}
					
					
					#menu ul li {
						width: 13.5%;
					}
					
					#menu ul li a.special img{
						width:90%;
						}
						
				nav ul {
				margin-top:40px;
				}


				.primera_columna p, .segunda_columna p, .primera_columna ul li, .segunda_columna ul li {
				
				font-size: 30px;
				line-height:48px;
				}

			   .primera_columna p span, .segunda_columna p span, .primera_columna h1, .segunda_columna h1{
							font-size: 34px;
							line-height:52px;
				   }
				   
				  .primera_columna ul.no_columna, .segunda_columna ul.no_columna {
				padding-left: 25%;
				  }
				  
				  .primera_columna ul, .segunda_columna ul, no_list{
					  padding-left:15%;
					 
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;

}   

				#formulario ul li {
				margin: 1% 0;
				text-align: left;
				 display:block;
				width: 100%;
				}


				 input#archivo,  input#archivo:hover{
				   font-family: 'futuracondensed_medium';
				   font-size:26px;
				   background:#f8f8f8;
				   color:#353f65;
				   padding:4%; 
				   width:100%;
				   margin-left:2%;
				   }
					
					
					#formulario #enviar, #formulario .submit-btn {
					font-family: 'museo700';
					background: #ffae5d;
					border: 0;
					font-size:18px;
					color: #fff;
					text-align: center;
					margin: 0 auto;
					padding: 2% 7%;
					margin: 3%;
					}
				
}