/*
------------------------------------------------------------------------ Reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,strong,th,var {font-style:normal;font-weight:normal;}
em {font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
textarea, input {font-family:inherit;}
strong {font-weight:bold;}
a {text-decoration:none;color:#800000;}
a:visited {text-decoration:none;color:#800000;}
a:hover {color:gray;}
html {overflow-y: scroll;}

/*
-------------------------------------------------------------Definiciones generales*/
body {
	font: normal normal normal 12px/15px Verdana,Helvetica,GillSans,sans-serif;
	text-align:justify;
}
p {
	margin:0 0 15px 0;
}
div.Clear {
	clear:both;
}
 p.TituloSec {
    color:#800000;
    margin:10px 0;
    padding:5px 0;
    font-size:12px;
    border-bottom:1px dotted gray;
}
div#Transicion {
    background-color:#f5f5f5;
    border:1px dotted gray;
    font-size:12px;
    color:Gray;
    padding:5px;
}

/*
---------------------Separadores*/
div.Separador {
    width:100%;
    height:15px;
}
div.SeparadorLinea {
    width:100%;
    padding:0;
    margin:5px 0 5px 0;
    border-bottom:1px dotted gray;
}
h2 {
	margin:0 0 5px 0;
	padding:5px 0 2px 0;
	color:#800000;
}
h1.Seccion {
	padding:6px 5px 15px 0;
	position:relative;
	color:Gray;
	font-size:20px;
	font-weight:bold;
	line-height:22px;
	text-align:left;
}
.Sombra {
	/*color:#8b171a;*/
	color:gray;
	font-size:12px;
	font-weight:bold;
	line-height:12px;
	position:relative;
	margin-bottom:12px;
}
a.Boton {
	border:1px solid #7f7f7f;
    color:#800000;
    padding:3px 5px;
	font-size:12px;
	display:inline-block;
}
a.Boton:hover {
    color:#7f7f7f;
}
a.BotonCompra, a.Ayuda {
    background:#ffffff url(../images/fndBoton.gif) repeat-x scroll left top;
    border:0;
    height:22px;
    margin-right:3px;
    color:#ffffff;
    padding:5px 16px 0 16px;
    display: inline-block;
    font-size: 12px;
    min-width: 35px;
    text-align: center;
    text-decoration: none;
}
a.Ayuda {
	height:15px;
	font-size:11px;
	padding-top:0px;
}
a.BotonCompra:hover, a.Ayuda:hover {
    color:#000000;
	background-image:url(../images/fndBotonhv.gif);
}
.Destacado {
	color:#800000;
}
.Aviso {
    color:red;
    font-size:11px;
}
.AvisoSumario {
    color:red;
    margin-bottom:10px;
    font-size:11px;
}

/* 
-------------------------------------------------------Carrusel de libros genérico */
.stepcarousel {
	position: relative;
	overflow: scroll;
}
.stepcarousel .belt {
	position: absolute;
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left;
	overflow: hidden;
	margin: 0;
}

/* 
-----------------------------------------------------------------Plantilla Master */
div#PageTop,
div#PageBody,
div#PageBottom {
	background:#ffffff url(../images/fondo.gif) repeat-y scroll left top;
	width:819px;
	margin:0 auto;
	padding:0 7px 0 6px;
}
div#PageTop {
	background-image:url(../images/top.gif);
	height:8px;
}
div#PageBottom {
	background-image:url(../images/bottom.gif);
	height:13px;
}
div#Encabezado {
	background-color:#8b171a;
	height:131px;
	color:#ffffff;
}
div#Encabezado div.Menu a {
	color:#ffffff;
	font-size:12px;
	line-height:18px;
}
div#Encabezado div.Menu a.sel {
	color:#f7921e;
}
div#Encabezado div.Menu a:hover {
	color:#f7921e;
}
div#Encabezado div.Menu {
	text-align:right;
	padding:8px 33px 0 0;
}
div#Encabezado div.Menu img {
	background-color:#ffffff;
	height:18px;
	width:1px;
	margin:0 11px;
	vertical-align:top;
}
div#Encabezado div.Logo {
	float:left;
	margin:27px 0 0 77px;
}
div#Encabezado div.Redes {
	float:right;
	margin:29px 30px 0 0;
}
div#Encabezado div.Redes a {
	margin-left:3px;
}
div#Encabezado div.Identificado a {
	float:left;
	margin-top:5px;
	width:100%;
	text-align:center;
	color:White;
}
div#Encabezado div.Identificado a:hover {
	color:#f7921e;
}
/*Menú*/
/*div#Menu {
	background-color:#8b171a;
}
div#Menu a{
	display:block;
	float:left;
	height:22px;
	color:#ffffff;
	margin-right:3px;
	background:#ffffff url(../images/fndBoton.gif) repeat-x scroll left top;
	font-size:13px;
	padding:5px 12px 0 12px;
}
div#Menu a.sel,
div#Menu a:hover,
div#Submenu a {
	color:#000000;
	background-image:url(../images/fndBotonhv.gif);
}
div#Submenu a {
	display:block;
	float:left;
	height:22px;
	color:#ffffff;
	margin-right:3px;
	background:#ffffff url(../images/fndBoton.gif) repeat-x scroll left top;
	font-size:13px;
	padding:5px 12px 0 12px;
	margin-right:0px;
	border:1px solid #b3b0b0;
}
div#Submenu a.sel,
div#Submenu a:hover {
	color:#8b171a;
}*/

div#Izquierda,
div#Contenido,
div#Derecha {
	float:left;
	width:150px;
	padding:10px 0;
}
div#Contenido {
	width:519px;
}
div#Personal {
	background:#ffffff url(../images/PersFnd.gif) repeat-y scroll left top;
	width:133px;
	margin:0 0 10px 13px;
}
div#Pie {
    font-size:12px;
	background:#ffffff url(../images/fndPie.gif) no-repeat scroll left top;
	width:819px;
	height:21px;
	color:#ffffff;
	text-align:center;
	padding-top:13px;
	/*text-transform:uppercase;*/
}
div#Project {
    font-size:11px;
	width:819px;
	color:Gray;
	text-align:center;
	margin:0 auto;
	padding:0 7px 5px 6px;
}
div#Izquierda div.Banners img,
div#Derecha div.Banners img {
	display:block;
	margin:0 0 13px 13px;
}
div#Derecha div.Banners img {
	margin-left:6px;
}
div#Personal div.Panel {
	color:#ffffff;
	margin:0 15px 10px 15px;
}
div#Personal div.SepLinea {
	padding:0;
	/*border-bottom:1px dotted #f7921e;*/
	border-bottom:1px dotted white;
	margin:0 15px 5px 15px;
}
div#Personal img {
	display:block;
}
div#Personal input,
div#Personal a.BotonOK,
div#Personal a.Cesta {
	background:#ffffff url(../images/fndtxt.gif) repeat-x scroll left top;
	border:1px solid #808080;
	/*display:block;*/
}
div#Personal input {
	width:100px;
	margin:0 0 2px 0;
	font-size:11px;
	line-height:17px;
	height:17px;
}
div#Personal div.Recordarme {
    width:75px;
    float:left;
	margin:0 0 2px 0;
	font-weight:normal;
	font-size:9px;
	height:19px;
}
    div#Personal div.Recordarme input {
        background:none;
        border:0;
        width:10px;
	    margin:0 2px 2px 0;
	    height:10px;
    }
    div#Personal div.Recordarme label {
        width:65px;
	    height:10px;
	    vertical-align:bottom;
    }
div#Personal a,
div#Personal label {
	color:#ffffff;
	font-weight:bold;
}
div#Personal a.Avanzado {
	font-weight:normal;
	font-size:10px;
}
div#Personal a.BotonOK,
div#Personal a.Cesta {
	float:right;
	color:#000000;
	padding:1px 3px;
	font-weight:normal;
	margin-right:1px;
}
div#Personal a.MiCesta {
	display:block;
	float:left;
	margin-top:7px;
}
div#Personal a.MiCestaSel {
	display:block;
	float:left;
	margin-top:7px;
    color:#f7921e;
}
div#Personal a.Cesta {
	width:30px;
	text-align:right;
	margin-top:5px;
}
div#Personal a:hover{
    color:#f7921e;
}

