/* Estructura                                                           

--------------------------------------------------------------------------------------------------------- */
#accesibilidade{display:none;}
#contenedor-web{ width:994px; margin:0 auto; }
#cabeceira-web{width:994px; height:316px;}
#cabeceira-web .col-esq{width:395px;  padding:0; background:#000; float:left; position:relative;}
	#logo{width:299px;height:125px; display:block;  padding:25px 0 0 95px;}
#cabeceira-web .col-der{width:599px; display:block; float:left;}
	#cabeceira-web .cab {padding: 35px 10px 6px 0; height:34px; width:589px; background:url(/gr/gr-cabeceira.gif) no-repeat;display:block;}
	#cabeceira-web .pelicula {padding: 0 0 0 0; height:235px;width:599px;display:block;}

#corpo-web{width:994px; padding:5px 0 0 0; float:left; display:block;}
#corpo-web .col-esq{width:380px; float:left; padding:32px 14px 0 0; position:relative; display:block;}
#corpo-web .col-centro{width:382px;float:left; position:relative; display:block;}
	#corpo-web .col-centro .cab{width:380px; display:block; padding:0 0 0 0; float:left;}
	#corpo-web .col-centro .fio{width:323px;float:left; padding:8px 0 0 0; display:block;  }
	#corpo-web .col-centro .controles{width:50px;position:relative;float:left; padding:8px 0 0 0;  }
		#corpo-web .col-centro .controles ul li{float:left; padding:0 5px; position:relative; }
	#corpo-web .col-centro .pad{padding:0 20px 0 0; }

#corpo-web .col-centro-2{width:600px;float:left; position:relative; display:block;}
	#corpo-web .col-centro-2 .cab{width:598px; display:block;  }
	#corpo-web .col-centro-2 .fio{width:543px;float:left; position:relative; padding:8px 0 0 0;  }
	#corpo-web .col-centro-2 .controles{width:50px;position:relative;float:left; padding:8px 0 0 0;  }
		#corpo-web .col-centro-2 .controles ul li{float:left; padding:0 5px; position:relative; }
	#corpo-web .col-centro-2 .pad{padding:0 20px 0 0; }
	
#corpo-web .col-der{width:215px;position:relative;float:left; padding:32px 0 0 3px; display:block; }

#pe-web{width:100%; display:block; height:72px; float:left;  margin:1em 0 0 0; }
	#pe-web .cont{width:994px; display:block; height:72px; margin:0 auto; border-top:1px solid #38302b;  background:url(/gr/logo-2.gif) 955px 5px no-repeat;}
	#pe-web .col-esq{width:360px;display:block; float:left; padding:15px 0 0 10px;}
	#pe-web .col-centro{width:574px;display:block; padding:15px 0 0 25px; float:left;}
	#pe-web .col-der{width:232px;display:block; float:left;}
	#pe-web .creditos{display:block; float:left; margin-top:10px;}
/* Navegación */

#menu-1{width:374px; padding:0 0 0 0; height:160px;border-bottom:1px solid #38302b; }
#menu-1 li , #menu-1 li a{ display:block; width:374px;   text-align:right;}	
#menu-1 li {border-top:1px solid #38302b;height:38px;padding:0 0 0 0;}
#menu-1 a{padding:10px 0 0 0;width:374px;height:28px;}

#menu-2{width:994px;padding:8px 0 0 0; height:25px; float:left; background:#38302b;}                                                    
#menu-2 ul  {  margin: 0 0 0 0; padding: 0 0 0 394px; }
#menu-2 li , #menu-1 li a{ float:left; display:block; position:relative; }
#menu-2 li {padding:0 0 0 11px;height:22px;}
#menu-2 li a{padding:8px 11px 0 0; height:14px; }

/*Caixas*/
.caixa{width:100%; display:block;float:left; }
#boletin.caixa{ width:97%; display:block; padding: 0 0 0 3%; }

.cab {width:100%; height:32px; display:block;float:right;}
.titulo { display:block; float:left;}
.caixa .aesq {width:5%; height:32px; display:block; float:right;}
.caixa .corpo {width:90%; display:block; padding:7px 0 0 0;float:left;}
.caixa .pe {width:100%; height:11px; display:block; }
.caixa  .esquina {width:5%; height:11px; display:block; float:right;}

/*Seccions Destacadas*/
#seccions-destacadas{width:365px; padding:5px 0 0 13px; float:left; position:relative;  }


