/* 
    Document   : layout
    Created on : 02-ago-2010, 10:23:35
    Author     : Iglesia Universal del Reino de Dios
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

/*reset*/
/* v1.0 | 20080212 */
html{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote, pre,
a, a:active, a:hover,a:link, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd,p, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
        width:794px;
        text-align: center;
	line-height: 1;
         margin: 0 auto;
        background-image: url("../images/bg_fondo.png"); background-repeat:repeat-x; background-attachment: fixed; background-position:top;
        background-color: #5B9FC4;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*reset*/

/*Layout*/
 #container {
      width:794px;
              height: auto;
              text-align: left;
              background: #fff;
              background-image: url("../images/fondo-container.png"); background-position: bottom; background-repeat: no-repeat;
              padding-left: 10px;
              overflow: hidden;}
 #header {width:774px; height: 228px; background: #FFF; margin-bottom:10px; float: left; }
 #section-navigation { float: left; width: 154px;overflow: hidden;}
 #section-navigation-right { float: left; width: 154px; margin-left: 10px;overflow: hidden;}
 #content { width: 446px; height: auto;margin: 0 0 0 10px;padding-bottom:20px; float: left; overflow: hidden; }
 #textos{height:auto; padding: 4px;float: left; overflow: hidden;}
 #aside {width: 154px;float: left; margin-left: 10px; }
 #footer { width: 100%;height: auto;padding: 10px; clear: both; background-color: transparent;text-align:center;color:white; float: left; }

/*Box-Colum*/
#box{
      width: 100%;
      height: auto;
      margin-bottom: 10px; float: left; overflow: hidden;
}
#box-title{
    
     height: 21px; text-align: center;
     padding-top:4px;
     background-image: url("../images/box-columm-title.jpg"); background-position: top; background-repeat: no-repeat;
}
#box-top{
    width: 100%;
    height:27px;
    background-image: url("../images/box-columm-top.jpg"); background-position: top; background-repeat:no-repeat; float: left;
}
#box-middle{
    border-left:solid 1px #afb6d0;border-right:solid 1px #afb6d0;
    height: auto;
    background-color:#E1EFF8;
    padding-left:4px;float: left; overflow: hidden;
}
#box-middle-links{
    width:154px;
    background-image: url("../images/box-middle-columm.jpg"); background-repeat: repeat-y;
    height: auto;
    background-color:#E1EFF8;
    padding-left:6px;
    float: left; overflow: hidden;
}

#box-middle-links-right{
    width:154px;
    background-image: url("../images/box-middle-columm.jpg"); background-repeat: repeat-y;
    height: auto;
    background-color:#E1EFF8;
    padding-left:6px;
    float: left; overflow: hidden;
}

#box-middle-links-clear{
    width:100%;
    height:10px;
    margin:2px 0px;

}
.herramientas{
    width:430px;
    height: 20px;
    text-align: right;
    padding-left:5px;
    margin-top: 10px;
    float:left;
    overflow: hidden;
}

#box-middle-nota{
    width:446px;
    background-image: url("../images/midle-box-grande.jpg"); background-position: top; background-repeat:repeat-y; float: left;
    height: auto;
    background-color:#E1EFF8;
    float: left; overflow: hidden;
}

#box-middle-g{
    width:98%;
    height: auto;
    background-color:#E1EFF8;
    padding-left:4px; padding-top:15px;float: left; overflow: hidden;
}
#box-middle-r{
    width:100%;
    border:solid 1px #afb6d0;
    height: auto;
    background-color:#E1EFF8;
   float: left;
}
#secciones-middle{
    width:100%;
    height: auto;
    background-color:#E1EFF8;
     padding-top: 4px; padding-bottom: 4px;
    margin-bottom: 10px;
    float:left;
}
#secciones-middle img{width: 75px; height:75px; float: left; margin-right: 10px; margin-left: 10px;}
#secciones-middle-oscuro{
    width:100%;
    height: auto;
    background-color:#D7E9F2;
    padding-top: 4px; padding-bottom: 4px;
    margin-bottom: 10px;
    float:left;
}
#secciones-middle-oscuro img{ width: 75px; height:75px; float: left; margin-right: 10px; margin-left: 10px;}
#secciones-middle h2{
    margin:0px; padding: 0px;

}
#box-bottom{
    width: 100%;
    height: 27px;
    background-image: url("../images/box-columm-bottom.jpg"); background-position: bottom; background-repeat: no-repeat; float: left;clear: both;
}
/*Fin Box Column*/
/*Box-Colum-grande*/
#box-g{
      width: 100%;   background-color:#e1f0f8;
      height: auto; margin-bottom: 10px;
      overflow: hidden;
}
#box-title-g{
     height: 26px;
     background-image: url("../images/top-box.jpg"); background-position: top; background-repeat: no-repeat;
     padding-top:6px;
     text-align: center;
}
#box-title-g2{
     height: 26px;
     background-image: url("../images/destacados2top.png"); background-position: right; background-repeat: no-repeat;
     padding-top:6px;
     text-align: center;
}
#box-bottom-g{
    width: 100%;
    height: 27px;
    background-image: url("../images/bottom-box.jpg"); background-position: bottom; background-repeat: no-repeat;
    clear: both;
}
/*Fin Box Column*/
/*Box bottom notas*/
#box-bottom-notas{
    width: 100%;
    height: 41px;
    background-image: url("../images/bottom-box-notas.png"); background-position: bottom; background-repeat: no-repeat;float: left; clear: both;
}
.box-right{
     width: 146px; height:75px;
     background-image: url('../images/bck-reflex.png'); background-repeat: no-repeat;
     margin-top: 5px; padding-right: 4px;

}