/* 
--------------------------------------------------------------------------Portada */
div#Portada div#PNovedad {
	width:505px;
	/*height:184px;*/
	/*background:#ffffff url(../images/fndNovedades.gif) no-repeat top left;*/
      box-shadow: inset 0 0 0 1px #ffffff;
      -moz-box-shadow: inset 0 0 0 1px #ffffff;
      -webkit-box-shadow: inset 0 0 0 1px #ffffff;
      background: -moz-linear-gradient(top, #ffffff 0%, gray 50%, gray 51%, #ffffff 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, gray), color-stop(51%, gray), color-stop(100%, #ededed));
      background: -webkit-linear-gradient(top, #ffffff 0%, gray 50%, gray 51%, #ffffff 100%);
      background: -o-linear-gradient(top, #ffffff 0%, gray 50%, gray 51%, #ffffff 100%);
      background: -ms-linear-gradient(top, #ffffff 0%, gray 50%, gray 51%, #ffffff 100%);
      background: linear-gradient(to bottom, #ededed 0%, gray 50%, gray 51%, #ededed 100%);
      filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='gray', GradientType=0);
	
	
	height:275px;
	margin:0 0 10px 6px;
	overflow:hidden;
}
div#Portada div#PNovedad h1 {
	margin:8px 0 0 24px;
}
div#Portada div#PNovedad div#Novedad {
    margin:5px 0 0 4px;
    width:497px; /* 1 + elem * (2 * s + w) */
    height:240px;
    overflow:hidden;
}
div#Portada div#PNovedad div#Novedad .panel {
    padding:5px 16px; /* s */
}
div#Portada div#PNovedad div#Novedad .panel,
div#Portada div#PNovedad div#Novedad.stepcarousel .panel img {
	/*width: 92px;*/ /* w */
	width: 130px;
    margin-left:2px;
    overflow:hidden;
}


div#Portada div#PCarrusel {
	width:507px;
	height:216px;
	background:#ffffff url(../images/fndCarrusel.gif) no-repeat top left;
	margin:0 0 10px 6px;
	overflow:hidden;
}
div#Portada div#PCarrusel div#Carrusel {
    width:499px;
    height:210px;
    margin:0 0 0 3px;
    overflow:hidden;
}
div#Portada div#PCarrusel div#Carrusel .panel {
    padding:0; /* s */
}
div#Portada div#PCarrusel div#Carrusel .panel,
div#Portada div#PCarrusel div#Carrusel.stepcarousel .panel img {
	width: 499px; /* w */
    height:210px;
}

div#Portada div.Modulo {
	float:left;
	margin:0 3px 11px 6px;
	width:249px;
	height:334px;
	background:#ffffff url(../images/prtfnd1.gif) no-repeat top left;
	text-align:left;
}
div#Portada div.Modulo div.Contenido {
	    font-size:11px !important;
	    line-height:12px !important;
	width:221px;
	height:276px;
	overflow:hidden;
	padding:12px 14px;
}

div#Portada div.Modulo div.Contenido span,
div#Portada div.Modulo div.Contenido a,
div#Portada div.Modulo div.Contenido p {
    font-size:11px !important;
	line-height:12px !important;
}
div#Portada div.Modulo div.Contenido p {
    margin:0 0 12px 0 !important;
    padding:0 !important;
}

div#Portada div.m {background-image:url(../images/prtfnd.gif)}
div#Portada div.d{
        float:left;
        background-color:#f4f5f6;
        margin-bottom:15px;
        /*background-image:url(../images/prtfnda.gif);*/
        background-image:none;
        width:507px;/*height:206px;*/
        height:auto;
    -moz-box-shadow: 0px 0px 20px #cccccc; 
	-webkit-box-shadow: 0px 0px 20px #cccccc; 
	box-shadow: 0px 0px 20px #cccccc;
}
div#Portada div.d div.Contenido {
        width:490px;
        /*height:156px;*/
        height:auto;
}
div#Portada div.d div.Mas{padding-bottom:5px;}

div#Portada div.Modulo div.Contenido p.Titulo {
	margin-top:12px;
}
div#Portada div.Modulo div.Contenido p.Titulo,
div#Portada div.Modulo div.Contenido p.Titulo a {
	font-weight:bold;
	color:#8b171a;
}
div#Portada div.Modulo div.Contenido p.Titulo a:hover {
	color:White;
}
div#Portada div.Modulo div.Contenido img.imgMod {
	float:left;
	margin:0 12px 12px 0;
	width:90px;
	/*height:96px;*/
}
div#Portada div.Mas {
	padding:10px 12px 0 12px;
	text-align:right;
}
div#Portada div.lnkIzq div.Mas {
	text-align:left;
}
div#Portada div.Mas a {
    font-size:10px;
	color:#8b171a;
	text-decoration:underline;
}
div#Portada div.Mas a:hover {
	color:#8b171a;
}

/* 
-----------------------------------------------------------------Nuestros autores */
div#Autores {
    width:649px;
    padding-right:20px;
}
    div#Autores div.Letras {
        text-align:center;
        font-size:15px;
        border-top:1px dotted #808080;
        border-bottom:1px dotted #808080;
        padding:5px 0
    }
    div#Autores div.Letras a.Sel {
        font-weight:bold;
        color:#b8ba91;
    }
    div#Autores div.Letras span.Sel {
        font-weight:bold;
    }
    div#Autores ul {
        margin:10px 0;
    }
    div#Autores ul li {
        padding-bottom:5px;
    }
    /* Listado de autores */
    div#Autores table.ListaAutores {
        width:649px;/* quito 20px para el borde derecho*/
	    font-size:11px;
    }
	div#Autores table.ListaAutores td {
		vertical-align:bottom;
	}
		div#Autores table.ListaAutores td.Autor {
			width:200px; /* Tamaño de columnas */
		}
		div#Autores table.ListaAutores td.Autor a.ImagenAutor img { 
			width:135px;
			margin:3px 0;
		}
		div#Autores table.ListaAutores td.Autor p { 
			margin:2px 0;
			padding:0;
			text-align:left;
		}
    /* Ficha de autor */
    div#Autores div.Encabezado{
        float:left;
    }
    div#Autores div.Encabezado img {
        float:left; 
        margin:0 10px 10px 0;
        width:150px;
        border:0;
    }
    div#Autores p.AutorMeses{
        float:left;
        width:619px;
        padding:0;
        margin:0 0 5px 20px;
    }
    div#Autores h2 a {
        color:Gray;
    }
    div#Autores h2 a:hover {
        color:#800000;
    }
    
    /* Carrusel de libros del autor */
    div#Autores div#PLibros {
	    width:649px;
	    height:184px;
	    background:#ffffff url(../images/fndLibros.gif) no-repeat top left;
	    margin:0;
	    overflow:hidden;
    }
        div#Autores div#PLibros h1 {
	        margin:8px 0 0 24px;
        }
        div#Autores div#PLibros div#Libro {
            margin:10px 0 0 4px;
            width:640px; /* 1 + elem * (2 * s + w) */
            height:130px;
            overflow:hidden;
        }
        div#Autores div#PLibros div#Libro .panel {
            padding:0 16px; /* s */
        }
        div#Autores div#PLibros div#Libro .panel,
        div#Autores div#PLibros div#Libro.stepcarousel .panel img {
	        width: 92px; /* w */
	        margin-left:4px;
        }
    div#Autores p.Pie {
        float:left;
        margin-top:10px;
    }

