@import url('reset.css');

/* Fix para los divs flotantes que a veces no se ajustan en algunos navegadores. */
.fixed:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.fixed{display:block;}
.fixed{min-height:1%;}
* html .fixed{height:1%;}
/* Fin fix */

body {
    background: #2D1120 no-repeat;
    background-position:50% 0;
    color:#FFF;
    font-family:Helvetica, Arial, sans-serif;
    font-size:62.5%;
    line-height:1;
}

a {color:#999;outline-style:none;outline-width:medium;overflow:hidden;text-decoration:none;}
a:hover {text-decoration:underline;}

.wrap {
    margin:0 auto;
    text-align:left;
    width:954px;
}

#header {font-size:1.2em;height:200px;padding-top:5px;}

.h-1 {float:left;width:260px;}

.h-2 {float:left;width:440px;}

a.iglesias {
    background:url(../img/iglesias.png) no-repeat;
    cursor:pointer;
    cursor:hand;
    display:block;
    float:left;
    height:47px;
    text-indent:-9999px;
    width:186px;
}

.temas p.toolbox a.popup {
    background:url(../img/themes.png) no-repeat;
    cursor:pointer;
    cursor:hand;
    display:block;
    float:left;
    height:46px;
    margin-left:25px;
    text-indent:-9999px;
    width:191px;
}

.menu {float:left;margin-left:0;margin-top:27px;width:100%;}

.menu-1 {float:left;width:191px;}
.menu-1 li.inicio a {background:url(../img/menu-inicio.png) no-repeat;display:block;height:17px;text-indent:-9999px;cursor:pointer;cursor:hand;}
.menu-1 li.inicio a:hover {background-position:0px -17px;cursor:pointer;cursor:hand;}
.menu-1 li.bienvenidos a {background:url(../img/menu-bienvenido.png) no-repeat;display:block;height:17px;text-indent:-9999px;cursor:pointer;cursor:hand;}
.menu-1 li.bienvenidos a:hover {background-position:0px -17px;cursor:pointer;cursor:hand;}
.menu-1 li.conocenos a {background:url(../img/menu-conocenos.png) no-repeat;display:block;height:17px;text-indent:-9999px;cursor:pointer;cursor:hand;}
.menu-1 li.conocenos a:hover {background-position:0px -17px;cursor:pointer;cursor:hand;}
.menu-1 li.mdeptos a {background:url(../img/nuestros-deptos.png) no-repeat;display:block;height:17px;text-indent:-9999px;cursor:pointer;cursor:hand;}
.menu-1 li.mdeptos a:hover {background-position:0px -17px;cursor:pointer;cursor:hand;}
.menu-1 li.consejeria a {background:url(../img/menu-consejeria.png) no-repeat;display:block;height:17px;text-indent:-9999px;cursor:pointer;cursor:hand;}
.menu-1 li.consejeria a:hover {background-position:0px -17px;cursor:pointer;cursor:hand;}
.menu-2 li.pastor a {background:url(../img/menu-pastor.png) no-repeat;display:block;height:17px;text-indent:-9999px;cursor:pointer;cursor:hand;}
.menu-2 li.pastor a:hover {background-position:0px -17px;cursor:pointer;cursor:hand;}

.menu-2 {float:left;width:194px;margin-left:20px;}
.menu-2 li.pastora a {background:url(../img/menu-pastora.png) no-repeat;display:block;height:17px;text-indent:-9999px;cursor:pointer;cursor:hand;}
.menu-2 li.pastora a:hover {background-position:0px -17px;cursor:pointer;cursor:hand;}
.menu-1 li.agenda a {background:url(../img/menu-agenda.png) no-repeat;display:block;height:17px;text-indent:-9999px;cursor:pointer;cursor:hand;}
.menu-1 li.agenda a:hover {background-position:0px -17px;cursor:pointer;cursor:hand;}
.menu-2 li.tvradio a {background:url(../img/menu-tvradio.png) no-repeat;display:block;height:17px;text-indent:-9999px;cursor:pointer;cursor:hand;}
.menu-2 li.tvradio a:hover {background-position:0px -17px;cursor:pointer;cursor:hand;}
.menu-2 li.especiales a {background:url(../img/menu-especiales.png) no-repeat;display:block;height:17px;text-indent:-9999px;cursor:pointer;cursor:hand;}
.menu-2 li.especiales a:hover {background-position:0px -17px;cursor:pointer;cursor:hand;}
.menu-2 li.galeria a {background:url(../img/menu-galeria.png) no-repeat;display:block;height:17px;text-indent:-9999px;cursor:pointer;cursor:hand;}
.menu-2 li.galeria a:hover {background-position:0px -17px;cursor:pointer;cursor:hand;}
.menu-2 li.contactanos a {background:url(../img/menu-contactanos.png) no-repeat;display:block;height:17px;text-indent:-9999px;cursor:pointer;cursor:hand;}
.menu-2 li.contactanos a:hover {background-position:0px -17px;cursor:pointer;cursor:hand;}

.h-3 {float:left;width:254px;}

.nuevo-creyente a {
    background:url(../img/nuevo-creyente.png) no-repeat;
    cursor:pointer;
    cursor:hand;
    display:block;
    height:106px;
    margin-left:30px;
    margin-top:30px;
    text-indent:-9999px;
    padding-left:25px;
    width:191px;
}

#media {height:330px;}
.m-1 {float:left;width:338px;}

.m-2 {float:left;margin-left:5px;width:234px;}
.verde {background:url(../img/verde-back.png) repeat-y;height:311px;margin:0;width:233px;}
.verde-top {background:url(../img/verde-top.png) no-repeat;background-position:bottom;height:10px;width:233px;margin-bottom:-3px;}
.verde-bottom {background:url(../img/verde-bottom.png) no-repeat;height:9px;width:233px;}
.verde h3 {color:#13454E;font-family:"Lucida Grande","Lucida Sans",sans-serif;font-size:1.2em;font-weight:bold;line-height:1.8;padding:0 10px 10px;}
.verde p {font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;font-size:1.1em;line-height:1.4;padding:0 10px;}
.verde p a {color:#13454E;}
.verde img {float:right;position:relative;}

.m-3 {float:left;margin-left:5px;width:370px;}

.buscador {background:url(../img/buscar.png) no-repeat;height:39px;width:246px;}
.buscador input {border:none;background:transparent;color:#222;font-size:1.1em;margin-top:10px;margin-left:45px;text-transform:capitalize;}
input#submit-buscador {
    cursor:pointer;
    cursor:hand;
    display:block;
    margin-left:15px;
    position:absolute;
    width:20px;
}

#content p {
    font-size:1.3em;
    line-height:1.5;
    margin-bottom:0.25em;
}

.contenido-central {
    float:right;
    padding:30px 40px;
    width:585px;
}

.contenido-lateral {
    float:left;
    font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;
    padding:21px 18px 21px 19px;
    width:243px;
}

.lateral-predicacion {
    margin-bottom:20px;
}

.lateral-predicacion h2 {
    font-size:1.5em;
    font-weight:bold;
    margin-bottom:1em;
    text-transform:capitalize;
}

.lateral-predicacion p {
    color:#999;
    font-size:1em;
    margin-bottom:0.1em;
}

.lateral-predicacion p a {
    color:#FFF;
    font-size:1em;
    font-weight:bold;
    text-decoration:none;
}
.lateral-predicacion p a:hover {
    border-bottom:1px solid #FFF;
}

.c-1 {
    float:left;
    width:705px;
}

.deptos {height:120px;margin-top:10px;width:100%;}
.deptos h2 {background:url(../img/nuestros-deptos.png) no-repeat;height:18px;margin-bottom:5px;text-indent:-9999px;width:191px;}

.noticias {float:left;width:48%;margin-right:25px;}
.noticias h2 {background:url(../img/noticias.png) no-repeat;text-indent:-9999px;margin-bottom:10px;height:33px;width:191px;}
.noticias-noticia {float:left;width:100%;margin-bottom:20px;}
.noticias-noticia h3 {font-family:"Lucida Grande","Lucida Sans",sans-serif;font-size:1.3em;font-weight:bold;line-height:1.5;margin-bottom:0.25em;}
.noticias-noticia h3 a {color:#FFF;}
.noticias-fecha {font-size:1.1em;color:#DDD;margin-bottom:0.5em;}
.noticias-noticia p {color:#FFF;font-size:1.2em;line-height:1.4}

#nota {float:left;width:100%;}
#nota h2 {font-family:"Lucida Grande","Lucida Sans",sans-serif;font-size:3em;font-weight:normal;line-height:1.5;margin-bottom:0.25em;}}

.mas-noticias {font-size:1.3em;padding:10px 0;}
.mas-noticias a {color:#FFF;}

#evento {font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;}
#evento h2 {font-size:3em;margin-bottom:20px;}

.calendario {float:left;width:48%;}
.calendario h2 {background:url(../img/calendario.png) no-repeat;height:31px;margin-bottom:10px;text-indent:-9999px;width:191px;}
.calendario-eventos {border-bottom:1px solid #DDD;float:left;width:100%;padding:8px 0 10px;}
.calendario-eventos-ultimo {border:none;}
.calendario-eventos h3 {font-family:"Lucida Grande","Lucida Sans",sans-serif;font-size:1.3em;font-weight:bold;line-height:1.5;margin-bottom:0.25em;}
.calendario-eventos h3 a {color:#FFF;}
.calendario-fecha {font-size:1.2em;color:#DDD;margin-bottom:0.5em;}

.c-2 {
    float:left;
    margin-left:8px;
    width:240px;
}

.radio {font-size:1em;line-height:1.5;}
.radio h2 {background:url(../img/radio.png) no-repeat;height:92px;text-indent:-9999px;margin-bottom:10px;width:190px;}

.lateral p {
    padding:10px;
}
.interna {
    background:url(../img/pixel.png);
    float:left;
    font-size:1.3em;
    height:100%;
    width:705px;
}

.interna p {
    padding:10px;
}

.interior-lateral {
    text-align:center;
    margin-top:0;
    padding:25px 10px;
    vertical-align:top;
}

.ultima-predicacion h3 {
    font-family:"Lucida Grande","Lucida Sans",sans-serif;
    font-size:1.3em;
    font-weight:bold;
}

.interior {
    text-align:center;
    padding:25px 20px;
}

.tabla-contenido {
    width:100%;
    margin-bottom:20px;
}

#footer {
    background:url(../img/footer-back.jpg);
    color:#84837D;
    font-size:1.3em;
    line-height:1.5em;
    padding:20px 0px 20px 0px;
    width:100%;
}

#footer a {color:#DDDAC3;}
#footer ul {list-style-image:none;list-style-position:outside;list-style-type:none;line-height:1.8;}

.f-1 {float:left;width:32%;}
.f-2 {float:left;margin-left:30px;width:32%;}
.f-3 {float:left;margin-left:30px;width:25%;}
.f-3 h3 {color:#DDDAC3;font-size:1.1em;font-weight:normal;margin-bottom:0.2em;}
.f-3 p {font-size:1em;margin-bottom:0em;}

.formstyle{
    margin: 0 auto;
    width: 500px;
    padding: 14px;
}

.formstyle label{
    font-size:1em;
    color:#FFF;
    display:block;
    font-weight:bold;
    text-align:right;
    width:200px;
    float:left;
    margin-bottom:30px;
}

.formstyle input, .formstyle select, .formstyle textarea{
    padding:4px 2px;
    border:solid 1px #666;
    width:200px;
    margin: 2px 0 10px 10px;
}

.formstyle textarea{
    font-family:innherit;
    font-size:1em;
    width:200px;
    height:100px;
    overflow:auto;
}

.formstyle .small{
    color:#DDD;
    display:block;
    font-size:0.8em;
    font-weight:normal;
    text-align:right;
    width:200px;
}

.formstyle .submitbtn input{
    cursor:pointer;
    cursor:hand;
    background:#333;
    border:1px solid #555;
    color:#FFF;
}

.formstyle .submitbtn input:hover{
    border:1px solid #FFF;
    background:#666;
    cursor:pointer;
    cursor:hand;
}

div.popup {
    left:0;
    top:0;
    position:absolute;
    z-index:60;
}

div.popup div.close {
    background:url(../img/cerrar.png) no-repeat;
    cursor:pointer;
    cursor:hand;
    display:block;
    height:25px;
    margin-top:0;
    margin-right:9px;
    background-position:right;
}

div.popup div.close a {text-indent:-9999px;display:block;height:25px;cursor:pointer;cursor:hand;}

div#popup-toolbox{
    background:url(../img/bg.gif) repeat;
    border:1px solid #999;
    width:620px;
    height:118px;
}

div#popup-toolbox p.images{
    float:left;
    display:inline;
    margin:5px 0 0 35px;
}

div#popup-toolbox p.images img{
    cursor:pointer;
    cursor:hand;
    margin:0 0 0 5px;
    border:1px solid #7b7b7b;
}

div#popup-toolbox p.images img.on{
    border:2px solid #fff;
}
div#popup-toolbox p.remember{
    clear:both;
    float:left;
    color:#FFF;
    width:260px;
    font-size:9px;
    display:inline;
    line-height:20px;
    margin:14px 0 0 14px;
    text-transform:uppercase;
} 
div#popup-toolbox p.remember label{
    cursor:pointer;
    cursor:hand;
}
div#popup-toolbox p.remember input.checkbox{
    margin:-2px 5px 0 0;
    vertical-align:middle;
}
div#popup-toolbox p.submit{
    float:right;
    width:170px;
    display:inline;
    margin:10px 14px 0 0;
}
div#popup-toolbox p.submit input{
    border:0;
    width:76px;
    height:23px;
    color:#FFF;
    cursor:pointer;
    cursor:hand;
    margin:0 3px 0 0;
}
div#popup-toolbox p.submit input.reset{background:url(../img/input-back.jpg);cursor:pointer;cursor:hand;font-size:1em;}
div#popup-toolbox p.submit input.reset:hover{color:#AAA;}
div#popup-toolbox p.submit input.save{background:url(../img/input-back.jpg);cursor:pointer;cursor:hand;font-size:1em;}
div#popup-toolbox p.submit input.save:hover{color:#AAA;}

