/* CSS Document */
body {
font:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px ;
line-height: 1.3;	
margin:0 5% 0 0;
padding: 0px;
background-image:url('img/bkgd_cpo.png'); background-repeat:repeat-x;
}

a{  font-size: 90%;
	color:#0066CC;
	text-decoration: none; font-weight:bold;
}

a:link{  font-size: 90%;
	color: #0066CC;
	text-decoration: none; font-weight:bold;
}

a:visited{  font-size: 90%;
	color: #0066CC;
	text-decoration: none; font-weight:bold;
}

a:hover{  font-size: 90%;
	color: #CC0000;
	text-decoration: underline; font-weight:bold;
	background-color:transparent;
}

h1{
 font-size: 140%;
 color: #0066CC;
 margin: 0px;
 padding: 0px;
}

h2{
 font-size: 130%;
 color: #6699FF;
 margin: 0px;
 padding: 0px;
}
h3{
font-size:  120%; 
color: #CC0000; 
margin: 0px; 
padding: 0px; 
text-align:center; 
font-weight:bold;
}
ul{
list-style-type:none;  
 margin-left:0px;
 padding:0 0 0 0px;
}
ul ul{
list-style-type:none;  
}

ul ul ul{
list-style-type:none;  }
li {padding:0px 0 0px 0;}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#cuerpo{width:800px;}

#CONTENIDO { 
width:100%;  
background-color:transparent; 
background-image:url('img/bkgd_cpo.gif'); 
background-position:bottom right; 
background-repeat:no-repeat;
 }

#lateral { 
background-color:transparent;
background-image:url('img/fondo_lat.gif');
background-repeat:no-repeat;
background-position:top;
width:149px; 
height:520px; 
margin-top:1px;padding-left:5px;

}
#lateral_2 { 
background-color:transparent;
background-image:url('img/fondo_lat.gif');
background-repeat:no-repeat;
float:left; 
width:300px; 
height:510px; 
margin-top:1px;padding-left:10px;

}

.pie {
 
background-color:transparent; 
border-bottom:0px solid #0066CC;
border-right:0px solid #0066CC; 
border-top:1px solid #0066CC;
text-align:center; vertical-align:bottom;
clear:both; font-size:9px; padding-top:1px;
}

#titulo { 
width:82%; 
height:65px; 
margin-left:180px; 
text-align:left;
margin-top:0px;
margin-bottom:25px;
border-bottom:0px solid #0066CC;
border-left:0px solid #0066CC;
}

#indicadores { 
width:129px; 
height:auto; 
text-align:left;
margin-top:0px;
color:#0066CC;border-left:1px solid #0066CC; border-top:1px solid #0066CC; border-bottom:1px solid #0066CC;
}

#indicadores p {color:#333333; font-size:95%; padding-left:5px; border-bottom:1px dashed #0066CC;}
#indicadores span {color:#333333; font-size:95%; padding-left:5px;}

#textos {
width:600px; 
height:auto; 
margin-left:10px; 
margin-top:0px; 
text-align:justify; 
background-color:transparent; float:left;
}
#menu { position:relative; width:159px; }
#menu li.caption { 
font-size: 120%; 
color: #CC0000; 
margin: 0px; 
padding: 0px; 
text-align:center; 
font-weight:bold;
 }

#menu li a  {
 letter-spacing: 0px;
 text-align: left;
 padding-left: 8px;
 padding-right: 2px;
 padding-bottom: 1px;
 padding-top:2px;
 display:block;
 width:100%;list-style-type:none; font-size:90%;
}
#menu li a:hover { background-color:#0066CC; color:#fff;  background-image:url('img/normal.png'); background-repeat:no-repeat; font-size:90%}
#menu li.actual a { background-color:#CC0000; color: #fff; background-image:url('img/actual.png'); background-repeat:no-repeat; font-size:90%}

#logo {height:150px; width:150px;}
.textos_form{font-size:95%; color:#0066CC; border:1px solid #CC0000;}
.textos_send{background-image:url('img/envia.jpg'); background-repeat:repeat-x;border:1px solid #CC0000;}
.textos_reset{background-image:url('img/reset.jpg'); background-repeat:repeat-x;border:1px solid #CC0000;}
.lista_mapa {list-style-image:url('img/help.png'); list-style-position:outside; margin-left:25px;}
.tabla_mapa { border-bottom:1px solid #0066CC; padding:5px 0 5px 0;}