/* CSS Document */
/*Inicia YUI RESET A LOS VALORES ESPECIFICADOS POR EL EXPLORADOR DEL FORMATO DE LA PAG
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#006699;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*Fin YUI*/

body 
	{
	
		background-color:#006699;
	}
/*TIPOS DE LETAS DEFINIDAS*/
/* --------------------------------------------------- */
h1
	{	
		font-family: Verdana, Arial, sans-serif;
		font-size: 104%;
		font-weight:bold;
		color:#990000;
		margin-bottom: 0px;
		padding: 5px 25px 3px 25px;
	}

h2
	{
		font-family: Verdana, Arial, sans-serif;
		font-size: 100%;
		/*font-weight:bold;*/
		color: #000099;
		text-align:left;
		padding-left:25px;
		padding-right:25px;
		padding-top: 0px;
	}

h3
	{
		font-family: Verdana, Arial, sans-serif;
		font-size: 90%;
		color:#003399;
		text-align: center;
		font-weight:bold;
	}

	
h4
	{
		font-family: Verdana, Arial, sans-serif;
		font-size: 90%;
		color:#000099;
		text-align: left;
	}

p
	{
		font-family: Arial, Helvetica, sans-serif;	
		font-size: 100%; 
		font-weight: normal;
		color: #000099;
		text-align: justify;
		padding: 3px 25px 3px 25px;
	}
P.Center
	{
	text-align:center;
	}

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

li
	{
		font-family: Arial, Helvetica, sans-serif;	
		font-size: 100%; 
		font-weight: normal;
		color: #000099;
		text-align: left;
		padding: 0px 25px 0px 25px;
		list-style-type: none;
		
		list-style-type: none;
		margin:0;
		padding:0;
	}
	
