/*
	Descripcion Estilos del web
	
	Miguel y Antonio
	Contacto 
	Copyright Doble H Multimedia, S.L.
*/

A.titularblanco:link
{
    CURSOR: pointer;
    COLOR: #ffffff;
    text-decoration: none;
}
A.titularblanco:visited
{
    CURSOR: pointer;
    COLOR: #ffffff;
    text-decoration: none;
}
A.titularblanco:hover
{
    CURSOR: pointer;
    COLOR: #ffffff;
    text-decoration: underline;
}
A.titularblancogris:link
{
    CURSOR: pointer;
    COLOR: #CCCCCC;
    text-decoration: none;
	font-family: Verdana,Arial, sans-serif;
	FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
}
A.titularblancogris:visited
{
    CURSOR: pointer;
    COLOR: #CCCCCC;
    text-decoration: none;
	font-family: Verdana,Arial, sans-serif;
	FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
}
A.titularblancogris:hover
{
    CURSOR: pointer;
    COLOR: #ffffff;
    text-decoration: underline;
	font-family: Verdana,Arial, sans-serif;
	FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
}

A.titulardarkblue:link
{
    CURSOR: pointer;
    COLOR: #003E7F;
    text-decoration: none;
}
A.titulardarkblue:visited
{
    CURSOR: pointer;
    COLOR: #003E7F;
    text-decoration: none;
}
A.titulardarkblue:hover
{
    CURSOR: pointer;
    COLOR: #003E7F;
    text-decoration: underline;
    letter-spacing:1px;
    word-spacing:0px;
}

A.txtblanco:link
{
    CURSOR: pointer;
    COLOR: #ffffff;
    text-decoration: none;
}
A.txtblanco:visited
{
    CURSOR: pointer;
    COLOR: #ffffff;
    text-decoration: none;
}
A.txtblanco:hover
{
    CURSOR: pointer;
    COLOR: #ffffff;
    text-decoration: underline;
}

A.txtverde:link
{
    CURSOR: pointer;
    COLOR: #007467;
    text-decoration: underline;
}
A.txtverde:visited
{
    CURSOR: pointer;
    COLOR: #007467;
    text-decoration: underline;
}
A.txtverde:hover
{
    CURSOR: pointer;
    COLOR: #007467;
    text-decoration: none;
}
FORM
{
    MARGIN-BOTTOM: 0px;
}
.combos
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #000000;
    font-family: Verdana,Arial, sans-serif
}
.fichatitular
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    font-family: Verdana,Verdana,Arial, sans-serif
}
.tdgris
{
    MARGIN-TOP: 1px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND: #dddddd;
    MARGIN-BOTTOM: 1px;
    WIDTH: 100%;
    COLOR: #007467;
    FONT-STYLE: normal;
    font-family: Verdana,Arial, sans-serif
}
.titularblanco
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-STYLE: normal;
    font-family: Verdana,Arial, sans-serif
}
.titularnegro
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-STYLE: normal;
    font-family: Verdana,Verdana,Arial, sans-serif
}
.titularverde
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #05C540;
    FONT-STYLE: normal;
    font-family: Verdana,Verdana,Arial, sans-serif
}
.titularrojo
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #CC0202;
    FONT-STYLE: normal;
    font-family: Verdana,Verdana,Arial, sans-serif
}

.titularazul
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #005BBB;
    FONT-STYLE: normal;
    font-family: Verdana,Verdana,Arial, sans-serif
}

.titularazuloscuro
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #003e7f;
    FONT-STYLE: normal;
    font-family: Verdana,Verdana,Arial, sans-serif
}

.txtazul
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #005BBB;
    FONT-STYLE: normal;
    font-family: Verdana,Arial, sans-serif;    
}
.txtazul10
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #005BBB;
    FONT-STYLE: normal;
    font-family: Verdana,Arial, sans-serif
}

.txtblanco
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-STYLE: normal;
    font-family: Verdana,Arial, sans-serif
}
.txtazuloscuro
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #003e7f;
    FONT-STYLE: normal;
    font-family: Verdana, Verdana,Arial, sans-serif
}

.txtgranate
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #800000;
    FONT-STYLE: normal;
    font-family: Verdana,Verdana,Arial, sans-serif
}