/*
--------------------------------------------------------------Autor/libro destacado*/
div#AutorDestacado {
    width:649px;
}
    div#AutorDestacado h2 {
        margin:0;
        padding:0 0 10px 0;
        font-weight:bold;
        font-size:14px;
    }
        div#AutorDestacado h2 a:hover{
            color:Gray;
        }
    div#AutorDestacado h3.Autor {
        margin:0;
        padding:0 0 10px 0;
        font-size:12px;
        color:Gray;
    }
        div#AutorDestacado h3.Autor a {
            color:Gray;
        }
        div#AutorDestacado h3.Autor a:hover {
            color:#800000;
        }
    div#AutorDestacado div.Texto {
        float:left;
    }
        div#AutorDestacado div.Texto img {
            margin:0 10px 10px 0;
            width:150px;
            border:0;
            float:left;
        }
    div#AutorDestacado p.Pie {
        float:left;
        margin-top:10px;
    }
    div#AutorDestacado div.Izda {
        float:left;
    }
    div#AutorDestacado div.Dcha {
        float:right;
    }
    /* Listado de autores/libros destacados */
    div#AutorDestacado div.Listado {
        margin:10px 0;
        padding-top:10px;
        border-top:1px dotted #bbbbbb;
    }
        div#AutorDestacado div.Listado img {
            float:left; 
            width:100px;
            border:0;
            padding:0 10px 0 0;
        }
        div#AutorDestacado div.Listado span.Fecha {
            padding-top:10px;
            margin-bottom:10px;
            color:Gray;
            font-weight:bold;
        }
        div#AutorDestacado div.Listado span.Autor {
            padding:5px 0 0 0;
            display:block;
        }
            div#AutorDestacado div.Listado span.Autor a {
                color:Gray;
                font-weight:normal;
            }
            div#AutorDestacado div.Listado span.Autor a:hover {
                color:#800000;
            }
        div#AutorDestacado div.Listado a {
            padding-top:10px;
            font-weight:bold;
        }
        div#AutorDestacado div.Listado a:hover {
            color:Gray;
        }

/* 
-------------------------------------------------Definición general de Formulario */
div.Formulario {
	width:656px;
	font-size:11px;
	color:#7f7f7f;
}
div.Formulario label {
	display:block;
	text-align:left;
}
    div.Formulario .Izda {
	    float:left;
	    width:321px;
    }
    div.Formulario .Dcha {
	    float:right;
	    width:321px;
	    margin-right:7px;
    }
div.Formulario input,
div.Formulario textarea,
div.Formulario select {
	width:100%;
	font-size:11px;
    border:1px solid #7f7f7f;
}
div.Formulario textarea {
	height:200px;
}
div.Formulario div.Ancho {
	width:649px;
}
div.Formulario div.Mitad,
div.Formulario div.Radios {
	float:left;
	width:321px;
	margin-right:7px;
}
div.Formulario div.Tercio {
	float:left;
	width:211px;
	margin-right:7px;
}
div.Formulario div.Ancho,
div.Formulario div.Mitad,
div.Formulario div.Tercio,
div.Formulario div.Radios {
	margin-bottom:10px;
}
div.Formulario div.Radios {
	margin-top:18px;
}
div.Formulario span.Check input,
div.Formulario div.Radios input,
div.Formulario div.Valoracion input {
    border:none;
    width:16px;
    margin-right:5px;
    vertical-align:bottom;
}
div.Formulario div.Radios label {
	display:inline;
}
div.Formulario div.NumEscPisPue {
	/*width:213px;*/
}
div.Formulario div.NumEscPisPue div {
	width:45px;
	float:left;
	margin-right:7px;
}
div.Formulario textarea.Observaciones {
	height:60px;
}
div.Formulario div.Valoracion {
	margin:10px;
}
div.Formulario div.Valoracion label span.Titulo {
    width:90px;
    color:#777777;
    display:inline-block;
}


/* 
-------------------------------------------------------------------------Revistas */
div#Revista{
    width:649px;
}
    div#Revista h2.Listado {
	    float:left;
	    padding:30px 0 40px 0;
        cursor:hand;
    }
    div#Revista h2 {
	    float:left;
	    padding:0 0 15px 0;
    }
    div#Revista img.Encabezado {
	    width:114px;
	    float:left;
	    padding:0px 10px 10px 0;
    }
    div#Revista a.ListadoR {
	    float:left;
	    padding:10px 10px 20px 30px;
    }
    div#Revista div.Texto {
	    float:left;
	    width:100%;
    }
    div#Revista div.Ancho {
	    width:100%;
    }
    div#Revista p.Tarifa {
        float:left;
        margin-top:0;
        margin-bottom:10px;
        width:100%;
        font-size:12px;
    }
    div#Revista p.Tarifa span.Zona {
        float:left;
        width:100px;
    }
    div#Revista p.Tarifa span.Importe {
        float:left;
        color:Black;
        font-weight:bold;
    }
    div#Revista p.Pie {
        float:left;
        margin-top:4px;
    }
    div#Revista p.Ejemplar {
        margin:5px 0 5px 0;
        width:100%;
    }

/*
-------------------------------------------------------Compartir en redes sociales*/
div.Share {margin:10px 0 10px 0;}
div.Share ul li {
    float:right;
}
div.Share ul li a img {
    border-right:1px solid #cccccc !important;
    border-bottom:1px solid #cccccc !important;
    margin-left:6px;
}

/*
---------------------------------------------------------------------- Paginacion */
div#Paginacion {
    width:100%;
    text-align:center;
    margin-top:10px;
}
    div#Paginacion span.Flechas {
        color:#edece0; 
    }
    div#Paginacion span.Destacado {
        color:#bbbbbb; 
    }

/* 
--------------------------------------------------------------------Zona personal */
    #ZonaPersonal .LineaMenu {
        float:left;
        width:649px;
        margin:0;
        padding:15px 0 10px 0;
        border-bottom:1px dotted #7f7f7f;
    }
    #ZonaPersonal p.LineaInf {
        float:left;
        width:649px;
        margin:0;
        padding:5px 0 5px 15px;
        font-size:11px;
    }
    #ZonaPersonal p.Separador {
	    clear:both;
    }
    #ZonaPersonal p.SeparadorLinea {
        margin:5px 0 5px 0;
        border-top:1px solid gray;
    }
    #ZonaPersonal p.Linea {
        float:left;
        margin-bottom:3px;
        width:100%;
    }
    #ZonaPersonal p.Centrado {
        text-align:center;
    }
    #ZonaPersonal span.Titulo {
        width:120px;
        float:left;
        text-align:right;
    }
    #ZonaPersonal span.Campo {
        float:right;
        width:424px;
        color:Gray;
        padding-left:10px;
    }
    #ZonaPersonal .Menu {
        font-size:12px;
        font-weight:bold;
        color:Gray;
    }
    #ZonaPersonal .MenuOff {
        font-size:12px;
        font-weight:bold;
        color:#cccccc;
    }
    #ZonaPersonal a:hover {
        color:#9c1c41;
    }
    /* Tabla de domicilios */
    #ZonaPersonal table.Domicilios {
             width:649px;
        }
        #ZonaPersonal table.Domicilios th {
	         text-align:center;
	         font-size:11px;
	         background-color:#eaeaea; 
	         padding:5px 5px;
	         color:#999999;
	         font-weight:bold;
        }
        #ZonaPersonal table.Domicilios td {
	         background-color:#f5f5f5;
	         padding:3px 10px;
	         color:#000000;
        }
        #ZonaPersonal.Domicilios table tr {
             height:30px;            
        }
        #ZonaPersonal table.Domicilios th,
        #ZonaPersonal table.Domicilios td {
	         border-bottom:1px solid white;
	         border-right:1px solid white;
	         font-size:10px;
        }
        #ZonaPersonal table.Domicilios .Facturacion {
            width:55px;
            text-align:center;
        }    
        #ZonaPersonal table.Domicilios .Direccion {
            /*width:200px;*/
            text-align:left;
        }    
        #ZonaPersonal table.Domicilios .Opcion {
            width:35px;
            text-align:center;
        }    
        #ZonaPersonal table.Domicilios input.Radio {
            border:none;
            width:16px;
        }
        
   /* Tabla de zona personal y cesta de la compra */
    div#Contenido table.Personal {
             /*width:605px;*/
             width:100%;
        }
        div#Contenido table.Personal th {
	         font-size:11px;
	         background-color:#eaeaea; 
	         color:#999999;
	         font-weight:bold;
        }
        div#Contenido table.Personal td {
	         background-color:#f5f5f5;
	         font-size:10px;
	         color:#000000;
        }
        div#Contenido table.Personal tr {
             height:30px;            
        }
        div#Contenido table.Personal th,
        div#Contenido table.Personal td {
	         border-bottom:1px solid white;
	         border-right:1px solid white;
	         padding:5px;
	         text-align:center;
        }
        /* Columnas */
        div#Contenido table.Personal th.Facturacion,
        div#Contenido table.Personal td.Facturacion {
            width:55px;
        }    
        div#Contenido table.Personal th.Direccion,
        div#Contenido table.Personal td.Direccion {
            text-align:left;
        }    
        div#Contenido table.Personal th.Opcion,
        div#Contenido table.Personal td.Opcion {
            width:35px;
        }    
        div#Contenido table.Personal th.Codigo {
            width:60px;
        }
        div#Contenido table.Personal td.Codigo {
            width:60px;
            color:Gray;
        }
        div#Contenido table.Personal th.Articulo,
        div#Contenido table.Personal td.Articulo {
            text-align:left;
        }
        div#Contenido table.Personal th.Uds {
            width:40px;
        }
        div#Contenido table.Personal td.Uds {
            width:40px;
            text-align:right;
        }
        div#Contenido table.Personal th.Titulo,
        div#Contenido table.Personal td.Titulo {
            /*width:50px;*/
            text-align:left;
        }
        div#Contenido table.Personal th.Total,
        div#Contenido table.Personal td.Total {
            width:50px;
            text-align:right;
        }
        div#Contenido table.Personal th.Total,
        div#Contenido table.Personal td.Total {
            width:50px;
            text-align:right;
        }
        div#Contenido table.Personal th.PVP {
            width:50px;
        }
        div#Contenido table.Personal td.PVP {
            width:50px;
            text-align:right;
            color:Gray;
        }
        div#Contenido table.Personal th.Dto {
            width:45px;
        }
        div#Contenido table.Personal td.Dto {
            width:45px;
            color:Gray;
            text-align:right;
        }
        div#Contenido table.Personal th.IVA {
            width:40px;
        }            
        div#Contenido table.Personal td.IVA {
            width:40px;
            color:Gray;
            text-align:right;
        }            
        div#Contenido table.Personal th.Neto {
            width:50px;
        }    
        div#Contenido table.Personal td.Neto {
            width:50px;
            text-align:right;
        }    
        div#Contenido table.Personal th.Quitar,
        div#Contenido table.Personal td.Quitar {
            width:25px;
        }
        div#Contenido table.Personal td input.Radio {
            border:none;
            width:16px;
        }
		div#Contenido table.Personal td.Uds input {
			font-weight:bold;
    		border:1px solid #c0202c;
			font-size:10px;
			width:28px;
			text-align:right;
		}

