body {
   font: 11px  Arial, Helvetica, sans-serif;
   margin: 10 0 10 0px; 
   text-align: left;
   background-color: white;
   vertical-align: middle; 
}

p 	    { FONT-FAMILY:  Arial, Helvetica, sans-serif;
		FONT-SIZE: 11px;
		color:#333333; 
		text-decoration:none;
		text-align: justify;
		}
#contenedor{
   text-align: left;
   width: 980px; 
   margin-left: 10px;
}
#cabecera{
	height: 120px;
	background-color: White;
	color: #cccccc;
	font-size:44 px;
	font-weight: bold;
	padding: 3 3 3 3px;
}
#cuerpo{
   margin: 10 0 10 0px;
  /* border-style: dotted;*/
}
/*Estilos para o menu*/
#menu{
   width: 170px;
   background-color: white;
   float:left;
  /* border-style: dotted;*/
}
#menu li{
	padding: 15px 0 2px 4px;
	list-style-image: url(/img/flecha.jpg);
}
#menu li:hover {
	padding: 15px 0 2px 4px;
	list-style-image: url(/img/flechada.jpg);
}

#menu a:link { 
		background-position:1px 5px;
		FONT-WEIGHT: normal; 
		FONT-SIZE: 12px; 
		COLOR: #527BB9; 
		FONT-STYLE: normal; 
		FONT-WEIGHT: bold;
		FONT-FAMILY: Arial, Helvetica, sans-serif; 
		TEXT-DECORATION: none;
	    }
#menu a:visited {
		background-position:1px 5px;
		FONT-WEIGHT: normal; 
		FONT-SIZE: 12px; 
		COLOR: #527BB9; 
		FONT-STYLE: normal; 
		FONT-WEIGHT: bold;
		FONT-FAMILY: Arial, Helvetica, sans-serif; 
		TEXT-DECORATION: none;
	    }
#menu a:hover {
		background-position:1px 5px;
		FONT-WEIGHT: normal; 
		FONT-SIZE: 13px; 
		COLOR: #cc6600; 
		FONT-STYLE: normal; 
		FONT-WEIGHT: bold;
		FONT-FAMILY: Arial, Helvetica, sans-serif; 
		TEXT-DECORATION: none
	    }
#menu a:active {
		background-position:1px 5px;
		FONT-WEIGHT: normal;
		FONT-SIZE: 12px; 
		COLOR: #993300; 
		FONT-STYLE: normal;
		FONT-WEIGHT: bold;		
		FONT-FAMILY: Arial, Helvetica, sans-serif; 
		TEXT-DECORATION: none;
	    }
/*fin de estilos menu*/
#lateral ul{
   margin : 0 0 0 0px;
   padding: 0 0 0 0px;
   list-style: none;
}
#lateral li{
   background-color: #ffffcc;
   margin: 2 2 2 2px;
   padding: 2 2 2 2px;
   font-weight: bold;
}

#principal{
   margin-left: 170px;
   background-color: #ffffff;
   padding: 4 4 4 4px; 
   margin-right: 10px;
}

#otrolado{
	width: 120px;
	float: right;
	
}


#pie{
   background-color: #cccccc;
   padding: 3 10 3 10px;
   text-align:right;
   clear: both;
} 


.texto_cabecera{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 44px;
	color:#527BB9; 
	text-decoration:bold;
	text-align: center;
	margin-left: 200px;
	margin-top: 0px;

}

/*Titulo de parrafo*/
.titulo_naranja{ 
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		FONT-SIZE: 12px;
		color:#FF6600; 
		text-decoration:none;
		FONT-WEIGHT: bold; 
		text-align: left;
		}
		
/* divs contenedores de  fotos */

.contenedorfoto_izquierda {
   float:left;
   margin: 5px;
   padding:6px;
   background-color:#f5f7f9;
   border-right: #a5a7aa solid 1px;
   border-bottom: #a5a7aa solid 1px;
   text-align:center;
} 