.padt2 { padding-top:2px; }
.padt3 { padding-top:3px; }
.padt4 { padding-top:4px; }
.padt5 { padding-top:5px; }
.padt6 { padding-top:6px; }
.padt7 { padding-top:7px; }
.padt8 { padding-top:8px; }
.padt9 { padding-top:9px; }
.padt10 { padding-top:10px; }
.padt11 { padding-top:11px; }
.padt12 { padding-top:12px; }
.padt14 { padding-top:14px; }
.padt16 { padding-top:16px; }
.padt18 { padding-top:18px; }
.padt20 { padding-top:20px; }
.padt22 { padding-top:22px; }
.padt24 { padding-top:24px; }
.padt25 { padding-top:25px; }
.padt26 { padding-top:26px; }
.padt27 { padding-top:27px; }
.padt28 { padding-top:28px; }
.padt29 { padding-top:29px; }
.padt30 { padding-top:30px; }
.padt40 { padding-top:40px; }
.padt50 { padding-top:50px; }
.padt60 { padding-top:60px; }
.padb2 { padding-bottom:2px; }
.padb3 { padding-bottom:3px; }
.padb4 { padding-bottom:4px; }
.padb5 { padding-bottom:5px; }
.padb6 { padding-bottom:6px; }
.padb8 { padding-bottom:8px; }
.padb10 { padding-bottom:10px; }
.padb12 { padding-bottom:12px; }
.padb14 { padding-bottom:14px; }
.padb15 { padding-bottom:15px; }
.padb16 { padding-bottom:16px; }
.padb20 { padding-bottom:20px; }
.padb30 { padding-bottom:30px; }
.padb10t10 { padding-top:10px; padding-bottom:10px; }
.padb5t5 { padding-top:5px; padding-bottom:5px; }
.padlt3 { padding-left:3px; }
.padlt5 { padding-left:5px; }
.padlt6 { padding-left:6px; }
.padlt8 { padding-left:8px; }
.padlt10 { padding-left:10px; }
.padlt12 { padding-left:12px; }
.padlt13 { padding-left:13px; }
.padlt15 { padding-left:15px; }
.padlt20 { padding-left:20px; }
.padlt40 { padding-left:40px; }
.padrt2 { padding-right:2px; }
.padrt4 { padding-right:4px; }
.padrt5 { padding-right:5px; }
.padrt6 { padding-right:6px; }
.padrt10 { padding-right:10px; }
.padrt20 { padding-right:20px; }
.padrt30 { padding-right:30px; }
.padrt40 { padding-right:40px; }
.padrt50 { padding-right:50px; }
.padlt2rt2 { padding-left:2px; padding-right:2px; }
.padlt3rt3 { padding-left:3px; padding-right:3px; }
.padlt5rt5 { padding-left:5px; padding-right:5px; }
.padlt6rt6 { padding-left:6px; padding-right:6px; }
.padlt6rt10 { padding-left:6px; padding-right:10px; }
.padlt10rt5 { padding-left:10px; padding-right:5px; }
.padlt10rt10 { padding-left:10px; padding-right:10px; }
.centrar { text-align: center; }

.gratis
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #CC0202;
    FONT-STYLE: normal;
    font-family: Verdana,Verdana,Arial, sans-serif
}

.precio_oferta {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #CC0202;
    FONT-STYLE: normal;
    font-family: Verdana,Verdana,Arial, sans-serif
}
.precio_old {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #005BBB;
    FONT-STYLE: normal;
    font-family: Verdana,Verdana,Arial, sans-serif;
    text-decoration: line-through;
}

#librosgratuitos {
	float: left;
	width:180px;
	margin: 0px 2px;
}

#librosoferta {
	float: left;
	width:25%;
	margin: 0px 2px;
	border:0px solid black;
	overflow: hidden;
}

#imagen {
	cursor: pointer;
	border: 0px solid black;
}

#imagenBorde {
	cursor: pointer;
	border-top: 1px solid silver; 
	border-right:2px solid black; 
	border-bottom:2px solid black; 
	border-left:1px solid silver; 
	
}
#scrollLegislacion{
	overflow: auto;
	width: 100%;
	height: 425px;
	border: 0px solid red;
}

#scrollNoticias {
	overflow: auto;
	width: 100%;
	height: 475px;
	border: 0px solid red;
}