/*Suxerencias*/
#suxerencias .item {width:100%; display:block; float:left; position:relative; margin: 0 0 5px 0;}
#suxerencias .item  a .txt{position:absolute; bottom:0; left:0;width:96%; padding:2%;  background:url(/gr/trans.png) repeat; display:block; cursor:pointer;}
#suxerencias .item a .txt{visibility:hidden;}
#suxerencias .item a:hover .txt{visibility:visible;}

#documentos {float:left; width:100%;display:block;}
#detalles {float:left;width:100%;display:block;  margin:0 0 10px 0; }
#detalles img{float:right; margin:15px 0 15px 15px;}
/*Banners*/
#banners{ width:362px; height:240px; display:block;position: relative; margin: 0 0 10px 0; padding: 0;background:url(/gr/banners.jpg) no-repeat;}
		#banners ul {margin: 0; padding: 0;}
		#banners li{ position: absolute; left: 0;margin: 0; padding: 0;}
		#banners li,#banners a{ width:362px; height:62px; display:block; text-decoration:none;margin: 0; padding: 0; }

			#banners #menusgrupos { top:0px; left:0; }
			#banners #menudia { top:62px;  left:0;}
			#banners #librovisitas { top:124px;left:0;}
			#banners #trabaja { top:186px; left:0;}

			#banners #menusgrupos a:hover {background:transparent url(/gr/banners.jpg)  0 -250px  no-repeat;}
			#banners #menudia a:hover {background:transparent url(/gr/banners.jpg)  0 -312px no-repeat;}
			#banners #librovisitas a:hover {background:transparent url(/gr/banners.jpg) 0 -374px no-repeat;}
			#banners #trabaja a:hover {background:transparent url(/gr/banners.jpg) 0 -436px no-repeat;}

/*Listado*/
#listado, #listado-foto, #agenda .item{float:left;width:100%;}
#listado-foto .texto, #agenda .texto{text-align:left; width:75%;float:right; padding:0 0 0 0; display:block;}
#listado-foto .foto, #agenda .foto{  float:left; display:block;  }
#listado-foto .iconos, #agenda .iconos{ padding-left:25%; width:75%;  }
#listado {margin:0.5em 0 0 0 ; border-top:3px double  #38302b;padding:1em 0 0 0 ;}


/*Listado carta*/
#listado-carta {width:100%;float:left; position:relative; }
#listado-carta .item{width:99%;float:left; position:relative; border-bottom:1px solid #38302b;padding: 0.3em 0 0.3em 0;}
#listado-carta .texto {text-align:left; width:80%;float:left; position:relative; padding:0 0 0 0; display:block;}
#listado-carta .precio{  float:right; position:relative;}
#listado-carta .iconos{ padding-left:10%; width:75%;}

/*Listado libro*/
#listado-libro{float:left;width:100%;}
#listado-libro .item{width:100%;float:left; position:relative; border-bottom:1px solid #38302b;padding: 0.3em 0 0.3em 0; display:block;}
#listado-libro .texto{width:100%;float:left;}
#listado-libro .usuario{width:50%; position:relative;padding: 0.3em 0 0.3em 0; float:left;}
#listado-libro .fecha{width:40%; position:relative;padding: 0.3em 0 0.3em 0;float:right; text-align:right;}

/*Galería*/
#galeria {width:372px; padding: 0 0 0 8px;float:left;   }
#galeria  .item {float:left; display:block; position:relative;width:25%; height:51px; text-align:center; padding:0 0 8px 0;}

#galeria .cont {padding:5px 0 0 0;float:left; display:block; width:372px;}
#galeria .titulo-1{padding:0 0 0 5px;}
#galeria .txt {position:absolute; right:5px; top:30px; display:block; background:#8d1f16;}

/*Paginación*/
#galeria .pag {margin:0 0 0 0;	padding:0.2em 0 0.5em 0; width:99%; display:block; float:left; }
.pag {margin:2em 0 2em 0;	padding:0.5em 0 0.5em 0; width:99%; display:block; float:left;}
.pag li{margin:0;	padding:0 5px 0 0;	float:left;	display:block;}
.pag li a{	margin:5px 0 5px 0;	padding:0 5px 0 5px; display:block;	}
.pag li a:hover{display:block;}