.contenedorfoto_derecha {
   float:right;
   margin: 10px;
   padding:5px;
   background-color:#f5f7f9;
   border-left: #a5a7aa solid 1px;
   border-bottom: #a5a7aa solid 1px;
   text-align:center;
} 

/* contenedores para vídeos*/

.contenedorVideo_izquierda {
   float:left;
   margin: 30px;
   padding:6px;
   background-color:#f5f7f9;
   border-right: #a5a7aa solid 1px;
   border-bottom: #a5a7aa solid 1px;
   text-align:center;
} 
/*estilos para los formularios*/
.casillas { BORDER-RIGHT: #cccccc 1px solid; 
		BORDER-TOP: #cccccc 1px solid; 
		FONT-WEIGHT: normal; 
		FONT-SIZE: 11px; 
		BORDER-LEFT: #cccccc 1px solid; 
		COLOR: #333333; 
		BORDER-BOTTOM: #cccccc 1px solid; 
		FONT-STYLE: normal; 
		FONT-FAMILY:  Arial, Helvetica, sans-serif; 
		BACKGROUND-COLOR: #f7f7ec;
		TEXT-ALIGN: left;
	    }
.botones  { width: 88px; 
		height: 27px;
		border: 0px Solid blue; 
		background: url(/img/formularios/boton.jpg) no-repeat;
		color:black;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		FONT-WEIGHT: bold;
		FONT-SIZE: 11px;
		cursor: pointer;
	    }
.botones:hover  { width: 88px; 
		height: 27px;
		border: 0px Solid blue; 
		background: url(/img/formularios/boton.jpg) no-repeat;
		color:#527BB9;
		FONT-FAMILY: Arial, Helvetica, sans-serif;
		FONT-WEIGHT: bold;
		FONT-SIZE: 11px;
		cursor: pointer;
	    }
legend      { color:#527BB9; 
		text-align:center;
		font-family: Arial, Helvetica, sans-serif;
		FONT-SIZE: 12px;
		font-weight:bold
	    }
fieldset {
		border-top: 1px solid #efefef;
		border-left: 1px solid #efefef;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		padding: 1em 1em 1em 1.5em;
}

.invisible  { background-color:white;
		FONT-WEIGHT: normal;
		FONT-SIZE: 11px; 
		COLOR: #333333; 
		LINE-HEIGHT: 15px; 
		FONT-STYLE: normal; 
		FONT-FAMILY: Arial, Helvetica, sans-serif; 
		TEXT-ALIGN: left;

	    }


/*estilo de enlaces por defecto*/
a:link { 
		background-position:1px 5px;
		FONT-WEIGHT: normal; 
		FONT-SIZE: 10px; 
		COLOR: #527BB9; 
		FONT-STYLE: normal; 
		FONT-FAMILY: Arial, Helvetica, sans-serif; 
		TEXT-DECORATION: none;
	    }
a:visited {
		background-position:1px 5px;
		FONT-WEIGHT: normal; 
		FONT-SIZE: 10px; 
		COLOR: #527BB9; 
		FONT-STYLE: normal; 
		FONT-FAMILY: Arial, Helvetica, sans-serif; 
		TEXT-DECORATION: none;
	    }
a:hover {
		background-position:1px 5px;
		FONT-WEIGHT: normal; 
		FONT-SIZE: 10px; 
		COLOR: #cc6600; 
		FONT-STYLE: normal; 
		FONT-FAMILY: Arial, Helvetica, sans-serif; 
		TEXT-DECORATION: none
	    }
a:active {
		background-position:1px 5px;
		FONT-WEIGHT: normal;
		FONT-SIZE: 10px; 
		COLOR: #993300; 
		FONT-STYLE: normal; 
		FONT-FAMILY: Arial, Helvetica, sans-serif; 
		TEXT-DECORATION: none;
	    }