@charset "UTF-8";
*{
	margin: 0px;
	padding: 0px;}
	
	body{
	overflow-x:hidden !important;
	font-family: 'Raleway', sans-serif !important; background: #162454; /* Old browsers */
	background: rgba(255,255,255,1.00);
	font-family: 'Arima Madurai', cursive;}
	
/*AVISO DE PAGO*/	

#pop-up {
  width: 80%;
  height: auto;
  margin: auto;
  background: rgba(255,2,6,1.00);
  padding: 20px 25px;
  box-shadow: 0px 0px 15px 8px rgba(0,0,0,0.42);
  top: -220px;
  -webkit-transition: top 2s;
  transition: top 2s;
  position:fixed;
  left:10%;
  z-index: 999;
}

#pop-up p {
  font-size: 1.125rem;
  padding: 0 50px;
  text-align: center;
  margin-bottom: 20px;
  line-height: 2rem;
  color: white;
}

#pop-up a{ color: white;}

#pop-up button {
  background: rgba(54,54,54,1.00);
  border: 0;
  color: #52616a;
  text-align: center;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: .175rem;
  width: 400px;
  height: 50px;
  margin: 20px auto 0;
  display: block;
  color: white;
  cursor:pointer;
}

#pop-up.active {
  top: 0px;
  -webkit-transition: top 2s;
  transition: top 2s;
}
.none{ display: none;}

/*AVISO DE PAGO*/	
	
	
	
	
	
	
	#slider{
		width: 100%;
		max-height: 600px; 
		background: url(../img/fuerte-san-juan.jpg);
		background-size:cover;
		min-height: 600px;
		}

	.texto-slider{
		font-size: 2.5em;
		color: #fff;
		text-align:center;
		padding-top: 10%;
		text-transform:uppercase;}
		
	.texto-slider-2{
		font-size: 1.5em;
		color: #fff;
		text-align:center;
		padding-top: 20%;
		font-family: 'Raleway', sans-serif;
		padding: 20% 10%;}	
		
		.texto-slider-2 a{ color:rgba(224,224,224,1.00);}
		
		.logo-inicio{ 
		width: 28% !important; 
		margin:auto; padding-top: 8%; 
		max-width:450px;}
		
		
		#down-arrow{ 
		    width: 37px;
			height: 26px;
			background: url(../img/arrow-down.svg);
			background-size: cover;
			-moz-transform: rotate(90deg);
			-webkit-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			transform: rotate(90deg);
			margin: 10px auto;
			animation: down 1.5s ease-in infinite}
			
			@keyframes down{
				0%{-moz-transform: translateY(0px);
				-webkit-transform: translateY(0px);
				-o-transform: translateY(0px);
				-ms-transform: translateY(0px);
				transform: translateY(0px);
				opacity: 1;}
				
				100%{-moz-transform: translateY(40px);
				-webkit-transform: translateY(40px);
				-o-transform: translateY(40px);
				-ms-transform: translateY(40px);
				transform: translateY(40px);
				opacity: 0;}
				}
				
			
			
			
			#contenido-extra{ width: 100%;
			 min-height:400px; overflow:hidden; margin-top: -60px;
			 font-family: 'Raleway', sans-serif; padding: 30px 60px;}
			
			#contenido-extra h1{ font-size:1.8em; padding: 30px 60px; text-align:center; color:rgb(10, 151, 226);}
			#contenido-extra p{ font-size: 1.4em; width: 60%; margin:auto; line-height: 30px; color:rgba(102,102,102,1.00); text-align: justify;}
			
			#foto-child{ width: 100%; min-height: 200px; margin: -40px auto 0px;}
			#foto-child img{ width: 100%;}
			
			
			
			
			/*#resalte{  background: #2d20bf; padding:50px;
    background: -moz-linear-gradient(45deg, #2d20bf 0%, #7002d1 53%, #8d1ba4 100%);
    background: -webkit-linear-gradient(45deg, #2d20bf 0%,#7002d1 53%,#8d1ba4 100%);
    background: linear-gradient(45deg, #2d20bf 0%,#7002d1 53%,#8d1ba4 100%); margin: -27px auto 0px; opacity: .8;}*/
			
			.cont-extra-box-1{ width: 40%; height:400px; float:left; overflow:hidden;}
			
			.cont-extra-box-2{ width: 60%; height:400px; background:rgb(90, 119, 198); float:left; text-align:center; padding:20px 40px; color:rgba(255,255,255,1.00);}
			
			.cont-extra-box-1 h1{ font-size:1.6em; margin-top: 30px; text-align:right;}
			.cont-extra-box-2 p{ font-size: 1.1em !important; margin-top:30px;}
			
			
			
			
			
			
			
			#proveedores{ width: 100%; min-height:400px; 
