/* 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; }

.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%;

}
	#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:1090px; top:35%; 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: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/fondo52.jpg);
	}
		#imagensuperiorfondo
		{
			position:absolute;
			width:85%;
			height:100%;
			top:0%;
			left:10%;
			max-height:350px;
			border:0px solid #FFF;
			-webkit-box-shadow: 1px 6px 25px -7px rgba(0,0,0,0.85);
		}
		#titulocolegiobucky{ position:absolute; width:500px; top:60px; z-index:20; left:13%; max-width:500px; min-width:250px;  }
		#cajaderecha{ position:absolute; width:400px; height:250px; top:30px; z-index:20; left:900px; max-width:700px; min-width:150px;
		background-image:url(imagenes/gisesnosotros.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:265px; z-index:20; left:950px; max-width:80px; min-width:50px;}
		@-webkit-keyframes example 
		{
			0%   {background-image:url(imagenes/gisesnosotros.png); opacity:0.0; background-repeat:no-repeat;}
			72% {background-image:url(imagenes/gisesnosotros.png); background-repeat:no-repeat; opacity:0.5;}
			100% {background-image:url(imagenes/gisesnosotros.png); background-repeat:no-repeat;}
		}

		/* Standard syntax */
		@keyframes example {
			0%   {background-image:url(imagenes/gisesnosotros.png); opacity:0.0; background-repeat:no-repeat;}
			72% {background-image:url(imagenes/gisesnosotros.png);  background-repeat:no-repeat; opacity:0.5;}
			100% {background-image:url(imagenes/gisesnosotros.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:40%;
		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;
			/*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%;
			/*max-height:190px;*/

			
		}
		#menucaja2
		{
			width:75%;
			-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:#D1D2D4;
			width:33.5%;
			height:50%;
			top:50%;
			overflow:hidden;
			
		}
		#caja4
		{
			font-family:"Futura Hv";
			font-size:85%;
			color:#1A2940;
			position:absolute;
			background-color:#D1D2D4;
			width:33%;
			height:50%;
			top:50%;
			left:33.5%;
			overflow:hidden;
		}
		#caja5
		{
			font-family:"Futura Hv";
			font-size:85%;
			color:#1A2940;
			position:absolute;
			background-color:#D1D2D4;
			width:34%;
			height:50%;
			top:50%;
			left:66%;
			overflow:hidden;
		}
		
		#btnsgdes
		{
			position:absolute;
			top:10%;
			left:12%;
			width:267px;
			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;
		}
		@-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:10%;
	/*-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);*/

}
	#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 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);
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%;    }

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:200px; height:190px; top:25px; z-index:20; left:12%; max-width:500px; min-width:250px;
		background-image:url(imagenes/gisesnosotros.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/gisesnosotros.png); opacity:0.0; background-repeat:no-repeat;}
			72% {background-image:url(imagenes/gisesnosotros.png); background-repeat:no-repeat; opacity:0.5;}
			100% {background-image:url(imagenes/gisesnosotros.png); background-repeat:no-repeat;}
		}

		/* Standard syntax */
		@keyframes example {
			0%   {background-image:url(imagenes/gisesnosotros.png); opacity:0.0; background-repeat:no-repeat;}
			72% {background-image:url(imagenes/gisesnosotros.png);  background-repeat:no-repeat; opacity:0.5;}
			100% {background-image:url(imagenes/gisesnosotros.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:50%;
			left:0%;
			padding:1%;
			/*max-height:190px;*/

			
		}
		#menucaja2
		{
			width:75%;
			-webkit-animation-name: example2; /* Chrome, Safari, Opera */
			-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
			animation-name: example2;
			animation-duration: 2s; 
		}
		#btnsgdes
		{
			position:absolute;
			top:10%;
			left:12%;
			width:267px;
			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:#D1D2D4;
			width:100%;
			height:60%;
			top:50%;
			overflow:hidden;
			
		}
		#caja4
		{
			font-family:"Futura Hv";
			font-size:80%;
			color:#1A2940;
			position:absolute;
			background-color:#D1D2D4;
			width:100%;
			height:60%;
			top:100%;
			left:0%;
			overflow:hidden;
		}
		#caja5
		{
			font-family:"Futura Hv";
			font-size:80%;
			color:#1A2940;
			position:absolute;
			background-color:#D1D2D4;
			width:100%;
			height:60%;
			top:140%;
			left:0%;
			overflow:hidden;
		}
}