body{
font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#666666;
background-color:#2283C7;
background-image:url(../img/bgb.jpg);
background-repeat:repeat-x;
text-align:center;
margin:0;
}
a:link {
	text-decoration: none;
	color:#000033;
}
a:visited {
	text-decoration: none;
	color:#000033;
}
a:hover {
	text-decoration: underline;
	color:#000033;
}
a:active {
	text-decoration: none;
	color:#000033;
}

/*ESTILOS TEXTOS*/

.mora{
height:18px;
background-color:#795591;
text-align:left;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
padding-top:4px;
padding-left:20px;
}

.rojo{
height:18px;
background-color:#8d4f5e;
text-align:left;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
padding-top:4px;
padding-left:20px;
}
.naranja{
height:18px;
background-color:#c27f40;
text-align:left;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
padding-top:4px;
padding-left:20px;
}
.marron{
height:18px;
background-color:#927755;
text-align:left;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
padding-top:4px;
padding-left:20px;
}
.verde{
height:18px;
background-color:#628f55;
text-align:left;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
padding-top:4px;
padding-left:20px;
}
.azul{
height:18px;
background-color:#505e8d;
text-align:left;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
padding-top:4px;
padding-left:20px;
}
.gris{
height:18px;
background-color:#F0F0F0;
text-align:left;
color:#336699;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
padding-top:4px;
padding-left:20px;
}
/*FIN DE ESTILOS DE TEXTO*/

p {font-size:100%;}
/*ENCABEZADOS*/
h1 { 
color:#006699;
font-size:140%;
border-bottom: 0.1em #006699 solid;
font-family:"Arial Rounded MT Bold", arial;
text-align:center;
background-color:#E4E4E4;
font-weight:100;
} 
h2 { 
font-size:120%;
border-bottom: 0.1em #006699 solid;
font-family:"Arial Rounded MT Bold", arial;
text-align:center;
background-color:#E4E4E4;
font-weight:100;
} 
h3 { 
font-size:110%;
height:18px;
padding-top:2px;
font-family:arial;
text-align:center;
background-color:#006699;
font-weight:bold;
color:#FFFFFF;
} 
h4 { 
font-size:110%;
height:18px;
padding-top:2px;
font-family:arial;
text-align:center;
background-color:#663366;
font-weight:bold;
color:#FFFFFF;
} 
h5 { 
color:#663366;
font-size:140%;
border-bottom: 0.1em #663366 solid;
font-family:"Arial Rounded MT Bold", arial;
text-align:center;
font-weight:100;
} 
h6 { 
color:#006666;
font-size:140%;
border-bottom: 0.1em #006666 solid;
font-family:"Arial Rounded MT Bold", arial;
text-align:center;
font-weight:100;
} 
/*FIN DE ENCABEZADOS*/
#pie {
	float:left;
	padding-top:10px;
	width:800px;
	height:40px;
	background-image:url(../img/bgpie.gif);
	background-repeat:no-repeat;
	font-size:small;
	color:#000033;
}


#divcentral{
width:860px;
float:left;
padding:10px;
background-color:#e4e4e4;
}
#divextra{
width:190px;
float:left;
margin:5px;
padding:3px;
text-align:left;
}
#divextra2{
width:163px;
float:left;
margin:5px;
padding:3px;
text-align:left;
background-color:#FFFFFF;
}
#divextra3{
width:190px;
height:180px;
float:left;
margin:5px;
padding:3px;
text-align:left;
background-image:url(../img/imgmen.jpg);
background-repeat:no-repeat;
}
#extra{
width:770px;
float:left;
margin:5px;
padding:3px;
text-align:left;
}
#extra2{
width:440px;
float:left;
margin:5px;
padding:3px;
text-align:left;
}
/*ESTILOS TEXTO*/
.titulo{
color:#006699;
font-size:100%;
border-bottom: 0.1em #006699 solid;
border-top: 0.1em #006699 solid;
font-family:"Arial Rounded MT Bold", arial;
text-align:center;
font-weight:100;
}

.textoresaltado{
font-family:"Trebuchet MS";Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:medium;
color:#990000;
}
.textomuyresaltado{
font-family:"Trebuchet MS";Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:large;
color:#003366;
}

.textoazul{
font-family:"Trebuchet MS";Arial, Helvetica, sans-serif;
font-size:small;
font-weight:bold;
color:#003366;
}

.copyr{
font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#FFFFFF;
}
.tituloscentro{
font-family:"Trebuchet MS";Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:large;
color:#003366;
border-bottom:solid 0.1em #003366;
}
/*FIN ESTILOS TEXTO*/

/*INDEX*/

#in1{
	float:left;
	width:280px;
	padding:3px;
	color:#003366;
	margin:3px;
	font-family:Arial, Times;
	font-size:100%;
}
#in2{
	float:left;
	width:280px;
	padding:3px;
	margin:3px;
	color:#003366;
	font-family:Arial, Times;
	font-size:100%;
}

#subin{
	width:780px;
	float:left;
	border:0.1em solid #999999;
}

#menu{
	float:left;
	width:800px;
	height:35px;
	/*font-family:"Arial Rounded MT Bold", Arial;
	font-size:14px;
	color:#FFFFFF;
	background-color:#336699;
	vertical-align:middle;
	text-align:center;*/
}
/*#navi {
	font-family:"Arial Rounded MT Bold", Arial;
	font-size:14px;
	color:#FFFFFF;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
#navi li {
	margin-left:14px;
	margin-top:7px;
	float:left;
	background-color:#003366;
	}
#navi li a {
	display:block; 
	text-decoration:none;
	text-align:center;
	color:#FFFFFF;
	background-color:#006699;
	}
#navi li a:hover {
	display:block;
	text-align:center;
	color:#FFFFFF;
	}*/
	