#scroll_FICHALIBRO {
	overflow: auto;
	width: 100%;
	height: 435px;
	border: 0px dashed black;
}

#scroll_LisArticulosEbooks{
	margin-top: 8px;
	overflow: auto;
	width: 100%;
	height: 435px;
	border: 0px solid blue;
}

#scrollBody {
	overflow: auto;
	width: 100%;
	height: 450px;
	border: 0px solid red;
}

#scrollBodyTodo {
	overflow: auto;
	width: 100%;
	height: 490px;
	border: 0px solid red;
}

#botonesFiltro{
	position: relative;
	margin-top: 5px;
	overflow: hidden;
	border: 0px solid blue;
}

#revistas   {
		margin: 15px 2px;
		border:0px solid black;
		width: 270px; 
		float:left; 
		display: block;
		background: #75BDE6;
}

#ebooks   {
		margin: 5px 2px;
		padding: 2px 2px;
		border:1px dashed #78C1E8;
		width: 180px; 
		float:left; 
		display: block;
		overflow: hidden;
		background:#0E5FB9;
}

#fotoRevista {
	border-top:1px solid #E1E1E1;
	border-left:1px solid #E1E1E1;
	border-right:2px solid #9D9C9B;
	border-bottom:2px solid #000000;
	width:70px;
	height:100px;
	cursor:pointer
}

#fotoRevistaGrande {
	border-top:1px solid black;
	border-left:1px solid black;
	border-right:2px solid black;
	border-bottom:2px solid black;
	width:109px;
	height:140px;
	cursor:pointer
}

.cajaConsejoNormas{ 
	border-bottom:1px solid white;
	background: #1B428B;
  margin:0px 1px;
  text-align: center;
}


.txtazultachado
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #005BBB;
    FONT-STYLE: normal;
    font-family: Verdana,Arial, sans-serif;
 		text-decoration: line-through;   
}

.bloqueCentro {
	padding-top:0px;
	background-color: #DDEFF9;
	height:500px;
	vertical-align:top;
}

A.titularazuldarkgrande:link
{
    FONT-SIZE: 15px;
    CURSOR: pointer;
    COLOR: #003E7F;
    text-decoration: none;
    letter-spacing:0px;
    word-spacing:0px;
}
A.titularazuldarkgrande:visited
{
    FONT-SIZE: 15px;
    CURSOR: pointer;
    COLOR: #003E7F;
    text-decoration: none;    
    letter-spacing:0px;
    word-spacing:0px;
}
A.titularazuldarkgrande:hover
{
    FONT-SIZE: 15px;
    CURSOR: pointer;
    COLOR: #003E7F;
    text-decoration: underline;
   	letter-spacing:0px;
    word-spacing:0px;
}

#txtPequeAzul{
	FONT-WEIGHT: normal;
  FONT-SIZE: 10px;
  COLOR: #005BBB;
  font-family: tahoma;    
}

#revistas   {
	margin: 5px 8px;
	padding: 2px 1px;
	border:1px dashed #78C1E8;
	width: 95%; 
	float:none; 
	display: block;
	background:#C5E3F5;
}

#numeros   {
	margin: 5px 8px;
	padding: 2px 1px;
	border:1px dashed #78C1E8;
	width: 155px; 
	float:left; 
	display: block;
	background:#C5E3F5;
}

#numerosVER   {
	margin: 5px 8px;
	padding: 2px 1px;
	border:1px dashed #78C1E8;
	width: 155px;
	float:left; 
	display: block;
	background:#C5E3F5;
}

.numerosRESTO_ver   {
	margin: 5px 8px;
	padding: 2px 1px;
	border:1px dashed #78C1E8;
	width: 155px; 
	float:left; 
	display: block;
	background:#C5E3F5;
}

.numerosRESTO_nover   {
	margin: 5px 8px;
	padding: 2px 1px;
	border:1px dashed #78C1E8;
	width: 316px; 
	float:none; 
	display: none;
	background:#C5E3F5;
}