div#Contenido table#DatosFacturacion {
	width:100%;
}
div#Contenido table#DatosFacturacion td,
div#Contenido table#DatosFacturacion th {
	vertical-align:top;
	padding-top:5px;
}
div#Contenido table#DatosFacturacion th {
	width:150px;
	white-space:nowrap;
	text-align:right;
	color:Black;
}
div#Contenido table#DatosFacturacion td {
	padding-left:10px;
    color:Gray;
}
/* Personalización para la tabla de pedido */        
.Pedido {
    background-color:#f5f5f5;
    border:1px solid gray;
    font-size:11px;
    color:Gray;
    margin-bottom:5px;
}
    .Pedido table {
         width:100%;
         /*width:100% !important;*/
    }
    .Pedido table .Sel {
        font-weight:bold; 
        color:Black !important;
    }
    .Pedido p span.Gratuito {
        font-weight:bold;
        color:#9c1c41;
    }
    .Pedido p.Dcha {
        text-align:right;
        width:642px;
        margin:0;
        padding-right:5px;
        padding-bottom:5px;
    }
    .Pedido p span.Dest {
        font-weight:bold;
        color:Black;
    }

    .Pedido table#Totales {
         width:auto !important;
         float:right;
    }

    .Pedido table#Totales th{
         text-align:right;
         padding-bottom:5px;
    }
    .Pedido table#Totales td{
         /*white-space:nowrap;*/
         width:auto;
         text-align:right;
         padding:0 5px 5px 10px;
    }
/* Mis pedidos */
#MisPedidos {
     font-size:11px;
     color:Gray;
     width:649px;
}
    #MisPedidos p {
        margin:5px 0 5px 0;
    }
        #MisPedidos p.Margen {
            padding-left:10px;
        }
        #MisPedidos div.TituloFecha {
            width:209px;
            float:left;
        }
        #MisPedidos div.TituloPedido {
            width:300px;
            float:left;
        }
        #MisPedidos div.TituloEstado {
            width:139px;
            float:left;
        }
        #MisPedidos div.CeldaFecha {
            padding:3px 0px;
            width:209px;
            float:left;
            border-bottom:1px solid #f5f5f5;
            height:16px;
        }
        #MisPedidos div.CeldaPedido {
            padding:3px 0px;
            width:300px;
            float:left;
            font-size:12px;
            font-weight:bold;
            color:#387e9d;
            border-bottom:1px solid #f5f5f5;
            height:16px;
        }
        #MisPedidos div.CeldaEstado {
            padding:3px 0px;
            width:139px;
            float:left;
            border-bottom:1px solid #f5f5f5;
            height:16px;
        }
/* Albarán de seguimiento en zona personal */    
    #MisPedidos div.Albaran     {
        background-color:#eeeeee;
        width:647px;
    }
    #MisPedidos div.TituloAlFecha {
        width:210px;
        float:left;
        padding:0 0 3px 5px;
        border-bottom:1px solid white;
    }
    #MisPedidos div.TituloAlCodigo {
        width:212px;
        float:left;
        padding:0 0 3px 5px;
        border-bottom:1px solid white;
    }
    #MisPedidos div.TituloAlEstado {
        width:210px;
        float:left;
        padding:0 0 3px 5px;
        border-bottom:1px solid white;
    }
    #MisPedidos div.CeldasAl {
        width:647px;
        float:left;
        padding:7px 0 5px 0;
        border-bottom:1px solid white;
    }
    #MisPedidos div.CeldaAlFecha {
        width:210px;
        float:left;
        padding-left:5px;
    }
    #MisPedidos div.CeldaAlCodigo {
        width:210px;
        float:left;
        padding-left:5px;
        font-size:12px;
        color:#387e9d;
    }
    #MisPedidos div.CeldaAlEstado {
        width:212px;
        float:left;
        padding-left:5px;
    }        
    
/*Ayuda*/
#Ayuda a {
	font-weight:bold;
    color:#9c1c41;
}
#Ayuda a:hover {
    color:gray;
}
#Ayuda p.volver {
    text-align:right;
}

/* 
----------------------------------------------------------------Listado de libros */
div#Contenido table.ListaLibros {
    width:649px;
	font-size:11px;
}
	div#Contenido table.ListaLibros td {
		vertical-align:top;
	}
		div#Contenido table.ListaLibros td.Libro {
			width:211px; /* Tamaño de columnas */
		}
		div#Contenido table.ListaLibros td.Libro span.Coleccion { 
			text-align:left;
			font-size:11px;
			font-weight:bold;
			display:block;
			padding-bottom:5px;
		}
		div#Contenido table.ListaLibros td.Libro span.Titulo { 
			text-align:left;
			text-transform:none;
			font-size:11px;
			display:block;
			padding:5px 0 5px 0;
			width:206px;
		 }
		div#Contenido table.ListaLibros td.Libro span.Autor {
			margin:0;
			padding: 0 0 5px 0;
			text-align:left;
			display:block;
			width:206px;
		}
		div#Contenido table.ListaLibros td.Libro span.Autor a {
			color:#000000;
		}
		div#Contenido table.ListaLibros td.Libro span.Autor a:hover { 
			color:#7f7f7f;
		}
		div#Contenido table.ListaLibros td.Libro a img.Portada { 
			width:135px;
			margin:0;
		}
		div#Contenido table.ListaLibros td.Libro p { 
			margin:2px 0;
			padding:0;
			width:206px;
			/*font-size:11px;*/
			text-align:left;
		}
		div#Contenido table.ListaLibros td.Libro div.Formato { 
            height:32px;
            display:block;
            padding:3px 0 5px 0;
		}
		    div#Contenido table.ListaLibros td.Libro div.Formato img { 
		        vertical-align:top;
                height:32px;
		    }
		    div#Contenido table.ListaLibros td.Libro div.Formato span { 
		        font-style:italic;
                line-height:19px;
		    }
		div#Contenido table.ListaLibros td.Libro span.Suscripcion { 
		    display:block;
			margin:8px 0;
			padding:0;
			text-align:left;
			color:gray;
		}
		div#Contenido table.ListaLibros td.Libro p.Precio span, 
		div#Contenido table.ListaLibros td.Libro p.PrecioNo span { 
			font-weight:bold;
			color:#000000;
		}
		div#Contenido table.ListaLibros td.Libro p.PrecioNo { 
			text-decoration:line-through;
		}
		div#Contenido table.ListaLibros td.Libro p.Precio span.Dto { 
			font-weight:normal;
			color:#000000;
			font-size:10px;
		}
		div#Contenido table.ListaLibros td.Libro p.Comprar {
			margin:10px 0 10px 0;
		}
	div#Contenido table.ListaLibros td.Separador,
	div#Contenido table.ListaLibros td.Separador div.Sep {
		width:16px; /* Espacio entre columnas */
	}
	div#Contenido table.ListaLibros td.SeparadorVacio {
		width:0;
	}

