/* HOJA DE ESTILOS PERSONARTE. */
BODY {
background:#e4e8ec url(images/bg.gif) repeat-x;
background-attachment:fixed;
  margin:3px 0px; /* arriba-abajo 5, left-right 0 */
  text-align: center;}

/* Superior para el logotipo */ 
#fondobco { 
background-color: #FFF;
  margin: 0px auto; /* auto para ff */ 
	width:740px; 
	height:107px;   
	} 
	
/* Superior admin */ 
#fondobco_adm { 
background:#FFF url(images/arriba_admin.jpg) no-repeat;
  margin: 0px auto; /* auto para ff */ 
	width:740px; 
	height:107px;   
	} 

/* Superior para el logotipo en bienvenida */ 	
#fondobcoportada { 
background-color: #FFF;
  margin: 0px auto;
	width:740px; 
	height:168px;   
	} 

/* Fondo destacados Home */  
#fondocafe { 
background-color: #FEFBEE;
  margin: 0px auto;
	width:740px; 
	height:auto; 
	  overflow:hidden;  /* para ff */ 
	} 
	
/* Fondo googles en Home */ 		
#fondocafe2 { 
background-color: #FBF2D0;
  margin: 0px auto;
	width:740px; 
	height:auto;
	overflow:hidden; /* para que se vea en ff */
	}   

/* Fondo superior para select*/ 
#fondocafe3 { 
background:#FEFBEE url(images/f_cafe.jpg) repeat-x;
  margin: 0px auto;
	width:570px;
	height:37px;
	float:left; /* visualiza linea en explorer*/ 
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	  text-align: right;    
	} 
	
/* Fondo inferior para ancla*/ 
#fondoinferior { 
background:#FEFBEE url(images/f_cafe2.jpg) repeat-x;
  margin: 0px auto;
	width:570px;
	height:37px;
	text-align: center; 
	} 
 
#fondoinferior_admin { 
background:#FEFBEE url(images/f_cafe2.jpg) repeat-x;
  margin: 0px auto;
	width:100%;
	height:37px;
	text-align: center; 
	} 
	
/* Ancho total, contiene menú y columna de contenidos */ 	
#fondoverde { 
background-color: #3C9C6A;
  margin: 0px auto;
	width:740px;   
	} 
	
/* Ancho total admin */ 	
#fondo_admin { 
background-color: #a9bdd1;
  margin: 0px auto;
	width:740px;   
	} 
	
/* Area superior, contiene botones */ 
#fondogris { 
background-color: #546167;
background:url(images/botonera.gif) left top;
  margin: 0px auto;
	width:740px;
	height:24px;  
	text-align: right;  
	}
		

/* Ancho total del sitio y verde de fondo*/ 	   
#inhalt { 	
  margin: 0px auto;
  border: solid 1px #999999;
  width: 740px;
  background:url(images/contentArea.gif) left top repeat-y;
  text-align: center;
  overflow:hidden;
} 

/* Pie de páginas*/ 	
#inhalt2 { 	
  margin: 0px auto;
  width: 740px;
} 

/* Area izquierda*/  
#menverde {
width:170px;
margin: 0px;
float:left;
text-align: center;
}

/* Menú con imagen gris de fondo*/ 
#mengris {
width:170px;
margin: 0px;
background:url(images/f_boton.jpg) top repeat;
height:264px;
text-align: left;
font: 14px Arial, Helvetica, sans-serif;} /* para ff */

/* Menú gris admin*/ 
#mengris_admin {
width:170px;
margin: 0px;
background:url(images/f_boton.jpg) top repeat;
height:44px;
text-align: left;
font: 14px Arial, Helvetica, sans-serif;} /* para ff */



/* Area derecha de contenidos*/ 
#contenido {
width:570px;
margin:0px;
float:left;
background-color:#FFF;
overflow: hidden;
}	

/* Area derecha de contenidos página "Así"*/ 
#contenido2 {
width:570px;
margin:0px;
float:left;
background-color:#FFF;
background-image: url(images/textura06.jpg);
overflow: hidden;
} 

