.cajas
{
 color: #000000;
 border: 1px solid #536087;
 background: #ffffff;
}
.cajas1
{
 border: 1px solid #FF0000;
}
a.menu1 
{
	color: #ffffff;
	font-family:  Verdana;
	font-size: 11px;
	text-decoration: none;
	
}
a.menu1:hover
{
	text-decoration: none;
	color: orange;
	
}
a.menu1:active
 {
    color: #ff9900; font-weight: bold; text-decoration: none;
 }

a.menu2 
{
	color: #ffffff;
	font-family: Verdana;
	font-size: 10px;
	text-decoration: none;
}
a.menu2:hover
{
	text-decoration: none;
	color: orange;
	
}
a.menu2:active
 {
    color: #ff9900;  text-decoration: none;
}
 
 a.menu3 
{
	color: #000000;
	font-family: Verdana;
	font-size: 10px;
	text-decoration: none;
}
a.menu3:hover
{
	text-decoration: none;
	color: orange;
	
}
.nota
{
background-color: lightyellow;
font-family: Verdana;
font-size: 11px;
text-decoration: none;
border: 1px dashed gray;
}
.textblanco 
{
	color: #ffffff;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
}
.textnegro
{
	color: #000000;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
}
.negro
{
	color: #000;
	font-family: Verdana;
	font-size: 10px;
	text-decoration: none;
}
.rojo
{
	color: red;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
}
.csuave
{
	color: #ffa163;
	font-family: Verdana;
	font-size: 20px;
	text-decoration: none;
	font-weight:bold;

}
.cs
{
	background-color:#fefde0;

}
.gris
{
	color: #c4c4c4;
	font-family: Verdana;
	font-size: 10px;
	text-decoration: none;
	font-weight:bold;
}
.azul
{
	color: #013c78;
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
}
a 
{
	color: #013c78;
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
	
}
a.menu4 
{
	color: #013c78;
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
	
}
a.menu4:hover
{
	text-decoration: none;
	color: #f20000;
	
}
.azul1
{
	color: #013c78;
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
.azul2
{
	color: #013c78;
	font-family: Verdana;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}
.azul3
{
	color: #2B59A0;
	font-family: Verdana;
	font-size: 10px;
	text-decoration: none;
	font-weight:bold;
}
.naranja1
{
	color: #ff6600;
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
.fecha
{
	color: #ff6600;
	font-family: Verdana;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}
.naranja
{
	color: orange;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
}

.vinotinto
{
	color: #800000;
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
.vinotinto1
{
	color: #800000;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
}



.cajas
{
 color: #000000;
 border: 1px solid #536087;
 background: #ffffff;
}

.textarea1
{
	width:300px;
	height:80px;
	border: 0px dotted #000099;
}


.punteado{
border-style: dotted;
border-width: 1px;
border-color: #c4c4c4;
} 
.linea{
border-style: solid;
border-width: 1px;
border-color: orange;
} 

.td
{
	background-color: #cccccc;
	color: #000000;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
}
.td1
{
	background-color: #f9f9f9;
}
.fondo
{
	background:  url(../imagenes/fondo.png) top repeat-x;
	
	
}
.e11
{
	background:  url(../imagenes/e1.png) top left no-repeat;
	
	
}
.e22
{
	background:  url(../imagenes/e2.png) top right no-repeat;
	
	
}
.e33
{
	background:  url(../imagenes/e2.png) top right no-repeat;
	
	
}
.l1
{
	background:  url(../imagenes/l1.png) top repeat-x;
	
	
}
.l2
{
	background:  url(../imagenes/l2.png) right repeat-y;
	
	
}
.l3
{
	background:  url(../imagenes/l4.png) left repeat-y;
	
	
}
.l4
{
	background: url(../imagenes/l3.png) bottom repeat-x;
	
	
}

.s
{
	background: url(../imagenes/se1.png) left top repeat;
	
	
}
.s1
{
	background: url(../imagenes/s2.png) top no-repeat;
	
	
}
.sbottom
{
	background: url(../imagenes/s2.png) bottom no-repeat;
}
.s2
{
	background: url(../imagenes/separador.png) left top no-repeat;
}
.s6
{
	background: url(../imagenes/s3.png) left top no-repeat;
}
.s3
{
	background: url(../imagenes/s4.png) bottom repeat-x;
	
	
}

.s4
{
	background: url(../imagenes/se1.png) right top repeat-y;
	
	
}
.s7
{
	background: url(../imagenes/se1.png) left top repeat-y;
	
	
}
.s5
{
	background: url(../imagenes/s6.png) right no-repeat;
	
	
}

.e1
{
	background:  url(../imagenes/es1.png) right top no-repeat;
}
.el1
{
	background:  url(../imagenes/esl1.png) top repeat-x;
}
.e2
{
	background:  url(../imagenes/es2.png) right top no-repeat;
}
.el2
{
	background:  url(../imagenes/esl2.png) right repeat-y;
}
.e3
{
	background:  url(../imagenes/es3.png) right bottom no-repeat;
}
.el3
{
	background:  url(../imagenes/esl3.png) bottom repeat-x;
}
.e4
{
	background:  url(../imagenes/es4.png)  right bottom no-repeat;
}
.el4
{
	background:  url(../imagenes/esl4.png)  right repeat-y;
}
.b1
{
	background:  url(../imagenes/b1.png)  top right no-repeat;
}
.b2
{
	background:  url(../imagenes/b2.png)  top repeat-x;
	color: #ffffff;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
}
.b3
{
	background:  url(../imagenes/b3.png)  top left no-repeat;
}
.paute
{
	background:  url(../imagenes/paute.png)  top left no-repeat;
}
.contacto
{
	background:  url(../imagenes/contacto.png)  top right no-repeat;
}
.servicio
{
	background:  url(../imagenes/servicio.png)  top right no-repeat;
}
.quienessomos
{
	background:  url(../imagenes/quienessomos.png)  top right no-repeat;
}
#desplazador{ overflow: scroll; width: 100%; height: 150px; }
#desplazador1{ overflow: scroll; width: 100%; height: 200px; }
#desplazador2{ overflow: scroll; width: 100%; height: 180px; }




/*-----------------------------------------------------------*/



.thumbnail{
position: absolute;
z-index: 200;
}

.thumbnail:hover{
background-color: transparent;
z-index: 200;
}

.thumbnail span{
position: absolute;
background-color: lightyellow;
padding: 5px;

border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 
visibility: visible;
/*top: 100;*/
/*right:40px;  */

}

.imagen{
position: absolute;
z-index: 200;
}

.imagen:hover{
background-color: transparent;
z-index: 200;
}

.imagen span{ 
position: absolute;
background-color: lightyellow;
padding: 5px;

border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.imagen span img{ 
border-width: 0;
padding: 2px;
}

.imagen:hover span{ 
visibility: visible;
/*top: 100;*/
/*left:40%;  */

}
.base
{
	background:  url(../imagenes/base_barra.png)  bottom no-repeat;
}

.barra_grafica
{
	background:  url(../imagenes/grafica_barra.png) center repeat-y;
}

.espacio
{
	line-height:20px;
}

.desplazadora
{
overflow:scroll; height:410px; padding-right:3px;
}
.desplazadora_es
{
overflow:scroll; height:410px; width:530px; padding-right:3px;
}
.desplazadora1
{
overflow:auto;
height:410px;
width:200px; 
padding-right:5px;
}

.event
{
background:  url(../imagenes/d_e.png) left top no-repeat;
}
.event1
{
background:  url(../imagenes/d_e1.png) right bottom no-repeat;
}


.event2
{
background:  url(../imagenes/event2.png) left bottom repeat-x;
}

.f_i
{
background:	url(../imagenes/f_i.png) left repeat-y;
}
.ganastes
{
background:	url(../imagenes/ganastes.png) bottom center no-repeat;
}
.p
{
background:	url(../imagenes/p.png) bottom repeat-x;
}
.trans
{
	position:absolute;
	background: #ffffff;
	width:150px;
	text-align: center;
	z-index:1;filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	
}


.capa_login 
{
	z-index:1;filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	position: absolute; /*Posicionamiento absoluto*/
	
	margin-left: -190px; /*Restamos la mitad de ancho para centrarlo horizontalmente*/
	background-color: #ffffff; /*Este es el kolor de fondo, para ke el ejemplo sea visible*/
	border-style: solid;
	border-width: 1px; 
	border-color: #013c78; 
	display:none;
}
.ventana
{
	z-index:1;filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	position: absolute; /*Posicionamiento absoluto*/
	
	/*margin-left: -190px; /*Restamos la mitad de ancho para centrarlo horizontalmente*/
	background-color: #ffffff; /*Este es el kolor de fondo, para ke el ejemplo sea visible*/
	border-style: solid;
	border-width: 1px; 
	border-color: #013c78; 
	
	display:none;
}
.dia
{
background:	 url(../imagenes/dia.png) bottom left no-repeat;
height:19px;
width:71px;
cursor:pointer;
}
.dia1
{
background:	 url(../imagenes/dia1.png) bottom left no-repeat;
height:19px;
width:71px;
cursor:pointer;
}
.dia2
{
background:	 url(../imagenes/dia2.png) bottom left no-repeat;

}
.ff
{
background:	 url(../imagenes/ff.png) bottom repeat-x;
height:50px;
}
.mus
{
background:	 url(../imagenes/mus.png) top right no-repeat;
}
.can
{
background:	 url(../imagenes/1.png) center right no-repeat;
}
.foro
{
background:	 url(../imagenes/2.png) center right no-repeat;
}
.ftema
{
background:	 url(../imagenes/sm.png) top  repeat-x;
}
.foracion
{
background:	 url(../imagenes/oracion.jpg) top left no-repeat;
}
.video
{
background:	 url(../imagenes/video.png) top right no-repeat;
}
.art
{
background:	 url(../imagenes/art3.png) top right no-repeat;
}
.biblia
{
background:	 url(../imagenes/biblia1.png) top right no-repeat;
}
.mns
{
background:	 url(../imagenes/mns.png) top left no-repeat;
height:62px;
}
.cursor
{
cursor:pointer;
}
.op
{
background:	 url(../imagenes/op.png) bottom left no-repeat;
height:38px;
width:119px;
cursor:pointer;
}
.op1
{
background:	 url(../imagenes/op1.png) bottom left no-repeat;
height:38px;
width:119px;
cursor:pointer;
}