@charset "ISO-8859-1";
* { margin:0; padding:0; }
body { background-color:#80A090;margin:1px 0;font-family:Trebuchet MS,Verdana,Arial,sans-serif; }
/*h1 	{ font-size:25pt;color:#972000;text-indent:10px; } */
h1 { text-decoration:none; font-size:30pt; text-align:center; margin-bottom:5px;
	   color:#972000; text-shadow:3px 3px 6px #70A0A0; }
h2 	{ font-size:17pt;color:#900030;padding:5px;text-indent:10px;padding:0.8em; }
h3 	{ font-size:13pt;color:#064B48;padding:5px;text-indent:10px; }
h4 	{ font-size:11pt;color:#366360;padding:5px; }
p,td	{ font-size:10pt;line-height:12pt;text-align:justify;text-indent:15px;padding:5px; }
p.list	{ font-size:10pt;line-height:12pt;text-align:left;text-indent:0px;padding:7px; }
p.menu	{ font-size:10pt;line-height:12pt;text-align:right;text-indent:0px;padding:7px; }
A:link 	{ color: #005080; text-decoration: none; }
A:visited { color: #800080; text-decoration: none; }
A:hover 	{ color: #005080; background-color: #A0FAA0; }
A:visited:hover { color: #800080; background-color: #A0FAA0; }

#contenedor { width:1000px;margin:0 auto;border-left:1px solid #064B48;
							border-right:1px solid #064B48;line-height:150%; }
#contenido { margin-left:190px;border-left:1px solid gray;border-top:1px solid #FFFF; 
						border-right:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB;
						padding:25px;background-color:#FFFFFF }
img.pdf { border:0;width:32px;height:32px }
img.JE { width:490px;height:40px }
img.aut { width:85px;height:90px }
img.FPR { width:99px;height:41px }

/*Normal*/
#izq { float:left;width:157px;margin:0;padding:1em;background-color:#F4FFF8;
			border-left:1px solid #EEFFFF; border-top:1px solid #EEFFFF; 
			border-right:1px solid #BDC4C6; border-bottom:1px solid #BDC4C6; }
#izqfrase { float:left;width:188px;margin:0;padding:0;background-color:#F4FFF8; }
/*Cuaresma
#izq { float:left;width:157px;margin:0;padding:0;background-color:#C0B7F7;
			border-left:1px solid #EEFFFF; border-top:1px solid #EEFFFF; 
			border-right:1px solid #BDC4C6; border-bottom:1px solid #BDC4C6; }
#izqfrase { float:left;width:188px;margin:0;padding:0;background-color:#C0B7F7; }
/*Octava de Pascua
#izq { float:left;width:157px;margin:0;padding:0;background-color:#F78324;
			border-left:1px solid #EEFFFF; border-top:1px solid #EEFFFF; 
			border-right:1px solid #BDC4C6; border-bottom:1px solid #BDC4C6; }
#izqfrase { float:left;width:188px;margin:0;padding:0;background-color:#659089; } */

#tambien { margin-left:0;border-left:1px solid gray;border-top:1px solid #FFFF; 
						border-right:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB;
						padding:25px;background-color:#DDFFEE }

.shadow { -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(offx=3, offy=3, color='#70A0A0', positive='true')"; /* IE8+ */
			filter: progid:DXImageTransform.Microsoft.DropShadow(offx=3, offy=3, color='#70A0A0', positive='true') /* IE and lower */
			zoom:1;position:relative;/*for absolute position of child element*/ }
.shadow span { position:relative; left:5px;top:-30px; 
				/* position:absolute; left:-7px;top:-7px; /* strength + pixelradius */
				z-index:-1;/* force under the normal text */
				/* the magic: filters */
			  -ms-filter: "progid:DXImageTransform.Microsoft.Glow(Color=#70FFFF,Strength=3)"; /* IE8+ */
			  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=5, enabled='true')"; /* IE8+ */
				filter: /* IE7 and lower */
					progid:DXImageTransform.Microsoft.Glow(color=#70FFFF,strength=3)
					progid:DXImageTransform.Microsoft.Blur(pixelradius=5,enabled='true'); 
				/* progid:DXImageTransform.Microsoft.Shadow(color=#AABBCC,strength=13, direction=310); */
				zoom:1;/*force hasLayout*/ }
/*Uso: <h1 class="shadow">H1 con sombra<!--[if IE]><span>H1 con sombra</span><![endif]--></h1> */

.knockout {color:#fff} /*same as background colour for knock-out effect*/
.knockout span { filter:
			progid:DXImageTransform.Microsoft.Glow(Color=#666666,Strength=2) /*make it a bit darker for contrast*/
			progid:DXImageTransform.Microsoft.blur(pixelradius=5, enabled='true')	;	}	
/*Uso: <h1 class="shadow knockout">H1 con knock-out<!--[if IE]><span>H1 con knock-out</span><![endif]--></h1> */

.gradient {
			display:block; width:135px; height:400px; padding:5px 10px;
			background: -moz-linear-gradient(top, #F4FFF8, #648F88); /* Firefox */
			background: #C0B7F7 -webkit-gradient(linear, left top, left bottom, from(#F4FFF8), to(#648F88)) no-repeat; /* Webkit Chrome */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffcccccc, endColorstr=#ff888888)"; /* IE8+ */
			filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffcccccc, endColorstr=#ff888888); /* IE7 and lower */
		}
/*Uso: <p class="gradient">Caja en degradé</p> */
		
.boxShadow {
			display:block; width:135px; height:50px; padding:5px 10px;
			-moz-box-shadow: 5px 5px 5px #888; /* Firefox */
			-webkit-box-shadow: 5px 5px 5px #888; /* Webkit */
			box-shadow: 5px 5px 5px #888; /* CSS3 compatible browsers */
			-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=125,strength=5)"; /* IE8+ */
			filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=125,strength=5); /* IE7 and lower */
			background: #cccccc;
		}
/*Uso (ajustar parámetros): <div class="boxShadow"><div>Caja con sombra</div></div> */

#caja { position:relative;float:right; }
#caja1 { position:relative;float:right; }
#caja2 { position:relative;float:right; }
#caja3 { position:relative;float:right; }