/*
----------------------------------------------------------------------------Videos*/
/* Listado */
div#Videos {
    width:649px;
    float:left;
}
    div#Videos .Imagen {
	    float:left;
	    width:152px;
	    height:105px;
	    margin-right:20px;
    }
    div#Videos h2 {
        padding:0;
	    margin-bottom:3px;
	    font-weight:bold;
	    text-transform:uppercase;
	    float:left;
	    width:477px;
    }
    div#Videos a.Enlace {
        float:left;
	    font-weight:bold;
	    text-transform:uppercase;
	    margin-bottom:20px;
    }
        div#Videos a.Enlace span {
	        line-height: 17px;
	        vertical-align: middle;
        }
        div#Videos a.Enlace img.Reproducir {
	        vertical-align: bottom;
	        float:none;
	        margin-right:0;
	        width:17px;
            height:17px;	        
        }
/* Ficha de video + top 3 */
div#VideoFicha {
    width:499px;
    float:left;
}
    div#VideoFicha .Imagen {
	    float:left;
	    width:152px;
	    height:105px;
	    margin-right:20px;
    }
    div#VideoFicha h2 {
        padding:0;
	    margin-bottom:3px;
	    font-weight:bold;
	    text-transform:uppercase;
	    float:left;
	    width:327px;
    }
    div#VideoFicha div.SigAnt {
	    height: 14px;
	    text-align: center; 
	    padding-right: 10px; 
	    padding-top:5px;
	    font-size: 11px;
    }
    div#VideoFicha div.SigAnt a:hover {
	    color: #555555;
    }
    div#VideoFicha #Video {
         width:499px;
         height:281px;
    }  
div.Top3 {
	width:150px; 
	text-align:center;
}
    div.Top3 img {
        width:140px;
        margin:5px;
    }

/*
---------------------------------------------------------------------Red comercial*/
div#RedComercial {
    width:649px;
    float:left;
    text-align:left;
    margin:5px 0 20px 0;
}
    div#RedComercial div.RedListado {
        border-bottom:1px dotted #bbbbbb;
        margin-bottom:10px;
        font-size:11px;
    }
        div#RedComercial div.Pais {
            float:left;
            margin-bottom:5px;
        }
            div#RedComercial div.Pais a {
                 display:inline-block;
            }
            div#RedComercial div.Pais a.Sel {
                color:#b8ba91;
                text-decoration:underline;
            }
        div#RedComercial div.RedListado p {
	        margin-bottom:4px;
            float:left;
            width:100%;
        }
            div#RedComercial div.RedListado p.Pais {
                font-size:20px;
                font-weight:bold;
                color:Gray;
                margin-bottom:10px;
                line-height:21px;
            }
            div#RedComercial div.RedListado p.Provincia {
                font-size:20px;
    	        color:Red;
    	        padding:5px 0;
    	        margin-bottom:10px;
    	        border-bottom:1px solid gray;
            }
            div#RedComercial div.RedListado p.Destacado {
    	        color:#800000;
	            font-weight:bold;
            }
        div#RedComercial div.NombreList {
    	    color:#800000;
	        font-weight:bold;
	        margin-bottom:10px;
        }

/*
-------------------------------------------------------------------------Noticias */
/* Noticia destacada */
div#NoticiaDestacada{
     width:649px;
}
    div#NoticiaDestacada #Video {
         width:649px;
         height:366px;
    }
    div#NoticiaDestacada h2 {
          font-weight:bold;
    }
    div#NoticiaDestacada div.Texto {
        float:left;
    }
        div#NoticiaDestacada div.Texto img {
            float:left; 
            margin:0 10px 10px 0;
            max-width:300px;
            border:0;
        }
    div#NoticiaDestacada div.Pie {
        margin:10px 10px 0 0;
        float:left; 
        text-align:left;
        width:200px;
    }
    div#NoticiaDestacada .VideoPlayer {
         width:499px;
         float:left;
    }  
/* Listado de noticias */
div#Noticias {
     width:649px;
}
    div#Noticias h2 {
          font-weight:bold;
    }
    div#Noticias div.Fila {
        width:649px;
        border-bottom:1px dotted #bbbbbb;
        padding:5px 0;
    }
    div#Noticias div#Lista span.Fecha {
        float:left;
        width:60px;
    }
    div#Noticias div#Lista span.Titulo {
        float:left;
        width:60px;
    }
    div#Noticias div.Fila a.Sel{
        color:#bbbbbb;
    }

/*
----------------------------------------------------------------Utilidad Imprimir */
div#Imprimir {
    margin:15px;
}
    div#Imprimir h2 {
          font-weight:bold;
    }

    div#Imprimir div.Texto {
        float:left;
    }
    div#Imprimir div.Texto img {
        float:left; 
        margin:0 10px 10px 0;
        max-width:300px;
        border:0;
    }

/*
------------------------------------------------------------------Utilidad Enviar */
div#Enviar {
	width:400px;
	height:150px;
	border:4px solid #8b171a;
	margin:15px auto;
	padding-top:20px;
	text-align:left;
}
    div#Enviar label {
	    width:350px;
	    float:left;
	    margin-bottom:10px;
	    margin-left:20px;
    }
    div#Enviar input {
	    font-size:11px;
        border:1px solid #7f7f7f;
	    width:350px;
    }
    div#Enviar #cmdEnviar {
        width:50px;
    }    
       
/*
--------------------------------------------------------------------------Eventos */
table.Eventos{
     width:649px;
}
    table.Eventos tr.Evento {
        width:649px;
        border:1px dotted #bbbbbb;
        font-size:11px;
        vertical-align:top;
    }
        table.Eventos tr.Evento th {
                background-color:#EAEAEA;
                font-weight:bold;
        }
        table.Eventos tr.Evento td{
            padding:5px;
        }
            table.Eventos tr.Evento td.Fecha,
            table.Eventos tr.Evento th.Fecha{
                width:99px;
                text-align:center; 
            }
            table.Eventos tr.Evento td.Fecha{
        	    color:#800000;
                font-weight:bold;    
            }
            table.Eventos tr.Evento th.Nombre,
            table.Eventos tr.Evento td.Nombre{
                width:189px;
                text-align:left;
                border-left:1px dotted #bbbbbb;
                border-right:1px dotted #bbbbbb;
            }
                table.Eventos tr.Evento td.Nombre img{
                    max-width:198px;
                    text-align:center;
                    margin:5px 0;
                }
            table.Eventos tr.Evento td.Nombre{
                font-weight:bold;    
                background-color:#F7F7F7;
            }
            table.Eventos tr.Evento td.Detalle,
            table.Eventos tr.Evento th.Detalle{
                width:339px;
            }

