/* hoja de estilos para index*/
@font-face {
	font-family:CELTG;
	src:url("CELTG.ttf");
	}

body {
	width:98%;
	margin:auto;
	font-family:verdana, sans-serif;
}

p{ text-indent:2em; 
  text-align:justify; }

.faldon{
	width:98%;
	padding:.25%;
	
	position:fixed;
	left:1%;
	top:1%;
	background-image:url("utiles/faldon1.jpg");
	text-align:right;
	font-family:CELTG;
	font-size:1.6em;
	color:white;
	border-radius:0em 2em 0em 1em;
	font-weight:bold;
	
}
.detras{height:58em;}


.logo {
	width:20%;
	position:fixed;
	left:10%;
	top:2em;
	padding:0.3%;
	float:right;
	background-color:rgba(255,191,0,.8);
	border-radius:0em 2em 0em 1em;
	font-family:CELTG;
	font-size:1.4em;
	color:navy;
	font-weight:bold;
	text-align:right;
	box-shadow:3px 3px 3px 3px rgba(255,255,223,.3);
}	
.citado{font-family:CELTG; color:white;}
.zonacompleta	{
	width:96%;
	height:48em;
	position:absolute;
	top:8em;
	padding:1%;
	margin:auto;
	background-color:rgba(255,255,255,.15);
	border-radius:0em 5em 0em 2.5em;
}
.lindcha{
	width:10em;
	color:navy;
	font-family:verdana, sans-serif;
	font-size:1.2em;
	margin:.1em;
	padding:.5em;
	background-color:white;
	border-radius:0em 1em 1em 0em;
	box-shadow:2px 2px 2px 2px rgba(255,255,255,.2);
}
.lindchac{
	width:10em;
	color:white;
	font-family:verdana, sans-serif;
	font-size:1.2em;
	margin:.1em;
	padding:.5em;
	background-color:navy;
	border-radius:0em 1em 1em 0em;
	box-shadow:2px 2px 2px 2px rgba(255,255,255,.2);
}
.lindchab{
	width:15em;
	
	color:navy;
	font-family:verdana, sans-serif;
	font-size:1.2em;
	margin-top:0px;
	
	padding:.5em;
	background-color:white;
	border-radius:0em 1em 1em 0em;
	box-shadow:2px 2px 2px 2px rgba(255,255,255,.2);
}
.linizdac{
	width:15em;
	
	color:white;
	font-family:verdana, sans-serif;
	font-size:1.2em;
	margin-top:0px;
	
	padding:.5em;
	background-color:navy;
	border-radius:1em 0em 0em 1em;
	box-shadow:2px 2px 2px 2px rgba(255,255,255,.2);
}

.lindchai{
	
	color:navy;
	margin:.1em;
	padding:.3em;
	background-color:white;
	border-radius:0em 1em 1em 0em;
	box-shadow:2px 2px 2px 2px rgba(255,255,255,.2);
}

.linmedio{
	width:10em;
	color:navy;
	font-family:verdana, sans-serif;
	font-size:1.2em;
	margin:.1em;
	padding:.5em;
	background-color:white;
	
	box-shadow:2px 2px 2px 2px rgba(255,255,255,.2);
}
.linmedioazul
{
	color:navy;
	font-family:verdana, sans-serif;
	font-size:1.2em;
	margin:.1em;
	padding:.5em;
	background-color:rgb(191,223,255);
	box-shadow:2px 2px 2px 2px rgba(255,255,255,.2);
}
.linsoloazul
{
	color:navy;
	font-family:verdana, sans-serif;
	font-size:1.2em;
	margin:.1em;
	padding:.5em;
	background-color:rgb(191,223,255);
	border-radius:1em;
	border-bottom:1px solid black;
	border-right:1px solid black;
	box-shadow:2px 2px 2px 2px rgba(255,255,255,.5);
}
.linmedioc{
	width:10em;
	color:white;
	font-family:verdana, sans-serif;
	font-size:1.2em;
	margin:.1em;
	padding:.5em;
	background-color:navy;
	
	box-shadow:2px 2px 2px 2px rgba(255,255,255,.2);
}