a:link {color: #000099;}
a:visited {color: #006699;}
a{text-decoration:none} 
a:hover{text-decoration:underline; color:black;} 
/* --------------------------------------------------- */

#wrap 
/* Formato */
	{
		width:800px; 
		margin: 10px auto; 
		border:#000000 1px solid;
		
	}

#cabezal
/* Formato */
	{
		position:relative; 
		width:800px;
		background:#FFFFFF;
		overflow:hidden;
	} 

#cuerpo 
/* Formato */
	{
		width:750px; 
		padding-left:25px; 
		padding-right:25px;	
		height:auto;
		overflow:hidden;
		background-color:#FFFFFF;
	}

#ContEnviar
	{
		width:740px;
		height:auto;
		background:#FFFFFF;
		float:left;
	/*	visibility: inherit;	*/
	}

#pie
/* Formato */
	{
		width:798px;  
		overflow:hidden;
		background-color:#006699;
	} 

#PieTexto
	{
		overflow:hidden;
		width: 450px;
		height:53px;
		float:left;
		padding: 0px 10px 0px 10px;
		margin:0px 0px 0px 0px;
		color:#FFFFFF;

	}

#PieTexto P
	 {
	/*	font-weight:bold;*/
		color: #FFFFFF;
	}

#Versiculo 
/* Formato */
	{
		width:732px; 
		margin:5px;
		padding-bottom:7px;
		float:left;
	}

#Versiculo span
	{
		color:#000000;

	}

#ConteneArtRefl
	{
		width:475px;
		margin-top:5px;
		margin-left:10px;
		float:left;
	}
#articulo 
/* Formato */
	{
		width:485px; 
		height:300px;	
		float:left;
		
		display:inline;
		overflow:hidden;
	}
#navidad 
/* Formato */
	{
		width:485px; 
		float:left;	
		display:inline;
		overflow:hidden;
		margin-bottom:15px;
		padding-bottom:10px;
		padding-top:20px;
	}
#TemaArticulo
/* Formato */
	{
		width:237px;
		height:230px;
		float:left;
		margin:5px;
		display:inline;
		overflow:hidden;
	} 

	
#reflexion 
/* Formato */
	{
		width:485px;
		height:250px;
		margin-top:10px;
		margin-bottom:10px;
		float:left;
		display:inline;
		overflow:hidden;		
	}

#TemaReflexion
/* Formato */
	{
		width:237px;  
		height:310px;
		height:auto;
		float:left;
		margin:5px;	
		display:inline;
		overflow:hidden;
		display:inline;		
	}  

Esconde li 
	{
		color:#000000; 
		display:inline; 
		margin:0px;
	}
	
#Esconde li span {display:none;}
#Esconde li:hover span {display:inline;}
	
#cuadro {background:#FFFFFF; width:400px; padding:5px;}
cuadro p {color:#000000; display:inline; margin:5px;}
#cuadro p {display:none;}
#cuadro p:hover span {display:inline;}

#formulario
/* Formato */
	{
		width:320px;
		margin:5px; /*Equivale a ambos lados*/
		float:left;
		overflow:hidden;
	}


#especiales 
/* Formato */
	{
		width:360px;  
		margin:5px; /*Equivale a ambos lados*/
		float:left;
	} 

.trans 
	{
		background-color:#F9F9F9;
		border:#CCCCCC 1px solid;
		/*
		opacity: 0.6;
		filter:alpha(opacity=70);
		*/
	}
	
/*Nifty Corners Cube CSS Por Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *
	{
		display:block;
		height: 1px;
		line-height:1px;
		font-size: 1px;
		overflow:hidden;
		border-style:solid;
		border-color:#FF3300;
		border-width: 0 1px;
	}
/*normal*/


b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/* Root = Horizontal, Secondary = Vertical */
ul#menu
	{
	  margin: 0;
	  border: 0 none;
	  padding: 0;
		/*  width: 500px;*/ /*For KHTML*/
	  width:460px;
	  list-style: none;
	  height: 20px;
	  border:1px solid #eee;
	  padding-bottom:5px;
	}

ul#menu li 
	{
	  margin: 0;
	  border: 0 none;
	  padding: 0;
	  float: left; /*For Gecko*/
	  display: inline;
	  list-style: none;
	  position: relative;
	  height: 20px;
	}
	
ul#menu li{padding-bottom:5px;}
ul#menu li:hover{background:#ddd;}

ul#menu  ul
	{
	  margin: 0;
	  border: 0 none;
	  padding: 0;
	  width: 260px;
	  list-style: none;
	  display: none;
	  position: absolute;
	  top: 25px;
	  left: 15px;
	  background: #eee;
	  border: none;
	  /* Para la transparencia en el menu
	  opacity: 0.9;
		-moz-opacity: 0.8;
	  filter:alpha(opacity=90);*/
	}

ul#menu ul:after /*From IE 7 lack of compliance*/
	{
	  clear: both;
	  display: block;
	  font: 1px/0px serif;
	  content: ".";
	  height: 0;
	  visibility: hidden;
	}

ul#menu ul li 
	{
	  width: 260px;
	  float: left; /*For IE 7 lack of compliance*/
	  display: block !important;
	  display: inline; /*For IE*/
	}

/* Root Menu */
ul#menu a 
	{
	  padding: 5px 15px 5px;
	  float: none !important; /*For Opera*/
	  float: left; /*For IE*/
	  display: block;
	  color:#006699; /*#9fcf21;*/
	  text-decoration: none;
	  font-weight: bold;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:12px;
	  font-weight:bold;
		/*  border-right:1px solid #818181;*/
	  text-decoration: none;
	  height: auto !important;
	  height: 1%; /*For IE*/
	}

/* Root Menu Hover Persistence */
ul#menu a:hover,
ul#menu li:hover a,
ul#menu li.iehover a {color: #003300;}

/* 2nd Menu */
ul#menu li:hover li a,
ul#menu li.iehover li a { float: none; border:none;}

/* 2nd Menu Hover Persistence */
ul#menu li:hover li a:hover,
ul#menu li:hover li:hover a,
ul#menu li.iehover li a:hover,
ul#menu li.iehover li.iehover a {
 background:#ddd;
  color: #003300;
}

/* 3rd Menu */
ul#menu li:hover li:hover li a,
ul#menu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */

ul#menu li:hover li:hover li a:hover,
ul#menu li:hover li:hover li:hover a,
ul#menu li.iehover li.iehover li a:hover,
ul#menu li.iehover li.iehover li.iehover a {
background:#ddd;
  color: #FFF;
  color:#006600;
}

/* 4th Menu */
ul#menu li:hover li:hover li:hover li a,
ul#menu li.iehover li.iehover li.iehover li a {
background:#ddd;
  color: #666;
}

/* 4th Menu Hover */
ul#menu li:hover li:hover li:hover li a:hover,
ul#menu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#menu ul ul,
ul#menu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu li:hover ul ul,
ul#menu li:hover ul ul ul,
ul#menu li.iehover ul ul,
ul#menu li.iehover ul ul ul {
  display: none;
}

ul#menu li:hover ul,
ul#menu ul li:hover ul,
ul#menu ul ul li:hover ul,
ul#menu li.iehover ul,
ul#menu ul li.iehover ul,
ul#menu ul ul li.iehover ul {
  display: block;
}
ul#menu .selected{
	color: #003300;
}

