@import "admin.css";
/******************************************************************************/
/**************************    TAGS PROPIOS HTML     **************************/
/******************************************************************************/

body { color: black; width: 1025px; text-decoration: none; margin-left: auto; margin-right: auto;}
h1, h2, h3, h4, h5, h6 { display: inline; font-size: inherit;}
a:hover {text-decoration: underline;}

a { color: maroon; text-decoration: none;}
img { border: 0; }
hr { background-color: silver; height: 2px; border: none;}
.barra_roja {  background-color:  #910A20;  }
.mouse_hand {cursor: pointer}

/******************************************************************************/
/**************************        GENERALES         **************************/
/******************************************************************************/

.negrita { font-weight: bold;}
.no_negrita {font-weight: 100}
.centrado {text-align: center; vertical-align: middle;}
.ajustado_izquierda {text-align: left}
.ajustado_derecha {text-align: right}
.blanco{color:white;}
.negro{color: black}
.rojo{color: #D0142C}
.rojo_claro{color: crimson}
.gris{color: darkgrey}
.rojo_oscuro{color: #910A20}
.negro a {color:black}
.titulo_general {font-family: "Times New Roman"; font-weight: 100; font-size: 1.4em}
.titulo_general_contenido {}

#contenido .medio_gris .boton_otras_colecciones {
    background-color: silver;
    position: relative;
    color: black;
    left: 80px;
    top: 15px;
    width: 140px;
    text-align: center;
    padding: 5px;
    font-family: "Arial";
    font-weight: bold;
    font-size: 0.8em;
}


/*.titulo_general_contenido_detallado {font-family: "Times New Roman"; font-weight: 100; font-size: 1.7em; font-weight: bold; }*/

/******************************************************************************/
/**************************    POSICION GENERAL      **************************/
/******************************************************************************/

#header {position: relative; height: 130px; background-color: black; padding: 15px;}

#contenido {position: relative; background-color: #4C4C4C; }
#contenido .medio
{
    height: auto!important; /* para los browsers modernos */
    height: 700px; /* para IE5+ */
    width: 621px;
    position: relative;
    background-color: white;
    left: 177px;
    padding: 10px;
    min-height: 700px;
    font-family: "Arial";
    font-size: 0.75em
}
#contenido .medio_gris
{   
    height: auto!important; /* para los browsers buenos */
    height: 700px; /* para IE5+ */
    width: 641px;
    position: relative;
    background-color: #333333;
    left: 177px;
    min-height: 700px;
}
#contenido .izquierda{width: 178px; position: absolute; background-color: #CCCCCC; height: 700px}
#contenido .derecha{width: 200px; position: absolute; background-color: #4C4C4C; left: 817px; height: auto; padding-left: 8px;}

#footer {height: 80px; position: relative; border-style: solid; border-width: 1px; border-color: silver;
    font-size: 0.72em; font-family: "Arial"; color: #4C4C4C; top: 3px; padding: 7px;}


/******************************************************************************/
/******************************     HEADER      *******************************/
/******************************************************************************/

#header .titulo_editorial {
    font-family: "Times New Roman";
    font-size: 2.1em;
    color: white;
    font-weight: 100;
    position: absolute;
    top: 20px;
    
}

#header .botones_header {
    position: absolute;
    top: 131px;
    left: 0px;
    color: white;
    
}

#header .botones_header .pestana_encabezado{
    color: white;
    background-color: #4C4C4C;
    padding: 0px;
    padding-left: 13.5px;
    padding-right: 13.5px;
    font-size: 1.2em;
    letter-spacing: 1px;
    border-right: black;
    border-right-style: solid;
    border-right-width: 1px;
    cursor: pointer;
}

#header .botones_header .pestana_encabezado:hover{
    color: black;
    background-color: #CCCCCC;
    font-size: 1.2em;
    letter-spacing: 1px;
    border-right: black;
    border-right-style: solid;
    border-right-width: 1px;
    cursor: pointer;
}

#header .botones_header .pestana_encabezado_marcado{
    color: white;
    background-color: red;
    padding: 0px;
    padding-left: 13.5px;
    padding-right: 13.5px;
    font-size: 1.2em;
    letter-spacing: 1px;
    border-right: black;
    border-right-style: solid;
    border-right-width: 1px;
}

