body {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
     margin: 0 auto auto auto; 
     padding: 8% 0 8% 0;  
     font-weight: bold; 
     background:#FFFFFF;
     }
 
a{
  cursor: url(http://www.peregrinosasantiago.com/flecha.cur);
  text-decoration: none;
  color:yellow;
 }	

a:hover{
       
      
		 color:yellow;
		 text-decoration: underline;
       }
input
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 border: 1px solid Yellow;
 background-image: url(graficos/fondo3.jpg);
 color:white;
 padding: 0px 0px 0px 5px;
}

		
textarea{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
	 border: 1px solid Yellow;
 background-image: url(graficos/fondo3.jpg);
 color:white;
 padding: 0px 0px 0px 5px;
}
ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   border: none; 
	}		
	

#contenedor 
        {
         position: relative;
			margin: 1% auto 0px;
			border-width: 0px;		
			font-family: Arial, Helvetica, sans-serif;
			color: White;
			width: 719px; 
			background-image: url(graficos/fondo3.jpg);
			z-index: 0;
         }
			#contenedor a
			            {
							 color: Yellow;
	                   font-weight: bold;
                      font-family: Arial, Helvetica, sans-serif;
		               }
			
#contenedorportada {
         position: relative;
			width: 719px; 
			height: 330px;
			margin: 1% auto 0px;
			background-image: url(graficos/fondo1.jpg);
			border-width: 0px;		
			z-index: 0;
					}
         #contenedorportada img {
                margin-left: 2px;
                    }
         #contenedorportada a {
                text-decoration: none;
                color: #000033;
			       font-weight: bold;
                font-family: Arial, Helvetica, sans-serif;
                    }
#contenedorchat 
         {
			width: 419px; 
			color:white;
			background-image: url(graficos/fondo3.jpg);
			z-index: 10;
			}#contenedorchat a{
	         color: Yellow;
		        }
#contenedornoticia {
margin: 5px auto 0px auto;
         position: relative;
			width: 415px; 
			background-image: url(graficos/fondo3.jpg);
			z-index: 0;
			color:white;
			border:solid 2px Yellow;}
#contenedorrecomendacion{
        margin: 5px 10px 0px 0px;
         position: relative;
			width: 415px; 
			background-image: url(graficos/fondo3.jpg);
			z-index: 0;
			padding: 1px 1px 0px 1px;
			color:white;
			border:solid 2px Yellow;}
			
#contenedorintro {
margin: 3px 50px 50px 3px;
         position: relative;
			width: 500px; 
			background-image: url(graficos/fondo3.jpg);
			z-index: 0;
			padding: 3px 3px 0px 3px;
			color:white;
			border:solid 2px Yellow;}	
#contenedorform {
margin: 3px 20px 20px 3px;
         position: relative;
			width: 390px; 
			background-image: url(graficos/fondo3.jpg);
			z-index: 0;
			padding: 3px 3px 0px 3px;
			color:white;
			border:solid 2px Yellow;}	

#contenedorforo 
         {
         margin: 1% auto 0px;
         position: relative;
			width: 719px; 
			
			color:white;
			background-image: url(graficos/fondo3.jpg);
			z-index: 10;
			}#contenedorforo a{
	         color: Yellow;
		        }

#izquierda{position: ABSOLUTE; top:60px; left:27px; width:297px; z-index:1; height:271px; margin-bottom: 0px;  }
         #izquierda textarea
          {	
            background-color: transparent;
            Scrollbar-Arrow-Color: #0A0060;	
            Scrollbar-Track-Color: #0A0060;	
            Scrollbar-Shadow-Color: #0A0060;	
            Scrollbar-Face-Color: #0A0060;
            Scrollbar-Highlight-Color: #0A0060;	
            Scrollbar-DarkShadow-Color: #0A0060;
            Scrollbar-3DLight-Color: #0A0060;
            font: normal normal bold 11px Arial, Helvetica, sans-serif;  
            color: #FFFF00;
            border: none;
            vertical-align: bottom;
            }
				#izquierda  a{
  cursor: url(flecha.cur);
  text-decoration: none;
  color:yellow;
 }	

#izquierda  a:hover{
       
      
		 color:yellow;
		 text-decoration: underline;
       }