/*Pag Reflexiones*/

#ColTitulos
/* Formato */
	{
	width:470px;
	margin-top:5px;
	margin-bottom:20px;
	margin-left:10px;
	margin-right:10px; 
	float:left;
	padding-left:40px;
	}

#ColTitulos li {padding-bottom:4px;}

#ColImagen
/* Formato */
	{
	width:190px; 
	margin-top:5px;
	margin-bottom:20px;
	margin-left:10px;
	margin-right:10px; 
	float:left;	
	}
#CajasdeMenu
	{
	width:85px;
	margin:5px;
	float:left;
    border:1px solid #eee;
	color: #000099;
	border:1px solid #CCCCCC;
	}
#CajasdeMenu a{	display:block;}
#CajasdeMenu a:hover { background-color: #999999; cursor:default;}

#CajasdeMenu p 
	{
	color:#000099;
	font-family:Arial,Helvetica,sans-serif;
	font-size:100%;
	height:18px;
	padding:0px;
	padding-top:2px;
	text-align:center;
	}
#CajasdeMenuBot
	{
	width:150px;
	margin:5px;
	height:18px;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:100%;
	padding:0px;
	padding-top:2px;
	text-align:center;
	border:1px solid #CCCCCC;
	}
	
#MenuPrincipal
	{
	width:780px;
	padding-left:20px;
	margin-left:5px;
	float:left;
	}

#ReflexionTexto
/* Formato */
	{
		width:710px;
		margin:5px;
		float:left;
		padding:15px;
	}
#ReflexionTexto p { font-size: 120%;}
	
#LaNotaAlFinal
	{
		width:750px;
		padding-left:25px; 
		padding-right:25px;	
		height:auto;
		overflow:hidden;
		background-color:#E9E9E9;
	}
#LaNotaAlFinal p 
	{
		font-family: Arial, Helvetica, sans-serif;	
		font-size: 100%; 
		font-weight: normal;
		color: #FFFFOO;
		text-align: center;
	}
	
#LaNotaAlFinal	a:link {color: #006699;}
#LaNotaAlFinal a:visited {color: #006699;}

#Col1_Ver
	{
		width:236px;
		Margin:5px;
		Padding: 15px 0px 0px 0px;
		overflow:hidden;
		float:Left;
	}
#Col1_Ver p
	{
		font-size: 100%; 	
		text-align: center;
	}
#Col1_Ver h1
	{
		text-align: center;
		font-size: 100%;
	}
#Numeracion
	{
		width:228px;
		vertical-align: baseline;		
	}
#Numeracion p
	{
		font-size: 85%; 				
		font-weight:bold;	
		text-align: right;
		color: Black;
	}
	
#CuadroArticuloIndiceFondo
	{
	/* Formato */
	width:718px;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px; 
	float:left;
	padding:3px;
	}
	
#CuadroArticuloIndice
	{
	width:680px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px; 
	float:left;
	padding-left:3px;
	background-color:#FFFFFF;
	border:#CCCCCC 1px solid;
	}

#CuadroArticuloImag
	{
	width:190px; 
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	float:left;
	background-color:#FFFFFF;
	/*border:#CCCCCC 1px solid;*/
	}
#ArtContIndice
	{
	width:490px;
	margin-left:210px;
	}
#ArticuloTexto
/* Formato */
	{
		width:710px;
		margin:5px;
		float:left;
		padding:15px;
	}

#ArticuloTexto h3
	{
	font-size:120%; 
	}
	
#ArticuloInicialTexto
/* Formato */
	{
		width:710px;
		margin:5px;
		float:left;

	}
	
#ArticuloTexto p { font-size: 120%;}

#TextoVertical
/* Formato */
	{
		width:712px; 
		margin:5px;
		padding:10px;
		float:left;
	}
#TextoVertical h1
	{
		text-align: center;
		font-size: 100%;
		padding-Bottom:0px;
	}
	
#CajasdeMenuVersiculos
	{
	width:100px;
	margin:5px;
	float:left;
	}
#CajasdeMenuVersiculos a{display:block;}
#CajasdeMenuVersiculos a:hover { background-color: #999999; cursor:default;}

#MenuPrincipalVesiculos
	{
	width:710px;
	padding-left:20px;
	float:left;
	}

	.transVer 
	{
background-color:#ffffff;
border:1px solid #CCCCCC;
	}