/*
-----------------------------------------------------------------Temas destacados */
div#TemasDestacados{
    width:649px;
    }
    div#TemasDestacados div.Banner {
	    float:left;
	    margin: 0 10px 10px 0;
    }
    div#TemasDestacados div.Banner,
    div#TemasDestacados div.Banner img {
	    /*width:267px;*/
	    width:310px;
	    height:120px;
    }
    div#TemasDestacados h3 {
	    color:Gray;
	    font-size:14px;
	    font-weight:bold;
	    margin-bottom:15px;
    }
    div#TemasDestacados h2 {
	    font-size:14px;
	    font-weight:bold;
	    margin-bottom:15px;
    }
    div#TemasDestacados video.VideoPlayer {
	    margin-bottom:15px;
    }
    div#TemasDestacados span.Otros {
	    color:Gray;
	    font-size:12px;
	    font-weight:bold;
    }
    
/*
------------------------------------------------------------------------- Contacto*/
div#Contenido table.Contacto {
            width:649px;
    }
    div#Contenido table.Contacto th {
	        font-size:11px;
	        background-color:#eaeaea; 
	        color:#999999;
	        font-weight:bold;
    }
    div#Contenido table.Contacto td {
	        background-color:#f5f5f5;
	        font-size:10px;
	        color:#000000;
    }
    div#Contenido table.Contacto tr {
            height:30px;            
    }
    div#Contenido table.Contacto th,
    div#Contenido table.Contacto td {
	        border-bottom:1px solid white;
	        border-right:1px solid white;
	        padding:5px;
	        text-align:center;
    }

/*---------------------------------------------------------------------------cssmenu*/    
#cssmenu {
    background-color:#8b171a;
    width:819px;
}
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
  z-index:10;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu li.has-sub {
    /*819px de ancho*/
    background:#ffffff url(../images/fndBoton.gif) repeat-x scroll left top;
    width:113px;
    height:27px;
    margin:0 2px;
    /*padding:0;*/
}
    #cssmenu li.has-sub a {
        color:#ffffff;
        /*padding:5px 14px 0 14px;*/
        padding:5px;
        display: inline-block;
        font-size: 12px;
        min-width: 35px;
        width:113px;
        text-align: center;
        text-decoration: none;
    }
#cssmenu ul {
  list-style:none;
}
#cssmenu > ul > li {
  float:left;
}
#cssmenu > ul > li a.sel,
#cssmenu > ul > li a:hover {
	color:#000000;
    background:#ffffff url(../images/fndBotonhv.gif) repeat-x scroll left top;
    width:102px;
}
#cssmenu .has-sub:hover ul {
  display:block;
  float:left;
}
#cssmenu .has-sub ul {
  display:none;
  position: absolute;
  min-width: 100%;
  text-align:center;
  left: -1px;
  width:200px;
  top: 27px;
}
#cssmenu .has-sub ul li {
    text-align: center;
}
#cssmenu .has-sub ul li a {
      color:#000000;
      background-image:none;
      display: block;
      font-size: 12px;
      text-align: left;
 
  box-shadow: inset 0 0 0 1px #ffffff;
  -moz-box-shadow: inset 0 0 0 1px #ffffff;
  -webkit-box-shadow: inset 0 0 0 1px #ffffff;
  background: #bfbfbf url(grad_light.png) repeat-x left top;
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 50%, #d7d7d7 51%, #ededed 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #e5e5e5), color-stop(51%, #d7d7d7), color-stop(100%, #ededed));
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 50%, #d7d7d7 51%, #ededed 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 50%, #d7d7d7 51%, #ededed 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 50%, #d7d7d7 51%, #ededed 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 50%, #d7d7d7 51%, #ededed 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
  /*border-top: 1px solid #d2d2d2;*/
  border-bottom: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  line-height: 22px;
  height:22px;
  padding:5px 15px;
  filter: none;
   
   width:200px;
}
#cssmenu .has-sub ul li a:hover {
        color:#8b171a;
}

/*
-------------------------------------------------------------------Ficha del libro*/
div#FichaLibro {
    width:649px;
}
    div#FichaLibro h1.Seccion {
        padding-bottom:10px;
        color:#800000;
    }
    div#FichaLibro p.Subtitulo {
        color:#800000;
        font-size:17px; 
    }
    div#FichaLibro h2 {
        margin:0;
        padding:0 0 10px 0;
        font-size:15px;
        color:Gray;
    }
        div#FichaLibro h2 a {
            margin:0;
            padding:0 0 15px 0;
            font-size:15px;
            color:Gray;
            font-weight:bold;
        }
        div#FichaLibro h2 a:hover {
            color:#800000;
        }
    div#FichaLibro div.Libro {
	    float:left; 
	    width:200px;
	    text-align:left;
	    font-size:11px;
    }
        div#FichaLibro p.Formato {
	        text-align:left;
	        font-size:11px;
	        font-weight:bold;
	        font-style:italic;
            height:32px;
            
        }
            div#FichaLibro div.Libro p.Formato img {
                float:left;
                margin-right:10px;
            }
        div#FichaLibro div.Libro img.imagen {
	        width:200px;
	        float:left;
	        margin-right:10px;
	        margin-bottom:10px;
        }
        div#FichaLibro div.Libro span.txt {
            padding-left:3px;
            color:Gray;
        }
        div#FichaLibro div.Libro p.Version {
            float:left;
            border:1px dotted #800000;/*7f7f7f*/
            padding:5px;
        }
            div#FichaLibro div.Libro p.Version a img {
                float:left;
                margin-right:10px;
                height:32px !important;
            }
        div#FichaLibro div.Libro p.ListaDocumentos {
               margin-left:20px;
               margin-bottom:5px;
        }
        div#FichaLibro div.Libro .PrecioNo {
            margin:0;
        }
        div#FichaLibro div.Libro .Precio {
            margin:0 0 10px 0;
        }
        div#FichaLibro div.Libro .Precio span, 
        div#FichaLibro div.Libro .PrecioNo span { 
            font-weight:bold;
            color:#800000;
        }
        div#FichaLibro div.Libro .PrecioNo { 
            text-decoration:line-through;
        }
        div#FichaLibro div.Libro .Precio span.Dto { 
            font-weight:normal;
            color:#000000;
            font-size:10px;
        }
    div#FichaLibro div.Libro .FichaInformativa {
        font-weight:bold;
        float:left;
        padding-bottom:10px;
    }

div#FichaLibro div.Informacion {
	float:right;
	width:439px;
	padding-left:10px;
    font-size:11px !important;
    line-height:14px !important;
}
        div#FichaLibro div.Informacion span.Linea {
            float:left;
            padding-bottom:3px;
            width:100%;
        }
    div#FichaLibro div.Informacion p.Item {
        padding: 10px 0 0 0;
        color:Gray;
        font-size: 14px;
        font-weight:bold;
    }
        div#FichaLibro div.Informacion p.Item a {
            /*color: Gray;*/
            color: #800000 !important;
        }
            div#FichaLibro div.Informacion p.Item a:hover {
                /*color:#800000;*/
                color: Gray;
            }
        div#FichaLibro div.Informacion p.Item img {
            padding-right:5px;
        }
        div#FichaLibro div.Informacion p.Item span.ValoracionMedia {
            float:right;
        }
            div#FichaLibro div.Informacion p.Item span.ValoracionMedia img {
                 vertical-align:bottom;
            }
        div#FichaLibro div.Informacion img.FotoAutor {
	        float:left;
	        margin:0 10px 10px 0;
	        width:100px;
        }
            div#FichaLibro div.Informacion div.Info {
                float:left;
                width:100%;
                padding-bottom:5px;
            }
                div#FichaLibro div.Informacion div.Info img {
                    float:left;
                    padding:5px 5px 5px 0;
                }
                div#FichaLibro div.Informacion div.Info a:hover {
                    color:Gray;
                }
                div#FichaLibro div.Informacion div.Info p.InfoTit {
                    font-weight:bold; 
                    width:100%;
                    float:left;
                    padding:15px 0 0 0;
                }
    /* Carrusel de libros */
    div#FichaLibro div#PLibros {
	    width:439px;
    	padding:0;
	    margin:0;
	    height:184px;
	    background:#ffffff url(../images/fndLibros2.gif) no-repeat top left;
	    overflow:hidden;
    }
        div#FichaLibro div#PLibros div.Titulo {
	        margin:11px 0 0 24px;
        }
        div#FichaLibro div#PLibros div.LibroCar {
            margin:10px 0 0 4px;
            width:430px; /* 1 + elem * (2 * s + w) */
            height:130px;
            overflow:hidden;
        }
        div#FichaLibro div#PLibros div.LibroCar .panel {
            padding:0 16px; /* s */
        }
        div#FichaLibro div#PLibros div.LibroCar .panel,
        div#FichaLibro div#PLibros div.LibroCar.stepcarousel .panel img {
	        width: 106px; /* w */
	        margin-left:4px;
        }
                
    div#FichaLibro div.Informacion div.FormularioLibro {
	    width:439px;
    }
        div#FichaLibro div.Informacion div.FormularioLibro label {
	        display:block;
	        margin-bottom:2px;
	        text-align:left;
        }
        div#FichaLibro div.Informacion div.FormularioLibro input,
        div#FichaLibro div.Informacion div.FormularioLibro textarea,
        div#FichaLibro div.Informacion div.FormularioLibro select {
	        width:100%;
	        font-size:11px;
	        border:1px solid #7f7f7f;
        }
        div#FichaLibro div.Informacion div.FormularioLibro textarea {
	        height:200px;
        }
        div#FichaLibro div.Informacion div.FormularioLibro div.Ancho {
	        width:439px;
	        margin-bottom:10px;
        }
        div#FichaLibro div.Informacion div.FormularioLibro div.Valoracion input {
            border:none;
            width:16px;
            margin-right:5px;
            vertical-align:bottom;
        }
        div#FichaLibro div.Informacion div.FormularioLibro div.Valoracion {
	        margin:20px;
        }
        div#FichaLibro div.Informacion div.FormularioLibro div.Valoracion span.Titulo {
            width:100px;
            color:#7f7f7f;
            display:inline-block;
        }