#header .botones_header .pestana_encabezado_buscar{
    color: white;
    background-color: darkgray;
    padding: 0px;
    padding-left: 27px;
    padding-right: 27px;
    font-size: 1.2em;
    letter-spacing: 1px;
    border-right: black;
    border-right-style: solid;
    border-right-width: 1px;
    cursor: pointer;
}

#header .botones_header .pestana_encabezado_buscar:hover{
    color: white;
    background-color: #DC002E;
    border-right: black;
    border-right-style: solid;
    border-right-width: 1px;
    cursor: pointer;
}

#header .botones_header .texto_botones {
    color:white;
}
#header .botones_header .texto_botones:hover {
    text-decoration: none;
    color: black;
}

#header .logo {
    top: 80px;
}

#header .tamano_flor {
    width: 25px;
}

#header .texto_encabezado {
    color: silver;
    font-size: 1.2em;
    left: 300px;
    top: 30px;
    position: absolute;
}



#busqueda {
    color: #4C4C4C;
    font-size: 0.8em;
    border: none;
}

/******************************************************************************/
/****************************    MENU DERECHA     *****************************/
/******************************************************************************/

#contenido .derecha .boton_blog {
    width: 200px ;
    position: relative;
    top: 15px;
    
}

#contenido .derecha .boton_espai {
    background-color: #910A20;
    width: inherit;
    text-align: center;
    color: white;
    border-top: solid #4C4C4C 12px;
    height: 30px;
}
#contenido .derecha .boton_espai a{    color: white;}

#contenido .derecha .boton_espai:hover {
    background-color: #DC002E;
    
}

#contenido .derecha a {
    text-decoration: none;
    font-size: 1.5em ;
    color: inherit;
}

#contenido .derecha .boton {
    background-color: #333333;
    width: inherit;
    height: 30px;
    text-align: center;
    color: white;
    border-top: solid #4C4C4C 4px;
}
#contenido .derecha .boton a {
    color: white;
    
}

#contenido .derecha .boton:hover {
    background-color: silver;
    color: black;
}

/*#contenido .boton a:hover {
    color: black;
}*/

#contenido .boton_gris {
    background-color: darkgray;
    width: inherit;
    height: 26px;
    padding-top: 4px;
    text-align: center;
    vertical-align: middle;
    color: white;
    top: 10px;
    border-top: solid #4C4C4C 5px;
    font-size: 1.1em;
    
}

#contenido .boton_gris:hover {
    background-color: #333333;
    color: white;
}

#contenido .boton_gris a {
    text-decoration: none;
    color: white;
    font-size: 1.1em ;
    
}

#contenido .noticias {
    position: relative;
    background-color: #910A20;
    color: white;
    text-align: center;
}

#contenido .noticias .titulo {
    color: white;
    font-size: 1.9em;
    font-weight: normal;
}

#contenido .noticias .texto_home {
    color: white;
    font-size: 0.56em;
    font-family: "Arial";
    font-weight: normal;
    text-decoration: none;
    display: block;
}

#contenido .noticias .imagen {
    width: 100px;
}

#noticia_detallada {font-family: "Arial"; font-size: 0.8em; color: white; padding-bottom: 20px; padding-left: 2px;}

#noticia_detallada .titulo {
    color: #D0142C;
    font-size: 1.37em;
    font-weight: bold;
    padding-left: 0px;
}

#noticia_detallada .subtitulo {
    color: silver;
    font-weight: normal;
    font-size: 1.2em;
    padding-left: 0px;
    
}

#noticia_detallada .imagen_noticia {
    float: right;
    padding: 20px;
    padding-top: 0px;
    position: relative;
    
}

#noticia_detallada .imagen_noticia_libro {
    float: left;
    padding: 20px;
    padding-top: 0px;
    position: relative;
    width: 40px
}


