/* 
FUNCACIÓN ESTÁS VIVO - 2009
Design: Logos Comunicaciones
www.logoscomunicaciones.com
*/

body {
color: #002469;
font-family: "Arial", Tahoma, Verdana;
font-size:  0.69em;
text-align: center;
background: #fff url(../lib/bg.gif) repeat-x bottom;
margin: 0;
padding: 0px;
line-height: 14px;
}

a:link,a:visited{
text-decoration: underline;
line-height: 14px;
}

a:hover {
text-decoration: none;
}

img{
border: 0;
}

h2{
font-size:  1.5em;
line-height: 19px;
margin: 5px 0px;
}
.title{
/*<!--Begintitle-->*/
font-size:  1.5em;
margin: 5px 0px;
/*<!--Endtitle-->*/
}
p{
text-align: justify;
margin: 0;
}

#wrapper{
overflow: hidden;
width: 780px;
margin: auto;
}

#container{
overflow: hidden;
background: #fff url(../lib/bg_wrapper.gif) no-repeat bottom;
width: 780px;
padding-bottom: 15px;
}

#menu{
background: url(../lib/bg_menu.gif) repeat-x bottom;
height: 43px;
}

#submenu{
background: url(../lib/bg_submenu.gif) repeat-x bottom;
height: 36px;
}

#content{
overflow: hidden;
text-align: justify;
margin: 16px 14px;
}

#contentIn{
float: left;
overflow: hidden;
text-align: justify;
width: 508px;
margin: 16px 14px;
}

#programas{
float: right;
text-align: right;
width: 180px;
margin: 16px 14px;
}

#boxProgramas{
color: #fff;
background: #92b602 url(../lib/bg_box_programas.gif) no-repeat;
width: 751px;
height: 162px;
}

#boxProgramas p{
padding: 14px;
}

#boxProgramas .interno{
float: right;
background: url(../lib/box_interno.gif) no-repeat right;
width: 191px;
height: 105px;
}

#boxProgramas .medio{
float: right;
background: url(../lib/box_medio_ambiente.gif) no-repeat right;
width: 191px;
height: 105px;
}

#boxProgramas .educacion{
float: right;
background: url(../lib/box_educacion.gif) no-repeat right;
width: 191px;
height: 105px;
}

#boxProgramas .social{
float: right;
background: url(../lib/box_social.gif) no-repeat right;
width: 168px;
height: 105px;
}

#boxNews{
overflow: hidden;
border-top: dashed 1px #b9d305;
padding-top: 10px;
width: 751px;
}

#boxNews2{
overflow: hidden;
border-top: dashed 1px #b9d305;
padding-top: 10px;
width: 751px;
margin: 0px 14px;
}

#boxSocial{
background: url(../lib/bg_box_list_social.gif) no-repeat right;
padding-top: 38px;
padding-left: 14px;
width: 492px;
height: 68px;
}
#boxSocial a.social:link,a.social:visited{
color: #fff;
text-decoration: none;
line-height: 18px;
background: url(../lib/bullet_list_social.gif) no-repeat left;
padding-left: 15px;
}
#boxSocial a.social:hover {
text-decoration: underline;
}

#boxEducacion{
background: url(../lib/bg_box_list_educacion.gif) no-repeat right;
padding-top: 38px;
padding-left: 14px;
width: 492px;
height: 68px;
}
#boxEducacion a.educacion:link,a.educacion:visited{
color: #fff;
text-decoration: none;
line-height: 18px;
background: url(../lib/bullet_list_educacion.gif) no-repeat left;
padding-left: 15px;
}
#boxEducacion a.educacion:hover {
text-decoration: underline;
}

#boxAmbiente{
background: url(../lib/bg_box_list_medio_ambiente.gif) no-repeat right;
padding-top: 38px;
padding-left: 14px;
width: 492px;
height: 68px;
}
#boxAmbiente a.ambiente:link,a.ambiente:visited{
color: #fff;
text-decoration: none;
line-height: 18px;
background: url(../lib/bullet_list_medio_ambiente.gif) no-repeat left;
padding-left: 15px;
}
#boxAmbiente a.ambiente:hover {
text-decoration: underline;
}