background:-webkit-linear-gradient(-45deg, #49119e 0%,#4788e4 100%) !important; 
background: -moz-linear-gradient(-45deg, #49119e 0%,#4788e4 100%) !important;	
background: linear-gradient(135deg, #49119e 1%,#4788e4 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: #49119e ; /* Old browsers */
margin-top: -20px; font-family:'Raleway', sans-serif;}
			
			#proveedores-content{width: 70%; height:370px; display: flex; flex-direction:row; font-family:'Raleway', sans-serif; margin:auto;}
			
			#proveedores h1{ text-align:center; color: #fff; padding-top:90px;}
			
			.proveedores-box{ width: 44%; height: 400px; font-size: 1.2em; color: #fff; margin:auto; padding-top: 60px; text-align:justify; line-height: 30px;}
			
			.proveedores-box a{ color:rgba(233,233,233,1.00);}
			.proveedores-box button{ width: 100%; height:40px; background:rgb(236, 236, 236); border: none; margin-top:13px; font-family: 'Raleway', sans-serif; font-size:.8em; color:#0691ff;
-webkit-transition: all .3s ease; -moz-transition: all .3s ease;
-ms-transition: all .3s ease; -o-transition: all .3s ease;
transition: all .3s ease;}
			.proveedores-box button:hover{
				background:rgb(54, 65, 175); color: #fff;  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; cursor: pointer; border-bottom: 1px solid #122e63;}
			
			
	
		
		#contenido{
			width: 1000px;
			height: 600px;
			margin:auto;
			font-family:'Arima Madurai', cursive;
			font-weight: 300;
			padding: 0px 90px;
			font-size:20px;
			font-weight:400;
			text-align: center;
			position:relative;}
			
			.ht{ width: 70%; height:4px; background: rgba(11,153,215,1.00); margin:auto; border-radius: 50px;}
			
			#box-cont-1{
				    width: 400px;
					height: 430px;
					background: url(../img/congreso-1.jpg);
					background-size:cover;
					padding-top: 36px;
					color: #FFF;
					position: absolute;
					z-index: 10;
					padding-top: 160px;
					box-shadow: 6px 5px 22px 0px #989fac;
					margin-left: -30px;}
					
	
			#box-cont-2{ 
			    width: 510px;
				min-height: 300px;
				position: absolute;
				right: 6%;
				margin-top: 70px;
				padding: 60px 40px;
				background: rgba(175, 205, 222, 0.46);
				color: #2d4375;}
	
	
			#box-cont-3{
				    width: 840px;
					height: 300px;
					position: absolute;
					margin-top: 12px;
					margin-left: 68px;} 
			
			.titulo-index{   
			    color: #265cae;
				text-align: center;
				position: absolute;
				z-index: 100;
				margin-top: 6px;
				}	
				
				
				#middle{
					width: 100%;
					min-height:200px;
					margin:auto;
					color:white;}		
					
					.box-middle-1{
					width: 53%;
					height: 310px;
					background: url(../img/mid-1.jpg);
					padding: 96px 20px;
    				line-height: 35px; }
						
						.box-middle-2{
						width: 47%;
						height: 160px;
						background: url(../img/mid-2.jpg);
						padding: 26px 20px;
						float: right;
						margin-top: -310px;
						line-height:35px;}
						
						.box-middle-3{
						width: 47%;
						height: 150px;
						background: url(../img/mid-3.jpg);
						padding: 22px 20px;
						float: right;
						margin-top: -150px;
						line-height:35px;}
						
						.box-middle-4{
						width: 100%;
						min-height: auto;
						background: url(../img/mid-4.jpg);
						padding: 15px 20px;
						height: 157px;}
						
						
					.box-middle-1, .box-middle-2, .box-middle-3, .box-middle-4{ 
					background-size:cover; 
					text-align: center;
					/*border:solid 1px white;*/
					-webkit-transition: all .3s ease;
					-moz-transition: all .3s ease;
					-ms-transition: all .3s ease;
					-o-transition: all .3s ease;
					transition: all .3s ease;}
					
					.box-middle-1:hover{
						-webkit-filter: brightness(1.3);
						-webkit-transition: all .3s ease;
						-moz-transition: all .3s ease;
						-ms-transition: all .3s ease;
						-o-transition: all .3s ease;
						transition: all .3s ease;
						cursor:pointer;}
						
						.box-middle-2:hover{
						-webkit-filter: brightness(1.3);
						-webkit-transition: all .3s ease;
						-moz-transition: all .3s ease;
						-ms-transition: all .3s ease;
						-o-transition: all .3s ease;
						transition: all .3s ease;
						cursor:pointer;}
						
						.box-middle-3:hover{
						-webkit-filter: brightness(1.3);
						-webkit-transition: all .3s ease;
						-moz-transition: all .3s ease;
						-ms-transition: all .3s ease;
						-o-transition: all .3s ease;
						transition: all .3s ease;
						cursor:pointer;}
						
						.box-middle-4:hover{
						-webkit-filter: brightness(1.3);
						-webkit-transition: all .3s ease;
						-moz-transition: all .3s ease;
						-ms-transition: all .3s ease;
						-o-transition: all .3s ease;
						transition: all .3s ease;
						cursor:pointer;}
						
						
						.box-middle h1{
						padding-bottom:10px;
						text-transform: uppercase;}	
						
						#middle a{ color:rgba(255,255,255,1.00); text-decoration: none;}
						
						.icono-mid{ width:7%;}
				
			
			#footer{
				width: 100%; 
				height: 240px; 
				background: #973ad6;
				display: flex;
				flex-direction:row;}

						.box-footer{
						width: 28%;
						height: 200px;
						margin-top: 30px;
						text-align: center;
						text-transform: capitalize;
						line-height: 20px;
						color: #fff;
						font-weight: 100;
						padding-top: 70px;
						font-size: 14px;
						margin: 20px auto;}
												
						.logo-footer{
							    width: 140px;
    							margin-top: -55px;}
								
								
					#middle-responsive{ display: none;}		
					#footer a{ color: white; text-decoration: none;}
					
					
						/*Tabla Programa*/
					.tabla-pro{ 
					background: rgb(251, 241, 255);
					text-align: center;
					height: 45px !important;}
						/*Tabla Programa*/
						
						
						
					
					/*Inscripción*/
					
					#inscripcion{ 
					width: 100%; 
					min-height:400px; 
					background: -webkit-linear-gradient(-45deg, #49119e 0%,#4788e4 100%) !important; background: -moz-linear-gradient(-45deg, #49119e 0%,#4788e4 100%) !important; background: linear-gradient(135deg, #49119e 1%,#4788e4 100%) !important;background: #49119e;
					display: flex; 
					flex-direction:row;}
					
					
					#inscripcion a{ color:rgba(207,207,207,1.00);}
					.text-small{ font-size: 14px; text-align:center !important;}
					
					.insc-box p{ width: 44%;
    min-height: 400px;
    font-size: 1.2em;
    color: #fff;
    margin: auto;
    padding-top: 60px;
    text-align: justify;
    line-height: 30px;}
	
	
	.insc-box h1{ text-align:center; color:white; padding-top:80px;}
	.insc-box button{    
	width: 100%;
    height: 40px;
    background: rgb(236, 236, 236);
    border: none;
    margin-top: 13px;
    font-family: 'Raleway', sans-serif;
    font-size: .8em;
    color: #0691ff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}		
	.insc-box button:hover{
		background: rgb(54, 65, 175);
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    border-bottom: 1px solid #122e63;} 
	
			
					/*Inscripción*/

					
					/*AYUDA*/
					#ayuda{
						width: 100%;
						height: 300px;
						background: -webkit-linear-gradient(-45deg, #49119e 0%,#4788e4 100%) !important; background: -moz-linear-gradient(-45deg, #49119e 0%,#4788e4 100%) !important; background: linear-gradient(135deg, #49119e 1%,#4788e4 100%) !important;background: #49119e;}
						#ayuda h1{
						    font-size: 2em;
    color: #fff;
    margin: auto;
    padding-top: 60px;
    text-align: CENTER;
    line-height: 30px;}
	
	#ayuda p{
		    width: 44%;
    min-height: 400px;
    font-size: 1.2em;
    color: #fff;
    margin: auto;
    padding-top: 60px;
    text-align: justify;
    line-height: 30px;}
	
	#ayuda a{ color:rgba(228,228,228,1.00);}
					/*AYUDA*/
					
					
					
					
					
					
					/*Comite*/
					
					#comite{ width: 100%;
					min-height: 300px;
					margin-top:20%;
					}
					
					.titulo-comite{ font-size:2em; text-align:center;
					color:#265cae;font-family: 'Raleway', sans-serif; padding-bottom:30PX;}
					
					
					#comite-2{ width: 100%; min-height:600px; background: url(../img/comite.jpg) fixed; background-size:cover;}
					
					#comite-2 h1{ padding: 50px 0px; font-family: 'Raleway', sans-serif; font-size: 1.8em; text-align: center; color: rgb(10, 151, 226);}
					
					.content-comite{ width: 100%; min-height: 0px; display:inline-flex; flex-direction:row; flex-wrap: wrap; justify-content: center;}
					
					h3 i{ margin-bottom: 10px;}
					
					.box-box-comite{ width: 200px; height:200px; background:rgba(11, 5, 121, 0.67); margin:10px; padding: 39px 10px 0px; border-radius: 10px;
					-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;}

					.box-box-comite:hover {
    				 background: #0a97e2;
					 -webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
 					 }
					
					.h3-presidenta{ font-family: 'Raleway', sans-serif; font-size: .8em; text-align:center;}
					
					h3{ font-family: 'Raleway', sans-serif; font-size: .8em; color:#fff; text-align:center;}
					
					
					/*Profesores*/
					#profesores{
						width: 100%;
						min-height:300px;
						background: rgb(69,125,216); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(69,125,216,1) 1%, rgba(134,131,219,1) 96%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(69,125,216,1) 1%,rgba(134,131,219,1) 96%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(69,125,216,1) 1%,rgba(134,131,219,1) 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
padding:70px 50px;
}

					#contenedor-profesores{
						width: 100%;
						min-height:200px;
						display: flex;
flex-direction:row;}

					.prefesores-box{
						width:24%;
						min-height:250px;
						margin:1% auto;
						text-align:center;
						color: white; }


					#profesores h1{
						color: white;
						text-align:center;}
						
						
						.foto-index{ width: 75%; border-radius: 10px;-webkit-filter: grayscale(1);
						-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}
						
						.foto-index:hover{-webkit-filter: grayscale(0);
						-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}
						
						.prefesores-box h2{font-size:15px;font-family: 'Raleway', sans-serif;}
						.subtitulo-prof{ font-size:12px;}	
						.prefesores-box ul{ font-size:12px;}		
						.prefesores-box ul li{ margin-top:13px;}
						.presidenta{width: 90%; margin: 10px;}
						.presidenta-tex{ padding-top:21px;}
					
					
					/*PROGRAMA*/
					
		#contenido-header-1{
			width: 100%;
			height:auto;
			background: url(../img/programa.jpg);
			background-size:cover;
			text-align:center;
			color: #4f1b91;
			font-family: 'Raleway', sans-serif;
			}	
			
			
			#contenido-header-1 h1{ 
			text-transform: uppercase; 
			font-size:3em;
			line-height: 40px;}
			
			#contenido-header-1 p{
				width: 600px;
				height: 30px;
				padding-top: 4px;
				margin: auto;
				}
				
		
			
			
			.img-cont{ width: 100%;}
			
			#contenido-general{
				width: 100%;
				min-height: 500px;
				margin-top: -3%;
				margin-bottom: 10%;}
	
			#back{