/* Area derecha de contenidos fondo gris*/ 
#contenido3 {
width:570px;
margin:0px;
float:left;
background-color:#FFF;
background-image: url(images/textura04.jpg);
overflow: hidden;
}

/* Area derecha de contenidos fondo café claro*/ 
#contenido4 {
width:570px;
margin:0px;
float:left;
background-color:#FFF;
background-image: url(images/textura02.jpg);
overflow: hidden;
}

/* Area derecha de contenidos fondo café oscuro*/ 
#contenido5 {
width:570px;
margin:0px;
float:left;
background-color:#FFF;
background-image: url(images/textura08.jpg);
overflow: hidden;
}

/* Area derecha de contenidos fondo verdoso claro*/ 
#contenido6 {
width:570px;
margin:0px;
float:left;
background-color:#FFF;
background-image: url(images/textura05.jpg);
overflow: hidden;
}
/* Area derecha de contenidos fondo gris azuloso*/ 
#contenido7 {
width:570px;
margin:0px;
float:left;
background-color:#FFF;
background-image: url(images/textura07.jpg);
overflow: hidden;
}

/* Sombra café en Home*/  
#sombrita { 
margin: 0px;
	height:12px;
background:url(images/sombra3.gif) top repeat-x;
}  

/* Sombra gris páginas sin select*/ 
#sombrita2 { 
margin: 0px;
	height:12px;
background:url(images/sombra.gif) top repeat-x;
}  

 
/* Area contenidos logo verde de fondo */  	  
	  
#columna3{
width:520px;
height:auto;
padding:5px;
margin:0px auto;
text-align: left;
background-repeat: no-repeat;
background-image: url(images/fondo4.gif);
background-attachment: scroll; /* se mantiene fija */  
background-position: top center;
}

/* Area contenidos logo café claro de fondo */  	
#columna3b{
width:520px;
height:auto;
padding:5px;
margin:0px auto;
text-align: left;
background-repeat: no-repeat;
background-image: url(images/fondo2.gif);
background-attachment: scroll;
background-position: top center;
}

/* Area contenidos sin logo de fondo */  	
#columna3c{
width:520px;
height:auto;
padding:5px;
margin:0px auto;
text-align: left;
}

/* Columna Recomendados en Librería */  	
#columnanov{
width:119px;
padding:3px;
background-color: #c1e1bc;
text-align: center;
font: bold 10px Arial, Helvetica, sans-serif;
color: #000;}	 

/* Recomendados en Librería */  	
#novedades {
width:125px;
height:22px;
background:url(images/destacados/encabezado.jpg) no-repeat;
font: bold 11pt "Garamond", "Times New Roman", serif;
color: #002C8D;
text-align: center;
}  	

#bottom {
width:125px;
height:9px;
background:url(images/destacados/bottom.jpg) no-repeat;
}  

/* CLASES */  
	
/* Los siguientes estilos corresponden a titulos y subtitulos. */
h1 {
font: bold 20pt "Garamond", "Times New Roman", serif;
color: #00954A;
text-align: center;}

h2 {
font: bold 15pt "Garamond", "Times New Roman", serif;
color: #00954A;
text-align: center;}
	
h3 {
font: bold 12pt "Garamond", "Times New Roman", serif;
color: #00954A;
text-align: center;}


/* Subtitulo fondo café */  
.subtitulo {
  	background-color: #FBF2D0;
	margin: 0px auto;
    padding:2px;
	width:100%; 
	height:17px;
font: bold 12px Arial, Helvetica, sans-serif;
color: #002C8D;
}	

/* Subtitulo fondo verde */  
.subtitulo2 {
  	background-color: #D5ECDB;
	margin: 0px auto;
    padding:2px;
	width:100%; 
	height:17px;
font: bold 15pt "Garamond", "Times New Roman", serif;
color: #00954A;
text-align: center;
}	
	
/* Columna destacados de la izquierda en Home */  	

.columna{
width:350px;
padding:10px;
float:left;
font: bold 10px Arial, Helvetica, sans-serif;
color: #000;
text-align: left;}

/* Columna destacados de la derecha en Home */   
.columnab{
width:350px;
padding:10px;
float:right;
font: bold 10px Arial, Helvetica, sans-serif;
color: #000;
text-align: left;}