/*
----------------------------------------------------------------Búsqueda de libros*/        
div#Busqueda{
    width:649px;
    }
    div#Busqueda p.Registros{
        color:Gray;       
        }
    div#Busqueda p.Criterio{
        color:#800000;
        font-size:12px; 
        }
    div#Busqueda p.Criterio span.Tit{
        color:gray;
        padding-left:5px;
        }                          
    div#Busqueda p.Criterio span.Item{
        color:black;
        }   
                                 
/*
--------------------------------------------------------------------------Mi cesta*/
div#pMiCesta div#DivAlerta{
    margin-top:5px;
    display:none;
    /*top:0;
    left:0px;*/
    padding:5px;
    border:1px dotted white; 
    background-color:#f7921e; 
    text-align:center;
    color:Black;
    font-size:11px;
}
div#pMiCesta #mnuMiCesta{
    width:100%;
    }
div#pMiCesta div.Tit{
    float:left;
    padding:0;
    margin:0;
    text-align:left;
    font-size:10px;
    }
div#pMiCesta div.Tex{
    padding:0;
    margin:0;
    text-align:right;
    font-size:10px;
    font-weight:bold;
    float:right;
    }
div#pMiCesta div.Tot{
    margin-top:5px;
    color:#f7921e;
    font-size:11px;
    text-align:right;
    float:right;
    }        
    
/*
-----------------------------------------------------------------Proceso de compra*/
    div#Cesta span,
    div#Cesta p {
        font-size:11px;
    }
div#Cesta p.Info {
    color:gray;
    padding:0;
    margin-bottom:2px;
}
div.pasoinfo {
    padding:10px;
}
div#Cesta .InfoFP {
    color:gray;
    padding:0;
    margin-bottom:2px;
    font-size:10px;
}
div#Cesta table {
	width:100%;
    font-size:11px;
}
div#Cesta textarea {
	width:100%;
	height:100px;
	border:1px solid #7f7f7f;
	font-size:11px;
}
div#Cesta span.Titulo {
    width:110px;
    float:left;
    text-align:right;
}
/* Datos de facturación */
    div#Cesta span.Campo {
        float:left;
        text-align:left;
        color:Gray;
        padding-left:10px;
    }
    div#Cesta span.CampoDireccion {
        float:left;
        color:Gray;
        padding-left:10px;
    }
    div#Cesta p.Linea {
        float:left;
        margin-bottom:3px;
        width:100%;
    }
    div#Cesta p.LineaBoton {
        float:left;
        width:474px;
        padding:10px 0 0 80px;
    }
/* Dirección de envío */
    div#Cesta table.Radio input {
        border:none;
        width:20px;
        vertical-align:middle;        
    }
    div#Cesta table.Radio {
        color:Gray;
        font-size:11px;
    }
    div#Cesta table.Radio td {
        border:none;
        padding-bottom:5px;
        vertical-align:middle;
    }
	div#Cesta table.FormaPago td {
        line-height:16px;
	}
	div#Cesta table.FormaPago td img {
        vertical-align:middle;
        height:20px;
	}
/* proceso de compra */
div#Cesta h2.ProcesoCompra {
    background-color:#F5F5F5;
    height:20px;
    padding:5px 0 0 5px;
    border:1px dotted gray;
    color:Gray;     
    font-weight:bold;
    font-size:12px;
}
    div#Cesta p.MidIzda {
        float:left;
        width:45%;
        margin-bottom:5px;
    }
    div#Cesta p.MidDcha {
        float:right;
        text-align:right;
        width:45%;
        margin-bottom:5px;
    }
    div#Cesta p.Centrado {
        text-align:center;
        width:100%;
        margin-bottom:5px;
    }
    div#Cesta span.Sel {
	    color:#800000;
    }
    /* Cuenta bancaria */
    div#Cesta input.c4 {
        width:38px;
        text-align:left;
    }
    div#Cesta input.c2 {
        width:23px;   
        text-align:left;
    }    
    div#Cesta input.c10 {
        width:91px;   
        text-align:left;
    }  
    div#Cesta input.c11 {
        width:110px;   
        text-align:left;
    }  
    div#Cesta span.RadioNuevo input {
        border:none;
        width:16px;
        vertical-align:bottom;
        width:20px;
        float:left;
        padding-top:1px;
    }    	

    div#Cesta div.CodigoDto{
        width:100%;
	    font-size:11px;
	    color:#7f7f7f;
	    float:left;
    	margin-bottom:10px;
    	vertical-align:middle;
        }
        div#Cesta div.CodigoDto input {
	        width:120px;
	        text-align:center;
	        text-transform:uppercase;
        }
        div#Cesta div.CodigoDto a {
            padding:1px 3px;
        }
    
/*
--------------------------------------------------------------------- Suscripción */
div#Suscripcion p.Modificar,
div#Suscripcion p.Recalcular {
    padding:10px 0 10px 0;
    /*border-bottom:1px dotted #800000;*/
}
div#Suscripcion p.Modificar {
    text-align:left;
}
div#Suscripcion p.Finalizar {
    text-align:center;
}
div#Suscripcion div.Texto {
    margin:10px 0 20px 0;
}
div#Suscripcion div.Texto img {
    float:left; 
    margin:0 10px 10px 0;
    max-width:300px;
}
    div#Suscripcion table.Radio {
        color:Gray;
        border:none;
    }
    div#Suscripcion table.Radio td {
        border:none;
        padding-bottom:5px;
        vertical-align:middle;
    }
    div#Suscripcion table.Radio td input {
        border:none;
        width:20px;
        vertical-align:middle;        
    }
    
/*
---------------------------------------------------------------------------Boletín*/    
div#Boletin {
    width:649px;
}
    div#Boletin div.Fila {
        width:649px;
        border-bottom:1px dotted #bbbbbb;
        padding:5px 0;
    }
    div#Boletin div.Fila a.Fecha {
        padding-right:10px;
        color:Gray;
    }
    div#Boletin div.Fila a.Sel{
        color:#bbbbbb;
    }

/*
-----------------------------------------------------------------Sección contenido*/
div#SeccionContenido {
    width:649px;
}
    div#SeccionContenido div.Fila {
        display:block;
        padding:5px 0;
    }
        div#SeccionContenido div.Fila .Imagen {
    		vertical-align:top;
    		padding-right:5px;
        }
        div#SeccionContenido div.Fila div.Descripcion {
    		margin-left:19px;
            padding:5px 0;
            display:block;
        }
        div#SeccionContenido div.Fila a {
            line-height:16px;
        }

