body{ background-color: #F0F0F0;margin:0px;padding:0px; color: #333;text-align:center; }
#central{width:768px;padding:0px;text-align:center;vertical-align:top;margin:0px auto; display: block;font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color:#F0F0F0; }
#main{ width:768px; text-align: center; vertical-align: text-top; display: block; float: left;border:0px;margin:0px;padding-left:0px;background: url(../images/main_bg2.gif); clear: both;}

a.footer{text-align: center; color: #AAA; font-size: 11px; text-decoration: none;}
a.footer:hover{ color: #666;}

#head{width: 768px; display: block; float: left; background-color: #999; height: 260px;}
#head #area-menu{width: 768px; height: 60px; float: left; text-align: left; display: block; background: url(../images/mnu_bg.jpg);}

a.home{background: url(../images/m1_home.jpg) no-repeat; width: 50px; height: 60px; display: block; float: left;}
a.quienes{background: url(../images/m2_quienes.jpg) no-repeat; width: 91px; height: 60px; display: block; float: left;}
a.metodo{background: url(../images/m3_metodo.jpg) no-repeat; width: 56px; height: 60px; display: block; float: left;}
a.convenios{background: url(../images/m4_convenios.jpg) no-repeat; width: 74px; height: 60px; display: block; float: left;}
a.proyectos{background: url(../images/m5_proyectos.jpg) no-repeat; width: 74px; height: 60px; display: block; float: left;}
a.publicaciones{background: url(../images/m6_publicaciones.jpg) no-repeat; width: 93px; height: 60px; display: block; float: left;}
a.noticias{background: url(../images/m7_noticias.jpg) no-repeat; width: 72px; height: 60px; display: block; float: left;}
a.cooperacion{background: url(../images/m8_cooperacion.jpg) no-repeat; width: 88px; height: 60px; display: block; float: left;}
a.ayudar{background: url(../images/m10_ayudar.jpg) no-repeat; width: 99px; height: 60px; display: block; float: left;}
a.contacto{background: url(../images/m11_contacto.jpg) no-repeat; width: 71px; height: 60px; display: block; float: left;}
a.home:hover, a.quienes:hover, a.metodo:hover, a.convenios:hover, a.proyectos:hover, a.publicaciones:hover,a.noticias:hover, a.cooperacion:hover,  a.ayudar:hover, a.contacto:hover{	background-position: 0 -60px;}

#head #imagen-head{width: 768px; height: 200px; display: block; float: left; background: url(../images/top_head.jpg); border:0px}
#pie{ width: 768px; display:block;float:none; text-align: center;  color: #333; height: 90px; background: url(../images/main_bg.gif) repeat-y; clear: both; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;}

#leftcol{background-color:#E8E8E8; float: left; width: 270px; display: block; background: url(../images/noticias_bg.gif);}
#submain{ width: 495px; display:block;float:left; text-align: left;color: #333; overflow: hidden;}
#submain #subtop{ background: url(../images/submain_top.gif) no-repeat; display: block; width: 498px; height: 16px; clear: both;}
#submain #subhome{display: block; width: 498px; background: url(../images/subhome_bg.gif);overflow: hidden;}

#content{ display:block; text-align: left; clear: both; width: 480px; margin-left: 5px; margin-bottom: 10px; overflow: hidden;}
.content{margin-left: 25px; margin-top: 5px; margin-right: 5px; text-align: justify;}

.ml_adopcion{background: url(../images/btn_adopcion.gif); width: 270px; height: 47px; display: block;}
.ml_ambiental{background: url(../images/btn_ambiental.gif); width: 270px; height: 47px; display: block;}
.ml_educacion{background: url(../images/btn_educacion.gif); width: 270px; height: 47px; display: block;}
.ml_mipymes{background: url(../images/btn_competitividad.gif); width: 270px; height: 47px; display: block;}

.top-noticias{	background: url(../images/noticias_top.gif) no-repeat; width: 270px; height: 40px; display: block;}
.top-videos{	background: url(../images/videos_top.gif) no-repeat; width: 270px; height: 40px; display: block;}
.noticias-sep{	background: url(../images/noticias_sep.gif); width: 270px; height: 10px; display: block; clear: both;}

.titulo1{ background:url(../images/titulo_1.gif) no-repeat; width: 490px; display: block; clear: both; height: 25px;}
.titulo2{ background:url(../images/titulo_2.gif) no-repeat; width: 490px; display: block; clear: both; height: 25px;}
.titulo3{ background:url(../images/titulo_3.gif) no-repeat; width: 490px; display: block; clear: both; height: 25px;}
.titulo4{ background:url(../images/titulo_4.gif) no-repeat; width: 490px; display: block; clear: both; height: 25px;}
.titulo5{ background:url(../images/titulo_5.gif) no-repeat; width: 490px; display: block; clear: both; height: 25px;}
.titulo6{ background:url(../images/titulo_6.gif) no-repeat; width: 490px; display: block; clear: both; height: 25px;}
.titulo7{ background:url(../images/titulo_7.gif) no-repeat; width: 490px; display: block; clear: both; height: 25px;}
.titulo8{ background:url(../images/titulo_8.gif) no-repeat; width: 490px; display: block; clear: both; height: 25px;}
.titulo9{ background:url(../images/titulo_9.gif) no-repeat; width: 490px; display: block; clear: both; height: 25px;}
.titulo10{ background:url(../images/titulo_10.gif) no-repeat; width: 490px; display: block; clear: both; height: 25px;}
.titulo11{ background:url(../images/titulo_11.gif) no-repeat; width: 490px; display: block; clear: both; height: 25px;}
.titulo12{ background:url(../images/titulo_12.gif) no-repeat; width: 490px; display: block; clear: both; height: 25px;}
.titulo13{ background:url(../images/titulo_13.gif) no-repeat; width: 490px; display: block; clear: both; height: 25px;}
.titulo14{ background:url(../images/titulo_14.gif) no-repeat; width: 490px; display: block; clear: both; height: 25px;}
.titulo15{ background:url(../images/titulo_15.gif) no-repeat; width: 490px; display: block; clear: both; height: 25px;}
.titulo16{ background:url(../images/titulo_16.gif) no-repeat; width: 490px; display: block; clear: both; height: 25px;}
.titulo-eventos{ background:url(../images/titulo_eventos.gif) no-repeat; width: 490px; display: block; clear: both; height: 25px;}

a.texto-eventos-home{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #119126; font-weight: bold; text-decoration: none;}
a.leer-mas{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #119126; font-weight: normal; text-decoration: none; text-align: left; clear: both;}
a.leer-mas:hover{ font-weight: bold;}

.subtitulo-verde{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #119126; font-weight: bold; text-decoration: none;}

.texto-normal{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; font-weight: normal;}


.titulo-principal{ font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #014179; display: block; line-height: 45px;}
.subtitulo-principal{ font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #014179; font-weight: bold;}
.titulo-ofertas{ font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #014179; font-weight: bold;}
.titulo-uno{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #014179; display: block; font-weight: bold;}
.titulo-dos{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color: #014179; display: block; font-weight: bold;}





.espacio8{width:510px; display:block; height:8px;}
.campo-form-izq{width: 180px; height: 16px;border: 0px; background-color: #DFE;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #060; font-weight: normal; vertical-align: middle; border: 1px solid #093; border-collapse: collapse;}
.campo-form-der{width: 260px; height: 16px;border: 0px; background-color: #DFE;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #060; font-weight: normal;  vertical-align: top; border: 1px solid #093; border-collapse: collapse; float: left;}
.campo-form-small{width: 80px; height: 16px;border: 0px; background-color: #DFE;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #060; font-weight: normal; vertical-align: top; border: 1px solid #093; border-collapse: collapse;}
.campo-form-area{width: 420px;  height: 90px;border: 0px; background-color: #DFE;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #060; font-weight: normal; vertical-align: top; border: 1px solid #093; border-collapse: collapse; margin-right: 16px;}
.form-izq{	width: 200px; display: block; height:24px; float: left; vertical-align: bottom; text-align: right;}
.form-big{	width: 480px; display: block; height:120px; float: left; vertical-align: bottom; text-align: right;}
.form-der{	width: 280px; display: block; height:24px; float: left; vertical-align: top; }
.form-small{	width: 85px; display: block; height:50px; float: left;}
.boton-form{background: url(../imagenes/boton_form.gif); width: 88px; height: 16px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFF; text-decoration: none; text-align: center; border: 0px; margin-right: 16px;}


.main-ofertas{	float:none; width:460px; display:block; clear: both; margin-bottom: 15px; }

.cell-oferta{width: 290px; height: auto; display: block; float: right; margin-bottom: 5px; background-color: #D3E2EF; border: 0px; clear: both; vertical-align: middle; display: block;}
.inner-oferta{	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #014179; font-weight: normal; margin: 5px;display: block; overflow: hidden;}
.offer-izq{	width: 380px; display: block; float: left;}
.offer-der{	width: 60px; display: block; float: left; margin-left: 10px;}
.offer-der a img{position: relative; }

.error{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #FF4900; font-weight: bold;}


hr,form, p, ul, div, li {	margin:0px;padding:0px;}
hr{height: 1px;  width: 95%;color:#014179;}

li{ list-style: disc; margin-left: 25px;}
h1,h2,h3,h4,h5,h6{font-family: Arial, Helvetica, sans-serif; padding:0px; margin:0px;}

.paginar{width: 220px; height: 20px; display: block; float: left;}

.prev{background: url(../images/prev.gif) no-repeat; width: 70px; height: 16px; display: block; float: left;}
.next{background: url(../images/next.gif) no-repeat; width: 70px; height: 16px; display: block; float: right;}
.mas{background: url(../images/mas.gif) no-repeat; width: 70px; height: 16px; display: block; float: right;}
.volver{background: url(../images/volver.gif) no-repeat; width: 70px; height: 16px; display: block;}
.sep{ width: 460px; height: 6px; display: block; clear: both; background: url(../images/bottomline.gif) repeat-x;}

#tit-coop{width: 270px; height: 38px; display: block; clear: both; background: url(../images/tit_areas_coop.gif) no-repeat;}
.asterisco{	background: url(../images/asterisco.gif) no-repeat; width: 12px; height: 16px; display: block; float: left;}

.btn-enviar{background: url(../images/btn_enviar_b.gif) no-repeat; width: 90px; height: 24px; display: block; border: 0px; padding: 0px; margin: 0px; float: left;}
.btn-cancelar{background: url(../images/btn_cancelar_b.gif) no-repeat; width: 90px; height: 24px; display: block; border: 0px; padding: 0px; margin: 0px; float: left;}
.btn-aceptar{background: url(../images/btn_aceptar_b.gif) no-repeat; width: 90px; height: 24px; display: block; border: 0px; padding: 0px; margin: 0px; float: left;}
.btn-contrato{background: url(../images/btn_form_adop.gif) no-repeat; width: 250px; height: 24px; display: block; border: 0px; padding: 0px; margin: 0px; }
.adop-quiero{background: url(../images/adop_quiero.gif) no-repeat;  width: 380px; height: 65px; display: block; float: right;}

a.link-class{ width: 480px; float: left; display: block; background-color: #E9FEE9; border: 1px solid #999; border-collapse: collapse; overflow: hidden; margin:4px; text-align: left;text-decoration:none; clear: both;}
a.link-class:hover{background-color: #D6FED7;}
s{display: block; text-align: center; clear: both;}
a.go-ambiental{width: 280px; height: 40px; display: block; border: 0px; padding: 0px; margin: 0px; background: url(../images/acdi_ambiental_banner.gif) no-repeat; border:0px; }