#boxInterno{
background: url(../lib/bg_box_list_interno.gif) no-repeat right;
padding-top: 38px;
padding-left: 14px;
width: 492px;
height: 68px;
}
#boxInterno a.interno:link,a.interno:visited{
color: #fff;
text-decoration: none;
line-height: 18px;
background: url(../lib/bullet_list_interno.gif) no-repeat left;
padding-left: 15px;
}
#boxInterno a.interno:hover {
text-decoration: underline;
}




#footer{
color: #fff;
font-family: "Trebuchet MS", Georgia, Times New Roman;
font-size: 0.91em;
text-align: left;
padding: 10px;
height: 20px;
}

.news{
float: left;
width: 241px;
margin-right: 10px;
}

.news p{
margin: 6px;
}

.titleImg{
margin-bottom: 15px;
}

.imgBlock{
float: left;
border: solid 1px #b9d305;
margin-right: 15px;
margin-bottom: 7px;
}

.imgThumbNews{
float: left;
border: solid 1px #b9d305;
margin-right: 20px;
margin-bottom: 30px;
}

.imgThumbNews2{
float: left;
border: none;
margin-right: 20px;
margin-bottom: 30px;
}


.inFun{
float: left;
width: 370px;
}

.boxVideo{
float: left;
background: url(../lib/bg_box_video1.gif) no-repeat top;
width: 300px;
height: 224px;
margin-left: 40px;
padding: 10px;
}
.boxVideo embed{
margin: 0;
}



.left{
float: left;
}

.right{
float: right;
}

.clear{
clear: both;
}

.bold{
font-weight: 700;
}

.small{
font-size: 0.82em;
}


/* COLORES */

.color1{
color: #002469;
}

.color2{
color: #b9d305;
}

.color3{
color: #fff;
}

.color4{
color: #0083d7;
}

.color5{
color: #ed007d;
}

.color6{
color: #739f00;
}

.color7{
color: #ff851c;
}


/* COLORES */

/* LINKS */

a.link2:link,a.link2:visited {
text-decoration: none;
line-height: 14px;
}
a.link2:hover {
text-decoration: underline;
}

a.linkBold:link,a.linkBold:visited {
text-decoration: none;
line-height: 14px;
font-weight: 700;
}
a.linkBold:hover {
text-decoration: underline;
}

a.more:link,a.more:visited {
color: #b9d305;
font-size: 0.82em;
text-decoration: none;
background: url(../lib/bullet_more.gif) no-repeat left;
padding-left: 10px;
line-height: 14px;
}
a.more:hover {
text-decoration: underline;
}

a.linkTitlenews:link,a.linkTitlenews:visited {
color: #b9d305;
font-size: 1.1em;
letter-spacing: -0.04em;
text-decoration: none;
line-height: 18px;
}
a.linkTitlenews:hover {
text-decoration: underline;
padding-bottom: 3px;
}

a.linkMore:link,a.linkMore:visited {
display: block;
float: left;
color: #fff;
text-decoration: none;
background: url(../lib/bg_more_news.gif) no-repeat bottom;
padding-top: 4px;
padding-left: 30px;
width: 70px;
height: 19px;
}
a.linkMore:hover {
color: #f1f6cc;
text-decoration: none;
background: url(../lib/bg_more_news.gif) no-repeat top;
}

a.linkBack:link,a.linkBack:visited {
color: #80a801;
text-decoration: none;
line-height: 14px;
background: url(../lib/arrow_back.gif) no-repeat left;
padding-left: 20px;
}
a.linkBack:hover {
color: #002469;
text-decoration: none;
}



a.linkSocial:link,a.linkSocial:visited {
display: block;
text-decoration: none;
background: url(../lib/social_00.gif) no-repeat 8% 78%;
text-indent: -9000px;
width: 163px;
height: 105px;
}