#slide-vertical {font-size:1.3em;}
#slide-vertical {background:url(../img/slide-bg.png);}


/**ESTILOS PARA EL CARROUSEL DE DEPARTAMENTOS
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-list li,.jcarousel-item {float: left;list-style: none;/* We set the width/height explicitly. No width/height causes infinite loops. */width: 75px;height: 75px;}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}
/*SKIN TANGO*/
.jcarousel-skin-tango .jcarousel-container {-moz-border-radius: 10px;background: #F5F5EB;border: 1px solid #AAA;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 630px;padding: 0px 25px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:  630px;height: 73px;}
.jcarousel-skin-tango .jcarousel-item {width: 125px;height: 70px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 3px;right: 5px;width: 21px;height: 65px;cursor: pointer;cursor:hand;background: transparent url(next-horizontal.png) no-repeat -107px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -107px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -107px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -107px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 3px;left: 5px;width: 21px;height: 65px;cursor: pointer;cursor:hand;background: transparent url(prev-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: 0;}

.CalendarioPopHidden{display: none;}
.CalendarioPopUnhidden {display:block;position:absolute;}
.CalendarPop{cursor: pointer;}
.CalendarioSmall{background:#2D1120 none no-repeat;height:191px;padding:4px 0 0;width:311px;z-index:800;overflow:hidden; border:1px solid #D9BE41;}
.CalendarioBarraAyuda{width: 212px;margin-left:5px;background: #fff5e7;text-align: center;display:none;}
.CalendarioBarraInicioControl{background:#D9BE41 none repeat scroll 0 0;height:30px;margin:2px 6px;font-size:1em;}
.CalendarioBarraInicioControlIcono{border:0;padding-left:2px;padding-top:2px;cursor:pointer;float: left;display:none;}
.CalendarioBarraInicioControlFecha{float:left;width:299px;}
.CalendarioBarraInicioControlFechaAnio{float: left;width: 80px;padding-top: 4px;padding-left: 3px;padding-right: 3px;}
.CalendarioBarraInicioControlFechaAnioNombre{color:#3D1A18;font-weight:bold;vertical-align:top;display:block;margin:2px 0;}
.CalendarioBarraInicioControlFechaMes{float: left;width: 175px;padding-top: 4px;padding-left: 3px;padding-right: 3px;}
.CalendarioBarraInicioControlFechaMesNombre{margin:2px 0;color:#3D1A18;font-weight:bold;vertical-align:top;display:block;}
.CalendarioControlesFlechas{cursor:pointer;height:10px;padding:2px;position:relative;width:10px;}
.CalendarioBarraInicioControlFechaMesControles .anteriorMes{float:left;left:0;margin:0 65px 0 3px;}
.CalendarioBarraInicioControlFechaMesControles .siguienteMes{float:right;left:116px;margin:0;}
.CalendarioControlesFlechas:hover{/*background: #ACE6DC;*/}
.CalendarioCuerpoDias{height: 122px;clear: both;width: 214px;margin-left: 5px;margin-top: 3px;}
.CalendarioCuerpoDiasBarraDias{clear:both;display:block;height:13px;width:310px;}
.CalendarioCuerpoDiasBarraDiasNombre{background:#D9BE41 none repeat scroll 0 0;border-bottom:1px solid #9F9584;float:left;margin:0 2px;text-align:center;width:39px;color:#3D1A18;}
.CalendarioCuerpoDiasDias{color:#ffffff;height:96px;padding:5px 2px;top:5px;width:310px;}
.CalendarioCuerpoDiasDias div{float:left;height:16px !important;margin:2px;padding:1px 0 0;text-align:center;width:39px;}
.CalendarioCuerpoDiasDiasDia{cursor: pointer;}
.CalendarioCuerpoDiasDiasDiaInactivo{color: #ffffff;}
.CalendarioCuerpoDiasDias .hoy{background:transparent url(../img/hoy.png) no-repeat scroll 1px -5px;}
.CalendarioCuerpoDiasDiasDia:hover{}
.diaMarcado {background:#D9BE41;font-weight:bolder;}

#SexyAlertBox-Box {
  padding-bottom: 24px;
  background: url('../img/sexyalert/bg-box-bottom.png') bottom left no-repeat !important;
  background: url('../img/sexyalert/bg-box-bottom.gif') bottom left no-repeat;
}

#SexyAlertBox-InBox {
  padding-top: 15px;
  background: url('../img/sexyalert/bg-box-top.png') top left no-repeat !important;	
  background: url('../img/sexyalert/bg-box-top.gif') top left no-repeat;	
}

#SexyAlertBox-BoxContent {
  background: url('../img/sexyalert/bg-box-body.png') top left repeat-y !important;
  background: url('../img/sexyalert/bg-box-body.gif') top left repeat-y;
  padding: 0px 20px;
}

#SexyAlertBox-BoxContenedor {
  padding: 0px 0px 5px 55px;
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
}

#SexyAlertBox-BoxContenedor h1,#SexyAlertBox-BoxContenedor h2,#SexyAlertBox-BoxContenedor h3,#SexyAlertBox-BoxContenedor b,#SexyAlertBox-BoxContenedor strong{
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

#SexyAlertBox-Buttons{
  text-align:right;
}

#SexyAlertBox-Buttons input {
  margin: 10px 10px;
}

#SexyAlertBox-BoxContenedor #BoxPromptInput{
  margin-top:5px;
}

#SexyAlertBox-Box .BoxAlert {
  background: url('../img/sexyalert/dialog-warning.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxConfirm {
  background: url('../img/sexyalert/dialog-help.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxPrompt {
  background: url('../img/sexyalert/dialog-help.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxInfo {
  background: url('../img/sexyalert/dialog-information.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxError {
  background: url('../img/sexyalert/dialog-error.png') top left no-repeat;
}