/******************************************************************************/
/***************************    MENU IZQUIERDA    *****************************/
/******************************************************************************/
.carrito_compra {
    position: relative;
    top: 30px;
    background-color: #910A20;
    /*text-align: left;
    text-indent: 35px;
    height: 45px;*/
    text-align: center;
    font-size: 1.2em;
    color: white;
    height: 26px;
    width: 170px;
    padding-top: 4px;
    
   
   
    /*background-image:  url(http://t0.gstatic.com/images?q=tbn:ANd9GcSM_seA3qkufsj-9ivmWNRVSAqOu9BOEamnx0PWEQDlWVLeCpnD);
    background-repeat: no-repeat;
    background-position: 4px;*/
    
}

/*#contenido .derecha .boton {
    background-color: #333333;
    width: inherit;
    height: 30px;
    text-align: center;
    color: white;
    border-top: solid #4C4C4C 4px;
}

#contenido .derecha .boton:hover {
    background-color: silver;
    color: black;
}*/

.carrito_compra:hover {  background-color: #DC002E; }
.carrito_compra a {   color: white; vertical-align: middle;}
.carrito_compra a:hover { text-decoration: none;}

.ul_menu {
    position: relative;
    top: 40px;
    text-indent: 18px;
    
}

.ul_menu dt { padding-top: 9px;}

.ul_menu dt a{
    font-size: 1.3em;
    color: black;
}
.ul_menu dt a:hover{
    text-decoration: none;
}

#contenido .boton_gris_derecha {
    background-color: #4C4C4C;
    width: 170px;
    color: white;
    height: 26px;
    /*border-top: solid #CCCCCC 45px;*/
    padding-top: 4px;
}

#contenido .boton_gris_derecha:hover {
    background-color: #333333;
}

#contenido .boton_gris_derecha a {
    text-decoration: none;
    color: white;
    font-size: 1.1em;
}

#contenido .listado_revistas_menu_izquierda {
    position: absolute;
    width: 178px;
    padding-top: 20px;
}
#contenido .listado_revistas_menu_izquierda .revista_listado {
    padding-top: 15px;
    
}



/******************************************************************************/
/******************************     FOOTER      *******************************/
/******************************************************************************/


#footer .caja_izquierda{
    position: absolute;
    left: 0px;
    width: 200px;
    height: inherit;
    text-align: center;
    
}

#footer .caja_medio{
    position: absolute;
    left: 200px;
    width: 625px;
    height: inherit;
    text-align: center;
    border-color: white;
    border-left-color: silver;
    border-right-color: silver;
    border-style: solid;
    border-width: 1px;
}

#footer .caja_derecha{
    position: absolute;
    left: 825px;
    width: 200px;
    height: inherit;
    text-align: center;

}

/******************************************************************************/
/****************************    INDEX -HOME    *******************************/
/******************************************************************************/

.titulo_blanco_index {
   font-weight: 100;
    color: white;
    text-align: center;
    font-size: 1.4em;
    padding: 20px;
}

#primer_contenido1 {  color: white; padding: 15px; padding-top: 20px; position: relative;}
#primer_contenido1 .imagen { text-align: center; padding-top: 10px; width: 570px; margin-left: auto;margin-right: auto ; }
#primer_contenido1 .imagen .tam_imagen {max-width: 570px}
#primer_contenido1 .texto {font-family: "Arial"; padding: 20px; font-size: 0.8em; }

#primer_contenido2 {  color: white; padding: 15px;  position: relative;}
#primer_contenido2 .imagen {  position: relative; float: left; padding: 25px; }
/*#primer_contenido2 .imagen .tam_imagen{ width: 125px }*/
#primer_contenido2 .texto { font-family: "Arial"; padding: 20px; font-size: 0.8em; }

#otras_novedades {text-align: left}
#contenido_otras_novedades {   overflow: auto; text-align: center}
#contenido_otras_novedades .fila{clear: both; }
#contenido_otras_novedades .col {float: left; padding: 5px; width: 190px; }

