/* CSS Document */
*{ margin:0;padding: 0;}
/*header{ position:absolute; width:100%; z-index:10; top:0%;  background-color:#222; border-bottom:2px solid #000; border-top:1px }*/
/*header{ position:absolute; width:100%; z-index:10; top:0%;  background-color:#336699; border-bottom:2px solid #000; border-top:1px solid #000;}*/
@font-face {
    font-family: "Futura Hv";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("/fonts/FtraHv__0.woff") format("woff"), url("/fonts/FtraHv__0.ttf") format("truetype");
}

.Titulosbuckyred { font-family:"Futura Hv"; font-size:190%;	color:#B03353; /*text-shadow: #999 2px 2px 4px;*/ }
.Titulosbuckyred1 { position:relative; font-family:"Futura Hv"; font-size:150%; color:#B03353; font-weight:bold; }
.Titulosbuckyblue { font-family:"Futura Hv"; font-size:170%; color:#1A2940; /*text-shadow: #999 2px 2px 4px;*/ }
.Titulosbuckyblue1 { position:relative; font-family:"Futura Hv"; font-size:150%; color:#1A2940; font-weight:bold; }
.Titulosbuckycaja1 { font-family:"Futura Hv"; font-size:150%;	color:#029CC1; /*text-shadow: #999 2px 2px 4px;*/ }
.Titulosbuckycaja2 { font-family:"Futura Hv"; font-size:150%;	color:#FFF; /*text-shadow: #999 2px 2px 4px;*/ }
.Titulosbuckycaja3{ font-family:"Futura Hv"; font-size:150%;	color:#1A2940; /*text-shadow: #999 2px 2px 4px;*/ }

.NombreCombo{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:18px; }
.NombreCombo2{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:24px; }
.NombreEmpresa{ font-family:Arial, Helvetica, sans-serif; color:#336699; font-size:14px; font-weight:bold;}
.NombreEmpresaRED0{ font-family:Arial, Helvetica, sans-serif; color:#990000; font-size:12px; font-weight:bold;}
.NombreEmpresaRED{ font-family:Arial, Helvetica, sans-serif; color:#990000; font-size:16px; font-weight:bold;}
.NombreEmpresaRED2{ font-family:Arial, Helvetica, sans-serif; color:#990000; font-size:18px; font-weight:bold;}
.NombreEmpresaGREEN{ font-family:Arial, Helvetica, sans-serif; color:#009900; font-size:12px; font-weight:bold;}
.NombreEmpresaGREEN2{ font-family:Arial, Helvetica, sans-serif; color:#009900; font-size:14px; font-weight:bold;}
.NombreEmpresaWHITE2{ font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:18px; font-weight:bold;}
.NombreEmpresaWHITE{ font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:100%; }
.NombreEmpresaYELLOW{ font-family:Arial, Helvetica, sans-serif; color:#FFCC00; font-size:18px; font-weight:bold;}
.Normaltxt1{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:14px; }
.Normaltxt1BLUE{ font-family:Arial, Helvetica, sans-serif; color:#336699; font-size:14px; }
.Normaltxt2{ font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px; }
.Normaltxt3{ font-family:Arial, Helvetica, sans-serif; color:#FF6600; font-size:10px; }
.Normaltxt4{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; }
.Normaltxt5{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:10px; }
.Normaltxt6{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:16px; }
.Normaltxt7{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:18px; }
.NormaltxtRED{ font-family:Arial, Helvetica, sans-serif; color:#990000; font-size:12px; }
.NormaltxtRED2{ font-family:Arial, Helvetica, sans-serif; color:#990000; font-size:10px; }
body{width:100%;}
header
{
	position:fixed;
	width: 100%;
	height:10%;
	background-color:#EEE;
	z-index:10;
	min-height:40px; max-height:10%;

}
.menu_bar
{
	display: none;
}
	#cabeza
	{
		position:absolute;
		background-color:#FFFFFF;
		width:100%;
		height:100%;

	}
	#barrasuperior{position:absolute; top:10%; width:100%; height:100%; background:#1A2940; -webkit-box-shadow: 1px 6px 25px -7px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 6px 25px -7px rgba(0,0,0,0.75);
box-shadow: 1px 6px 25px -7px rgba(0,0,0,0.75); border-bottom:2px solid #FFF;} 	
	#logotiposuperior{ position:absolute; width:8%; top:-10%; z-index:11; left:11%; min-width:30px; max-width:8%; }
	.titulocolegio{ position:absolute; left:20%; display:inline; width:12%; font-family:"Futura Hv"; color:#FFF; font-size:110%; overflow:hidden; top:9%; text-shadow: #061123 2px 2px 4px; min-width:150px;   }
	#menusuperior{position:absolute; left:85%; top:35%; width:100%; z-index:20; }


section{ 
	position:absolute; 
	top:10%;  
	height:110%;
	width:100%; 
	z-index:1; 
	background-color:#DDD;
	/*background-image:url(imagenes/fondo1.jpg);*/
	min-height:1000px; 
}
	#encabezado
	{
		position:absolute;
		background-color:#1E3759;
		width:100%;
		height:40%;
		max-height:350px;
		
		/*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(204,38,20,1)), color-stop(23%, rgba(204,38,20,1)), color-stop(69%, rgba(150,23,12,1)), color-stop(100%, rgba(150,23,12,1)));
background: -webkit-linear-gradient(top, rgba(204,38,20,1) 0%, rgba(204,38,20,1) 23%, rgba(150,23,12,1) 69%, rgba(150,23,12,1) 100%);
background: -o-linear-gradient(top, rgba(204,38,20,1) 0%, rgba(204,38,20,1) 23%, rgba(150,23,12,1) 69%, rgba(150,23,12,1) 100%);
background: -ms-linear-gradient(top, rgba(204,38,20,1) 0%, rgba(204,38,20,1) 23%, rgba(150,23,12,1) 69%, rgba(150,23,12,1) 100%);
background: linear-gradient(to bottom, rgba(204,38,20,1) 0%, rgba(204,38,20,1) 23%, rgba(150,23,12,1) 69%, rgba(150,23,12,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc2614', endColorstr='#96170c', GradientType=0 );
		*//*
		FONDO DEGRADADO AZUL
		background: rgba(31,76,113,1);
		background: -moz-linear-gradient(top, rgba(31,76,113,1) 0%, rgba(31,76,113,1) 42%, rgba(28,50,82,1) 94%, rgba(28,50,82,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(31,76,113,1)), color-stop(42%, rgba(31,76,113,1)), color-stop(94%, rgba(28,50,82,1)), color-stop(100%, rgba(28,50,82,1)));
		background: -webkit-linear-gradient(top, rgba(31,76,113,1) 0%, rgba(31,76,113,1) 42%, rgba(28,50,82,1) 94%, rgba(28,50,82,1) 100%);
		background: -o-linear-gradient(top, rgba(31,76,113,1) 0%, rgba(31,76,113,1) 42%, rgba(28,50,82,1) 94%, rgba(28,50,82,1) 100%);
		background: -ms-linear-gradient(top, rgba(31,76,113,1) 0%, rgba(31,76,113,1) 42%, rgba(28,50,82,1) 94%, rgba(28,50,82,1) 100%);
		background: linear-gradient(to bottom, rgba(31,76,113,1) 0%, rgba(31,76,113,1) 42%, rgba(28,50,82,1) 94%, rgba(28,50,82,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f4c71', endColorstr='#1c3252', GradientType=0 );
		background-color:#B40202;*/
		background-image:url(imagenes/fondounam4.jpg);
	}
		#imagensuperiorfondo
		{
			position:absolute;
			width:85%;
			/*width:1079px*/
			height:85%;
			top:5%;
			left:10%;
			max-height:350px;
			border:5px solid #FFF;
			-webkit-box-shadow: 1px 6px 25px -7px rgba(0,0,0,0.85);
		}
		#titulocolegiobucky{ position:absolute; width:480px; top:60px; z-index:20; left:13%; max-width:500px; min-width:250px;  }
#cajaderecha{ position:absolute; width:500px; height:250px; top:30px; z-index:20; left:54%; max-width:700px; min-width:150px;
		background-image:url(imagenes/preparatoria.png);
		background-repeat:no-repeat;
		-webkit-animation-name: example; /* Chrome, Safari, Opera */
    	-webkit-animation-duration: 10s; /* Chrome, Safari, Opera */
    	animation-name: example;
    	animation-duration: 10s;}
		#gisyborrador{position:absolute; width:100px; height:250px; top:29%; z-index:20; left:950px; max-width:80px; min-width:50px;}
		@-webkit-keyframes example 
		{
			0%   {background-image:url(imagenes/preparatoria.png); opacity:0.0; background-repeat:no-repeat;}
			72% {background-image:url(imagenes/preparatoria.png); background-repeat:no-repeat; opacity:0.5;}
			100% {background-image:url(imagenes/preparatoria.png); background-repeat:no-repeat;}
		}

		/* Standard syntax */
		@keyframes example {
			0%   {background-image:url(imagenes/preparatoria.png); opacity:0.0; background-repeat:no-repeat;}
			72% {background-image:url(imagenes/preparatoria.png);  background-repeat:no-repeat; opacity:0.5;}
			100% {background-image:url(imagenes/preparatoria.png); background-repeat:no-repeat;}
		}
		
		#minimenu{ position:absolute; width:500px; top:240px; z-index:20; left:13%; max-width:500px; min-width:250px; font-family: "Futura Md"; color:#FFF; font-size:16px; text-shadow: #000 4px 4px 4px; cursor:pointer;}
		#minimenu2{display:block;}
		#form1{display:none;}
		.btnminimenu1,.btnminimenu2,.btnminimenu3,.btnminimenu4,.btnminimenu5,.btnminimenu6{ color:#FFF; cursor:pointer;}
		.btnminimenu1:hover{ color:#fff; text-shadow: #000 2px 2px 4px; cursor:pointer; background-color:#2AD6B3;}
		.btnminimenu2:hover{ color:#fff; text-shadow: #000 2px 2px 4px; cursor:pointer; background-color:#AE56CC;} 		
		.btnminimenu3:hover{ color:#fff; text-shadow: #000 2px 2px 4px; cursor:pointer; background-color:#63C65A;}
		.btnminimenu4:hover{ color:#fff; text-shadow: #000 2px 2px 4px; cursor:pointer; background-color:#4EBAE7}
		.btnminimenu5:hover{ color:#fff; text-shadow: #000 2px 2px 4px; cursor:pointer; background-color:#EDCB3D;}
		.btnminimenu6:hover{ color:#fff; text-shadow: #000 2px 2px 4px; cursor:pointer; background-color:#EB45C4;}
	#secciones
	{
		position:absolute;
		background-color:#aaa;
		width:85%;
		/*width:1080px*/
		height:60%;
		top:35%;
		left:10%;
		border-left:1px solid #888;
		border-right:1px solid #888;
		-webkit-box-shadow: 1px 16px 50px -10px rgba(0,0,0,0.75);
		-moz-box-shadow: 1px 16px 50px -10px rgba(0,0,0,0.75);
		box-shadow: 1px 16px 50px -10px rgba(0,0,0,0.75);
	}
		#caja1
		{
			font-family:"Futura Hv";
			font-size:83%;
			color:#1A2940;
			position:absolute;
			background-color:#FFF;
			width:48%;
			height:50%;
			padding:1%;
			overflow:visible;
			top:55%;
			/*max-height:190px;*/

		}
		#menucaja
		{
			width:95%;
			-webkit-animation-name: example2; /* Chrome, Safari, Opera */
			-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
			animation-name: example2;
			animation-duration: 2s;
		}
		#caja2
		{
			font-family:"Futura Hv";
			font-size:83%;
			color:#1A2940;
			position:absolute;
			background-color:#eee;
			width:48%;
			height:50%;
			left:50%;
			padding:1%;
			top:55%;
			/*max-height:190px;*/

			
		}
		#menucaja2
		{
			width:90%;
			-webkit-animation-name: example2; /* Chrome, Safari, Opera */
			-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
			animation-name: example2;
			animation-duration: 2s; 
		}
		#caja3
		{
			font-family:"Futura Hv";
			font-size:85%;
			color:#1A2940;
			position:absolute;
			background-color:#9AEBFE;
			width:33.5%;
			height:55%;
			top:0%;
			overflow:hidden;
			
		}
		#caja4
		{
			font-family:"Futura Hv";
			font-size:85%;
			color:#1A2940;
			position:absolute;
			background-color:#45DAFE;
			width:33%;
			height:55%;
			top:0%;
			left:33.5%;
			overflow:hidden;
		}
		#caja5
		{
			font-family:"Futura Hv";
			font-size:85%;
			color:#1A2940;
			position:absolute;
			background-color:#E53B3B;
			width:34%;
			height:55%;
			top:0%;
			left:66%;
			overflow:hidden;
		}
		
		#btnsgdes
		{
			position:absolute;
			top:5%;
			left:6%;
			width:85%;
			cursor:pointer;
			background: rgba(255,255,255,0.3);
			padding:2%;
			font-family:"Futura Md";
			-webkit-animation-name: example2; /* Chrome, Safari, Opera */
			-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
			animation-name: example2;
			animation-duration: 2s;
		}
		@-webkit-keyframes example2 
		{
			0%   {opacity:0.0; }
			100%  {opacity:1;}
		}
		@keyframes example2 
		{

			0%   {opacity:0.0; }
			100%  {opacity:1;}
		}
		#btnmenu
		{

			width:25%;
			margin-right:1%;
			margin-left:1%;
			cursor:pointer;
			-webkit-animation-name: example2; /* Chrome, Safari, Opera */
			-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
			animation-name: example2;
			animation-duration: 2s;
		}
		#btnmenu:hover
		{
			width:25%;
		}
		#btnprincipal
		{  
			width:65%;  
			min-width:40px; 
			max-width:68%; 
			-webkit-transition:all 1s; /*transicion al usar el hover*/
		}
		#btnprincipal:hover{  width:68%;  min-width:40px; max-width:68%; }

@media screen and (max-width:800px)
{
header
{
	position:fixed;
	width: 100%;
	height:10%;
	background-color:#EEE;
	z-index:10;
	min-height:40px; max-height:60px;
	/*-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);*/

}
	/*////////////////*/
	.menu_bar
	{
		display: block;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		width:100%;
		position:fixed;
		z-index: 10;
		
	}
	.menu_bar .bt-menu
	{
		display: block;
		padding: 2px;
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
		font-size: 25px;
		-webkit-box-sizing:border-box;
		-moz-sizing:border-box;
		box-sizing:border-box;
		
	}
	.menu_bar span
	{
		float: right;
		font-size:40px;
		top:0%;
		
	}
		header nav
	{
		top:11%;
		width:80%;
		height:100%;
		left:-100%; /* con esta el menu lo pone fuera de la pantalla*/
		margin:0;
		position:fixed;
		background: #1A2940;
		-webkit-box-shadow: 1px 20px 50px -10px rgba(0,0,0,0.75);
		-moz-box-shadow: 1px 20px 50px -10px rgba(0,0,0,0.75);
		box-shadow: 1px 20px 50px -10px rgba(0,0,0,0.75);
	}
	header nav ul li
	{
		display:block; /* Que se ponga en todo lo que pueda*/
		height:80%;
		float: none;
		border-bottom: 1px solid rgba(255,255,255, .8);
	}
	
	


/* DARLE FORMA AL MENU*/
header nav ul
{
	overflow: hidden;
	list-style:none; /* con esta propiedad quitas las viņetas de li */	
}


/* Aqui editamos los A que en si pueden ser los links*/
header nav ul li a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFF;
	padding: 5px;
	display: block;
	text-decoration: none;
	padding-left:10.5px; /* agrandar boton de lado izquierdo*/
	padding-right:10.5px; /* agrandar boton del lado derecho*/
}
/* EN ESTE CASO LOS SPAN SON LOS ICONOS*/
header nav ul li span 
{
	/*margin-right: 80px;*/
	font-size:40px;
}

/* Esto es para cuando le pones el mouse arrib<*/
header nav ul li a:hover 
{
	background: #45DAFE; /*VERDE*/
}
	/**********/
	
	
	#cabeza
	{
		position:absolute;
		background-color:#FFFFFF;
		width:100%;
		height:100%;

	}
	#barrasuperior{position:absolute; top:0%; width:100%; left:0%; height:100%; background:#1A2940;  border-bottom:2px solid #1A2940;  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.35);
border-bottom:2px solid #FFF; } 	
	#logotiposuperior{ position:absolute; width:30%; top:15%; z-index:11; left:5%; min-width:40px; }
	.titulocolegio{ position:absolute; left:25%; display:inline; width:55%; font-family:"Futura Hv"; color:#FFF; font-size:18px; overflow:hidden; top:30%;    }
	#menusuperior{display:none; position:absolute; left:43%; top:40%; width:100%; z-index:20; }

section{ 
	position:absolute; 
	top:10%;  
	height:800px;
	width:100%; 
	z-index:1; 
	background-color:#999;
	background-image:url(imagenes/fondo1.jpg);
	min-height:400px; 
}
	#encabezado
	{
		position:absolute;
		background-color:#1E3759;
		width:100%;
		height:40%;
		max-height:270px;
		background: rgba(31,76,113,1);
		background: -moz-linear-gradient(top, rgba(31,76,113,1) 0%, rgba(31,76,113,1) 42%, rgba(28,50,82,1) 94%, rgba(28,50,82,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(31,76,113,1)), color-stop(42%, rgba(31,76,113,1)), color-stop(94%, rgba(28,50,82,1)), color-stop(100%, rgba(28,50,82,1)));
		background: -webkit-linear-gradient(top, rgba(31,76,113,1) 0%, rgba(31,76,113,1) 42%, rgba(28,50,82,1) 94%, rgba(28,50,82,1) 100%);
		background: -o-linear-gradient(top, rgba(31,76,113,1) 0%, rgba(31,76,113,1) 42%, rgba(28,50,82,1) 94%, rgba(28,50,82,1) 100%);
		background: -ms-linear-gradient(top, rgba(31,76,113,1) 0%, rgba(31,76,113,1) 42%, rgba(28,50,82,1) 94%, rgba(28,50,82,1) 100%);
		background: linear-gradient(to bottom, rgba(31,76,113,1) 0%, rgba(31,76,113,1) 42%, rgba(28,50,82,1) 94%, rgba(28,50,82,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f4c71', endColorstr='#1c3252', GradientType=0 );
		border:0px;
	}
		#imagensuperiorfondo
		{
			width:100%;
			height:100%;
			left:0%;
			border:0px;
			-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.85);
		}
		#titulocolegiobucky{ display:none; position:absolute; width:90%; top:40px; z-index:20; left:5%;  }
		#cajaderecha{ position:absolute; width:270px; height:250px; top:5px; z-index:20; left:12%; max-width:500px; min-width:270px;
		background-image:url(imagenes/preparatoria2.png);
		background-repeat:no-repeat;
		-webkit-animation-name: example; /* Chrome, Safari, Opera */
    	-webkit-animation-duration: 10s; /* Chrome, Safari, Opera */
    	animation-name: example;
    	animation-duration: 10s;}
		
		@-webkit-keyframes example 
		{
			0%   {background-image:url(imagenes/preparatoria2.png); opacity:0.0; background-repeat:no-repeat;}
			72% {background-image:url(imagenes/preparatoria2.png); background-repeat:no-repeat; opacity:0.5;}
			100% {background-image:url(imagenes/preparatoria2.png); background-repeat:no-repeat;}
		}

		/* Standard syntax */
		@keyframes example {
			0%   {background-image:url(imagenes/preparatoria2.png); opacity:0.0; background-repeat:no-repeat;}
			72% {background-image:url(imagenes/preparatoria2.png);  background-repeat:no-repeat; opacity:0.5;}
			100% {background-image:url(imagenes/preparatoria2.png); background-repeat:no-repeat;}
		}
		
		#minimenu{  position:absolute; width:70%; top:233px; z-index:20; left:30%; max-width:500px; min-width:250px; font-family: "Futura Md"; color:#FFF; font-size:16px; text-shadow: #000 4px 4px 4px; cursor:pointer;}
		#minimenu2{display:none;}
		#gisyborrador{display:none; position:absolute; width:100px; height:250px; top:265px; z-index:20; left:950px; max-width:80px; min-width:50px;}
		#form1{display:block; font-family: "Futura Md"; color:#FFF; font-size:40px; left:20%;}
		.btnminimenu1:hover, .btnminimenu2:hover, .btnminimenu3:hover, .btnminimenu4:hover, .btnminimenu5:hover, .btnminimenu6:hover{ color:#fff; text-shadow: #000 2px 2px 4px; cursor:pointer;}
	#secciones
	{
		position:absolute;
		background-color:#aaa;
		width:100%;
		height:60%;
		top:34%;
		left:0%;
		float:left;
		border-left:0px solid #888;
		border-right:0px solid #888;
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	}
		#caja1
		{
			display:none;
			font-family:"Futura Hv";
			font-size:83%;
			color:#1A2940;
			position:absolute;
			background-color:#FFF;
			width:48%;
			height:40%;
			padding:1%;
			overflow:visible;
			/*max-height:190px;*/

		}
		#menucaja
		{
			width:90%;
			-webkit-animation-name: example2; /* Chrome, Safari, Opera */
			-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
			animation-name: example2;
			animation-duration: 2s;
		}
		#caja2
		{
			font-family:"Futura Hv";
			font-size:83%;
			color:#1A2940;
			position:absolute;
			background-color:#eee;
			width:98%;
			height:55%;
			left:0%;
			padding:1%;
			top:0%;
			/*max-height:190px;*/

			
		}
		#menucaja2
		{
			width:90%;
			-webkit-animation-name: example2; /* Chrome, Safari, Opera */
			-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
			animation-name: example2;
			animation-duration: 2s; 
		}
		#btnsgdes
		{
			position:absolute;
			top:5%;
			left:3%;
			width:90%;
			/*cursor:pointer;*/
			font-family:"Futura Md";
			-webkit-animation-name: example2; /* Chrome, Safari, Opera */
			-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
			animation-name: example2;
			animation-duration: 2s;
		}
		#caja3
		{
			font-family:"Futura Hv";
			font-size:80%;
			color:#1A2940;
			position:absolute;
			background-color:#9AEBFE;
			width:100%;
			height:65%;
			top:55%;
			overflow:hidden;
			
		}
		#caja4
		{
			font-family:"Futura Hv";
			font-size:80%;
			color:#1A2940;
			position:absolute;
			background-color:#45DAFE;
			width:100%;
			height:70%;
			top:110%;
			left:0%;
			overflow:hidden;
		}
		#caja5
		{
			font-family:"Futura Hv";
			font-size:80%;
			color:#1A2940;
			position:absolute;
			background-color:#E53B3B;
			width:100%;
			height:65%;
			top:160%;
			left:0%;
			overflow:hidden;
		}
}