@charset "utf-8";
/* CSS Document */

body{background:url(../images/fondo_interna.png) repeat-x #E8E4DA; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align:center; margin:0}	
body h3{ text-transform:uppercase; font-size:12px}
#container {width:830px; margin: 0 auto; min-height:310px}

/*Header*/
.logo{float:left; height:91px; margin-top:40px; text-align:left;}
.direccion{float: right; text-align:right ;  margin-top:30px; font-size: 10px; color:#9eada1}
.direccion a{ color:#9eada1; text-decoration:none}
.direccion a:hover{text-decoration: underline}
#menuanim{clear:both; text-align:left}


.content{margin-top:30px; text-align:left}
.content .titulo img{margin-right:10px}



/*Menu Lateral*/

.menu_lateral h3 img{ margin-right:15px}
.glossymenu {
	float:left;
	margin: 0px 20px 0 0;
	padding: 0;
	width: 270px; /*width of menu*/
	text-align:left;
	}
.glossymenu a.menuitem {background: #ddd8ca;font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
	display: block;
	position: relative;
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	margin-bottom:2px
}

body .glossymenu .menuactivo{background-color:#143a1e; color:#FFF}
body .glossymenu div.submenu .submenuactivo{background-color:#889a8c; color:#FFF}

.glossymenu .menuitem:active { background:#143a1e; color: white;}
.glossymenu a.menuitem .statusicon { position: absolute;top: 5px;right: 5px;border: none;}
.glossymenu a.menuitem:hover { background-color:#597460; color:#FFF}

.glossymenu div.submenu {background: white;}
.glossymenu div.submenu:hover { background:#ced4ce}
.glossymenu div.submenu:active{ background:#597460}
.glossymenu div.submenu ul {list-style-type: none;	margin: 0;	padding: 0;}
.glossymenu div.submenu ul li { margin-bottom:2px}

.glossymenu div.menuitem submenuheader ul li a{font:Arial, Helvetica, sans-serif normal 12px}

.glossymenu div.submenu ul li a {
	display: block;  font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: black;
	text-decoration: none;
	padding: 5px 0;
	padding-left: 10px;
}
.glossymenu div.submenu ul li a:hover {	background: #889a8c;}

.lineaHor{ background:url(../images/linea_hor.png) repeat-x bottom}


/*Includes Contable*/
.include{width:480px ; float:left; margin: 0px 0 25px 0; padding: 20px 20px 40px 40px; text-align:left; background:#ddd8ca}
.include li{ list-style: disc; margin:15px 0 0 14px}
.include p{margin-top:15px}
.include ul{margin-top: 10px}
.include b{marign-bottom: 10px; font-size:13px; color:#0f3018}
.include li li{ list-style:outside lower-alpha; margin:5px 0 0 -10px}
.publicaciones{ margin:0 0 15px 0; padding-bottom:20px}
.publicaciones img{ margin:15px 0 0 0}
.publicaciones .links{ float:right}
.publicacionesDescripcion{ float:left; width:370px}
.publicacionesDescripcion h4{ text-transform:uppercase;}
.links{ width:60px; margin:15px 15px 0 15px; text-decoration:none; color:#333333; text-align:center;}
.links a{ font-size:10px; color:#666; text-align:center; line-height:11px; margin-top:5px; text-decoration:none }
.links a:hover{ text-decoration: underline}

.News{ clear:both; margin-left:0}
.News a{ text-align:center}
.News img{ text-align:center; margin-left:10px}

#año2009, #año2008{ clear:both; margin:40px 0 0 0}
#año2009 h4, #año2008 h4 {font-size:15px; font-weight:bold; margin:5px 0 0 0}

.include .años{float:right; font-size:11px}
.include .años .ultimo{ background:none; padding-right:0}
.include .años li{float: left; padding:0 8px; background: url(../images/linea_ver.png) repeat-y right; list-style: none; margin:0}
.include .años a{ text-decoration:none; color:#333}
.include .años a:hover{ text-decoration: underline}

/*Includes Economico Financiero*/
.includes{ width:480px; float:left; margin: 0px 0 25px 0; padding: 20px 20px 40px 40px; text-align:left; background:#ddd8ca}
.includes li{ list-style: disc; margin:15px 0 0 14px}
.includes p{margin-top:15px}
.includes ul{margin-top: 10px}
.includes b{marign-bottom: 10px; font-size:13px; color:#0f3018}
.includes li li{ list-style:inside lower-alpha; margin:5px 0 0 -10px}


/*NOVEDADES*/
.novedades{width:210px; height: 300px; float: right; margin-bottom:15px; padding-left:35px; text-align:left; font-size: 11px; color:#2f2f2f;
background-image: url(../images/linea_ver.png); background-repeat:repeat-y; background-position:left;}
.colizq{width: 540px; float:left; margin:0 35px 25px 0 ; text-align:left; color:#2f2f2f}
.colizq h3, .colcen h3, .novedades h3{float:left; display:block; margin:0px}
.novedades img, .colizq img, .colcen img{ display:block; float:left; margin-right:15px; margin-top:6px}
.colizq p, .colcen p{ clear: both; margin-top:5px}

.novedades .novTitulo{ font-weight:bold; font-size:12px; background:none; margin:15px 0 0 0; color:#0f3018}
.novedades .novTituloArriba{ font-weight:bold; font-size:12px; background:none; margin-top:0; color:#0f3018}	
.novedades li{clear: both; text-decoration:none; margin-top:6px; padding-bottom:4px;
	background-image:url(../images/linea_hor.png); background-repeat:repeat-x;  background-position:bottom}
.novedades .ultima{ background-image:none}

.novedades a{ text-decoration:none}
.novedades a:hover{ text-decoration: underline}
.novedades ul{margin-top:27px}
.novedades li a{ color:#000}
.mas{font-size:10px; color: #333333}
.mas img{display:inline; float:none; margin:0 0 0 5px}
.novedades .mas{ float:right}
.novedades .MsoNormal{ float:right; text-align:right}
.novedades .MsoNormal img{display:inline; float:none; margin:0 0 0 5px}



.leerMas .mas{ clear:both;}
.leerMas .mas a{ color:#333; text-decoration:none}
.leerMas .mas a:hover{text-decoration: underline}
.novedades p{float:none; margin:0}
.novedades h4{float:none; margin:0}

.noticias{ padding-bottom:10px}


.margintop{ margin:25px 0 0 0}
.margintop1{ margin:1px 0 0 0}
.borde{ border:1px solid #0f3018}
.bold{font-weight:bolder}


/*TABLAS INDICADORES*/
.indicadores{ text-align: center; background:#FFF; border:2px solid #0f3018; border-collapse: collapse; }
.indicadores tr td{ height:15px; border:1px dotted #999; padding:3px;}
.indicadores .tablasSubtitulo{ text-align:left; padding-left:15px}
.indicadores .tablasSubtitulo2{ text-align: left; padding-left:40px}
.indicadores .tablasTitulo{ text-align:left; font-weight:bolder; color:#0f3018; font-size:13px; text-transform:uppercase}
.indicadores .tablasNota{ text-align:left; font-size:10px; color:#333; background:#ced4ce}
.indicadores .tablaHeader td{ text-align:center; background:#0f3018; border:2px solid #0f3018; color:#FFF; font-weight:bolder}
.indicadores .bordeHor{ border-top:2px solid #0f3018}
.indicadores .bordeVert{ border-right:2px solid #0f3018}
.indicadores .textIzq { text-align:left}
.indicadores .textDer{ text-align:right}
.tituloIndicadores{ text-transform:uppercase; font-weight:bolder; color:#0f3018; margin-bottom:10px}
.SubtituloIndicadores{ margin:0 0 0 0}
.indicadores .tablaHeaderTop{ background:none; text-align:center; color:#0f3018; text-transform:uppercase; font-weight:bolder; border:0}
.textoCentrado{ text-align:center; font-weight:bolder}




/*Contacto*/
.formulario{width:435px; margin:30px 0 30px 0;text-align:left; float:left}
.formulario li{ margin-bottom: 5px}
.formulario li label{display: block; float:left; width:110px; text-align:left; border:none}	
.formulario li .inputText{display:block; float:left; width:320px;  background: #f1efe9; border:none}
.formulario li textarea{float:left; display: block; width: 320px; height: 150px; font-family: Arial, Helvetica, sans-serif;
font-size: 11px; text-align:left; background: #f1efe9; border: none}
.formulario li .boton{float:left; width:80px; height: 20px; padding-bottom: 4px; background:#0f3018; border:none; color:#FFF; margin:10px 5px 0 0; font-size:11px;}
.fotoContacto{ height:216px; float:right; margin-left:10px; margin-top:30px}

/*Footer*/
.footer{clear: both ; text-align: left; font-size:10px}