background: #2d20bf; /* Old browsers */
background: -moz-linear-gradient(45deg, #2d20bf 0%, #7002d1 53%, #8d1ba4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #2d20bf 0%,#7002d1 53%,#8d1ba4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #2d20bf 0%,#7002d1 53%,#8d1ba4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				width: 110%;
				height: 260px;
				margin-left: -2%;
				-moz-transform: rotate(-7deg);
				-webkit-transform: rotate(-7deg);
				-o-transform: rotate(-7deg);
				-ms-transform: rotate(-7deg);
				transform: rotate(-7deg);
				margin-top: -7%;
				overflow: hidden;
			}
						
			#cont-dentro{
				width: 80%;
				margin:auto;
				margin-top: -13%;
				}	
					
				.tab-arrow{ width: 40%;}
				.img-programa{ width: 100%;}
						


			/*Descarga*/

			#descarga{
				width: 100%;
				min-height:140px;
				margin-top:110px;
				border-radius: 20px;
				text-align:center;
				color: #fff;
				font-size:1.5em;
				padding: 40px 60px;
				border: double 7px white;
				-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-ms-transition: all .3s ease;
				-o-transition: all .3s ease;
				transition: all .3s ease;}
				
				#descarga:hover{
					border: none;
					outline: 4px solid #FFFAFA;
					background:white;
					color:rgba(62,62,62,1.00);
 					outline-offset: 10px; }
				
				.boton-descarga { width: 400px; height:30px; border-radius: 10px; border: none; background:rgb(29, 100, 189); color: white; text-transform: uppercase;}



					/*TARIFAS*/
					
			#tarifa{ 
			width: 100%; 
			min-height:500px; 
			background: white;
			padding:30px 40px;}		
			
			#tabla-general{
				margin:auto;
				text-align:center;
				margin-top:30px;}
			
			#tabla{
				text-align: center;}
			
			tr{
				height: 100px;
				}
				
				.tabla-1{ background: rgb(234, 242, 255);}
				.tabla-2{ background: rgb(229, 227, 251);}
				.tabla-3{ background: rgb(217, 230, 255);}
				.tabla-4{ background: rgba(110, 226, 224, 0.16);}
				
				tbody{ color: #2b064a;}
				
				tbody .fa{ font-size:22px;}
				tbody .fa:hover { font-weight: 600; cursor:cell;}
				
				tbody :nth-child(1n+1){
					-webkit-transition: all .3s ease;
					-moz-transition: all .3s ease;
					-ms-transition: all .3s ease;
					-o-transition: all .3s ease;}
					
				tbody :nth-child(1n+1):hover {
					background: rgba(247, 215, 245, 0.53);
					-webkit-transition: all .3s ease;
					-moz-transition: all .3s ease;
					-ms-transition: all .3s ease;
					-o-transition: all .3s ease;
					transition: all .3s ease;}
					
					
					
					
					/*Sede*/
					
					
					.box-sede-p{
						width: 100%;
						min-height: 250px;
						padding: 30px 40px;}
					
						.h1-map{
							margin: 30px 40px; text-align:center;}
					
					.sede-img-p-box{ 
					width: 50%;
					min-height:200px;
					padding: 15px 20px;
    				line-height: 30px;}
					
					#galeria{ width: 100%; min-height:200px; display: inline-block; }
					
					
					#formulario-reservacion{ width: 100%; min-height:300px; margin: 60px 0px;}
					
					#formulario-reservacion input{ width: 100% !important;}
					
					#formulario-reservacion  #formulario{ display:flex; flex-direction:row; flex-wrap:wrap;}
					#formulario-reservacion  #formulario p{ width:40%;}
					#formulario-reservacion  #formulario .mensaje{    width: 84% !important; height: 60px; margin-left: 2%;}
					#formulario-reservacion .submit{ width: 20%; margin-left: 2%; margin-top: 30px;}
					
					/*Contacto*/

					#formulario{
						width: 100%;
						height:auto;}

						#formulario input{
							width: 100%;
							height:25px;
							border-radius: 5px;
							border: none;
							padding: 5px 6px;
							background:rgba(216,216,216,1.00);
							-webkit-transition: all .3s ease;
							-moz-transition: all .3s ease;
							-ms-transition: all .3s ease;
							-o-transition: all .3s ease;
							transition: all .3s ease;}
							
							#formulario p{
								margin: 2%;}
								
								#cont-tabla{
									width: 100%;
									height:270px;
									text-align:center;}
									
									.mensaje{
										width: 100%;
										height:200px;
										border-radius: 10px;
										background:rgba(216,216,216,1.00);
										border: none;
										padding: 5px 6px;}
										
									
									#formulario select {
										width: 100%;}
									
									.submit{
										width: 100%;
										 height:40px;
										 margin-top:10px;
										 border-radius:5px;
										 border: none;
										 background: #3d3e40;
										 color: white;
										 font-size: 14px;
																			 -webkit-transition: all .3s ease;
									-moz-transition: all .3s ease;
									-ms-transition: all .3s ease;
									-o-transition: all .3s ease;
									transition: all .3s ease;}
										 
										 
								.submit:hover{
								cursor: pointer;
								background:rgba(34,184,254,1.00);
								-webkit-transition: all .3s ease;
								-moz-transition: all .3s ease;
								-ms-transition: all .3s ease;
								-o-transition: all .3s ease;
								transition: all .3s ease;}	
								
								#formulario input:focus{
									    outline: 2px solid #1DA3FC;
										outline-offset: 2px;
										background: transparent;
										color: rgba(55,55,55,1.00);
										font-size: 14px;
										padding: 5px 6px;
										-webkit-transition: all .3s ease;
										-moz-transition: all .3s ease;
										-ms-transition: all .3s ease;
										-o-transition: all .3s ease;
										transition: all .3s ease;}
																	
								.mensaje:focus{
									    outline: 2px solid #1DA3FC;
										outline-offset: 2px;
										background: transparent;
										color: rgba(55,55,55,1.00);
										font-size: 14px;
										padding: 5px 6px;
										-webkit-transition: all .3s ease;
										-moz-transition: all .3s ease;
										-ms-transition: all .3s ease;
										-o-transition: all .3s ease;
										transition: all .3s ease;}
																											
						/*Preloader*/
						
						
						#contenedor-header button{width: 100%;
    height: 40px;
    background: rgb(236, 236, 236);
    border: none;
    margin-top: 13px;
    font-family: 'Raleway', sans-serif;
    font-size: .8em;
    color: #0691ff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}
						
						
						#contenedor-header button:hover{    background: rgb(54, 65, 175);
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    border-bottom: 1px solid #122e63;}
						
						
						
						/* preloader */