.linizda{
	width:10em;
	color:navy;
	font-family:verdana, sans-serif;
	font-size:1.2em;
	margin:.1em;
	padding:.5em;
	background-color:white;
	border-radius:1em 0em 0em 1em;
	box-shadow:2px 2px 2px 2px rgba(255,255,255,.2);
}
.linizdai{
	z-index:5;
	color:navy;
	margin:.1em;
	padding:.3em;
	background-color:white;
	border-radius:1em 0em 0em 1em;
	box-shadow:2px 2px 2px 2px rgba(255,255,255,.2);
}
.linmedioi {
	color:navy;
	margin:.1em;
	padding:.3em;
	background-color:white;
	box-shadow:2px 2px 2px 2px rgba(255,255,255,.2);
}
.cajadcha{
	margin-right:1em;
	float:right;
}
.cajadchab{
	text-align:right;
	
}
.cajadchac{
	width:60%;
	font-family:verdana, sans-serif;
	margin-right:1em;
	margin-top:.75em;
	color:navy;
	float:right;
	padding:.60em;
	background-color:white;
	border-radius:.5em;
	box-shadow:2px 2px 1px 1px rgba(255,255,255,.2);
}
.cajaizda{
	margin-left:1em;
	float:left;
}
.cajaizdab{
	font-size:.85em;
	width:25%;
	margin-left:1em;
	padding:.4em;
	float:left;
	background-color:rgba(255,255,255,.6);
	color:navy;
	text-align:justify;
	border-radius:0em 2em 0em 1em;
	box-shadow:2px 2px 2px 2px rgba(255,255,255,.2);
}
.cajaizdaz{
	font-size:.85em;
	width:19%;
	margin-left:1em;
	padding:.4em;
	float:left;
	background-color:rgba(255,255,255,.6);
	color:navy;
	text-align:justify;
	border-radius:0em 3em 0em 1.5em;
	box-shadow:1px 2px 3px 4px rgba(255,255,255,.2);
}

.cajaizdac{
	width:29%;
	font-family:verdana, sans-serif;
	margin-left:1em;
	margin-top:.75em;
	color:navy;
	float:left;
	padding:.60em;
	background-color:white;
	border-radius:.5em;
	box-shadow:2px 2px 1px 1px rgba(255,255,255,.2);
}
.cajaizdac input[type="text"],.cajaizdac input[type="email"],.cajaizdac input[type="password"]{width:50%;}
.cajadchac input[type="text"]{width:25%;}

.cajamedio{
	font-family:verdana, sans-serif;
	clear:both;
	width:96%;
	height:42em;
	margin:3em auto;
	padding:.75em;
	background-color:rgba(255,255,255,.2);
	border-radius:.5em 3em .5em 1.5em;
	overflow:auto;
}
.cajamediopet{
	font-family:verdana, sans-serif;
	clear:both;
	width:94%;
	height:42.2em;
	margin:3em auto;
	padding:.75em;
	background-color:rgba(200,200,200,.2);
	border-radius:.5em 20em .5em 10em;
	overflow:hidden;
}
.cajamedio2{
	font-family:verdana, sans-serif;
	clear:both;
	width:94%;
	margin:1em auto;
	padding:.75em;
	color:navy;
	background-color:rgba(255,255,255,.4);
	border-radius:.5em;
}


a:link, a:visited {text-decoration:none}

.lindcha:hover, .lindchai:hover, .lindchab:hover,.linmedio:hover, .linizda:hover,.linmedioi:hover, .linizdai:hover, .linmedioazul:hover
{
		border-bottom:1px solid black;
	border-right:1px solid black;
		
		background-color:rgb(175,191,223);
}
.linsoloazul:hover
{
	border-bottom:1px solid black;
	border-right:1px solid black;
		
		background-color:rgb(175,191,223);
}
.lindcha:active, .lindchai:active, .linmedio:active, .linizda:active, .linizdai:active, .linmedioi:active, .linmedioazul:active
{
		border-bottom:1px solid black;
	border-right:1px solid black;
		color:white;
		background-color:orange;
}	
.visor_dcha
{
	width:70%;
	height:80%;
	float:right;
	margin:1em;
	border-radius:1em;
	overflow:auto;
	background-color:rgba(255,255,255,.15);/*si va mal, quitar*/
}	
.visor_dcha2
{
	width:75%;
	height:96%;
	float:right;
	margin-right:1em;
	padding:.5em;
	background-color:rgba(255,255,255,.2);
	border-radius:2em 0em 1em 0em;
	overflow:auto;
}
.visor_dcha2a
{
	width:95%;
	height:38em;
	float:right;
	margin-right:1em;
	padding:.5em;
	background-color:rgba(255,255,255,.2);
	border-radius:2em 0em 1em 0em;
	overflow:auto;
}