#contenido_otras_novedades .col .libro_novedad {padding: 15px; color: white; font-family: "Arial"; font-size: 0.8em; text-align: left; position: relative;  height: 320px}
#contenido_otras_novedades .col .libro_novedad .autor{ color: silver}
#contenido_otras_novedades .col .libro_novedad .video {position: absolute; top: 145px; left: 128px; /* background:url(http://localhost/icaria/images/video_inactivo.png) no-repeat left center; width: 40px; height: 40px; */}
#contenido_otras_novedades .col .libro_novedad .carrito {position: absolute; top: 90px; left: 125px; /* background:url(http://localhost/icaria/images/video_inactivo.png) no-repeat left center; width: 40px; height: 40px; */}
/*#contenido_otras_novedades .col .libro_novedad .video:hover { background:url(http://localhost/icaria/images/video_activo.png) no-repeat left center; }*/
#contenido_otras_novedades .col .libro_novedad .imagen {width: 140px; height: 215px;}
#contenido_otras_novedades .col .libro_novedad .portada_imagen {width: 140px; /*width: 140px;*/ max-height: 215px;}


/******************************************************************************/
/****************************     CONTENIDO     *******************************/
/******************************************************************************/

/*#materias {
    position: relative;
    top: 20px;
    text-align: center;
    font-size: 1.1em;
}*/

#abecedario {
    text-align: center;
    position: relative;
    
}
#abecedario a { color: red; font-size: 1.15em; font-family: "Arial"}

#fondo_titulo { background-color: #D0142C; font-weight: 100; padding-left:  20px; color: white; font-family: "Times New Roman"; font-size: 1.7em; font-weight: bold;}
#fondo_titulo_canasta { background-color: #D0142C; font-weight: 100; font-size: 2em;padding-left:  20px; color: white; font-family: "Times New Roman";  font-weight: bold;}

#contenido .medio_gris .descripcion {color: white; background-color: black; font-family: "Arial"; font-size: 0.82em;padding: 15px;}
#contenido .medio_gris .descripcion_fondo_blanco {font-family: "Arial"; font-size: 0.82em;padding: 15px; background-color: white}
#contenido .medio_gris .marco {padding: 15px; padding-bottom: 25px }
#contenido .medio_gris .distribuidores { padding: 5px; text-align: center; background-color: silver; font-family: "Arial"; font-size: 0.9em; }
#contenido .medio_gris .distribuidores .tabla_contacto {margin-left: auto; margin-right: auto; width: 500px}
#contenido .medio_gris .area_botones_contacto {text-align: center; padding: 20px; padding-top: 10px}
#contenido .medio_gris .area_botones_contacto .boton {padding: 4px; background-color: #D0142C; font-size: 1.2em; padding-left: 18px; padding-right: 18px}
#contenido .medio_gris .mapa { text-align: center; padding-top: 20px;}
#contenido .medio_gris .mapa .texto{ color: white; font-family: "arial"}

#contenido .medio_gris a {
    color: white;
}

#contenido .medio_gris .revista_descripcion { min-height: 110px }
#contenido .medio_gris .imagen_suscripcion { float: right; max-height: 100px; padding-right:  30px; }

#contenido .medio .descripcion {
    font-family: "Arial"; font-size: 0.82em;padding: 12px; border-style: solid; border-width: 1px; border-color: silver;
}

#colum {
    position: relative;
    text-align: left;
    /*height: 22px;*/
    font-family: "Arial";
    font-size: 0.8em;
    padding: 0px;

}


#colum .columna1_listado {
    position: relative;
    left: 90px;
    top:10px;
    
    
}

#colum .columna2_listado {
    position: absolute;
    left: 350px;
    top: 0px;
    
}
#colum .celda {
    height: 40px;
}

/*****************************   Autores   ************************************/

#autor_contenido { position: relative; top: 20px; min-height: 550px }
#autor_contenido .biografia
{
    position: relative;
    height: auto!important; /* para los browsers buenos */
    height: 800px; /* para IE5+ */
    width: 245px;
    left: 20px; padding: 15px;  min-height: 500px}
#autor_contenido .libro_referencia {position: absolute; left: 330px; top: 0px; width: 245px; padding: 15px; padding-top: 20px; }
#autor_contenido .libro_referencia .carrito {position: absolute; top: 170px; left: 190px}
#autor_contenido .libro_referencia .video   {position: absolute; top: 230px; left: 190px}