#preloader {
    position: fixed;
    top:0; left:0;
    right:0; bottom:0;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e1026+1,111231+100 */

background: white; 

z-index: 999;
}
#loader {
    width: 43px;
    height: 43px;
    position: absolute;
    left:70.2%; top:66.3%;
    /*background: url(../img/logo-negro.svg);*/
    margin:-50px 0 0 -50px;
	animation-name: logo-mov;
	animation-duration:2.5s;
	animation-iteration-count:infinite;
	animation-timing-function:ease-in;
}

#content-pre{ width:300px; height:300px; margin:auto; position:relative;margin-top:10%;}

.logo-preloader{ width: 100%; position:absolute; animation: giro 6s ease-in infinite;}

@keyframes giro{
	0%{-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);}
	100%{
		-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);}
	}

.logo-preloader-2{ width: 100%; position:absolute;}

/* preloader */
				
				
.comprar{ width: 100%; height:40px; background: rgb(98, 140, 252); font-size:1.2em; border-color:rgba(193,193,193,1.00); color:white; }				
				
				
/*Numero de cuenta*/

#numero-cuenta{ width: 100%; min-height:200px; background: rgba(60,60,60,1.00); text-align:center; padding: 20px; margin-top:10px;}
#numero-cuenta p{ font-size: 1.3em; margin: 10px 0px; color:#c3c3c3; font-weight: 600;}

