/* CSS Document */

body{
	/*  cuando veas una frase entre estos simbolos es un comentario */
	background:#DEE2E3; /*  ponemos un color de fondo */
	font-size:14px; /* establezco un tamaño de fuente por defecto */
	font-family:verdana, arial, "nimbus sans l", "sans serif"; /*  tipos de fuentes y sus alternativas */
	margin:0;padding:0;
 line-height:normal;
 text-align:center;

	}
/*  determinamos las caracteristicas de la caja principal que envolverá al contenido de la pagina */

.contenedor{
width:980px; /* un ancho de 980px esta bien con las resoluciones actuales de 1024x768 */
margin:20 auto; 	/* 0 sin espacios externos arriba y abajo y auto centrado horizontalmente */
padding:0; /* 0 sin espacios internos */
text-align:left;
	}
.header{
height:0px; /* para el ejemplo básico he colocado altura neta 60px */
/*background:#386587; /* un color de fondo para el encabezado */
/*color:#CFFFD2;
padding:0px 0;margin:0; /* si se coloca width 100% margin y padding horizontal deben ser cero para que la caja no se salga de los límites altura total ahora es 60+20+20=100px */
	}
.header h1{
padding:0 0px;margin:0;
color:#FFE619;
font-size:1.8em;
font-family:verdana;
	}
.header img{
 width:20px;
 height:36px;
}
.menuhoriz{
width:100%;
margin:10px 0 0px 0; /* para que el cuerpo central diste 10px externamente arriba y abajo */
padding:2%;
/*background:#2ca2aa;*/
	}
	.menuhoriz ul li {
        display: inline;
        padding: 0px 0px; /*Separar el texto*/
        margin:0px; /* Separar los botones */		
		list-style:none;		
        background-color: transparent; /* Color de fondo */

		
}
.menuhoriz ul li a{
color: #003333;
text-decoration:none;
background-color: transparent;
padding:10px;
margin:0;
}
.menuhoriz ul li a:hover{
color:#99FF99;
background:#3E4D28;
}
.menuhoriz ul li ul li{
display:block;
position:relative;
float:left;
}

.menuhoriz ul li:hover ul{
display:block;
}


.menuhoriz ul{font-size:0.9em;list-style:none;margin:0;padding:0 0 0 10px;}

.cuerpo{
margin:0px 0 0px 0; /* para que el cuerpo central diste 10px externamente arriba y abajo */
padding:10px 0;
border-bottom-color: #9999FF;
border-bottom-style: solid;
border-bottom-width:1px;

border-top-color: #9999FF;
border-top-style: solid;
border-top-width:1px;
/*background:#b6f0f4; /* un fondo medio violeta */
/*color: #003300;*/
	}
.lado1{
width:260px;
padding-right:10px; 
/* un ancho de 260px y un padding a la izquierda de 40px ancho total 300px como hereda de la caja CUERPO los demas padding son cero  */
margin:0;
float:left; /* le indico que debe flotar hacia la izquierda  */
display:inline;
	}
.lado1 a {color: #000000;
font-size:13px;
font-style:italic;
}
.lado1 a:visited {color: #000000;}
.lado1 a:active { color:#000000;}

.lado1 ul{font-size:0.9em;list-style:none;margin:0;padding:0 0 0 10px;}
.lado1 ul li{
	margin:3px 0;padding:0;
	list-style:none;
	}
.lado1 ul li a{
color:#FFFFFF;
display:block; /* los enlaces de referencia actuaran como bloque */
text-decoration:none;
background:#668737;
padding:10px;margin:0;
}
.lado1 ul li a:hover{
color:#CEF938;
background:#3E4D28;
}
.lado2{
width:660px; 
margin:0;
padding-right:20px; /* ancho de 660px mas 20px de padding son 680px de ancho total y con los 300px del lado 1 son 980px de ancho total justo concuerda con el ancho asignado a la caja cuerpo*/
float:left; /* float por la izquierda*/
display:inline;

	}
.lado2 a {color: #000000;
font-size:12px;
color:#000000;
}
.lado2 a:visited {color: #000000;}
.lado2 a:active { color:#000000;}

#refer{
	font-size:11px;
	text-decoration:none;
}

.clean{clear:both;} /* elimina los margenes flotantes tanto a la derecha como a la izquierda*/
.footer{
width:96%
margin:0;padding:2%;
/*background:#2ca2aa;
/*background:#658737;*/
/*color:#EAEFC7;*/
	}
.footer p{
/*color:#EAEFC7;*/
font-size:0.9em;
margin: 5px 0;padding:0;
	}
  .Estilo1 {font-weight: bold}