#izquierdasec{position: ABSOLUTE; top:260px; left:27px; width:297px; z-index:1; height:271px; margin-bottom: 0px;  }
#visualizador {position: ABSOLUTE; top:34px; left:10%; width:130px; height:125px; }

#central {position: absolute; top:59px; left:30%; width:130px;  z-index:2;  }

#centralsec {position: relative; top:-50px; left:129px; width:440px; z-index:10; }

#centralnot {position: relative; top:10px; left:0px; z-index:2;margin: 17px 17px 17%;}
#centralrec {position: relative; top:10px; left:0px; z-index:2;margin: 17px 17px 0px; }
#centralforo {position: absolute; top:59px; left:30%; width:130px;  z-index:2;  }
#derecha {position: relative; margin-left:50%; width:333px; border:solid 3px Yellow;height:241px;}
#derecha1 {position: relative; margin-left:470px; text-align: right; z-index:1; top: -145;vertical-align: baseline;}
#derecha3 {position: relative; margin-left:470px; text-align: right; z-index:1; top: 45;vertical-align: baseline;}
#derechafor {position: relative; margin-left:17%; width:577px;top:13px;}
#derechasec {position: relative; margin-left:495px; text-align: right; z-index:1; top: -45;}
	#derechasec img { margin: 0px 0px 0px 0px; vertical-align: baseline;}

#encabezado {left:0; position: absolute;height:350px;	width:719px;z-index:0;background-image: url(graficos/fondo4.jpg);background-repeat: no-repeat;}

#encabezadoportada {	height:80px;}
#encabezadonoticias {color: #000033; background-color: Yellow;	font: normal normal bold 15px Arial, Helvetica, sans-serif;	margin: 2px ;}
		
#encabezadochat {

			height:350px;
			width:619px;
			z-index:0;
			background-image: url(graficos/fondo4.jpg);
			background-repeat: no-repeat;
		}
#menu 
     {
			position: relative;
			height:100px;
			top:5px;
			left:10px;
			text-align: right;
			border-left:solid 3px Yellow;
			margin: 0;
         padding: 0;   
		}
		
#menusec 
       {
			position: relative; top:76px; left:9px; width:97px; z-index:4; height:103px; margin-bottom: 0px;border-right:solid 3px Yellow;text-align: right;
		 }	
		     
#noticias
        {
         position: relative;
         top:140px; height:122px;
         background-image: url(graficos/1x1.gif);
         left:4px; 
         bottom:0px;
         width:297px; 
         vertical-align: bottom;
         color: #FFFFFF;
        }
		  #Noticias a 
        {
          color: yellow;
        }
		  #Noticias a:hover
        {
          text-decoration: underline;
			 cursor: url(flecha.cur);
        }
		  
#encuadradosub {position: relative; 
padding:2px;margin-left:0px; width:290px; border:solid 3px Yellow;height:87px;}
#explicacionportada
{
display: none !important;
	
}
#impresion, #copyprintexp
{
	display: none !important;
}




/* LIBROS*/ 
#contlibro{position: relative; top:0px;bottom:0px; margin-top: -55px;}
#contlibrotit { position: relative; top:0px; left:0px; width:570px;margin:0px,0px,0px,0px;}
#contlibrotext { position: relative; top:20px; width:440px; left:15px; }
#contlibroimg { position: relative; vertical-align:top; width:20px; left:460px;top:-120px}
  #contlibroimg img{ border: 3px solid Yellow; }

#contopcioneslibro {position: relative;  width:100%; z-index:11;border-top: 1px solid Yellow; height:10px;vertical-align: top; left:15px; top:-100px; margin: 0px 0px;
}	
 #contopcioneslibro a {color: #000033;}	
#opcioncomentlibro{position: relative;left:0px;width: 130px; background-color: Yellow;height:1em; vertical-align: top; text-align: center; }
#opcioncomentlibro a {color: #000033;}	

/* FINAL LIBROS*/ 




#piedown
         {        
         position: static;
         background-image: url(graficos/fondodown.jpg);
         background-repeat: no-repeat;
			width: 719px; 
			background-position: bottom;
			vertical-align: bottom;
			border-width: 0px;
			margin-left: 0px; 
			z-index: 1;
			}
			