/*------------------------------------------------------ Agenda Bíblica */
/* Calendario de días litúrgicos */
table.Calendario {
    width:649px;
	font-size:10px;
    }
    table.Calendario th,
    table.Calendario td {
	    border:1px solid lightgray;
	    text-align:center;
        width:82px;
    }
    table.Calendario th {
	    background-color:Gainsboro; 
	    color:gray;
	    font-weight:bold;
	    height:25px;
        padding:0 4px;
    }
    table.Calendario tr td {
	    background-color:floralwhite;
        padding:4px;
        vertical-align:top;
        height:40px;
        text-align:left;
    }
        table.Calendario tr td span {
	        color:black;
	        display:block;
        }
        /*table.Calendario tr td span.Santo {
            color:lightgray !important;
         }
            table.Calendario tr td.Blanco span.Santo {
                color:Black !important;
             }*/
        table.Calendario tr td a.Dia {
            color:Black;
            font-weight:bold;
            font-size:13px;
         }
        table.Calendario tr td.Verde a.DiaActual,
        table.Calendario tr td.Morado a.DiaActual,
        table.Calendario tr td a.DiaActual {
            color:#800000 !important;
            border-color:#800000 !important;
            font-weight:bold !important;
            font-size:16px;
            background-color:floralwhite !important;
            border:1px solid #800000 !important;
         }
    table.Calendario tr td.Mes {
	    font-weight:bold;
    	font-size:12px;
    	width:455px;
    	height:25px !important;
	}
    table.Calendario tr td.Cab {
    	height:25px !important;
    	padding-top:15px;
    	text-align:center;
	}
    table.Calendario tr td.Verde {
        background-color:#99cc99;
        color:White;
	}
    table.Calendario tr td.Rojo {
        background-color:#bd2300;
        color:White;
	}
    table.Calendario tr td.Morado {
        background-color:#9966cc;
        color:White;
	}
    table.Calendario tr td.Blanco {
        background-color:White;
	}
        /*table.Calendario tr td.Verde span.Santo,
        table.Calendario tr td.Rojo span.Santo,
        table.Calendario tr td.Morado span.Santo,*/
        table.Calendario tr td.Verde a,
        table.Calendario tr td.Rojo a,
        table.Calendario tr td.Morado a {
            color:White !important;
	    }
        table.Calendario tr td.Verde a:hover,
        table.Calendario tr td.Rojo a:hover,
        table.Calendario tr td.Morado a:hover {
            color:lightgray !important;
	    }
div#BuscadorAgenda{
}
    div#BuscadorAgenda .Share{
        float:right;
        padding:0;
        margin-top:3px;
    }
    div#BuscadorAgenda input{
	    border:1px solid #808080;
	    text-align:center;
    }
        div#BuscadorAgenda input.Ann{
            width:40px;
        }
        div#BuscadorAgenda input.Mes{
            width:20px;
        }
        div#BuscadorAgenda span{
            font-size:12px;
            padding-right:5px;
        }
/* Ficha de día litúrgico */
div#DiaLiturgico{
    width:658px;
    margin:20px 0;
    float:left;
}
    div#DiaLiturgico h1{
        text-align:center;
        padding:0;
    }
    div#DiaLiturgico h2{
        text-align:center;
        padding:12px 0 20px 0;
    }
        div#DiaLiturgico h2 a.Izda{
            margin-right:20px;    
        }
        div#DiaLiturgico h2 a.Dcha{
            margin-left:20px;    
        }
    div#DiaLiturgico table.Opciones{
        float:left;
        width:200px;
        margin-right:28px;
        color:Gray;
        height:270px;
        font-size:12px;
    }
        div#DiaLiturgico table.Opciones td{
            border:1px dotted gray;
            text-align:center;
        }
        div#DiaLiturgico table.Opciones td.OpcionesTit{
            border:1px dotted gray;
            text-align:center;
            height:30px;
            background-color:lightgray;
            color:gray;
        }
    div#DiaLiturgico img{
        border:1px dotted gray;
        width:200px;
        float:right;
    }
    .Blanco{
        background-color:white;
        }        
    .Morado{
        background-color:#9966cc;
        color:White;
        }        
    .Verde{
        background-color:#99cc99;
        color:White;
        }        
    .Rojo{
        background-color:#bd2300;
        color:White;
        }        
    .Morado a,.Verde a,.Rojo a{
        color:White;
        }        
    .Morado a:hover,.Verde a:hover,.Rojo a:hover{
        color:lightgray;
        }        
       
table.Leyenda{
    margin-top:15px;
    font-size:11px;
    width:658px;
    }        
    table.Leyenda tr{
        border:1px dotted gray;
        }
    table.Leyenda td{
        vertical-align:top;
        }
        table.Leyenda td.Tit{
	        line-height:15px;
	        padding:5px;
	        text-align:center;
	        font-weight:bold; 
	        background-color:Gainsboro; 
	        color:Gray;
            }
        table.Leyenda td.Texto{
	        line-height:15px;
	        padding:5px;
            }
            table.Leyenda td.Texto #Video {
                float:right;
                width:647px;
                height:365px;
            }  
            table.Leyenda td.Descarga {
                text-align:center;
                padding:5px;
            }  
            table.Leyenda td.Texto img{
                float:left;
                max-width:150px;
                padding:0 5px 5px 0;
                }
            table.Leyenda td.Texto span.Titulo{
                display:block;
    	        line-height:20px;
                font-weight:bold;
                }
        table.Leyenda td div.Color{
            background-color:whitesmoke;
	        line-height:25px;
	        text-align:center;
            border-right:1px solid lightgray;
            border-bottom:1px solid lightgray;
            width:100px;
            margin-bottom:5px;
            }  

        table.Leyenda td div.Blanco{background-color:white;}  
        table.Leyenda td div.Morado{
            background-color:#9966cc;
            color:White;
            }        
        table.Leyenda td div.Verde{
            background-color:#99cc99;
            color:White;
            }        
        table.Leyenda td div.Rojo{
            background-color:#bd2300;
            color:White;
            }        
                

/*---------------------------------------------------------------------Cursos*/
#MisCursos,
#MisCursos th {
    border-bottom:1px solid #000000 !important;
}

    #MisCursos th {
        padding:5px;
        font-weight:bold;
        text-align:center;
    }

    #MisCursos td {
        border-top:1px solid #bbbbbb;
        padding:5px;
    }

    #MisCursos th.Fecha {width:72px;}
    #MisCursos th.Nombre {width:455px;}
    #MisCursos th.Pagado {width:90px;}

    #MisCursos td.Pagado, 
    #MisCursos td.Pendiente,
    #MisCursos td.Sincomenzar,
    #MisCursos td.Finalizado,
    #MisCursos td.Descatalogado {
    	text-align:center;
    	color:Green;
    }

    #MisCursos td.Pendiente {
    	color:Orange;
    }

    #MisCursos td.Sincomenzar,
    #MisCursos td.Finalizado,
    #MisCursos td.Descatalogado {
    	color:Red;
    }

    #MisCursos th.Nombre {
        text-align:left;
    }

div.Curso p.Precio {
	font-weight:bold;
}

/*-------------------------------------------Politica de cookies*/
#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding-bottom:20px;
    width:100%;
    text-align:center;
    min-height:40px;
    background-color: rgba(0, 0, 0, 0.5);
    color:#fff;
    z-index:99999;
}
 
.inner {
    width:100%;
    position:absolute;
    padding-left:5px;
    font-family:verdana;
    font-size:12px;
    top:30%;
}
 
.inner a.ok {
    padding:4px;
    color:#00ff2e;
    text-decoration:none;
}
 
.inner a.info {
    padding-left:5px;
    text-decoration:none;
    color:#faff00;
}
/*--------------------------------------------------------------*/
div.Formato {
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    height: 32px;
}
    div.Formato img {
        float: left;
        margin-right: 5px;
        height: 32px;
    }
    div.Formato span {
        float: left;
        padding-top:5px;
    }