#numero-cuenta h1{ color:#fff;}

/*Numero de cuenta*/				
				
	

/*aviso*/

#aviso-autobus{ width: 100%; height:200px; background:rgba(239,186,255,1.00); margin-top: 30px;}

#aviso-autobus h1{ text-align:center; padding-top:20px;}
#aviso-autobus p{ padding: 0px 30px;}

/*aviso*/


	
	
				
									
					
/*Pre Registro*/

#preregistro{
	width: 100%;
	min-height:300px; 
	background:white;
	padding: 30px 40px;}
	
		#contenedor-preregistro{
			width: 100%;
			min-height: 360px;
			margin: 30px 0px;
			display:flex;
			flex-direction:row;
			flex-wrap: wrap;}
			
			
			.box-preregistro{ 
			width: 31.5%; 
			max-width:300px;
			height: 400px; 
			background: white; 
			margin: auto;
			overflow:hidden;
			text-align:center;
			text-transform:uppercase;
			-webkit-transition: all .3s ease;
			-moz-transition: all .3s ease;
			-ms-transition: all .3s ease;
			-o-transition: all .3s ease;
			transition: all .3s ease;}
			
			.box-preregistro:hover{
				-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-ms-transition: all .3s ease;
				-o-transition: all .3s ease;
				transition: all .3s ease;
				-webkit-filter: grayscale(1); filter: grayscale(1); opacity: .7;
				cursor: pointer;}
				
				
			
			.preregistro-img{ width: 100%; }
			
			
			
			hr{ width:2px; height:90%; background:rgba(215,215,215,1.00); margin: 0px 5px;}
			
			#preregistro a{ color:rgba(67,67,67,1.00); text-decoration: none; cursor: pointer;}
					
				
					
					
			.titulo-preregistro{ font-size:16px;}	
			.titulo-preregistro-general{ padding: 20px 0px;}		
					
			#consulta{
				width: 50%;
				height: 40px;
				background:rgb(105, 130, 250);
				margin:auto;
				margin-top:50px;
				border-radius: 10px;
				color: #fff;	
				text-align: center;
				padding-top: 8px;
				-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-ms-transition: all .3s ease;
				-o-transition: all .3s ease;
				transition: all .3s ease;}	
				
				#consulta:hover{
				border: double 1px rgba(77,77,77,1.00);
				color: rgba(77,77,77,1.00); 
				background: #fff;
				cursor: pointer;
				-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-ms-transition: all .3s ease;
				-o-transition: all .3s ease;
				transition: all .3s ease;}	
					
	/*Pre Registro*/					