/* Columna adsense en Home */   
.columnac{
width:170px;
padding:8px 0px 0px 15px;
float:left;
}

/* Columna feeds en Home */ 	  
.columnad{
width:160px;
float:right;
font: bold 10px Arial, Helvetica, sans-serif;
color: #666;
text-align: left;}

/* Columna buscador google en Home */   
.columnae{
width:350px;
padding:10px;
float:left;
font: 11px Arial, Helvetica, sans-serif;
color: #000;
text-align: left;}

/* Estilo "texto" corresponde al texto azul principal y sus estados. */
.texto {
font: 12px/17px Arial, Helvetica, sans-serif;
color: #002C8D;
}

a.texto:link, a.texto:visited {color: #028041;text-decoration: underline;font-weight: bold;}
a.texto:hover{color: #D59113;text-decoration: underline;font-weight: bold;}
a.texto:active{color: #028041;text-decoration: underline;font-weight: bold;}

/* Los siguientes estilos definen destacados para texto principal. */
.azulino {
font: 12px/17px Arial, Helvetica, sans-serif;
color: #0000FD;
}
	
.verdecino {
font: 12px/17px Arial, Helvetica, sans-serif;
color: #028041;
}

.rojofurioso {
font: 12px/17px Arial, Helvetica, sans-serif;
color: #BA0202;
}

.rosalino {
font: 12px/17px Arial, Helvetica, sans-serif;
color: #FF2FFF;
}

.violeta {
font: 12px/17px Arial, Helvetica, sans-serif;
color: #C40FFF;
}

.cafecino {
font: 12px/17px Arial, Helvetica, sans-serif;
color: #A60000;
}
	
.verdecinoscuro {
font: italic 14px/17px "Times New Roman", Times, serif;
color: #005100;
}
	
.azuloscuro {
font: italic 14px/17px "Times New Roman", Times, serif;
color: #002C8D;
}
	
.rojoscuro {
font: bold 12px/17px Arial, Helvetica, sans-serif;
color: #800000;
}
	
.magenta {
font: bold 12px/17px Arial, Helvetica, sans-serif;
color: #909;
}

a.magenta:link, a.magenta:visited {text-decoration: underline;}
a.magenta:hover{text-decoration: underline;}
a.magenta:active{text-decoration: underline;}


/* En psicotaca */
.textonegro {
font: 12px/17px Arial, Helvetica, sans-serif;
color: #000;
}

/* En el test*/	
.morado {
font: bold 12px/17px Arial, Helvetica, sans-serif;
color: #540491;
}	
	


/* Texto en italic. También para recuadros.*/
.citas {
font: italic 11px/16px Verdana, Arial, sans-serif;
color: #002C8D;
}

/* Texto en italic. También para recuadros.*/	
.citarojo {
font: italic 14px/17px Verdana, Arial, sans-serif;
color: #800000;}	

/* El estilo "saber" y "fuente" definen textos y links pequeños para bibliografias. Tambien links en índices */
.saber {
font: 11px Arial, Helvetica, sans-serif;
color: #333;}

a.saber:link, a.saber:visited {color: #028041;text-decoration: underline;font-weight: bold;}
a.saber:hover{color: #D59113;text-decoration: underline;font-weight: bold;}
a.saber:active{color: #028041;text-decoration: underline;font-weight: bold;}

.fuente {
font: 11px Arial, Helvetica, sans-serif;
color: #002C8D;}

/* Marcar novedades */	
	.nuevo {
	font: 10px Arial, Helvetica, sans-serif;
color: #F00;}

/* Links del Home ahora son grises*/	
.blanco {
font: 11px Verdana, Arial, sans-serif;
color: #333;}
	
a.blanco:link{text-decoration: underline}
a.blanco:visited{color: #333;text-decoration: underline}
a.blanco:hover{color: #028041;text-decoration: underline}
a.blanco:active{text-decoration: underline}

/* Encabezados y links admin*/
.blanco10 {
font: bold 10px Arial, Helvetica, sans-serif;
color: #FFF;}
	
a.blanco10:link{text-decoration: none}
a.blanco10:visited{color: #FFF;text-decoration: none}
a.blanco10:hover{color: #a9bdd1;text-decoration: none}
a.blanco10:active{text-decoration: none}
	
/* Pie de página y de fotos. */
.pie {
font: bold 10px Arial, Helvetica, sans-serif;
color: #333;
}

a.pie:link, a.pie:visited {color: #028041;text-decoration: underline;}
a.pie:hover{color: #FF9900;text-decoration: underline;}
a.pie:active{color: #028041;text-decoration: underline;}

.piebco {
font: bold 10px Arial, Helvetica, sans-serif;
color: #FFF;}

a.piebco:link, a.piebco:visited {text-decoration: underline;}
a.piebco:hover{color: #FC0;text-decoration: underline;}
a.piebco:active{text-decoration: underline;}
	
	
.piemorado {
font: bold 10px/17px Arial, Helvetica, sans-serif;
color: #609;
}

.piepag {
font: bold 10px Arial, Helvetica, sans-serif;
color: #333;
}

a.piepag:link, a.pie:visited {text-decoration: underline;}
a.piepag:hover{color: #028041;text-decoration: underline;}
a.piepag:active{text-decoration: underline;}

	
/* Enlaces Menu izquierdo. */
.menuverde {
font: bold 11px/22px Arial, Helvetica, sans-serif;
color: #028041;
}

a.menuverde:link, a.menuverde:visited { text-decoration: none}
a.menuverde:hover{  color: #D59113; text-decoration: none}
a.menuverde:active{ text-decoration:none}



.menunaranjo {
font: bold 11px/22px Arial, Helvetica, sans-serif;
color: #A60000;
}

a.menunaranjo:link, a.menunaranjo:visited {text-decoration: underline;}
a.menunaranjo:hover{color: #F90;text-decoration: underline;}
a.menunaranjo:active{text-decoration: underline;}

/* Enlaces azules en Librería */
.destacado {
font: bold 11px Arial, Helvetica, sans-serif;
color: #002C8D;
}

a.destacado:link, a.destacado:visited {text-decoration: underline}
a.destacado:hover{	color: #D59113; text-decoration: underline}
a.destacado:active{text-decoration: underline}

/* Textos en cajitas Crearte, Musica */
.destacadocafe {
font: bold 10px/13px Arial, Helvetica, sans-serif;
color: #A85800;
text-align: left;
}

/* Título recuadro inferior de Articulos Recomendados */
.novedades {
font: bold 15px "Garamond", "Times New Roman", serif;
color: #A60000;
text-align: center;
}  

/* Linea punteada */
.laniah { 
margin: 0px;
height:1px;
background:url(images/punt_hoz.gif) top repeat-x;
     } 
	
/* Recuadro verde */
.recuadro {
  	border: double #00954A;
    padding:7px;
	margin: 0px 60px; 
	font: italic 11px/16px Verdana, Arial, sans-serif;
	color: #002C8D;}
	
.recuadroadmin {
  	border: double #00954A;
    padding:7px;
	margin: 0px; 
	font: bold italic 11px/16px Verdana, Arial, sans-serif;
	color: #002C8D;
	text-align: left;
	background-color:#F4F4F4}	

/* Recuadro morado */
	.recuadro2 {
  	border: double #540491;
    padding:7px;
	margin: 0px 60px; 
	font: italic 11px/16px Verdana, Arial, sans-serif;
	color: #002C8D;}

/* Los siguientes estilos corresponden a campos y botones de formularios. */
.input {font: 10px Arial, Helvetica, sans-serif;}

.campos {
font: 11px Arial, Helvetica, sans-serif;
color: #000;}

.boton {  
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #FFF; 
background-color: #00954A; 
border-color: #FFF #999 #CCC #CCC}
	
/* Area edición del Administrador*/ 
#administrador {
width:740px;
margin:0px;
float:inherit;
background-color:#FFF;
overflow: hidden;
text-align: center;
}	

#resultado {
width:700px;
height:250px;
margin:0px;
float:inherit;
background-color:#FFF;
overflow: auto;
}