A.titularazulgrande:link
{
    FONT-SIZE: 15px;
    CURSOR: pointer;
    COLOR: #005BBB;
    text-decoration: none;
    letter-spacing:0px;
    word-spacing:0px;
    font-weight: bold;
}
A.titularazulgrande:visited
{
    FONT-SIZE: 15px;
    CURSOR: pointer;
    COLOR: #005BBB;
    text-decoration: none;    
    letter-spacing:0px;
    word-spacing:0px;
    font-weight: bold;
}
A.titularazulgrande:hover
{
    FONT-SIZE: 15px;
    CURSOR: pointer;
    COLOR: #005BBB;
    text-decoration: underline;
   	letter-spacing:0px;
    word-spacing:0px;
    font-weight: bold;
}


#boxCorners1{ width: 60%; padding: 3px 0; padding-left:8px; margin:0 0; background:#0E5FB9; color:#FFF; font-weight:bold; text-transform: uppercase; font: italic bold 11px arial; }
#boxCorners2{ width: 60%; padding: 3px 0; padding-left:8px; margin:0 0; background:#0E5FB9; color:#FFF; font-weight:bold; text-transform: uppercase; font: italic bold 11px arial; }
#boxCorners3{ width: 60%; padding: 3px 0; padding-left:8px; margin:0 0; background:#0E5FB9; color:#FFF; font-weight:bold; text-transform: uppercase; font: italic bold 11px arial; }
#boxCorners4{ width: 100%; padding: 3px 0; padding-left:8px; margin:0 0; background:#0E5FB9; color:#FFF; font-weight:bold; text-transform: uppercase; font: italic bold 11px arial; }

.inputBuscar{
	width: 125px;
	height: 19px;	
	font-size: 13px;
	color: black;
}

/****************************************************************************************************************/
/*Labels campos, textos, titulos, etc.*/
.label {
	FONT-WEIGHT: normal;
  FONT-SIZE: 12px;
  COLOR: #005BBB;
  font-family: Verdana,Arial, sans-serif;
}
.labelnegrita {
  FONT-WEIGHT: bold;
}
.labelNifty {
  COLOR: #FFFFFF;
}
.labelGratis {
	FONT-WEIGHT: bold;
  COLOR: #CC0202;
}
.labelPrecioOferta {
  FONT-WEIGHT: bold;
  COLOR: #CC0202;
}
.labelTachado {
  text-decoration: line-through;
}
.labelBlanco{
	COLOR: #FFFFFF;
}
/****************************************************************************************************************/
/*LINKS*/
A.labelLink:link {
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #005BBB;
    font-family: Verdana,Arial, sans-serif;
    text-decoration: none;
}
A.labelLink:visited {
	FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #005BBB;
    font-family: Verdana,Arial, sans-serif;
    text-decoration: none;
}
A.labelLink:hover { text-decoration: underline;}

A.labelLinkNegrita:link { FONT-WEIGHT: bold; }
A.labelLinkNegrita:visited { FONT-WEIGHT: bold; }
A.labelLinkNegrita:hover { FONT-WEIGHT: bold; }