a.linkSocial:hover {
text-decoration: none;
background: url(../lib/social_01.gif) no-repeat 8% 78%;
}

a.linkEducacion:link,a.linkEducacion:visited {
display: block;
text-decoration: none;
background: url(../lib/educacion_00.gif) no-repeat 21% 79%;
text-indent: -9000px;
width: 191px;
height: 105px;
}

a.linkEducacion:hover {
text-decoration: none;
background: url(../lib/educacion_01.gif) no-repeat 21% 79%;
}

a.linkMedio:link,a.linkMedio:visited {
display: block;
text-decoration: none;
background: url(../lib/medio_ambiente_00.gif) no-repeat 32% 79%;
text-indent: -9000px;
width: 191px;
height: 105px;
}

a.linkMedio:hover {
text-decoration: none;
background: url(../lib/medio_ambiente_01.gif) no-repeat 32% 79%;
}

a.linkInterno:link,a.linkInterno:visited {
display: block;
text-decoration: none;
background: url(../lib/interno_00.gif) no-repeat 22% 78%;
text-indent: -9000px;
width: 191px;
height: 105px;
}

a.linkInterno:hover {
text-decoration: none;
background: url(../lib/interno_01.gif) no-repeat 22% 78%;
}

/* MENU */

a.linkInicio:link,a.linkInicio:visited {
float: left;
display: block;
text-decoration: none;
background: url(../lib/btn/inicio.gif) no-repeat top;
text-indent: -9000px;
width: 92px;
height: 41px;
}

a.linkInicio:hover {
text-decoration: none;
background: url(../lib/btn/inicio.gif) no-repeat bottom;
}

a.linkFundacion:link,a.linkFundacion:visited {
float: left;
display: block;
text-decoration: none;
background: url(../lib/btn/fundacion.gif) no-repeat top;
text-indent: -9000px;
width: 194px;
height: 41px;
}

a.linkFundacion:hover {
text-decoration: none;
background: url(../lib/btn/fundacion.gif) no-repeat bottom;
}

a.linkProgramas:link,a.linkProgramas:visited {
float: left;
display: block;
text-decoration: none;
background: url(../lib/btn/programas.gif) no-repeat top;
text-indent: -9000px;
width: 244px;
height: 41px;
}

a.linkProgramas:hover {
text-decoration: none;
background: url(../lib/btn/programas.gif) no-repeat bottom;
}

a.linkNoticias:link,a.linkNoticias:visited {
float: left;
display: block;
text-decoration: none;
background: url(../lib/btn/noticias.gif) no-repeat top;
text-indent: -9000px;
width: 106px;
height: 41px;
}

a.linkNoticias:hover {
text-decoration: none;
background: url(../lib/btn/noticias.gif) no-repeat bottom;
}

a.linkContactenos:link,a.linkContactenos:visited {
float: left;
display: block;
text-decoration: none;
background: url(../lib/btn/contactenos.gif) no-repeat top;
text-indent: -9000px;
width: 144px;
height: 41px;
}

a.linkContactenos:hover {
text-decoration: none;
background: url(../lib/btn/contactenos.gif) no-repeat bottom;
}

/* LINKS */


/* LISTADOS */

#menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#menu ul li {
display: block;
float: left;
}

#menu ul li .inicioAct{
float: left;
display: block;
text-decoration: none;
background: url(../lib/btn/inicio_act.gif) no-repeat top;
text-indent: -9000px;
width: 92px;
height: 41px;
}

#menu ul li .fundacionAct{
float: left;
display: block;
text-decoration: none;
background: url(../lib/btn/fundacion_act.gif) no-repeat top;
text-indent: -9000px;
width: 194px;
height: 41px;
}

#menu ul li .programasAct{
float: left;
display: block;
text-decoration: none;
background: url(../lib/btn/programas_act.gif) no-repeat top;
text-indent: -9000px;
width: 244px;
height: 41px;
}

#menu ul li .noticiasAct{
float: left;
display: block;
text-decoration: none;
background: url(../lib/btn/noticias_act.gif) no-repeat top;
text-indent: -9000px;
width: 106px;
height: 41px;
}