#contenedor {
	width:800px;
	/*height:600px;*/
	margin-left:auto;
	margin-right:auto;
}
#cabecera {
	float:left;
	width:800px;
	height:120px;
	text-align:left;
}
#centro{
	float:left;
	width:780px;
	background-color:#FFFFFF;
	padding:10px;
	font-size:100%;
	text-align:left;
}
#cenin{
	float:left;
	width:310px;
	padding:5px;
	color:#003366;
	overflow:auto;
	font-family:"Arial Rounded",Arial, Times;
	font-size:90%;
	font-weight:bold;
	text-decoration:none;
}


/*FIN DE PIES DE PAGINA*/

/*DIV IZQUIERDOS*/
#izq{
	float:left;
	width:33%;
	padding:5px;
	background-color:#e4e4e4;
	color:#003366;
	/*height:370px;*/
	overflow:auto;
}
#izq2{
	float:left;
	width:33%;
	padding:5px;
	background-color:#FFFFFF;
	color:#003366;
	/*height:480px;*/
	overflow:auto;
}

#izq li {
	list-style-image:url(../img/fle.gif);
	text-indent: -1em;
	line-height:2em;
}
#izq3{
	float:left;
	width:310px;
	padding:5px;
	color:#003366;
	overflow:auto;
	font-family:"Arial Rounded",Arial, Times;
	font-size:90%;
	font-weight:bold;
	text-decoration:none;
}

#izq3 ul{
	margin-left:10px;
	padding:0;
}
#izq3 li{
	color:#0099cc;
}

#izq5 ul{
	margin:0;
	padding:0;
}
#izq5 li{
	color:#0099cc;
}
#izq3 li{
	border-bottom:1px #333333 dotted;
	height:25px;
	margin-top:7px;
	list-style:none;
}

#izq3 a{
	margin-top:3px;
	text-decoration:none;
}
#izq3 a:hover{
	color:#666666;
}
#izqin{
	float:left;
	width:33%;
	padding:5px;
	color:#003366;
	/*height:370px;*/
	overflow:auto;
	font-family:"Arial Rounded",Arial, Times;
	font-size:90%;
	font-weight:bold;
	text-decoration:none;
}

#extra2 li{
padding-top:20px;
}

/*FIN DE DIVS IZQUIERDOS*/

/*DIVS DERECHOS*/
#der{
	float:right;
	width:63%;
	padding:5px;
	/*height:100%;*/
	overflow:auto;
	visibility:inherit;
}

#der3{
	float:right;
	width:65%;
	padding:5px;
	/*height:490px;*/
	overflow:auto;
	visibility:inherit;
}
#der li {
	list-style:circle;
}
#derin{
	float:right;
	width:200px;
	padding:3px;
	/*height:370px;*/
	overflow:auto;
	visibility:inherit;
	background-image:url(../img/bgcen.jpg);
	background-repeat:no-repeat;
	border:1px solid #999999;
	background-color:#f0f0f0;
	margin:10px;
}
#der5{
	float:right;
	width:65%;
	padding:5px;
	/*height:470px;*/
	overflow:auto;
	visibility:inherit;
}

/* FIN DIVS DERECHA*/


#fina{
	float:right;
	width:65%;
	padding:5px;
	/*height:370px;*/
	overflow:auto;
	visibility:hidden;
}

/*DIVS ESPECIALES*/
#presentacion {
	float:right;
	width:63%;
	padding:5px;
	height:370px;
	overflow:auto;
	visibility:hidden;
	z-index:1;
	position:relative;
	text-align:justify;
}
#finalidad {
	width:63%;
	padding:5px;
	height:370px;
	overflow:auto;
	visibility:hidden;
	z-index:2;
	position:inherit;
	text-align:justify;
}

/*programas*/
#izq5{
	float:left;
	width:30%;
	padding:5px;
	color:#003366;
	height:470px;
	overflow:auto;
	font-family:"Arial Rounded",Arial, Times;
	font-size:80%;
	font-weight:bold;
	text-decoration:none;
}
#izq5 li{
border-bottom:1px #333333 dotted;
height:30px;
margin-top:5px;
list-style:none;
}

#izq5 a{
margin-top:3px;
text-decoration:none;
}
#izq5 a:hover{
color:#666666;
}


/*fin programas*/

#centro5{
	float:left;
	width:880px;
	/*height:490px;*/
	background-color:#FFFFFF;
	padding:10px;
	font-size:100%;
	text-align:left;
}
.des{
font-family:Arial, Helvetica, sans-serif;
font-size:x-small;
color:#999999;
text-decoration:none;
}

.boton {
	font-size:90%;
        font-family:Arial,Verdana,Helvetica;
        color:#336699;
	font-weight:bold;
        background-color:#E4E4E4;
}

#bot{
	font-size:100%;
        font-family:Arial,Verdana,Helvetica;
        color:#336699;
        border:5px;
	padding:5px;       
	}

#bot li{
		padding-top:5px;
        background-color:#E4E4E4;

}

#menu{
	float:left;
	width:100%;
	padding-top: 1em;
	/*height:35px;*/
}


.nav{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #003366;
border-width: 1px 0;
background: #003366 url(../img/default.gif) center center repeat-x;

}

.nav li{
display: inline;
}

.nav li a{
float: left;
color: white;
padding: 7px 15px;
text-decoration: none;
border-right: 1px solid white;
}

.nav li a:visited{
color: white;
}

.nav li a:hover, .nav li .current{
color: white;
background: transparent url(../img/active.gif) center center repeat-x;
}

<!--[if IE]>
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
<![endif]-->