#CajaAbsolut
	{
		position:Absolute;
		width:200px;
		background-color:#ffffff;
		border:1px solid #CCCCCC;
	}

	/*=================SLIDER=================================*/
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 10px solid navy;
border-bottom-width: 6px;
width: 400px; /*width of featured content slider*/
height: 170px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 390px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: auto; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: #612505;
padding: 5px 20px;
padding-bottom: 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

/*Agregados*/
/*Agregados*/
.contentdiv {
	padding: 10px;
	height:130px;	
	}
.imagenGeneral {
	margin: 0 10px;
	border: 3px solid #612505;
	}
#cont .contentdiv h3 {
	padding: 0px 0 5px;
	
	font-size: 131%;
	font-weight: bold;
	color:#612505;}
.contentdiv h3 a {text-decoration:none;}
#cont .contentdiv h3 a:hover { letter-spacing:2px; color:#000; font-weight:bolder; text-decoration:underline;}
#cont .contentdiv p {
text-align:justify;
margin:0px 10px;}
#cont .contentdiv p a {
text-decoration: none;
color:#612505;
font-weight:bold;
}
#cont .contentdiv p a:hover {
text-decoration: underline;
color:#612505;
font-weight:bolder;
}
#slider1 #paginate-slider1{
	margin-bottom:10px;}

/*slider*/
	#wrap #cont #cont-sec-pag {
	height:				205px;
	clear:				left;

	}	

	/*============================== FIN SLIDER =================================*/
	
/*Inicia Css Menu para el temario=================================*/
#ContenedorSubMenuTemas
	{
		width:237px;
		/*height:230px;*/
		float:left;
		margin-Top:5px;
		margin-left:5px;
		display:inline;
		overflow:hidden;
		background-color:#F9F9F9;
		border: 1px solid #CCCCCC;

	}
#ContenedorSubMenuTemas h1
	{
	padding-top:5px;
	padding-left:5px;
	text-align: center;
	}

.glossymenu
	{
		margin: 5px 0;
		padding: 0;
		width: 234px; /*width of menu*/
		border-bottom-width: 0;
	}

.glossymenu a.menuitem
	{
		background: black url(../imagenes/Menu/glossyback.gif) repeat-x bottom left;
		font-family: Arial, Helvetica, sans-serif;	
		font-size: 100%; 
		font-weight:normal;
		color: #000099;
		text-align: justify;
		
		padding-top:4px;
		padding-left:10px;
		
		display: block;
		position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
		width: auto;
		text-decoration: none;
	}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active
	{
		color: white;
	}

.glossymenu a.menuitem .statusicon
	{ /*CSS for icon image that gets dynamically added to headers*/
		position: absolute;
		top: 5px;
		right: 5px;
		border: none;
	}

.glossymenu a.menuitem:hover
	{
		background-image: url(../Imagenes/Menu/glossyback2.gif);
	}

.glossymenu div.submenu
	{ /*DIV that contains each sub menu*/
		background: #F9F9F9;
		padding-top:4px;
		padding-left:10px;
	}

.glossymenu div.submenu ul
	{ /*UL of each sub menu*/
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

.glossymenu div.submenu ul li
	{
		border-bottom: 1px solid #cccccc;
	}

.glossymenu div.submenu ul li 
	{
		display: block;
		font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
		color: black;
		text-decoration: none;
		padding: 2px 0;
		padding-left: 10px;
	}

.glossymenu div.submenu ul li a:hover
	{
		background: #cccccc;
		color: Black;
	}

/*Termina Css Menua para el temario=================================*/

#Portada
	{
	
	}

#PortadaPosition
	{
		margin:5px 25px 0px;
	}


.urbangreymenu{
width: 236px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: #000099;
background: #F9F9F9 url(../imagenes/arrowstop.gif) no-repeat 8px 6px; /*Cambia el fondo de la caja Principal del menu de acordion*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
/*text-transform: uppercase;*/
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
border: solid 1px #FFFFFF;

}

.urbangreymenu .headerbar a{
text-decoration: none;
color: #000099;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: #000099;
background: #F9F9F9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 30px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: #4C4B6E;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

.ddimgtooltip{
box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 5px #818181;
-moz-box-shadow: 3px 3px 5px #818181;
display:none;
position:absolute;
border:1px solid black;
background:white;
color: black;
z-index:2000;
padding: 4px;
}
/*Recuadros para la imagen de la camara*/
#ContEnlacFot
	{
		width:35px;
		height:33px;
		margin-top:-45px;   /*Alinea la imagen del icono vertical*/
		margin-left:430px; /*Alinea la imagen del icono horizontal*/
		float:left;
	}
#ContEnlacFot a
	{		
		width: auto;
		background:none;
	}
/*Termina*/