#piedown1
{        position: relative;
         background-image: url(graficos/fondodown.jpg);
         background-repeat: no-repeat;
			width: 719px; 
			margin-top: -240px;
			background-position: bottom;
			vertical-align: bottom;
			border-width: 0px;
			margin-left: 0px; 
			z-index: 1;}
#piedown2
{        position: relative;
         background-image: url(graficos/fondodown.jpg);
         background-repeat: no-repeat;
			width: 719px; 
			margin-top: -300px;
			background-position: bottom;
			vertical-align: bottom;
			border-width: 0px;
			margin-left: 0px; 
			z-index: 1;}
#piedown3
{        position: relative;
         background-image: url(graficos/fondodown.jpg);
         background-repeat: no-repeat;
			width: 719px; 
			margin-top: -230px;
			background-position: bottom;
			vertical-align: bottom;
			border-width: 0px;
			margin-left: 0px; 
			z-index: 1;}
#piedown4{        position: absolute;
         background-image: url(graficos/fondodown.jpg);
         background-repeat: no-repeat;
			width: 719px; 
			margin-top: -370px;
			background-position: bottom;
			vertical-align: bottom;
			border-width: 0px;
			margin-left: 0px; 
			z-index: 1;}
#piedown5{        
         position: relative;
         background-image: url(graficos/fondodown.jpg);
         background-repeat: no-repeat;
			width: 719px; 
			margin-top: -130px;
			background-position: bottom;
			vertical-align: bottom;
			border-width: 0px;
			margin-left: 0px; 
			z-index: 1;}
#piedownimagenes
{        position: relative;
         background-image: url(graficos/fondodown.jpg);
         background-repeat: no-repeat;
			width: 719px; 
			margin-top: -223px;
			background-position: bottom;
			vertical-align: bottom;
			border-width: 0px;
			margin-left: 0px; 
			z-index: 1;}
#piedownforo
{        position: relative;
         background-image: url(graficos/fondodown.jpg);
         background-repeat: no-repeat;
			width: 719px; 
			margin-top: -123px;
			background-position: bottom;
			vertical-align: bottom;
			border-width: 0px;
			margin-left: 0px; 
			z-index: 1;}

			
#pie{position: relative;top: 0px;width: 719px; height: 0px;margin: 0% auto 0px;border-width: 0px;color: #000033;z-index: 0;}
  #piecopy{position: absolute; left: 0%;width: 70px;height:1em;vertical-align: middle;text-align: center;margin: 0px 3px 3px;font: normal normal bold 9px Arial, Helvetica, sans-serif;}
  #piecontactar{ position: absolute; left: 667px;width: 50px;background-color: Yellow;height:1em;vertical-align: middle;text-align: center;padding: 0 0 0;}
  #pievolver{ position: absolute; left: 613px;width: 50px;background-color: Yellow;height:1em;vertical-align: middle;text-align: center;}
			  #pieinicio{ 
			  position: absolute; 
           left: 557px;
			  width: 50px;
			  background-color: Yellow;
			  height:1em;
			   vertical-align: middle;
			  text-align: center;
			  }
			  #pie a{
			  color: #000033;
			  text-decoration: none;
			  }
			  #pie a:hover{
			  text-decoration: underline;
			  }
#pienoticias{position: relative; width: 340px; height: 0px;margin: 0% auto 0px;	border-width: 0px;z-index: 0;	}
 #pienoticiascerrar{position: absolute; left: 300px; width: 50px; text-align: center; background-color: Yellow; height:1em; vertical-align: top;}
#pienform{position: relative; width: 340px; height: 0px;margin: 0% auto 0px;	border-width: 0px;z-index: 0;	}
 #pieformcerrar{position: absolute; left: 330px; width: 50px; text-align: center; background-color: Yellow; height:1em; vertical-align: top;}
   #pieformcerrar a:hover{text-decoration: underline;color: #000033;}
 #pieintrocerrar{ position: absolute;left: 360px;width: 50px;text-align: center;background-color: Yellow;height:1em; vertical-align: top;}
	#pieintrocerrar a:hover{text-decoration: underline;color: #000033;}
			  
