/*HOJA DE ESTILOS GENERAL*/
* {
  margin:0px;
  padding:0px;
}
  
/*ESTILO CUERPO DE LA PAGINA*/
body

{
  font-family: Arial, Comic Sans MS, Times New Roman;
  font-size: medium;
  
  background-image: -webkit-linear-gradient( left top, #FFFFFF, #0099CC 2150px);  
  background-image: -moz-linear-gradient( left top, #FFFFFF, #0099CC 2150px);  
  background-image: -o-linear-gradient( left top, #FFFFFF, #0099CC 2150px);
  
  width:2000px;
  height:4000px;
  background-size:cover; 
}

/*ESTILOS DE TITULO*/
.h1
{
  
  font-family: fantasy;
  font-size: 30px;
  color: #0B3B0B;
  --color:#FFFFFF;
  font-style: italic;
  text-align: center;
}

h2
{
  font-family: helvetica;
  font-size: 20px;
  color: #D0FA58;
  font-style: oblique;
  text-align: justify;
}

h3
{
  
  color:#0C227D; 
  font-size:22px; 
  line-height:26px; 
  font-weight:400px; 
  font-style:bold;
  margin:0 0 8px 0;
}

/*ESTILO DEL PARRAFO*/
.p
{
  font-family: Arial;
  font-size: 9px;
  color: #000000;
  text-align: justify;
  text-transform: capitalize;
}

/*ESTILO BOTON*/
.boton
{
  font-family: Arial;
  font-weight: bold;
  font-size: medium;
  background-color: #DCDCDC;
  color: #000000;
  border: 1px;
  cursor: pointer;
}
.boton:hover
{
  border-bottom: 1px solid #cccccc;
  border-top: 2px solid #666666;
  border-right: 1px solid #cccccc;
  border-left: 2px solid #666666;
}

/*ESTILO ENLACES*/
.link
{
  font-family: Arial;
  font-size: medium;
  color: #0000cc;    
}
.link:hover
{
  color:#999999;
  font-weight:bold  
}
.link:visited
{
  color: #2F4F4F;  
}

/*ESTILO TABLAS*/
.tabla
{
 font-family: Arial;
 font-size: medium;
 font-style: italic;
 font-weight: bold;  
 text-align: justify;
 text-transform: capitalize;
 width: auto;
 background: #FFFFFF;
 position: center;
  
/*REDONDEA Y DA SOMBRA A LA TABLA*/    
  
 border-radius:7px;
 -moz-border-radius:7px; //Firefox
 -webkit-border-radius:7px; //Safari y navegadores que usen WebKit 
 text-shadow: #fff 0px 1px 1px;
 box-shadow: 1px 1px 2px rgba(0,0,0,.5);
 -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);//Safari y navegadores que usen WebKit
 -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);//Firefox
}

/*ALTERNA COLORES EN LA TABLA*/    

.odd th, .odd td
{
  background: #87CEFA;
}

/*ESTILO COLORES DEGRADADOS*/
.degradado 
{ 
 background: -webkit-gradient(linear, left top, left bottom, from(#E1F5A9), to(#ffffff));
 background: -moz-linear-gradient(top,#E1F5A9,  #ffffff);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1F5A9', endColorstr='#ffffff');
}

.degradado2
{
 background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ffffff));
 background: -moz-linear-gradient(top,#FFFFFF,  #ffffff);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ffffff');
}

/*ESTILO REDONDEADO*/
.redondeado
{
 background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ffffff));
 background: -moz-linear-gradient(top,#FFFFFF,  #ffffff);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ffffff');
 border-radius:7px;
 -moz-border-radius:7px; //Firefox
 -webkit-border-radius:7px; //Safari y navegadores que usen WebKit
}

/*ESTILO MENU ICONOS ANIMADO*/
#dock2 
{
 width: 100%;
 bottom: 5px;
 position: absolute;
 left: 0px;
}

.dock-container2 
{
 position: absolute;
 height: 5px;
 background: url();
 padding-left: 20px;
}

a.dock-item2 
{
 display: block; 
 font: bold 17px Cambria,'Times New Roman','Nimbus Roman No9 L','Freeserif',Times,serif;
 width: 50px; 
 color: #000; 
 bottom: 0px; 
 position: absolute;
 text-align: center;
 text-decoration: none;
}

#Bienvenida{

	position: relative;
 	visibility:visible;
 	top:0%;
 	left:19%;     
	border-radius:358px 359px 58px 94px;
	background-image: -webkit-linear-gradient( left top, #FFFFFF, #90C83C 90px);
	background-image: -o-gradient( left top, #FFFFFF, #90C83C 90px);
	background-image: -moz-linear-gradient( left top, #FFFFFF, #90C83C 90px);
	width:600px
	
}

.dock-item2 span 
{
 display: none;
 padding-left: 20px;
}

.dock-item2 img 
{
 border: none; 
 margin: 5px 10px 0px; 
 width: 100%; 
}

/*ESTILOS DIV*/

#cabecera
{
 position: absolute;
 visibility: visible;
 top:0%;
 width:1250px;
 left:0%;
 height: 100px;
 background: ;
 margin:0px;
 padding:0px;
}

#logo
{
 position: absolute;
 visibility:visible;
 top:5%;
 width:100%; 
 left:.5%; 
 height:15%; 
}

#titulo
{
 position: absolute;
 visibility:visible;
 top:2%;
 width:50%; 
 left:49%; 
 height:15%; 
}

#lateral
{
 position: absolute;
 visibility: visible;
 left:0px;
 width: 189px;
 top: 132px;
 height: 752px;
 background: ;
 margin:0px;
 padding:0px;
}

#acceso
{
 position: relative;
 visibility: visible;
 text-align:center;
 left:10px;
 width: 189px;
 top: 50px;
 height: 100px;
 background: ;
 margin:0px;
 padding:0px;
}

#slideshow
{
 position: absolute;
 visibility: visible;
 left:2px;
 top:400px;
 background: ;

}

#contenedor
{
 position: absolute;
 visibility: visible;
 
 left:190px; 
 width:1060px; 
 top:131px;
 height:700px;      
 background-image: -webkit-linear-gradient( left bottom, #FFFFFF, #0099CC 5000px);
 background-image: -o-linear-gradient( left bottom, #FFFFFF, #0099CC 5000px);
 background-image: -moz-linear-gradient( left bottom, #FFFFFF, #0099CC 5000px);

}

#contenedor1
{
 position: relative;
 visibility: visible;
 left:190px; 
 width:1280px; 
 top:131px;
 height:920px;      

}

#abajo
{
 position: absolute;
 visibility: visible;
 left:190px;
 width:1060px;
 top:834px;
 height:50px;     
 background: ;

}
*
{
 margin: 0;
 padding: 0;
 ds: 0;
}