@media screen and (max-width: 1920px) {
	.box-middle-4{ min-height: 200px;}
	#contenido-header-1{ padding-top: 12%; padding-bottom: 27%;}
	}

@media screen and (max-width: 1400px) {
	.box-middle-4{ min-height: 100px;}
	#contenido-header-1{ padding-top: 17%;}
	}

@media screen and (max-width:960px) {
	#box-cont-2 {
    width: 510px;
    background: rgba(175, 205, 222, 0.82);
    z-index: 1;}
	
	#contenido-header-1{ /*background:#2a3da5 !important;*/ height:600px; padding-top: 26%; padding-bottom: 10%;}
	
	#contenido{
		width: 100%;}
		
	.titulo-index{
		position:inherit;}	
		
		#middle{
			margin-top: 150px;}
			
			.cambio-color{ color: white !important;}
					
	}

@media screen and (max-width: 1150px) {
	hr{ display: none;}
	}


@media screen and (max-width: 1000px) {
	#slider{min-height: 300px;}
	hr{ display: none;}
	#contenedor-preregistro {
	width: 267px !important;
	margin:auto;
    min-height: 900px;
    /*flex-direction: column;*/}
	.box-preregistro {
    width: 240px;}
	}


@media screen and (max-width: 770px) {
	#proveedores{ padding-bottom: 70px;}
	
	#proveedores-content {
    height: 400px;
    display: flex;
    flex-direction: column;
    font-family: 'Raleway', sans-serif;
    margin: auto;}
	
	.proveedores-box {
    width: 85%;
    height: 400px;
    font-size: 1.2em;
    color: #fff;
    margin: auto;
    padding-top: 60px;
    text-align: justify;
    line-height: 30px;}
	
	.c-tabs-nav__link { width: 100% !important;}
	
	#foto-child img {
    margin-top: 3%;}
}