.visor_dcha2z
{
	font-family:verdana, sans-serif;
	clear:both;
	width:95%;
	height:38em;
	float:right;
	margin-right:1em;
	padding:.5em;
	background-color:rgba(255,255,255,.2);
	border-radius:2em 0em 1em 0em;
	overflow:auto;
}
.dureza
{
	float:right;
	font-family:verdana, sans-serif;
	font-size:.85em;
	margin-right:2em;
	padding:.5em;
	background-color:rgba(255,255,255,.15);
	color:navy;
	
}

.pie
{
	font-family:verdana, sans-serif;
	font-size:.75em;
	color:grey;
	text-align:right;
	padding:.5em;
	
}	
.pie:hover
{
	color:white;
	background-color:navy;
}
.insignia
{
	width:20em;
	position:absolute;
	top:23%;
	left:5%;
	border-radius:5em 0em 2.5em 0em;
	border-bottom:1px solid rgb(50,50,100);
	border-right:1px solid rgb(50,50,100);
	z-index:4;
	background-color:rgba(255,255,255,.3);
	box-shadow:2px 2px 2px 2px rgba(200,200,200,.5);
}
.regalo
{
	color:navy;
	text-align:justify;
	position:absolute;
	top:23%;
	left:75%;
	width:20%;
	padding:.6em;
	border-bottom:1px solid rgb(50,50,100);
	border-right:1px solid rgb(50,50,100);
	border-radius:0em 5em 0em 2.5em;
	background-color:rgba(255,191,0,.8);
	z-index:4;
	box-shadow:2px 2px 2px 2px rgb(200,200,200);
}
.petalo0
{
	width:20em;
	height:20em;
	position:absolute;
	top:30%;
	left:40%;
	background-image:url("imag/petalo0.jpg");
	border-radius:10em;
	text-align:center;
	font-family:CELTG;
	color:navy;
	z-index:5;
}
.petalo1
{
	width:20em;
	height:10em;
	padding:1em;
	position:absolute;
	top:23%;
	left:28.5%;
	background-image:url("imag/petalo1.jpg");
	border-radius:0em 5em 0em 2.5em; 
	text-align:left;
	font-family:CELTG;
	color:navy;
	z-index:4;
}
.petalo2
{
	width:20em;
	height:10em;
	padding:1em;
	position:absolute;
	top:57%;
	left:28.5%;
	background-image:url("../imag/petalo2.jpg");
	border-radius:2.5em 0em 5em 0em; 
	text-align:left;
	font-family:CELTG;
	color:white;
	z-index:3;
}
.petalo3
{
	width:20em;
	height:10em;
	padding:1em;
	position:absolute;
	top:23%;
	left:50%;
	background-image:url("imag/petalo3.jpg");
	border-radius:5em 0em 2.5em 0em; 
	text-align:right;
	font-family:CELTG;
	color:navy;
	z-index:2;
}
.petalo4
{
	width:20em;
	height:10em;
	padding:1em;
	position:absolute;
	top:57%;
	left:50%;
	background-image:url("imag/petalo4.jpg");
	border-radius:0em 2.5em 0em 5em; 
	text-align:right;
	font-family:CELTG;
	color:white;
	z-index:1;
}
.petalo4:hover, .petalo3:hover, .petalo2:hover, .petalo1:hover {
	
	box-shadow:4px 4px 4px 4px rgba(200,200,200,.5);
	color:black;
	border: 2px solid black;
}
.petalo0:hover, .insignia:hover {
	
	box-shadow:8px 8px 8px 8px rgba(200,200,200,.5);
	color:black;
	border: 2px solid white;
}
.acceso{
	width:32%;
	padding:1em 3em;
	position:absolute;
	top:27%;
	left:31%;
	background-color:rgba(255,255,255,.2);
	border-radius:0em 5em 0em 2.5em; 
	text-align:right;
	font-family:verdana, sans-serif;
	font-size:1.2em;
	color:navy;
	z-index:0;
}
input{
	font-size:1em;
	color:navy;
	font-family:verdana, sans-serif;
	padding:.1em;
	margin:.1em;
	
}