#menu ul li .contactenosAct{
float: left;
display: block;
text-decoration: none;
background: url(../lib/btn/contactenos_act.gif) no-repeat top;
text-indent: -9000px;
width: 144px;
height: 41px;
}

/* SUBMENU */

#submenu ul {
margin: 0;
padding: 0;
list-style: none;
}

#submenu ul li {
float: left;
list-style: none;
}

#submenu ul li a {
display: block;
float: left;
color: #85ac01;
text-decoration: none;
line-height: 20px;
padding: 7px 20px;
}

#submenu ul li a:hover{
display:block;
color: #5f8a00;
text-decoration: none;
}

#submenu ul li.acti a {
display:block;
font-weight: 700;
}


/* BULLETS */
ul#listado1  {
margin: 0px 20px;
padding: 0;
text-align: justify;
list-style: none;
width: 460px;
}

ul#listado1  li {
display: block;
background: url(../lib/bullet_01.gif) no-repeat left 30%;
padding: 5px;
padding-left: 15px;
}

ul#listado2  {
margin: 0px 20px;
padding: 0;
text-align: justify;
list-style: none;
width: 460px;
}

ul#listado2  li {
display: block;
background: url(../lib/bullet_02.gif) no-repeat left;
padding: 5px;
padding-left: 15px;
}

/* LISTADOS */



/* FORMULARIO */
#formContacto fieldset{
float: left;
border: none;
width: 450px;
line-height: 0;
}

#formContacto label{
float: left;
color: #c7db3c;
font-weight: 700;
padding: 5px;
width: 70px;
}

#formContacto input{
color: #002469;
font-size:  1em;
border: solid 1px #e9f1b1;
padding: 4px;
}

#formContacto textarea{
color: #002469;
font-size:  1em;
font-family: "Arial", Tahoma, Verdana;
border: solid 1px #e9f1b1;
padding: 3px;
}

#formContacto .button{
color: #fff;
font-size:  0.92em;
text-align: center;
background-color: #c7db3c;
padding: 8px 5px;	
width: 90px;
}

#formContacto p{
color: #ee6a0c;
margin: 10px 0px;
}

/* FORMULARIO */


.table{
line-height: 16px;
font-size: 12px;
text-align: justify;
}


/* GALERIA */

#main {
	margin: 5px 0;
}
#large {
clear: both;
background: #b9d305 url(../lib/bg_img_gal.gif) no-repeat;
margin: auto;
padding: 14px 13px;
*padding: 13px;
line-height: 0;
width: 465px;
height: 320px;
}
#large img {
width: 465px;
height:320px;
}
#thumbnail {
overflow: hidden;
clear: both;
width: 495px;
list-style: none;
margin: 10px;
background: #fff;
}

#thumbnail ul{
margin: 0 auto;
padding: 0;
list-style: none;
}

#thumbnail li {
float: left;
margin: 3px;
line-height: 0;
}
#thumbnail a {
float: left;
display: block;
line-height: 0;
width: 74px;
height: 54px;
}
#thumbnail a:hover {
text-decoration: none;
}

/* GALERIA2 */

#main2 {
	margin: 5px 0;
}
#large2 {
clear: both;
background: #b9d305 url(../lib/bg_img_gal.gif) no-repeat;
margin: auto;
padding: 14px 13px;
*padding: 13px;
line-height: 0;
width: 465px;
height: 320px;
}
#large2 img {
width: 465px;
height:320px;
}
#thumbnail2 {
overflow: hidden;
clear: both;
width: 495px;
list-style: none;
margin: 10px;
background: #fff;
}

#thumbnail2 ul{
margin: 0 auto;
padding: 0;
list-style: none;
}

#thumbnail2 li {
float: left;
margin: 3px;
line-height: 0;
}
#thumbnail2 a {
float: left;
display: block;
line-height: 0;
width: 74px;
height: 54px;
}
#thumbnail2 a:hover {
text-decoration: none;
}