A.labelLinkNifty:link {  COLOR: #FFFFFF;}
A.labelLinkNifty:visited {	COLOR: #FFFFFF;}
A.labelLinkNifty:hover {	COLOR: #FFFFFF;}

A.labelLinkAutorPortada:link { FONT-SIZE: 10px;letter-spacing:0px;word-spacing:0px;}
A.labelLinkAutorPortada:visited { FONT-SIZE: 10px;letter-spacing:0px;word-spacing:0px;}
A.labelLinkAutorPortada:hover { FONT-SIZE: 10px;letter-spacing:0px;word-spacing:0px;}

A.labelLinkTituloPortada:link { FONT-SIZE: 10px;letter-spacing:0px;word-spacing:0px;}
A.labelLinkTituloPortada:visited { FONT-SIZE: 10px;letter-spacing:0px;word-spacing:0px;}
A.labelLinkTituloPortada:hover { FONT-SIZE: 10px;letter-spacing:0px;word-spacing:0px;}

    
A.titulolibro:link {FONT-WEIGHT: bold;FONT-SIZE: 10pt;}
A.titulolibro:visited {FONT-WEIGHT: bold;FONT-SIZE: 10pt;}
A.titulolibro:hover {FONT-WEIGHT: bold;FONT-SIZE: 10pt;}

A.labelLinkPequenio:link {FONT-SIZE: 8pt;}
A.labelLinkPequenio:visited {FONT-SIZE: 8pt;}
A.labelLinkPequenio:hover {FONT-SIZE: 8pt;}

A.leerNoticia:link {FONT-WEIGHT: bold;FONT-SIZE: 7pt;}
A.leerNoticia:visited {FONT-WEIGHT: bold;FONT-SIZE: 7pt}
A.leerNoticia:hover {FONT-WEIGHT: bold;FONT-SIZE: 7pt;}


/****************************************************************************************************************/
/*  Rotulos. 
		Los rotulos se montan en una tabla que tiene una imagen de fondo en el lado izquierdo, una imagen en el centro donde va el texto del rotulo,
		que repetimos en el eje X, otra imagen de centro donde puede ir o no un link, como el de "Ver mas", que repetimos en el eje X, y que tiene su 
		propio estilo para ese texto más pequeño.
		Puedes modificar libremente las imagenes y los estilos de texto para adaptarlos a tu gusto
		Tabla rotulos nos permite dar espacio alrededor de los objetos de la tabla del rotulo
*/
#tablaRotulos {
	margin-top:0px;	margin-bottom:8px;	margin-left:0px;	margin-right:0px;
}
#rotulosLeft{
	width:8px; background-image:url("/imagenes/rotulo_i.gif");background-repeat: no-repeat; height:18px;
}
#rotulosMiddle{
	width:80px; background-image:url("/imagenes/rotulo_c.gif");background-repeat: repeat-x;height:18px;
	color:#FFF; font-weight:bold; text-transform: uppercase; font: italic bold 11px verdana; 
}
#rotulosMiddleVerMas{
	width:60px; background-image:url("/imagenes/rotulo_c.gif");background-repeat: repeat-x;height:18px;
	color:#FFF; text-transform: uppercase; font: italic normal 10px arial;
}
#rotulosRight{
	width:8px; background-image:url("/imagenes/rotulo_d.gif");background-repeat: no-repeat;height:18px;	
}
#rotuloLink:link {
	padding-left:10px;FONT-SIZE: 10px;COLOR: #FFFFFF;text-decoration:none;letter-spacing:0px;word-spacing:0px;font-weight: normal;
}
#rotuloLink:visited {
	padding-left:10px;FONT-SIZE: 10px;COLOR: #FFFFFF;text-decoration:none;letter-spacing:0px;word-spacing:0px;font-weight: normal;
}
#rotuloLink:hover {
	padding-left:10px;FONT-SIZE: 10px;COLOR: #FFFFFF;text-decoration:underline;letter-spacing:0px;word-spacing:0px;font-weight: normal;
}
/****************************************************************************************************************/
/*  Botones Negros. 
		Los botones negros se montan en una tabla que tiene una imagen de fondo en el lado izquierdo, una imagen en el centro, que repetimos en el eje X, 
		y una imagen en la derecha. En el centro va el texto del boton. Puedes modificar los tamaños de alto y ancho y las imagenes. 
		El texto es un link que tambien se incluyen aquí.
		Puedes modificar libremente las imagenes y los estilos de texto para adaptarlos a tu gusto 
*/
#botonesNegrosLeft{
	width:9px; background-image:url("/imagenes/botonNegro_i.gif");background-repeat: no-repeat;height:23px;
}
#botonesNegrosMiddle{
	width:50px; background-image:url("/imagenes/botonNegro_c.gif");background-repeat: repeat-x;height:23px;
	color:#FFF; font-weight:bold; text-transform: uppercase; font: italic bold 10px verdana; text-align: center;
}
#botonesNegrosRight{
	width:9px; background-image:url("/imagenes/botonNegro_d.gif");background-repeat: no-repeat;height:23px;	
}
#botonesNegros:link {
	font: italic bold 10px verdana; COLOR: #9DA1A4;text-decoration:none;letter-spacing:0px;word-spacing:0px;font-weight: bold;
}
#botonesNegros:visited {
	font: italic bold 10px verdana; COLOR: #9DA1A4;text-decoration:none;letter-spacing:0px;word-spacing:0px;font-weight: bold;
}
#botonesNegros:hover {
	font: italic bold 10px verdana; COLOR: #FCFFFF;text-decoration:none;letter-spacing:0px;word-spacing:0px;font-weight: bold;
}
/****************************************************************************************************************/