input[type="submit"]{border-radius:.5em; background-color:rgb(200,200,200);}

.cuadrito1
{
	font-family:verdana, sans-serif;
	width:19%;
	float:left;
	text-align:right;
	color:navy;
	margin:.5em;
	font-size:1em;
	background-color:rgba(255,255,255,.1);
}
.cuadrito2 
{
	font-family:verdana, sans-serif;
	width:11%;
	/*height:85px;*/
	float:left;
	text-align:center;
	color:navy;
	margin:.5em;
	font-size:.85em;
	background-color:rgba(255,255,255,.1);
}
label
{
	font-family:verdana, sans-serif;
}
table 
{
	margin:.25em auto;
	padding:.75em;
	font-family:verdana, sans-serif;
	background-color:rgba(255,255,255,.4);
	border-radius:.1em .1em 1em 1em;

}
th 
{
	font-family:verdana, sans-serif;
	padding:.2em;
	color:navy;
	background-color:rgba(255,255,255,.4);
	border-radius:.2em;

}
td
{
	font-family:verdana, sans-serif;
	padding:.2em;
	color:navy;
	background-color:rgba(255,255,255,.4);
	border-radius:.2em;

}
caption
{
	font-family:verdana, sans-serif;
	margin-top:.3em;
	padding:.3em;
	color:white;
	background-color:navy;
	border-radius:1em 1em .1em .1em;

}
.externa
{
	border-radius:.5em;
	margin-left:.3em;
	box-shadow:2px 2px 2px 2px rgba(255,255,255,.2);
	border: 1px solid white;
}
.externa:hover
{
	border: 1px solid navy;
	box-shadow:3px 3px 3px 3px rgba(255,255,255,.2);

}
.masfb
{
	text-align:center;
	font-size:.85em;
	color:black;
	width:20em;
	position:absolute;
		top:75%;
		left:5%;
	background-color:rgba(255,255,255,.3);
	border-radius:3em 0em 1.5em 0em;
	border-bottom:1px solid rgb(50,50,100);
	border-right:1px solid rgb(50,50,100);
	z-index:4;
	box-shadow:2px 2px 2px 2px rgba(200,200,200,.5);
}
.masfb:hover
{
	background-color:navy;
	color:white;
}
.formusol
{
	background-color:rgba(255,255,255,.3);
	border-radius:0em 2em 0em 2em;
	font-family:verdana, sans-serif;
	font-size:1em;
	color:navy;
	width:44%;
	margin:2%;
	padding:0% 1% 1% 1%;
	
}
.formusol h3
{
	background-color:navy;
	color:white;
	font-size:.85em;
	padding:.5em 3em;
	width:60%;
	border-radius:1em;
}
.ciento
{
	margin:auto;
	width:95%;
}
.iz30
{
	width:29%;
	clear:both;
	margin-top:.1em;
	padding-top:.1em;
	float:left;
}
.der70
{
	width:70%;
	margin:0%;
	padding:0%;
	float:right;
}
.ficha
{
	border_collapse:collapse;
	background-color:transparent;
	margin:0%;
	width:100%;
}
.celda1
{
	background-color:transparent;
	padding:.3em;
	width:22%;
}
.celda11
{
	background-color:transparent;
	padding:.3em;
}
.celda12
{
	background-color:transparent;
	padding:.3em;
	width:18%;
}
.celda13
{
	background-color:transparent;
	padding:.3em;
	width:7%;
}
.celda2
{
	background-color:rgb(223,223,255);
	padding:.3em;
	width:78%;
}