#piecoment
{position: relative; 
text-align: right; 
left:0px; top: 0px; 
width:372px ;
height: 0px;  
z-index: 3; 
padding: 0px; 
border: 1px solid Yellow;
}
           
			  #piecoment a{
			  color: #000033;
			  text-decoration: none;
			  }
			  #piecoment a:hover{
			  text-decoration: underline;
			  }
			  #piecomentcontactar{ position: absolute; 
           left:240px;
			  width: 103px;
			  background-color: Yellow;
			  height:1em;
			  vertical-align: top;
			  top: -1px;
			  text-align: center;
			  padding: 0 0 0;
			  }
#cajacomentarios{ position: relative; left:30px;width:370px; z-index:0; bottom:0;padding: 0px; }
#cajacomentarioslibro{ position: relative;width:370px; left:0px;top:15px; z-index:0; bottom:0;padding: 0px 10px; }
#cajavarcoment{position:relative; top:16px; width:374px; z-index:1;padding: 0px;border-bottom: 2px solid Yellow;}
#cajavarcomentt{position:relative; top:16px; width:374px; z-index:1;padding: 0px;border-top: 2px solid Yellow;}
#cajacom{position: relative; top:0px; padding: 15px 0px 15px 0px; width:370px; z-index:1;  margin: 0px 0px 0px; z-index: 3;border-bottom: 1px solid Yellow;border-top: 1px solid Yellow;}
#cajavarcomentt{position: relative; top:0px; padding: 15px 0px 15px 0px; width:370px; z-index:1;  margin: 0px 0px 0px; z-index: 3;border-bottom: 1px solid Yellow;border-bottom: 1px solid Yellow;}

#cajatit1{position:relative; left:0px; top:0px; width:100%; z-index:1; padding:2px; }
#cajatitvar1{position: absolute; left:30%; top:0px; width:250px;  z-index:1; padding:2px;  }
#cajatit2{position: relative; left:0px; top:0px; width:100%;  z-index:1;  padding:2px; }
#cajatitvar2{position:absolute; left:30%; top:0px; width:250px; z-index:1;  padding:2px; }
#cajatit3{position:absolutee; left:0px; top:0px; width:100%; z-index:1 ; padding:2px; }
#cajatitvar3{position:relative; left:30%; top:0px; width:250px; z-index:1; padding:1px; }
	#comentext{	color: Yellow;	font-size: 13px;text-align: left;vertical-align: bottom;}	
	#comentextno{	font-size: 11px;text-align: center;vertical-align: top;  padding: 25px 0 25px 0;}	  
     
#contopcionesfaq
{
position: relative;  width:100%; z-index:11;border-top: 3px solid Yellow; vertical-align: top; height: 62px; top:-33px;
 }	

 #contopcionesfaq a
{
color: #000033;
 }	
 #contopcionesfaqup
{
position: relative;  width:100%; z-index:11; vertical-align: top; border-bottom: 3px solid Yellow; height: 2px; top:3px
 }	

  #contopcionesfaqup a
{
color: #000033;
 }	
  #contopcioneslibroup
{
position: relative;  width:100%; z-index:11; vertical-align: top; border-bottom: 3px solid Yellow; height: 2px; top:10px
 }	

  #contopcioneslibroup a
{
color: #000033;
 }	
#opcionimpfaq{
position: absolute; 
           left:310px;
			  width: 50px;
			  background-color: Yellow;
			  height:1em;
			  vertical-align: bottom;
			  text-align: center;
			  }
#opcionenvfaq
{
position: absolute; 
           left:231px;
			  width: 75px;
			  background-color: Yellow;
			  height:1em;
			  vertical-align: top;
			  text-align: center;
	}
#opciondescfaq{
position: absolute; 
           left: 364px;
			  width: 70px;
			  background-color: Yellow;
			  height:1em;
			  vertical-align: bottom;
			  text-align: center;
			  }
#opcioncomentfaq{
position: absolute; 
           left:10px;
			  width: 100px;
			  background-color: Yellow;
			  height:1em;
			  vertical-align: top;
			  text-align: center;
			  }

#opcionimpfaqup{
position: absolute; 
           left:310px;
			  width: 50px;
			  background-color: Yellow;
			  height:1em;
			   vertical-align: top;
			  text-align: center;
			  top:-10px;
			  }
#opcionenvfaqup
{
position: absolute; 
           left:231px;
			  width: 75px;
			  background-color: Yellow;
			  height:1em;
			  vertical-align: top;
			  text-align: center;
			  top:-10px;
	}