/****************************     LIBRO  **************************************/
#libro_contenido { position: relative; top: 20px; min-height: 600px }
#libro_contenido .libro { padding: 15px;  }
#libro_contenido .libro .imagen {width: 150px; float: left; padding: 10px; padding-right: 55px;  }
#libro_contenido .libro .carrito {position: absolute; top: 120px; left: 148px}
#libro_contenido .libro .video   {position: absolute; top: 195px; left: 148px}
#libro_contenido .libro .resumen {  min-height: 190px; padding: 10px}
#libro_contenido .libro .resumen .letra_grande { font-size: 1.2em}
#libro_contenido .libro .descripcion { font-size: 1em; border-style: none;}
#libro_contenido .libro .enlaces { padding: 10px; text-align: center; border-style: solid; border-color: silver; border-width: 1px; width: 550px }

.encabezado_div {background-color: #D0142C; color: white; font-weight: bold;  text-align: center; font-size: 1.2em}


#comprar { }

#comprar .tabla_pedido { padding: 10px; border: #CCCCCC; border-style: solid; border-width: 2px; border-spacing: 0px; margin-left: auto; margin-right: auto }
#comprar .tabla_pedido th{ background-color: #D0142C; color: white; font-weight: bold;  }
#comprar .tabla_pedido .resumen { font-size: 1.2em}
#comprar .tabla_pedido td{ padding: 6px; }
#comprar .tabla_pedido .dni {text-transform: capitalize}
#tr_forma_pago_1 {visibility: collapse;}
#tr_forma_pago_2 {visibility: collapse}
#tr_forma_pago_3 {visibility: collapse;}
#tr_forma_pago_0 {visibility: collapse;}
.visible { visibility: visible}
/*#comprar .tabla_pedido {min-width: 200px}*/

#comprar .tabla_total {padding: 5px; padding-left: 15px; border: #CCCCCC; border-style: solid; border-width: 2px; border-spacing: 0px; width: 525px; margin-left: auto; margin-right: auto; margin-top: 10px; }
#comprar .tabla_total .titulo{ background-color: #D0142C; color: white; font-weight: bold; padding: 3px;  padding-left: 15px; font-size: 1.2em ; }
#comprar #MRW_invisible { visibility: hidden}
.campo_formulario { padding: 4px}

.boton_a { background-color: lightgray;  padding: 6px; border: slategray  ; border-style: solid; border-width: 1px; width: 200px; text-align: center; margin-left: auto; margin-right: auto; font-weight: bold}


/***************************  Colección  **************************************/

.ordenar_coleccion { padding: 4px; padding-left: 30px}
.ordenar_coleccion .boton { width: 70px; border-style: none; height: 28px}

.seleccionar_zona { padding: 5px; padding-left: 30px}
.seleccionar_zona .boton { width: 70px; top: 0px; border-style: none; height: 28px; font-family: "Times New Roman";  font-size: 1.2em;background-color: #4C4C4C; padding: 3px;padding-left: 15px; padding-right: 15px}
.seleccionar_zona .boton_seleccionado { width: 70px; top: 0px; border-style: none; height: 28px; font-family: "Times New Roman";  font-size: 1.2em;background-color: #D0142C; padding: 3px;padding-left: 15px; padding-right: 15px}

.seleccionar_zona_pv { padding: 5px; padding-left: 30px; }
.seleccionar_zona_pv .tabla_botones {border-spacing: 6px }
.seleccionar_zona_pv .boton { top: 0px; width: 190px; height: 20px;text-align: center; font-family: "Times New Roman";  font-size: 0.9em;background-color: #4C4C4C; padding: 3px; font-weight: bold}
.seleccionar_zona_pv .boton_seleccionado { width: 190px;  height: 20px; text-align: center; font-family: "Times New Roman";  font-size: 0.9em;background-color: #D0142C; padding: 3px; font-weight: bold}


#listado_libros_coleccion { position: relative; font-family: "Arial"; font-size: 0.75em; min-height: 400px }
#listado_libros_coleccion .columna_izquierda { width: 280px; padding: 10px;padding-left: 23px; padding-top: 20px; position: relative; top: 0px ; }
#listado_libros_coleccion .columna_derecha   { width: 280px; padding: 10px; padding-top: 20px; position: absolute; top: 0px; left: 340px; }
#listado_libros_coleccion .celda {height: 78px; padding-bottom: 10px; position: relative}
#listado_libros_coleccion .celda_pequena {min-height: 15px; padding-left: 45px; padding-bottom: 10px;  position: relative}
#listado_libros_coleccion .titulo a{ color: white; font-weight: bold;}
#listado_libros_coleccion .subtitulo{ color: silver; font-weight: 100;}
#listado_libros_coleccion .autor  { color: white; padding-bottom: 10px;}
#listado_libros_coleccion .autor_seleccion:hover  { text-decoration: underline; color: #DC002E; }
#listado_libros_coleccion .canasta  { position: absolute; top: 13px; left: 28px; width: 20px}
#listado_libros_coleccion .canasta .canasta_coleccion {width: 20px}
#listado_libros_coleccion .imagen { float: left; width: 40px; padding-right:10px; max-height: 60px; border: none}
#listado_libros_coleccion .paginacion { text-align: center; padding: 20px; }
#listado_libros_coleccion .paginacion .pagina_seleccionada {color:#D0142C; font-weight: bold }
#listado_libros_coleccion .revista { padding: 20px; text-align: center; }
#listado_libros_coleccion .revista img{ width: 154px}

#listado_final_colecciones {position: relative;  color: white;  font-family: "Arial"; font-size: 0.75em; padding: 15px; text-align: center; width: 570px; margin-left: auto; margin-right: auto; padding-top: 30px;}
#listado_final_colecciones a {color: yellow;}
#listado_final_colecciones a .seleccionada:hover {  text-decoration: underline; color: #DC002E;}

/******************************   La editorial   ****************************/
.encabezado {width: 610px; height: 200px;  margin: 15px; text-align: center}

.pasos_compra {
    position: relative;
}

.pasos_compra .numero {
    position: absolute;
    top: 10px;
    left:21px;
    color: white;
    
    font-family: "Times New Roman";
    font-size: 1.5em;
}

.pasos_compra .texto_paso {position: relative; padding: 15px;}

#catalogo_precios { position: relative; padding: 15px; font-family: "Arial"; font-size: 0.8em }
#catalogo_precios .opciones_busqueda { position: relative; padding: 15px; width: 350px;color: white; margin-right: auto; margin-left: auto }
#catalogo_precios table {background-color: whitesmoke; border-width: 1px; width: 100%}
#catalogo_precios table th {background-color: #D0142C}

.boton_normal { border-style: solid; border-color: #333333}

#contenido .medio_gris .campana {
    position: relative;
    padding-top: 30px;
    min-height: 200px;
}

#contenido .medio_gris .campana img {  float: left; max-width: 250px; max-height: 180px; padding: 15px; padding-top: 0px;}
#contenido .medio_gris .campana h3 { color: #DC002E; font-family: "Times New Roman"; font-size: 1.5em; }
#contenido .medio_gris .campana p { color: white; font-family: "Arial"; font-size: 0.8em}

#contenido .medio_gris .categoria_enlace {
    padding-top: 30px;
    text-align: center;
    font-family: "Arial";
    font-size: 0.8em;
}

#contenido .medio_gris .categoria_enlace table {  margin-right: auto;   margin-left: auto; background-color: #CCCCCC; padding: 10px}
#contenido .medio_gris .categoria_enlace table td { padding: 12px;}

.enlaces {width: 300px; margin-left: auto; margin-right: auto; padding: 20px; border-style: solid; border-width: 1px; border-color: #CCCCCC}
.enlace_detallado { color: black}
.enlace_detallado:hover { color: #D0142C; font-weight: bold}

.enviar_amigo {
    font-family: "Arial";
    font-size: 0.8em;
    padding: 0px;
    
}

.enviar_amigo .titulo{
    color: white;
    background-color: #910A20;
    font-family: "Times New Roman";
    font-size: 1.4em;
    font-weight: bold;
    padding: 4px;
    padding-left: 25px;
    width: 340px;
}

.enviar_amigo .datos{
    padding: 20px;

}