@media screen and (max-width: 600px) {
	#contenido {
		width:100%; }
		
		#box-cont-2 {
    width: 100%;
    min-height: 300px;
    position: absolute;
    margin-top: 19px;
    padding: 40px 70px;
	right:0%;
	}
	
	#middle{
			margin-top: 250px;}
			
			#middle{ display: none;}
			#middle-responsive{display: block; width: 100%; text-align:center; color:rgba(255,255,255,1.00); margin: 70px 0px; }
			
			#middle-responsive a { color: white !important; text-decoration: none;}
			
			
			.respo-middle-1{ 
			width: 100%;
			height:200px;
			background: url(../img/mid-1.jpg);
			background-size:cover;
			padding-top:38px;}
			
			
			.respo-middle-2{ 
			width: 100%;
			height:200px;
			background: url(../img/mid-2.jpg);
			background-size:cover;
			padding-top:38px;}
			
			
			.respo-middle-3{ 
			width: 100%;
			height:200px;
			background: url(../img/mid-3.jpg);
			background-size:cover;
			padding-top:38px;}
			
			.respo-middle-4{ 
			width: 100%;
			height:200px;
			background: url(../img/mid-4.jpg);
			background-size:cover;
			padding-top:38px;}
			
			.texto-slider-2{ font-size: 1em;}
			
			#contenido-header-1{ padding-top: 45%;}
			#contenido-header-1 p{ width: 100%;}
			
			
			
}
















/* CSS Document */