/* CSS Document */

/* COLORES
	verde: #61A718
	verde oscuro:#2B580A 
*/

* {margin: 0; padding: 0;}
img{border: none;}

body{text-align: center;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; background: #61A718 url(../images/fondo.jpg) repeat-x left top; color: #666; letter-spacing: 0.04em;}

input, select, textarea {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #666; border: 1px solid #999; vertical-align:middle;}
label{text-align: left; width: auto;}
input.entrar{width: 80px; border: 1px solid #666; background-color: #fff; text-align: center; color: #333; cursor: pointer;}

ul, li{list-style: none;}

div.clear{clear: both;}

#contenedor{margin: 0 auto; background: #fff url(../images/fondoblanco.jpg) repeat-x left top; width: 998px; border: 2px solid #2B580A; padding: 0 20px 0px 20px; min-height: 950px; overflow: hidden;}

#cabecera1{width: 998px;}
img.logo{float: left; margin: 18px 0 0 0;}

#menusup{float: right; background: url(../images/fondomenusup.gif) no-repeat right top; width: 462px; padding: 11px 0; text-align: left;}
#menusup label{float: left; text-align: left; margin: 0 5px 0 10px;}
#menusup select{float: left; text-align: left; margin: 0 6px 0 0; width: 130px;}
#menusup input.btn_idioma{float: left; margin: 0 6px 0 0; cursor: pointer; width: 25px; height: 25px; font-weight: bold; background: url(../images/go.gif) no-repeat left top; border: none; padding: 0;}
#menusup ul{float: left; display: inline; text-align: center;}
#menusup ul li{float: left; display: inline; text-align: center; font-size: 10px; color: #666;}
#menusup ul li a{font-size: 10px; color: #666; text-decoration: none; padding: 0 8px;}
#menusup ul li a:hover{font-size: 10px; color: #333; text-decoration: none;}
#menusup ul li.mapaweb{background: url(../images/mapaweb.gif) no-repeat center top; padding: 10px 0 0 0; border-right: 1px solid #666;}
#menusup ul li.contacto{background: url(../images/mail.gif) no-repeat center top; padding: 10px 0 0 0; border-right: 1px solid #666;}
#menusup ul li.ubicacion{background: url(../images/ubicacion.gif) no-repeat center top; padding: 10px 0 0 0;}

#menuprincipal{float: right; color: #333; margin: 0 0 5px 0; text-align: center;}
#menuprincipal ul{float: left; display: inline; text-align: center;}
#menuprincipal ul li{float: left; display: inline; color: #333; border-left: 1px solid #333; border-right: 1px solid #ccc; text-align: center; padding: 0 2px;}
#menuprincipal ul li.sinborde{border-right: none;}
#menuprincipal ul li a{float: left; color: #333; background-color: transparent; text-decoration: none; padding: 1px 3px;}
#menuprincipal ul li a:hover{color: #fff; background: #61A718; text-decoration: none;}

#cabecera2 {float: left; background: url(../images/cabecera.jpg) no-repeat left top; width: 996px; height: 168px; margin: 0 0 10px 0;}
#cabecera2.sinfondo {float: left; background-image: none; width: 996px; height: 168px; margin: 0 0 10px 0;}


/*div.textocabecera1{float: left; text-align: left; color: #fff; font-weight: bold; width: 210px; margin: 0 0 0 110px; border: 1px solid red;}
div.textocabecera2{float: left; text-align: left; color: #fff; font-weight: bold; width: 210px; margin: 0 0 0 120px; border: 1px solid red;}
div.textocabecera3{float: left; text-align: left; color: #fff; font-weight: bold; width: 200px; margin: 0 0 0 130px; border: 1px solid red;}
div.textocabecera1 h1, div.textocabecera2 h1, div.textocabecera3 h1{font-size: 20px; margin: 15px 0 5px 0; font-weight: normal;}
div.textocabecera1 h1 a, div.textocabecera2 h1 a, div.textocabecera3 h1 a{font-size: 20px; margin: 15px 0 5px 0; font-weight: normal; text-decoration: none; color: #fff;}
div.textocabecera1 h1 a:hover, div.textocabecera2 h1 a:hover, div.textocabecera3 h1 a:hover{font-size: 20px; margin: 15px 0 5px 0; font-weight: normal; text-decoration: underline; color: #fff;}
div.textocabecera1 p, div.textocabecera2 p, div.textocabecera3 p{font-size: 15px; font-weight: normal;}
div.textocabecera1 p a, div.textocabecera2 p a, div.textocabecera3 p a{font-size: 15px; font-weight: normal; text-decoration: none; color: #fff;}
div.textocabecera1 p a:hover, div.textocabecera2 p a:hover, div.textocabecera3 p a:hover{font-size: 15px; font-weight: normal; text-decoration: underline; color: #fff;}*/

h1.txt1, h1.txt2, h1.txt3, h1.txt4, h1.txt5, h1.txt6{float: left; text-align: left; color: #fff; font-weight: normal; font-size: 20px;}
h1.txt1 a, h1.txt2 a, h1.txt3 a, h1.txt4 a, h1.txt5 a, h1.txt6 a{text-decoration: none; color: #fff;}
h1.txt1 a:hover, h1.txt2 a:hover, h1.txt3 a:hover, h1.txt4 a:hover, h1.txt5 a:hover, h1.txt6 a:hover{text-decoration: underline; color: #fff;}
h1.txt1{margin: 15px 0 30px 110px; width: 210px;}
h1.txt2{margin: 15px 0 30px 120px; width: 210px;}
h1.txt3{margin: 15px 0 30px 135px; width: 210px;}
h1.txt4{margin: 0 0 0 110px; width: 210px;}
h1.txt5{margin: 0 0 0 120px; width: 210px;}
h1.txt6{margin: 0 0 0 135px; width: 210px;}

#menu{float: left; width: 251px; background: url(../images/cuadrosubmenu.gif) no-repeat left top; height: 495px; margin: 0 10px 0 0;}
#menu.sinfondo{background:url(../images/fondomenuchica.jpg) no-repeat 5px bottom; border-right: 1px dotted #ccc;}
#menu h1{text-align: left; font-size: 14px; color: #333; padding: 5px 6px 3px 6px; font-family: Geneva, Arial, Helvetica, sans-serif;}
#menu dl{margin: 0 5px; width: 241px; background-color: #FFFFFF;}
#menu dl dt{background: url(../images/fondosubmenu.gif) repeat-x left top; text-align: left; color: #fff; border-bottom: 1px solid #fff; font-weight: bold; display: block;}
#menu dl dt a{background: url(../images/fondosubmenu.gif) repeat-x left top;text-align: left; color: #fff; text-decoration: none; display: block; padding: 2px 5px;}
#menu dl dt a:hover{background: url(../images/fondosubmenu2.gif) repeat-x left top;text-align: left; color: #fff; text-decoration: none; display: block;}
#menu dl dd{font-size: 11px; text-align: left; padding: 3px; color: #333; background-color: #FFFFFF; border-bottom: 1px dotted #999; line-height: 1.2em;}
#menu dl dd a{color: #333; text-decoration: none;}
#menu dl dd a:hover{color: #999; text-decoration: none;}
#menu dl dd strong{color: #2B580A;}
#menu dl dd.sm1{margin: 0;}
#menu dl dd.sm2{padding: 3px 3px 3px 13px; color: #666; background: url(../images/bullet3.gif) no-repeat 4px 4px;}
#menu dl dd.sm2 a{color: #666;}
#menu dl dd.sm2 a:hover{color: #333;}
#menu dl dd.sm3{padding: 3px 3px 3px 23px; color: #666; background: url(../images/bullet3.gif) no-repeat 14px 4px;}
#menu dl dd.sm3 a{color: #666;}
#menu dl dd.sm3 a:hover{color: #333;}
#menu dl dd.sm4{padding: 3px 3px 3px 33px; color: #666; background: url(../images/bullet3.gif) no-repeat 24px 4px;}
#menu dl dd.sm4 a{color: #666;}
#menu dl dd.sm4 a:hover{color: #333;}

div.buscador{float: left; background-color:#eee; margin: 5px 5px; padding: 5px 5px; border-top: 1px solid #999; width: 230px; opacity:0.9;}
div.buscador h1{background-color: #ccc; margin: 0 0 5px 0; padding: 0;}
div.buscador label{float: left; margin: 0 5px 5px 5px; color:#2B580A; width: auto;}
div.buscador select{margin: 0 0 5px 0; width: 160px;}
div.buscador input.largo{width: 215px; margin: 0 0 5px 0;}
div.buscador select.largo{width: 215px; margin: 0 0 5px 0;}
div.buscador select.corto{width: 40px;}
div.buscador select.corto2{width: 77px;}
div.buscador input.entrar{float: right; margin: 0 9px 0 0; color:#2B580A;}

img.certificados{padding: 3px 38px; background-color: #FFFFFF;}

#proyectos{float: left; background: url(../images/fondocarpeta.jpg) no-repeat left top; width: 497px; height: 276px;}
#proyectos h1{color: #fff; font-size: 25px; text-align: left; margin: 10px 0 35px 10px;}
#proyectos ul{float: left; display: block; margin: 10px 0 10px 15px; width: 95%;}
#proyectos ul li{background: url(../images/flecha.gif) no-repeat left 6px; padding: 2px 0 2px 15px; color: #333; display: block; text-align: left;}
#proyectos ul li a{color: #333; text-decoration: none;}
#proyectos ul li a:hover{color: #CC0000; text-decoration: none;}
#proyectos label{float: left; color: #333; text-decoration: underline; margin: 0 5px 0 15px;}
#proyectos select{float: left; width: 200px;}
p.verproyectos{float: right; color: #fff; text-align: center; background: url(../images/btn_ver.gif) no-repeat left top; width: 121px; padding: 2px 0 3px 0; margin: 0 10px 0 0;}
p.verproyectos a{color: #fff; text-decoration: none;}
p.verproyectos a:hover{color: #333; text-decoration: none;}

#actualidad{float: right; background: url(../images/fondonoticias.gif) no-repeat left top; width: 223px; height: 276px;}
#actualidad h1{color: #fff; font-size: 16px; text-align: left; margin: 3px 0 0 5px;}
#actualidad dl{float: left; width: 213px; margin: 5px; color: #fff; line-height: 1.3em; height: 205px;}
#actualidad dl dt{float: left; color: #FFFF00; font-size: 9px; text-align: left; margin: 0 5px 0 0;}
#actualidad dl dt a{float: left; color: #FFFF00; font-size: 9px; text-align: left; text-decoration: none;}
#actualidad dl dt a:hover{color: #FFFF00; font-size: 9px; text-align: left; text-decoration: underline;}
#actualidad dl dd{float: left; color: #fff; text-align: left; width: 150px; margin: 0 0 5px 0;}
#actualidad dl dd a{float: left; color: #fff; text-align: left; text-decoration: none;}
#actualidad dl dd a:hover{color: #fff; text-align: left; text-decoration: underline;}
p.vernoticias{text-align: right; color: #fff; margin: 0 10px 0 0;}
p.vernoticias a{text-align: right; color: #fff; text-decoration: none;}
p.vernoticias a:hover{text-align: right; color: #fff; text-decoration: underline;}

div.noticiaportada{float: left; width: 172px; background: url(../images/cuadropeque.gif) no-repeat left 20px; height: 206px; margin: 12px 16px 0 0;}
div.noticiaportada p{font-size: 10px; text-align: left; padding: 0 15px 5px 20px; margin: 0;}
div.noticiaportada p a{font-size: 10px; text-align: left; color: #666; text-decoration: none;}
div.noticiaportada p a:hover{color: #666; text-decoration: underline;}
div.noticiaportada img{padding: 10px 0 0 0; margin: 0;}
div.noticiaportada h2{text-align: left; color: #666; font-size: 12px;}

/*div.login{float: left; width: 172px; background: url(../images/cuadrologin.gif) no-repeat left 20px; height: 206px; margin: 12px 0 0 0; text-align: left;}
div.login p{font-size: 10px; text-align: left; padding: 5px 10px;}
div.login h2{text-align: left; color: #666; font-size: 12px; margin: 0 0 10px 0;}
div.login label{ margin: 0 0 0 10px;}
div.login input{margin: 0 0 5px 10px;}*/


div.encuesta{float: left; width: 172px; height: 206px; margin: 12px 0 0 0; text-align: left;}
div.encuesta h2{text-align: left; color: #666; font-size: 12px; margin: 0 0 2px 0;}


#cuerpo{float: right; /*background: url(../images/cabeceratexto.jpg) no-repeat left top;*/ width: 735px; min-height: 276px;}
#cuerpo h1{color: #333; font-size: 20px; text-align: left; margin: 0 0 10px 10px; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 0.09em; padding: 0 0 0 10px;background: url(../images/flechatitulo.gif) no-repeat left 3px;}


ul.textolista{text-align: left; display: block; list-style: none; margin: 0 0 10px 10px;}
ul.textolista li{background: url(../images/flecha.gif) no-repeat left 6px; padding: 2px 0 2px 15px; color: #666; display: block; text-align: left;}
ul.textolista li a{color: #666; text-decoration: underline;}
ul.textolista li a:hover{color: #61A718; text-decoration: none;}
ul.textolista img{float: right; padding: 2px 0;}
ul.textolista li.conimagen{background-image: none; padding: 2px 0 2px 0; color: #666; display: block; text-align: left; border-bottom: 1px dotted #ccc;}
ul.textolista ul li{background: url(../images/bullet.gif) no-repeat left 8px; padding: 2px 0 2px 15px;}

ul.empresaslista{float: left; text-align: left; display: block; list-style: none; margin: 0 0 10px 10px; width: 330px;}
ul.empresaslista li{background: url(../images/flecha.gif) no-repeat left 6px; padding: 2px 0 2px 15px; color: #666; display: block; text-align: left;}
ul.empresaslista li a{color: #666; text-decoration: none;}
ul.empresaslista li a:hover{color: #61A718; text-decoration: none;}

ul.menutexto{float: left; display: inline; list-style: none; width: 99%; margin: 0 0 10px 0; border-bottom: 1px solid #61A718;}
ul.menutexto li{float: left; border-right: 1px solid #fff;}
ul.menutexto li a{float: left; color: #fff; text-decoration: none; background-color: #61A718; padding: 2px 5px;}
ul.menutexto li a:hover{color: #333; background-color: #ccc; text-decoration: none;}
ul.menutexto li.select{float: left; color: #333; background-color: #ccc; padding: 2px 5px;}

ul.proyectos{text-align: left; display: block; list-style: none; margin: 0 0 20px 10px;}
ul.proyectos li{background: url(../images/doc.gif) no-repeat left 18px; padding: 2px 0 5px 15px; color: #2B580A; display: block; text-align: left; font-weight: bold; border-bottom: 1px dotted #ccc; margin: 0 0 5px 0;}
ul.proyectos li a{color: #2B580A; text-decoration: none;}
ul.proyectos li a:hover{color: #CC0000; text-decoration: none;}
ul.proyectos li span.fecha{font-size: 11px; color: #61A718; font-weight: normal;}

ul.memoria{text-align: left; display: block; list-style: none; margin: 0 0 20px 10px;}
ul.memoria li{background: url(../images/doc.gif) no-repeat left 2px; padding: 2px 0 5px 15px; color: #2B580A; display: block; text-align: left; font-weight: bold; border-bottom: 1px dotted #ccc; margin: 0 0 5px 0;}
ul.memoria li a{color: #2B580A; text-decoration: none;}
ul.memoria li a:hover{color: #CC0000; text-decoration: none;}
ul.memoria li span.fecha{font-size: 11px; color: #61A718; font-weight: normal;}

ul.noticias{text-align: left; display: block; list-style: none; margin: 0 0 20px 10px; width: 700px;}
ul.noticias li{float: left; padding: 2px 0 5px 0; color: #2B580A; display: block; text-align: left; font-weight: bold; border-bottom: 1px dotted #ccc; margin: 0 0 10px 0; width: 100%;}
ul.noticias li img{float: left; border: 1px solid #ccc; padding: 2px; margin: 0 5px 0 0;}
ul.noticias li a{color: #2B580A; text-decoration: none; display: block;}
ul.noticias li a:hover{color: #CC0000; text-decoration: none;}
ul.noticias li span.fecha{font-size: 11px; color: #61A718; font-weight: normal;}
ul.noticias li span.entradilla{font-size: 12px; color: #333; font-weight: normal; font-style:italic;}


ul.descarga{text-align: left; display: block; list-style: none; margin: 0 0 10px 17px;}
ul.descarga li{padding: 2px 0 5px 0; color: #CC0000; display: block; text-align: left; margin: 0;}
ul.descarga li a{color: #CC0000; text-decoration: none;}
ul.descarga li a:hover{color: #666; text-decoration: none;}

dl.mapaweb{margin: 10px 0; text-align: left;}
dl.mapaweb dt{background-color: #E1F6CE; padding: 3px; margin: 0 0 5px 0;}
dl.mapaweb dt a{color: #61A718; text-decoration: none; font-weight: bold;}
dl.mapaweb dt a:hover{color: #000; text-decoration: none;}
dl.mapaweb dd{margin: 5px 0 5px 10px; background: url(../images/bullet.gif) no-repeat left 5px; padding: 0 0 0 10px;}
dl.mapaweb dd a{text-decoration: none; color: #333;}
dl.mapaweb dd a:hover{text-decoration: none; color: #999;}

div.texto{padding: 0 10px;}
div.texto p strong{}
div.texto p{text-align: justify;}
div.texto a{color: #666; text-decoration: underline;}
div.texto a:hover{color: #666; text-decoration: none;}
div.texto p.titulo{text-align: left; font-size: 12px; padding: 2px 0 2px 1px; margin: 0 0 5px 0; background-color:#E1F6CE; color: #333;}
div.texto p.titulo2{text-align: left; font-size: 12px; padding: 0 0 0 8px; color: #333; margin: 0 0 5px 5px; background: url(../images/cuadritos.gif) no-repeat left 4px;}
div.texto p.titulo2 strong{color: #333;}
div.texto p.archivos{text-align: left; font-size: 12px; padding: 0 0 3px 17px; color: #333; margin: 10px 0 5px 0; background: url(../images/descarga.gif) no-repeat left top; font-weight: bold; border-bottom: 1px dotted #ccc;}
div.texto p.notrel{text-align: left; font-size: 12px; padding: 0 0 3px 17px; color: #333; margin: 10px 0 5px 0; background: url(../images/doc_asoc.gif) no-repeat left top; font-weight: bold; border-bottom: 1px dotted #ccc;}
div.texto p.enlaces{text-align: left; font-size: 12px; padding: 0 0 3px 17px; color: #333; margin: 10px 0 5px 0; background: url(../images/link.gif) no-repeat left top; font-weight: bold; border-bottom: 1px dotted #ccc;}
div.texto p.galeria{text-align: left; font-size: 12px; padding: 0 0 3px 17px; color: #333; margin: 10px 0 5px 0; background: url(../images/gallery.gif) no-repeat left top; font-weight: bold; border-bottom: 1px dotted #ccc;}
div.texto p.volver{text-align: left; font-size: 12px; padding: 4px 0 3px 17px; color: #2B580A; margin: 10px 0 5px 0; background: url(../images/volver.gif) no-repeat left 6px; font-weight: bold; border-top: 1px dotted #ccc;}
div.texto p.volver a{text-align: left; color: #2B580A; text-decoration: none;}
div.texto p.volver a:hover{text-align: left; color: #333; text-decoration: none;}

div.texto fieldset{border: 1px dotted #ccc; margin: 0 0 10px 0; padding: 10px; background-color: #F7FFEF;}
div.texto legend{padding: 2px 5px; margin: 0; color:#2B580A; border: 1px dotted #ccc; background-color:#E1F6CE;}
div.texto label{float: left; margin: 0 10px 5px 0; }
div.texto input{width: 175px;}
div.texto select{width: 250px;}
div.texto input.medio{width: 200px;}
div.texto input.largo{width: 270px;}
div.texto textarea{width: 650px; height: 75px;}
div.texto input.entrar{float: left; width: 80px; margin: 5px 0 0 0;}

.inscribir{text-align: left; font-size: 12px; padding: 8px 0 3px 25px; color: #2B580A; margin: 0 5px 0 0; background: url(../images/inscribirse.gif) no-repeat left top;}
a.inscribir {text-align: left; color: #2B580A; text-decoration: none;}
a.inscribir:hover{text-align: left; color: #333; text-decoration: none;}

div.entradilla{font-size: 12px; color: #333; font-weight: normal; text-align: justify; font-style:italic; margin: 0 0 15px 0;}
div.descripcion{font-size: 12px; color: #666; font-weight: normal; text-align: justify;}
div.texto img.left{float: left; margin: 0 5px 0 0;}
div.texto img.right{float: right; margin: 0 0 0 5px;}
div.texto img.noticias{float: left; border: 1px solid #ccc; padding: 2px; margin: 0 5px 0 0;}

div.imprimir{margin: 0 10px 10px 10px; text-align: right;}
div.imprimir img{margin: 0 3px;}

#pie{float: left; background: url(../images/cuadrologos.gif) no-repeat left top; width: 995px; height: 91px; margin: 10px 0 0 0;}
#pie img{margin: 5px 22px;}

#pie2{float: left; border-top: 1px solid #2B580A; width: 995px; padding: 5px 0 0 0; margin: 10px 0 0 0; color: #666;}
div.izq{float: left; text-align: left; width: 200px; }
div.centro{float: left; text-align: center; width: 180px; }
div.dcha{float: left; text-align: right; width: 150px; }


div.paginacion {
	font-size: 11px;
	color: #fff;
	clear: both;
}

div.paginacion a {
	padding: 2px 5px 2px 5px;	
	margin: 2px;	
	text-decoration: none;
	color: #666;
}
div.paginacion a:hover, div.pagination a:active {
	background-color:#eee;
	color: #333;
}
div.paginacion span.current {
	padding: 2px 5px 2px 5px;	
	margin: 2px;
	font-weight: bold;
	color: #333;
	}
div.paginacion span.disabled {
		padding: 2px 5px 2px 5px;		
		margin: 2px;
		color: #ccc;
	}


#map{float: left; width: 720px; height: 435px;}
div.print{float: right; background: url(../images/print.gif) no-repeat left top; padding: 5px 0 5px 25px;}
div.print p a{color: #CC0000; text-decoration: none;}
div.print p a:hover{color: #333; text-decoration: none;}





