@charset "utf-8";
/* CSS Document */
html{
	height: 100%;
}
	
body {
	height: 98%;
	background: #C0D9D9  url(../imagenes/fondo5.png) repeat;
	font : 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #9900FF;
	margin : 10px 0px 10px 0px;
	text-align: center;
} 
#borde{ 
 
text-align: left; 
width: 96%; 
height:95%;
margin: auto; 
} 

#contenedor{ 
text-align: left; 
border: 2px solid #cccccc; 
width: 98%; 
height: 98%;
margin: auto; 
padding :10px;
background-color : #ffffff; 
}

#titulo{
	
	text-align: center;
	border: 2px solid #cccccc;
	width: 98%;
	margin: auto;
	background-color : #CC99CC;
	font-weight: bold;
	font-size: 16px;
}

#foto{
	border: 2px solid #cccccc;
	height: 56px;
	background:  #C0D9D9 url(../imagenes/fondoleonardo1.jpg) repeat;

}

#navegador{ 
background : #F5F4C3 url(imagenes/fondonav.gif); 
padding :10px; 
border-top : 1px solid #cccccc; 
border-bottom : 1px solid #cccccc; 
}  

#cuerpo{
	width:86%;
	height:80%;
	padding: 12px 0px 0px 0px;
	background-color: #EBF2FE;
	float: left;
	overflow-y: scroll;
	border: 1px solid #cccccc; 
} 

#cuerpo_i{
	width: 49%;
	height:80%;
	margin-left: 4px;
	padding: 10px 0px 0px 0px;
	background-color: #CC99FF;
	float: left;
	border : 1px solid #cccccc;
	overflow-y: scroll;
} 
#cuerpo_d{
	width: 49%;
	height:80%;
	margin-right: 4px;
	border : 1px solid #cccccc;
	padding 10px 0px 0px 0px; 
	background-color: #CC99FF;
	float: right;
	overflow-y: scroll;
} 


#cuerpo_e{
	width: 76%;
	height: 80%;
	padding: 12px 0px 0px 0px;
	background-color: #EBF2FE;
	float: left;
	overflow-y: scroll;
} 

#pie{ 
clear : both; 
color : #9900CC; 
text-align : right; 
margin : 10px 10px 0px 10px; 
padding: 7px 4px 5px 4px; 
height: 15%;
}

#lateral{ 
width: 13%; 
height: 80%;
background-color: #EBF2F1; 
border-bottom : 1px solid #cccccc; 
border-left : 1px solid #cccccc; 
float:right; 
padding: 12px 4px 0px 4px;
} 
#lateral_ancho{ 
width: 23%; 
height: 80%;
background-color: #EBF2FE; 
border-bottom : 1px solid #cccccc; 
border-left : 1px solid #cccccc; 
float:right; 
padding: 12px 4px 0px 4px;
} 

.boton {
	margin: 0.2em;
	padding: 1em;
	cursor: pointer;
	background:  #71FF71;
	text-decoration: none;
	color: #990099;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.pulse {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.pulse:hover, .pulse:focus, .pulse:active {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Pulse Grow */
@-webkit-keyframes pulsos {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes pulsos {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.pulsos {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.pulsos:hover, .pulsos:focus, .pulsos:active {
  -webkit-animation-name: pulsos;
  animation-name: pulsos;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}




/* Hover */
@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.hover {
  display: inline-block;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hover:hover, .hover:focus, .hover:active {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}




/*

#navabajo{ 
font-weight : bold; 
} 

#cuerpoe{
	width: 100%;
	height: 550px;
	background-color : #ffffff;
	overflow-y: scroll;
	text-align: center;
} 

 







#cabecera{ 
height : 115px; 
width: 1100px; 
} 

A.enlacenav, A.enlacenav:VISITED, A.enlacenav:ACTIVE, A.enlacenav:FOCUS, A.enlacenav:LINK{ 
color: #494E6B; 
} 
A.enlacenav:HOVER{ 
color: #3F7DE3; 
} 
a, a:link, a:active{
	text-decoration:none;
	color:#2e618a;
	color:#407f91;
}
a:visited{
color:
	color: #FF0;
}
a:hover {
color:#d36400;
}

#cuerpo2{ 
width:560px; 
margin-left: 8px; 
padding: 12px 0px 10px 0px; 
background-color : #ffffff; 
float:left;
}




#lateral_i{ 
width: 120px; 
background-color: #EBF2FE; 
border-bottom : 1px solid #cccccc; 
border-left : 1px solid #cccccc; 
float:right; 
} 


.cuerpolateral{ 
padding: 5px 4px 13px 10px; 
} 
INPUT { 
font-size : 8pt; 
} 

#fbuscar form{ 
margin-bottom : 0px; 
margin-top : 0px; 
} 
#campotexto{ 
float: left; 
} 
#campotexto input{ 
width:100px; 
} 
#botonbuscar { 
padding-top : 3px; 
padding-left: 106px; 
} 
#botonbuscar input{ 
border : 0px none; 
} 
.radio{ 
clear:both; 
} 
#otras ul{ 
margin : 5px 10px 0px 0px; 
padding: 0px 0px 0px 4px; 
list-style: none; 
} 
#otras li{ 
padding-left: 14px; 
background: transparent url(images/bullet.gif) 0 2px no-repeat; 
margin-bottom: 10px; 
}