/*Fin bottom notas*/
/*Leer más*/
.leermas{ width:auto; height: 10px; margin-top: 15px;
          background-image: url("../images/leermas.gif"); background-repeat: no-repeat; background-position: right;
clear: both;
}
/*Fin Leer más*/
ul#menunav li{
    width:148px;
}
ul#menunav li a{
    text-decoration: none; color: #666666; font-family: Arial; font-size:12px;font-weight: bold;text-align: center;
      }
      ul#menunav li a:hover{text-align: center; color: #6392BC;padding-left: 12px;background-image: url("../images/buletactivemenu.jpg"); background-position:  left; background-repeat: no-repeat; }
      ul#menunav li a:active{color: #6392BC;}
ul#menunav li{
    padding-top: 4px; padding-bottom: 4px; margin-bottom: 4px;
    background-image: url("../images/lineasmenu.png"); background-position:  bottom; background-repeat: no-repeat;}
.activemenu{ padding-left: 12px;background-image: url("../images/buletactivemenu.jpg"); background-position:  left; background-repeat: no-repeat; }

#destacados {
 width:446px;
 height:250px;background-image: url(../images/fondodestacados.jpg);
 overflow: hidden;
 }

 #destacados2{
 width:446px;
 height:236px; background-image: url(../images/destacados2.png); overflow: hidden;
 margin: 0px; padding: 0px;
 overflow: hidden;
 }
#destacados2 img{ float: left; margin-right:28px;}
 #destacados img{ float: left; margin-right:10px;}

/*Slide*/
#demo {
    width: 446px; /* important to be same as image width */
    height: 250px; /* important to be same as image height */
    background-color: #333;
    position: relative; /* important */
	overflow: hidden; /* important */
}
/* Easy Slider */
#slider{
    width: 100%; height: 160px; overflow: hidden;float:left; margin-bottom: 15px;
}
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none; text-align: left; float:left;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{
		/*
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
		width:420px;
		height:150px;
		overflow:hidden;
		}
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}
	#nextBtn, #slider1next{
		left:696px;
		}
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;
		}
	#nextBtn a, #slider1next a{
		background:url(../images/btn_next.gif) no-repeat 0 0;
		}

	/* numeric controls */

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;
		}
	ol#controls li{
		margin:0 10px 0 0;
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
                height:28px;
		line-height:28px;
		/*border:1px solid #ccc;*/
		/*background:#DAF3F8;*/
		color:#555;
		padding:0 11px;
		text-decoration:none;
		}
	ol#controls li.current a{
                background-image: url("../images/bottomslide.jpg");
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;
		margin:.5em 0;
		width:674px;
		}
/* // Easy Slider */
#bck-bottom{
    clear:both;
    text-align: center;

}
#bck-bottom img{width:100%;}
/*Fin Slide*/

.paginador{
    width:440px; height:auto; padding-top:10px;float:left; text-align: center;
}
.paginadorbtn {
    width: auto;
    height:auto;
    padding:5px;
    margin-left: 5px;
    float:left;
    font-family: Arial; font-size: 13px; font-weight: bold;  color:#B4CADE;

}
.paginadorbtnatras {width: auto; float:left;font-family: Arial; font-size: 13px; font-weight: bold; color:#3A819D;}
.paginadorbtnsiguiente {width:100px; float:right;font-family: Arial; font-size: 13px; font-weight: bold; color:#3A819D;}
.paginadorbtnatras a{ float:left;font-family: Arial; font-size: 13px; font-weight: bold; text-decoration: underline;color:#3A819D;}
.paginadorbtnatras a:hover{text-decoration: underline; color:#6BAFC9;}
.paginadorbtnsiguiente a{text-decoration: underline; float:right;font-family: Arial; font-size: 13px; font-weight: bold;color:#3A819D; margin-right:5px;}
.paginadorbtnsiguiente  a:hover{ color:#6BAFC9;}
#bannerd{
    width: 99%;height: 114px; overflow: hidden;
    float:left; 
    margin-top: 10px; margin-bottom: 10px;

}

.imgreflex img{
    width:55px; height: 48px;
    float:left;
    margin-right:0px; padding: 0px;
}

.clear{
    width:154px; height:5px;
    margin:1px 0px 1px 0px;;
    float:left;
}

/*Espacio del Oyente*/
.content-oyente{
    width:446px;
    height:751px;
    padding-top:200px;
    padding-left:10px;
    background-image:url("../images/espacio-del-oyente-bck.png");background-repeat: no-repeat;
}