/*FUENTE: #1F588D
BORDE:#3C7FAF
FONDO:#ECF3F9*/
body{ background:url(../img/bg.jpg) fixed repeat-x #ECECED; margin:0px; font-family:Arial, Helvetica; font-size:12px;}
#site{background: #FFFFFF; width: 800px; text-align:center !important;}
#site #logo{ text-align:center; width:100%; margin-top:2px; margin-bottom:1em;}
#site #usuarios {background:#ECF3F9; font:Arial, Helvetica; color:#042f77; text-align: left; margin-top:1em;}
#site #usuarios input{ font:Arial, Helvetica; color:#666666; padding:1px; font-size:11px }
#site #usuarios #boton { margin-centered:9em;}
#site #sitios div{ display:inline; margin-left:.25em; padding-left:.5em; padding-right:.5em; background:url(../img/nav_topmenu.gif); padding-top:.15em;}
#site #sitios div a{ text-decoration:none; color:#FFFFFF; padding-bottom:.22em;}
#site #sitios div a:hover{ text-decoration:underline; padding-top:.4em;}
#site #sitios div:hover{padding-top:.4em;}
#site #sitios{ text-align:right; margin-bottom:3px; margin-top:.5em; margin-right:1.8em; border-left-color: 1px solid #3C7FAF; border-bottom:none !important;}
#site .active{background:url(../img/nav_iglesia.gif) !important; font-weight:bold;padding-top:.4em;}
#site #menu{ text-align:left; vertical-align:top; border-right: 1px solid #3C7FAF; background:#ECF3F9; margin-top:0px; padding-top:0px;}
#site #menu ul {padding:0; margin:0px; }
#site #menu ul h2 {text-transform:uppercase; text-align:left; font-size:1em; margin:0px; padding-left:-2em!important; }
#site #menu ul h2:hover{ text-decoration:underline; font-size:1em;}
#site #menu ul li{text-align:left; list-style:none;  margin:0px; padding:0px; padding-left:1em !important; padding-bottom:.35em; padding-top:.3em; height:11px }
#site #menu ul li:hover{ padding-left:.25em; font-weight:bold; background:url(../img/btnhover_iglesia.jpg);}
#site #menu ul li a{color: #042f77; text-decoration:none;}
#site #menu ul li a:hover{text-decoration: underline; }
#site #content{ border: 1px solid #3C7FAF; width:795px; }
#site #contenido{ padding:10px; text-align:left; font-size:12px;}
#site #contenido h3{ color:#0b419b; margin:0px; padding:0px; text-decoration:underline; padding-bottom:.5em;}
#site #contenido img{border:1px #3C7FAF solid !important;}
#site #firm {width:795px; font:Arial, Helvetica; color:#1F588D; font-size:10px; padding-bottom:3px; padding-top:3px;}
#site #firm a{ text-decoration:none; color:#1F588D; }
#site #firm a:hover{text-decoration:underline; color:#042f77;}
#site .resalta {font-family: Arial, Helvetica; font-size: 12px; font-weight: bold; color: #02475B; text-decoration: none;}
#site #noticias{width:100%; margin-top:3px;}
#site marquee{width:795px; border:1px solid #3C7FAF; background:#becfed; padding-top:2px; padding-bottom:2px;}
#site marquee a{color:#1F588D; font-weight:bold; font-size:12px; text-decoration:none;}
#site marquee a:hover{ text-decoration:underline;}
#site #form input{border: 1px solid #3C7FAF; font-family: Arial, Helvetica; font-size:11px; padding:.15em;}
#site #form textarea{border: 1px solid #3C7FAF;}
/*FUENTE: #1F588D
BORDE:#FFCA32
FONDO:#FAECCB*/
#fundacion{border: 1px solid #678dc6; background: #FFFFFF; width: 800px; text-align:center !important;}
#fundacion #logo{text-align:center; width:800px; margin-top:.25em; margin-bottom:1em;}
#fundacion #usuarios {font:Arial, Helvetica; color:#1F588D; text-align: left; margin-top:1em;}
#fundacion #usuarios input{ font:Arial, Helvetica; color:#666666; padding:0px; font-size:11px }
#fundacion #usuarios #boton { margin-left:9em;}
#fundacion #sitios div{ display:inline; margin-left:.25em; padding-left:.5em; padding-right:.5em; border-bottom:.25em; background:url(../img/nav_topmenu.gif); padding-top:.15em;}
#fundacion #sitios div a{ text-decoration:none; color:#FFFFFF; padding-bottom:.22em;}
#fundacion #sitios div a:hover{ text-decoration:underline; padding-top:.4em;}
#fundacion #sitios div:hover{padding-top:.4em;}
#fundacion #sitios{ text-align:right; margin-bottom:3px; margin-top:.5em; margin-right:1.8em; border-left-color: 1px solid #3C7FAF; border-bottom:none !important;}
#fundacion .active{background:url(../img/nav_fundacion.gif) !important; font-weight:bold;padding-top:.4em;}
#fundacion #menu{ text-align:left; vertical-align:top; border-right: 1px solid #678dc6; background:#d2dded; margin-top:0px; padding-top:0px;}
#fundacion #menu ul {padding:0; margin:0px; }
#fundacion #menu ul h2 {text-transform:uppercase; text-align:left; font-size:1em; margin:0px; padding-left:-2em!important; }
#fundacion #menu ul h2:hover{ text-decoration:underline; font-size:1em;}
#fundacion #menu ul li{text-align:left; list-style:none; margin:0px; padding:0px; padding-left:1em !important; padding-bottom:.35em; padding-top:.3em; height:11px }
#fundacion #menu ul li:hover{ padding-left:.25em; font-weight:bold; background:url(../img/bthover_fundacion.jpg);}
#fundacion #menu ul li a{color: #006699; text-decoration:none;}
#fundacion #menu ul li a:hover{text-decoration: underline; }
#fundacion #content{ border: 1px solid #678dc6; width:795px; }
#fundacion #contenido{padding:10px; text-align:left; font-size:12px;}
#fundacion #contenido h3{ color:#1F588D; margin:0px; padding:0px; text-decoration:underline; padding-bottom:.5em;}
#fundacion #contenido img{border: 1px #678dc6 solid !important;}
#fundacion #firm {width:795px; font:Arial, Helvetica; color:#25549a; font-size:10px; padding-bottom:3px; padding-top:3px;}
#fundacion #firm a{ text-decoration:none; color:#25549a; }
#fundacion #firm a:hover{text-decoration:underline; color:#25549a;}
#fundacion .resalta {font-family: Arial, Helvetica; font-size: 12px; font-weight: bold; color: #02475B; text-decoration: none;}
#fundacion #noticias{width:100%; margin-top:3px;}
#fundacion marquee{width:795px; border:1px solid #3C7FAF; background:#becfed; padding-top:2px; padding-bottom:2px;}
#fundacion marquee a{color:#1F588D; font-weight:bold; font-size:12px; text-decoration:none;}
#fundacion marquee a:hover{ text-decoration:underline;}
#fundacion #form input{border: 1px solid #FFCA32; font-family: Arial, Helvetica; font-size:11px; padding:.15em;}
#fundacion #form textarea{border: 1px solid #FFCA32;}
/*FUENTE: #1F588D
BORDE:#FFCA32
FONDO:#FAECCB*/
#jovenes{background: #FFFFFF; width: 800px; text-align:center !important;}
#jovenes #logo{text-align:center; width:800px; margin-top:.25em; margin-bottom:1em;}
#jovenes #usuarios {font:Arial, Helvetica; color:#000000; text-align: left; margin-top:1em;}
#jovenes #usuarios input{ font:Arial, Helvetica; color:#666666; padding:0px; font-size:11px }
#jovenes #usuarios #boton { margin-left:9em;}
#jovenes #sitios div{ display:inline; margin-left:.25em; padding-left:.5em; padding-right:.5em; border-bottom:.25em; background:url(../img/nav_topmenu.gif); padding-top:.15em;}
#jovenes #sitios div a{ text-decoration:none; color:#FFFFFF; padding-bottom:.22em;}
#jovenes #sitios div a:hover{ text-decoration:underline; padding-top:.4em;}
#jovenes #sitios div:hover{padding-top:.4em;}
#jovenes #sitios{ text-align:right; margin-bottom:3px; margin-top:.5em; margin-right:1.8em; border-left-color: 1px solid #3C7FAF; border-bottom:none !important;}
#jovenes .active{background:url(../img/nav_jovenes.gif) !important; font-weight:bold;padding-top:.4em;}
#jovenes #menu{ text-align:left; vertical-align:top; border-right: 1px solid #FFCA32; background:#e5e5e5; repeat-x; margin-top:0px; padding-top:0px;}
#jovenes #menu ul {padding:0; margin:0px; }
#jovenes #menu ul h2 {text-transform:uppercase; text-align:left; font-size:1em; margin:0px; padding-left:-2em!important; }
#jovenes #menu ul h2:hover{ text-decoration:underline; font-size:1em;}
#jovenes #menu ul li{text-align:left; list-style:none; margin:0px; padding:0px; padding-left:1em !important; padding-bottom:.35em; padding-top:.3em; height:11px }
#jovenes #menu ul li:hover{ padding-left:.25em; font-weight:bold; background:url(../img/bthover_jovenes.jpg);}
#jovenes #menu ul li a{color: #000000; text-decoration:none;}
#jovenes #menu ul li a:hover{text-decoration: underline; }
#jovenes #content{ border: 1px solid #FFCA32; width:795px; }
#jovenes #contenido{padding:10px; text-align:left; font-size:12px;}
#jovenes #contenido h3{ color:#ff6000; margin:0px; padding:0px; text-decoration:underline; padding-bottom:.5em;}
#jovenes #contenido img{border:1px #FFCA32 solid !important;}
#jovenes #contenido a{margin:0px; margin-bottom:10px; padding:-2em !important; text-decoration:none; color:#000000;}
#jovenes #contenido a:hover{text-decoration:underline; font-weight:bold;}
#jovenes #firm {width:795px; font:Arial, Helvetica; color:#333333; font-size:10px; padding-bottom:3px; padding-top:3px;}
#jovenes #firm a{text-decoration:none; color:#333333;}
#jovenes #firm a:hover{text-decoration:underline; color:#000000;}
#jovenes .resalta {font-family: Arial, Helvetica; font-size: 12px; font-weight: bold; color: #02475B; text-decoration: none;}
#jovenes #noticias{width:100%; margin-top:3px;}
#jovenes marquee{width:795px; border:1px solid #FFCA32; background:#e5e5e5; padding-top:2px; padding-bottom:2px;}
#jovenes marquee a{color:#1F588D; font-weight:bold; font-size:12px; text-decoration:none;}
#jovenes marquee a:hover{ text-decoration:underline;}
#jovenes #form input{border: 1px solid #FFCA32; font-family: Arial, Helvetica; font-size:11px; padding:.15em;}
#jovenes #form textarea{border: 1px solid #FFCA32;}
/*FUENTE: #1F588D
BORDE:#66CC00
FONDO:#FAECCB*/
#adolescentes{background: #FFFFFF; width: 800px; text-align:center !important;}
#adolescentes #logo{text-align:center; width:800px; margin-top:.25em; margin-bottom:1em;}
#adolescentes #usuarios {font:Arial, Helvetica; color:#105b00; text-align: left; margin-top:1em;}
#adolescentes #usuarios input{ font:Arial, Helvetica; color:#666666; padding:0px; font-size:11px }
#adolescentes #usuarios #boton { margin-left:9em;}
#adolescentes #sitios div{ display:inline; margin-left:.25em; padding-left:.5em; padding-right:.5em; border-bottom:.25em; background:url(../img/nav_topmenu.gif); padding-top:.15em;}
#adolescentes #sitios div a{ text-decoration:none; color:#FFFFFF; padding-bottom:.22em;}
#adolescentes #sitios div a:hover{ text-decoration:underline; padding-top:.4em;}
#adolescentes #sitios div:hover{padding-top:.4em;}
#adolescentes #sitios{ text-align:right; margin-bottom:3px; margin-top:.5em; margin-right:1.8em; border-left-color: 1px solid #66CC00; border-bottom:none !important;}
#adolescentes .active{background:url(../img/nav_adolescentes.gif) !important; font-weight:bold;padding-top:.4em;}
#adolescentes #menu{ text-align:left; vertical-align:top; border-right: 1px solid #105b00; background:#c3f2cf; margin-top:0px; padding-top:0px;}
#adolescentes #menu ul {padding:0; margin:0px; }
#adolescentes #menu ul h2 {text-transform:uppercase; text-align:left; font-size:1em; margin:0px; padding-left:-2em!important; }
#adolescentes #menu ul h2:hover{ text-decoration:underline; font-size:1em;}
#adolescentes #menu ul li{text-align:left; list-style:none;  margin:0px; padding:0px; padding-left:1em !important; padding-bottom:.35em; padding-top:.3em; height:11px }
#adolescentes #menu ul li:hover{ padding-left:.25em; font-weight:bold; background:url(../img/bthover_adolescentes.jpg);}
#adolescentes #menu ul li a{color: #105b00; text-decoration:none;}
#adolescentes #menu ul li a:hover{text-decoration: underline; }
#adolescentes #content{ border: 1px solid #105b00; width:795px; }
#adolescentes #contenido{padding:10px; text-align:left; font-size:12px;}
#adolescentes #contenido h3{ color:#105b00; margin:0px; padding:0px; text-decoration:underline; padding-bottom:.5em;}
#adolescentes #contenido img{border:1px #105b00 solid !important;}
#adolescentes #contenido a{margin:0px; padding:0px; text-decoration:none; color:#1F588D;}
#adolescentes #contenido a:hover{text-decoration:underline; font-weight:bold;}
#adolescentes #firm {width:795px; font:Arial, Helvetica; color:#105b00; font-size:10px; padding-bottom:3px; padding-top:3px;}
#adolescentes #firm a{text-decoration:none; color:#105b00;}
#adolescentes #firm a:hover{text-decoration:underline; color:#0c3c02;}
#adolescentes .resalta {font-family: Arial, Helvetica; font-size: 12px; font-weight: bold; color: #02475B; text-decoration: none;}
#adolescentes #noticias{width:100%; margin-top:3px;}
#adolescentes marquee{width:795px; border:1px solid #105b00; background:#c3f2cf; padding-top:2px; padding-bottom:2px;}
#adolescentes marquee a{color:#1F588D; font-weight:bold; font-size:12px; text-decoration:none;}
#adolescentes marquee a:hover{ text-decoration:underline;}
#adolescentes #form input{border: 1px solid #66CC00; font-family: Arial, Helvetica; font-size:11px; padding:.15em;}
#adolescentes #form textarea{border: 1px solid #66CC00;}
#mp3player{border:1px solid #66CC00; margin-left:10em; padding:.15em;}
/*------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------Estilo Administracion-----------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
#tabla{ border:2px solid #99CC00; padding:0px; margin:0px;}
#title{ background:#99CC00; font-size:13px; font-weight:bold; color:#FFFFFF; border:0px; white-space:nowrap; margin:0px; padding:.5em; text-align:center;}
.negrita{ font-weight:bold;font-size:11px;}
#alert{ background:#99CC00; font-size:12px; font-weight:bold; color: #CC0000; border:0px; white-space:nowrap; margin:0px; padding:.5em; text-align:center;}
#titlesub{font-size:12px; font-weight:bold; padding-bottom:.25em; padding-top:.25em; text-align:left !imrpotant; background:#99cc00; color:#FFFFFF;}
.hrgreen { margin-top: 7px; margin-bottom: 7px; background-color: #99CC00;}
.hrorange { margin-top: 7px; margin-bottom: 7px; background-color: #FF9900; color:#FFFFFF; font-family:Arial, Helvetica;  font-variant: small-caps; font-weight:bold; font-size:12px;}
#admin_menu a {color: #FF9900; cursor: hand; font: 11px arial, helvetica; text-decoration:underline;}
#admin_menu a:hover {color: #FFFFFF; text-decoration:: none; font-weight:bold; font-size:11px; background:#99CC00}
#admin_menu a:active {color: #000000; font-weight:bold;}
.tablemenu{background:#FFFFFF; font:  11px arial, helvetica;}
#admin_menu{margin:0px; padding:0px; font-size:11px;}
#admin_menu li {list-style:none; width:100%; white-space:nowrap;}
#admin_menu li {padding-top:.1em;}
#admin_menu li h2 { padding-bottom:.25em; padding-top:.25em}