/*Recomendar enlaces*/
.share  {width:100%; margin:5px 0 0 0; display:block; float:left;}
.share  ul {	list-style: none;	margin: 0;	padding: 0;}
.share  ul li {	float: left;	margin: 0;	padding: 0;	width: 28px;display: block;	}
.share  ul li a {	background-position: 0px 2px;	background-repeat: no-repeat;	display: block;	float: left; height: 24px;	padding: 4px 0 0 22px;	vertical-align: middle;}
.share .t { }
.akst_delicious {	background: url(/gr/share/delicious.gif) no-repeat; }
.akst_digg {	background: url(/gr/share/digg.gif) no-repeat;}
.akst_google_bmarks {	background: url(/gr/share/google_bmarks.gif) no-repeat;}
.akst_yahoo_myweb {	background: url(/gr/share/yahoo_myweb.gif) no-repeat;}
.akst_technorati {	background: url(/gr/share/technorati.gif) no-repeat;}
.akst_barrapunto {	background: url(/gr/share/barrapunto.gif) no-repeat;}
.akst_meneame {	background: url(/gr/share/meneame.gif) no-repeat;}
.akst_fresqui {	background: url(/gr/share/fresqui.gif) no-repeat;}
.akst_favoriting {	background: url(/gr/share/favoriting.gif) no-repeat;}
.akst_blogmemes {	background: url(/gr/share/blogmemes.gif) no-repeat;}
.akst_chido {	background: url(/gr/share/chido.gif) no-repeat;}
.akst_webeame {	background: url(/gr/share/webeame.gif) no-repeat;}
.akst_blinklist {	background: url(/gr/share/blinklist.gif) no-repeat;}
.akst_neodiario {	background: url(/gr/share/neodiario.gif) no-repeat;}
.share .ti{font-size:0.8em;float:left;width:100%; text-align:left; color:#888; float:left;display:block; margin: 5px 0 5px 0;}



/*Documentos*/
.iconos  {width:100%;float:left;  display:block;}
.iconos  ul {	list-style: none;	margin: 0;	padding: 0;}
.iconos  ul li {	float: left;	margin: 0;	padding: 0;	display: block;	}
.iconos  ul li a {	background-repeat: no-repeat;	display: block;	float: left;	height: 20px;	padding:0 0 0 2em;}
.pdf {	background: url(/gr/doctypes/pdf.gif) no-repeat;}
.doc {	background: url(/gr/doctypes/doc.gif) no-repeat;}
.rar {	background: url(/gr/doctypes/rar.gif) no-repeat;}
.zip {	background: url(/gr/doctypes/zip.gif) no-repeat;}
.xls {	background: url(/gr/doctypes/xls.gif) no-repeat;}
.ppt {	background: url(/gr/doctypes/ppt.gif) no-repeat;}


/* Fuentes                                                           

--------------------------------------------------------------------------------------------------------- */
body {text-align:left;  font-size:16px; font-family:Georgia, Times New Roman, serif; color:#aca4a4; }
a{color:#CCC;}
a:hover{color:#8d1f16;}
a {outline:none;}
#corpo-web a{color:#8d1f16;}
#corpo-web a:hover{color:#af625b;}



#listado-carta a{color:#CCC;}
#listado-carta a:hover{color:#8d1f16;}
.sel, .sel a{color:#8d1f16;}
textarea, input, select {font-family: Arial, Helvetica, verdana, sans-serif; background:#38302b; border:1px solid #38302b;font-size:0.88em; color:#aca4a4;padding:2px; }
.aviso{color:#8d1f16;}

#cabeceira-web .cab {color:#CCC; text-align:right; font-size:1.7em;}
#menu-1 {text-align:left; font-size:1em;  }
#menu-2 li a{ text-align:right;font-size:0.88em; }
#corpo-web {font-size:0.84em;line-height:1.36em; }
#suxerencias .item {font-size:0.8em;line-height:1.3em; }
#suxerencias .item a, #suxerencias .item a:hover{color:#CCC;}
.fio{font-size:0.8em; }
#pe-web  { font-size:0.7em;}
#galeria .txt {color:#CCC; padding:2px;  font : 0.7em/1em Arial, Helvetica, verdana, sans-serif  normal; }

h1{font:1.5em/1.2em Georgia, Times New Roman, Times, serif normal; margin: 0.5em 0 0.5em 0;}
h2{font:1.3em/1em Georgia, Times New Roman, serif normal; color:#807373;}
#listado-carta .texto h2, .precio{ font:0.9em/1.4em  Arial, Helvetica, verdana, sans-serif  normal;}
#detalles h2{font:1.1em/1.3em Arial, Helvetica, verdana, sans-serif;}
h3{font-size:1.3em;font-family:Georgia, Times New Roman, serif;font-weight:normal; padding: 0 0.5em 0.5em 0; letter-spacing:1px; color:#CCC; }
h4{font-size:1.06em;font-family:Georgia, Times New Roman, serif;font-weight:normal;}
#listado-carta h2{font:1.46em/1.1em Georgia, Times New Roman, serif normal;}


#detalles ul,dl {padding:0 0 0 8px;}
#detalles li { background:url(/gr/bullet.gif) 0 5px  no-repeat; padding:0 0 0 17px; margin:0 0 0.5em 0;}
#detalles li, dt { background:url(/gr/bullet.gif) 0 5px  no-repeat; padding:0 0 0 17px; margin:0 0 0.1em 0;}
dd {  padding:0 0 0 17px; }

p {margin:1.1em 0; font-family:Arial, Helvetica, verdana, sans-serif;}
#boletin p {margin:0.3em 0 1em 0; }

.intro{ font-style:italic; font-size:0.88em; line-height:1.4em; padding:0 20px  0 0; }
#usuarios {font-size:0.7em; }
.titulo-2 { text-transform:uppercase;font-size:0.75em;letter-spacing:1px;padding:2em 0 0 0;float:left;  }
.titulo-3 { text-transform:uppercase;font-size:0.75em;letter-spacing:1px; color:#807373;}
.titulo-detalles { text-transform:uppercase;font-size:0.75em;letter-spacing:1px; color:#807373; margin:1em 0 0 0;}
#listado-libro .usuario { color:#807373;}

.pag {font-family:Georgia, Times New Roman, serif;}

/* Formularios                                                           

--------------------------------------------------------------------------------------------------------- */
#formulario {	margin:0.5em 0 0 0 ; text-align:left; width:100%; display:block; float:left; border-top:3px double  #38302b;padding:1em 0 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: 99%; float:left; display:block;  }
#formulario .campo-texto{	width: 98%; margin:0 0 5px 0;	 }
#formulario .item label, #formulario .item-2 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% 0 0%; margin:0 0 5px 0; text-align:left; width: 50%; float:right; display:block; text-align:right;  }


.formulario2 {	margin:13px 0 0 0 ; text-align:left; width:100%; display:block; float:left; border-top:3px double  #38302b;padding:10px 0 0 0 ; }
.formulario2 .item{padding:0 2% 0 0; margin:15px 0 0px 0; text-align:left; width: 98%; float:left; display:block;  }
.formulario2 .item input { width:300px;}
.formulario2 .campotexto{ float:left;	width: 100px; margin:0 0 5px 0; padding:3px; }
.formulario2 .item label{ margin: 0 0 5px 0; width: 200px;	padding:2px 15px 0 0; text-decoration:none; display:block; float:left; }
.formulario2 textarea{width:300px; height:150px;  }
.formulario2 .bts{padding:0;margin:10px 0 0 0;text-align:left; float:left; width:100%;}
.formulario2 select{ padding:2px;}

.extensiones { float:left; font-size:0.9em; padding:0 0 0 213px; width:300px;}




#boletin .item{padding:0 0 0 0; margin:0 0 5px 0; text-align:left; width: 80%; float:left; display:block;  }
#boletin .campo-texto{	width: 80%; margin:0 0 5px 0;	 }

#boletin .item-submit{padding:0 2% 0 0%;   margin:0 0 0  0; text-align:left; width: 50%; float:left; display:block; text-align:left;  }

.submit {background:#aca4a4; border:1px solid #aca4a4; color:#38302b;}

#usuarios  label{ margin: 0 0 0 0; width: 30%;	padding:0 0 0 0;  text-align:right; float:left;  }
#usuarios .item{padding:0 0 0 0; margin:0 0 5px 0; text-align:right; width: 100%; float:right; display:block;  }
#usuarios .item-2{padding:0 0 0 2%; margin:2px 0 2px 0; text-align:left; width: 68%; float:left; display:block;  }
#usuarios .item-3{padding:0 0 0 0; margin:0 0 2px 0; text-align:right; width: 30%; float:right; display:block;  }
#usuarios .item-4{padding:0 0 0 2%; margin:2px 0 2px 0; text-align:left; width: 100%; float:left; display:block;  }
/* Clases                                                           

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

.separador {height:20px ; margin:0; display:block; width:100%;overflow:hidden; clear:both; }
.separador-2 {height:20px ; margin:0; display:block; width:100%;overflow:hidden; clear:both;}
.separador-3 {height:20px ; margin:0; display:block; width:100%;overflow:hidden; clear:both;}
.separador-4 {height:10px ; margin:1em 0 0 0; display:block; width:100%;overflow:hidden; clear:both;border-top:3px double  #38302b;}
.fecha{ font-style:oblique; font-size:0.9em;}


.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}