/* Resets                                                            
--------------------------------------------------------------------------------------------------------- */
ul {list-style:none; }
pre,code,p {font-size:1em; }
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label {margin:0; padding:0; }
a img,:link img,:visited img {border:none; }
:link,:visited {text-decoration:none; }
address {font-style:normal; }
br { clear:both; line-height:1px; height:1px; font-size:1px; margin:0; padding:0; }

/* Generales                                                            
--------------------------------------------------------------------------------------------------------- */
body { margin:0; padding: 0; text-align:left; background: url(/gr/fondo-web-2.jpg) repeat ; font: 14px  "Times New Roman", Times, serif; color: #333; }
br { clear: both; line-height: 1px; height: 1px; font-size: 1px; margin: 0; padding: 0;}
ul, ol { margin: 0; padding: 0; }
dl { margin: 0; padding: 0; }
input {color:#9f9f9f; background:#fff; border:1px solid #ccc;} 
textarea {color:#9f9f9f; background: #fff; border:1px solid #ccc;} 

.obligatorio { color: #223ba7; font-size:9px; }

#caja {float: left; width:935px; padding: 0 0px 10px 00px;font-size:0.9em; color:#666;}
.breadcrumbs { margin:0 0 0px 0; padding:0 0 0 2px;  float:left;width: 500px; }
.volver { width:100px; float:right; text-align:right; padding: 0 2px 0 0;}
.hilo { width:100%; float:left;border-bottom: 1px solid #8F8574;}
.clear {clear: both;display: block;	overflow: hidden;	visibility: hidden;	width: 0;	height: 0;}


/* Links                                                            
--------------------------------------------------------------------------------------------------------- */
a { color: #223ba7; text-decoration: none;}

a:hover {color: #999; cursor:pointer; outline:none;}
a img { border: none; text-decoration: none;}
a .sel {color: #999; cursor:pointer; outline:none;}
.aviso{color:#223ba7;}


/* Tipografias Base
--------------------------------------------------------------------------------------------------------- */

h1{font:normal 1.5em/1.8em  "Times New Roman", Times, serif ;color: #223ba7; margin: 0 0 0px 0; text-transform:uppercase; }
h2 { font:normal 1.4em/1.5em "Times New Roman", Times, serif;color: #223ba7; margin: 0 0 0px 0;}
h3 { font:normal 1.2em/1.3em "Times New Roman", Times, serif;color: #223ba7; margin: 0 0 0px 0;}
p, dd { font: normal 1.0em/1.6em "Times New Roman", Times, serif; text-align:justify; margin: 0 0 1em 0;  }

dt { font: bold 1.2em/1.5em "Times New Roman", Times, serif; }

/* Marcos                                                          
--------------------------------------------------------------------------------------------------------- */
#contenedor {width:1005px;   padding:0px 0 0 0; margin: 0 auto; background: url(/gr/fondo-papel.jpg) repeat ;}
#cabecera {float:left;width:995px;margin:0;padding:20px 0 20px 0; border-left:5px solid #fff; border-right:5px solid #fff;background: url(/gr/fondo-papel.jpg) repeat ; }
.titulo-obra {font:  normal 3.7em/0.9em "Times New Roman", Times, serif; text-align:center;}
.titulo-obra a{ color:#000;}
.titulo-obra a:hover{ color:#000;}
.autor-libro { font:  normal 1.5em/0.9em "Times New Roman", Times, serif;text-align:center; letter-spacing: 0.2em; }
.autor-edicion { font-size: 16px; text-align:center;}
.autor-ilustracion { font-size: 12px; text-align:center;}
.gr-cabecera {width:995px; height: 330px; margin: 5px 0 0 0; background:url(/gr/gr-cabecera.gif) no-repeat;}

.compostela   {width:165px; font: bold 1.3em/1.1em "Times New Roman",Times, serif; background:#223ba7; color:#FFFFFF; text-align:center; text-transform:uppercase; margin:0 auto;}

#contenido {float:left; width:935px; background: url(/gr/fondo-papel.jpg) repeat 0 0 ; padding:0px 30px 0 30px; margin: 0;border-left:5px solid #fff; border-right:5px solid #fff; }

.letra-capital {float: left;color: #223ba7;padding: 3px 5px 1px 5px; display: block; margin-right: 6px;font-family: times;margin-top: 5px;font-size: 80px;line-height: 60px;}

#col-1-index { width: 590px; float:left;  }
#col-1-index img{ float:right; padding: 0 0 10px 10px; }
#col-2-index { width: 317px; float: right; padding: 0;}


#col-1 {width: 300px; float: left;padding: 0  0 0 0; }
#col-2{width: 577px; float:right; padding: 0 0 0 0; }
#col-2 img{ margin: 10px 0 5px 0; }
#col-2 .pie-de-foto   {color:#666; font-style:italic;} 
#col-3{float:right;width:60%;padding: 0 0 0 0; }


#col-4 {width: 314px; float: right;padding: 0 0 0 30px; }
#col-4  img{float:right; border: 1px solid #ddd;padding: 7px; margin:10px 0 20px 20px}


#galeria-index { width:585px; padding: 0 10px 0 14px; float:left; margin: 0px 0 1px 0;  }
#pie { margin:0px 0 20px 0; padding:20px 0 0 0; float:left; width:935px; }
#pie .dato {float:left; width:935px; text-align:center; background: #223ba7; color:#FFFFFF; padding: 5px 0 5px 0;margin: 0 0 5px 0;}
#pie .dato p { font: normal 1.2em/1.1em "Times New Roman", Times, serif; letter-spacing: 0.1em; }
#pie .autor-edicion {float:left; width:935px; text-align:center; font: bold 1.2em/1.2em "Times New Roman", Times, serif;padding: 5px 0 10px 0; }
#pie .autor-ilustracion {float:left; width:935px; text-align:center; margin: 3px 0 0 0; padding: 2px 0 2px 0;font: normal 1em/1.0em "Times New Roman", Times, serif;}
#logos { margin:0 auto; width:995px;  padding: 5px 0 0 0; border-bottom: 5px solid #fff; border-top: 5px solid #fff; height:115px; clear:both; background:url(/gr/fondo-papel.jpg) repeat; border-left:5px solid #fff; border-right:5px solid #fff;}
#logos .cont{ float:left;}
#logos ul { width:935px; padding: 0 0px 0 50px;}
#logos li { float:left; padding: 0 15px 0 15px;}


/*menu ---------------------------------------------------------------------------------------------------------*/
.menu { float:left; width: 986px;  height:26px;  padding:8px 0 3px 9px; margin: 5px 0 0 0; background:#223ba7; font-size:13px;}
.menu ul {float: left;width: 986px;}
.menu li { float:left; display:block;      }
.menu li a {padding: 3px 24px 3px 24px; float:left;  text-transform:uppercase; color:#fff;display:block; }
.menu li a:hover { text-decoration:none; float:left;color: #999;padding: 3px 24px 3px 24px; display:block; }
.menu li .sel{ text-decoration:none; float:left;color: #999;padding: 3px 24px 3px 24px; display:block;}


/*menu lateral---------------------------------------------------------------------------------------------------------*/
.menu-lateral {margin: 0px 0 0 0; float:left; }
.menu-lateral ul {float:left;display:block;width:280px;padding:5px 0px  10px 0px; }
.menu-lateral li {float:left;display:block;width:100%;margin:0;padding:0px; text-transform:uppercase;}
.menu-lateral li a {padding:4px 0 5px 25px ; float:left; background:url(/gr/bullet.gif) left top no-repeat;}
.menu-lateral li a:hover { padding:4px 0 5px 25px ; float:left;background:url(/gr/bullet-hover.gif) left  top no-repeat; }
.menu-lateral li .sel{ padding:4px 0 5px 25px ; float:left;background:url(/gr/bullet-hover.gif) left top no-repeat;}

/*menu pie---------------------------------------------------------------------------------------------------------*/
.menu-pie { float:left; width:935px;padding: 8px 0 8px 0; margin: 20px 0 0 0; color:#222; text-transform:uppercase; background: #ddd/*url(../gr/fondo-papel-2.jpg) repeat; */}
.menu-pie ul {margin:0 auto; padding: 0 0 0 195px; }
.menu-pie li { padding: 0 5px 0 5px; float:left; font-size:11px}
.menu-pie li a { color:#222;}
.menu-pie li a:hover { color:#999;}


/*Listados---------------------------------------------------------------------------------------------------------*/

#listado{ display:block;  float:right; display:block;  margin: 5px 0 2px 0px; width:587px;  padding:10px 3px 2px 0px ;}
#listado .item{float:left;margin:0 0 0px 0;display:block;width:190px;  height:120px; padding: 3px 2px 0 2px; }
#listado .fondo{height:100px;padding:0px ; float:left; padding:5px; border: 1px solid #8F8574;  width:170px;}
#listado .texto{ float:left; padding:0 0 0 0; display:block;  font-size:11px; height:98px;width:70px}
#listado .titulo { float:left;  margin: 0;    padding:0px 3px 0px 3px;width:70px; }
#listado .titulo a{ font: normal 1.1em/1.4em "Times New Roman", Times, serif; color:#5F584D;  }
#listado .titulo a:hover{    }
#listado .foto{  float:left;  padding: 0px 5px 0 0; width:90px ; }
#listado .foto img{  margin:0; padding:0;width:90px; }



#col-2 .texto{text-align:left; width:100%;float:left; padding:0 0 0 0; display:block; }
#col-2 .foto{  float:left; display:block;padding:0px 10px 0 0; }
#col-2-index .texto p{  font: normal 1.0em/1.3em "Times New Roman", Times, serif; }
#col-2 .texto .foto img{ padding:7px; border: 1px solid #ddd;width:138px ;}
#col-2  h2 .titulo-noticia { font:normal 1.2em/1.5em "Times New Roman", Times, serif;color: #223ba7; margin: 0 0 0px 0; }
#col-2 .separador { float:left; margin:0px 0 10px 0; width:100%; height:5px;border-bottom:1px dotted #8F8574;}

#col-2 .iconos{ padding-left:25%; width:75%; }

#listado-foto2 { float:left; width:305px; padding: 10px 0px 0 7px; /*background:url(/gr/fondo-gris-noticias.jpg) top left repeat-x;*/}  

#listado-foto2 .texto { margin: 0 0 0px 0; float:left;width:305px;}
#listado-foto2 .texto a{ font-size:18px; text-align:left;margin: 0;}
#listado-foto2 .texto p{ margin: 0;  color:#444;}
#listado-foto2 .separador { float:left; margin:4px 0 7px 0; width:100%; height:5px;border-bottom:1px solid #8F8574;}


#banner-tienda {margin:10px 0 0 0;float:left; width:316px; height:100px; background:url(/gr/banner-tienda.gif) top left no-repeat;}
#banner-tienda2 {margin:15px 0 0 0;float:left; width:300px; height:100px; }
#banner-galeria {margin:25px 0 0 0;float:left; width:316px;height:100px; background:url(/gr/banner-galeria.gif) top left no-repeat;}
#banner-camino {margin:15px 0 0 0;float:left; width:316px; height:276px;}


#detalles {float:left;width:577px;display:block; padding: 0 0 0 0;}
/*#detalles h2{font:1.3em/1.4em Arial, Helvetica, verdana, sans-serif;color:#666; padding: 10px 0 0 0;}*/
#detalles ul li{margin:0.5em 0; padding: 0 0 0 2em;background:url(/gr/bullet.gif) 1em 0.6em no-repeat;}
#detalles h2 { font:normal 1.2em/1.5em "Times New Roman", Times, serif;color: #223ba7; margin: 0 0 10px 0; }
#detalles .foto { float:right;padding: 0 0 10px 20px;}
#detalles  img{float:right; border: 1px solid #ddd;padding: 7px; margin:10px 0 20px 20px}


.tema  {text-transform:uppercase;font-size:0.75em;letter-spacing:1px; color:#666;  margin: 5px 0 0px 0; }
.titulo-2 {color:#444;font:normal 1.7em/1em "Times New Roman", Times, serif;margin: 6px 0 5px 0 ;padding:3px 0 3px 10px; letter-spacing:3px; background: #efefef ; width:300px; float: left; }
.fecha {font-size:0.8em;letter-spacing:1px; color:#666;  margin: 5px 0 0px 0; font-style:italic; font-family:Arial, Helvetica, sans-serif;  }
.fecha2 {font-size:0.8em;letter-spacing:1px; color:#666;  margin: 5px 0 0px 0; font-style:italic; font-family:Arial, Helvetica, sans-serif;  padding: 0 ; width:275px;}


/*Galeria---------------------------------------------------------------------------------------------------------*/

#galeria { float:left; margin:0; padding:0; }
#galeria .item .foto { width:135px; float:left; height:110px; overflow:hidden; margin: 0 0 10px 0; }

/* Formulario                                                          
--------------------------------------------------------------------------------------------------------- */

#formulario {	float:right;width:60%;padding: 0 5% 0 0;  }
#formulario .item{padding:0 2% 0 0; margin:0 0 5px 0; text-align:left; width: 48%; float:left; display:block;  }
#formulario .item-2{padding:0 0 0 0; margin:0 0 5px 0; text-align:left; width: 100%; float:left; display:block;  }
#formulario .campo-texto{	width: 97%; margin:0 0 5px 0;	 }
#formulario .item label{ margin: 0 0 5px 0; width: 98%;	padding:2px 0 0 0; text-decoration:none; display:block;  }
#formulario textarea{width:97%; height:150px;  }
#formulario .form-bts{padding:0;margin:15px 0 0 0;float:left;text-align:right;width: 280px;}
#formulario select{ padding:2px;}
#formulario .item-submit{padding:0 2.5% 0 0%; margin:0 0 5px 0; text-align:left; width: 126px; float:right; display:block; text-align:right;  }
.submit{border:none;border:1px solid #ccc;}

#formulario .item span.aviso, #formulario .item-2 span.aviso {position:relative; color:#d53a35;}


/*paginacion                                                          
--------------------------------------------------------------------------------------------------------- */
.pag{ width:100%;  margin:5px 0 0 0;clear:both;	float:left; padding:5px 0 5px 0; display:block;font-size:0.9em;}
.pag ul { margin:0; list-style:none; padding: 0; }
.pag li a{ float:left; display:block; padding: 0px 6px 0px 6px;	}
.pag li { float:left;  margin:0 2px 0 2px; padding:0;  }
.pag li  a:hover {color:#999;} 
.select {color:#999;}