#opcioncomentfaqup{
position: absolute; 
           left:10px;
			  width: 100px;
			  height:25px;
			  background-color: Yellow;
			  height:1em;
			  vertical-align: top;
			  text-align: center;
			  top:-10px;
			  }
#opciondescfaqup{
position: absolute; 
           left: 364px;
			  width: 70px;
			  background-color: Yellow;
			  height:1em;
			  vertical-align: bottom;
			  text-align: center;
			  top:-10px;}
			  
			  
 /*FORMULARIOS*/
#formcontent{
           position: relative;  
           left: 10px;
			  height: 180px;
			  text-align: left;
			  top:12px;}  
#formcontent2{
           position: relative;  
           left: 10px;
			  height: 180px;
			  text-align: left;
			  top:0px;}  
#formcamp{
           position: relative;  
           left: 10px;
			  height: 10px;
			  width:120px;
			   text-align: left;
			  top:12px;}
#forminput{
           position: relative;  
           left: 95px;
			  height: 15px;
			  vertical-align: top;
			  width:100px;
			  text-align: left;
			  top:1px;}
#formtextarea{
           position: relative;  
           left: 95px;
			  height: 55px;
			  width:100px;
			  vertical-align: bottom;
			  text-align: left;
			  top:1px;}	
#formboton{
           padding: 0px 0px 10px;
           position: relative;  
           left: 296px;
			  height: 25px;
			 width:50px;
			  vertical-align: top;
			  top:17px;}	
 /*FIN FORMULARIOS*/	
 
 
#propdescarga{
	position: relative;
   margin: 0px 5% 5%;
	left:90px;
  	width: 200px;

	}	  
#cardescarga{
   position: relative;
   border: 1px solid Yellow; 
	margin: 1px 0px -2px 0px;
	width:100px;
	height: 12px;
   color: Yellow;
   font-size: 9px;
	vertical-align: middle;

	padding: 0px 0px 0px 5px;
	
}	
#carokdescarga{
   position: relative;
	width:150px;
	font-size: 10px; 
   left: 116px;
   height: 12px;
	vertical-align: top;
   text-align: left;
	margin: 1px 0px -10px 0px;
	top:-13px;
}	
#carinidescarga{
   position: relative;
	left: 117px;
	margin: 3px 0px 0px;
   text-align: center;
	background:yellow;
	width:75px;
   color: Yellow;
   font-size: 9px;
	}
	
	#carinidescarga a{color: #000033;	}
.boton{
		padding: 0px 0px 0px 0px;
        font-weight:bold;
        color: #000033;
        background:yellow;
        border:0px;
        text-align: center;
       }			  
 .navegador
  {
	color: #000033;
	background-color: #FFFF00;
	font: normal normal bold 9px Arial, Helvetica, sans-serif;
	}
	
.copyright
   {
	color: #000033;
	font: normal normal 9px Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
   }
.info
   {
	color: #000033;
	font: normal normal 9px Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: middle;
   font-weight: bold;
   }
.subtitulos
   {
	background-color: Yellow;
	color: #000033;
	font-size: 15px;
	font-weight: bold;
	}

#subtitulosdesc
   {
	position: absolute;
   margin: 10% auto auto;
	color: Yellow;
	font-size: 14px;
	font-weight: bold;
	}
	
#subtitulosdescont
   {
	position: absolute;
	width: 100%;
	text-align: center;
  	}
	
#subtitulosdesok
   {
   position: relative; font-size: 15px;	font-weight: bold;
	}
	
#subsubtitulosdesc
   {
   font-size: 9px;
	font-weight: bold;
	}
.subtitulossec
   {
	color: Yellow;
	font-size: 15px;
	font-weight: bold;
	}
.autor
   {
	color: yellow;
	font: normal normal bold 9px Arial, Helvetica, sans-serif;
	text-align: left;
	}
#alignautor
   {
	position: relative;
	color: yellow;
	font: normal normal bold 9px Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	left: 80%;
	right: 20px;
	
	}
	#autorright
   {
	color: white;
	font: normal normal bold 9px Arial, Helvetica, sans-serif;
	text-align: right;
	margin-top: 30px;
	margin-right: 30px;
	}