body{
    background:#0f0f0f url(img/fondo_zmart_comics.jpg);
}
#cabecera{
border:#000 solid 3px;
border-top:0px;
background:#FFFFFF;
margin-bottom:10px;
}
.logo h1 a:link, .logo h1 a:visited, .logo h1 a:hover{
background:url(img/logo-comics.gif) no-repeat;
text-indent:-99999px;
width:250px;
height:81px;
display:block;
overflow:hidden;
}
#cuerpo{
border:#000 solid 3px;
border-bottom:0px;
background:#FFFFFF;
}
#ayuda_permanente {
width:790px;
background-color:#FFFFFF;
border-left:#000 solid 3px;
border-right:#000 solid 3px;
padding:2px 3px;
overflow:hidden;
}
.right{
    float:right;
}
.left{
    float:left;
}
/* Barra */
#barra_menu{
background:#fff url(img/fondo_barra_menu_comics.jpg);
height:39px;
position:relative;
z-index:110;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
#barra_menu ul{
margin:0 0 0 95px;
}
#barra_menu ul li{
float:left;
line-height:52px;
margin-top:5px;
background:url(img/separador_barra_comics.jpg) no-repeat 0 50%;
padding-left:4px;
}
#barra_menu li.medio{
    background:none;
    padding-left:0;
}
a.barra_usa{
display:block;
height:26px;
width:81px;
text-indent:-9999px;
background:url(img/menu_comic_usa.jpg) no-repeat top center ;
float:left;
}
a.barra_marvel{
display:block;
height:26px;
width:85px;
text-indent:-9999px;
background:url(img/menu_comic_marvel.jpg) no-repeat top center ;
float:left;
}
a.barra_dc{
display:block;
height:26px;
width:46px;
text-indent:-9999px;
background:url(img/menu_comic_dc.jpg) no-repeat top center ;
float:left;
}
a.barra_europa{
display:block;
height:26px;
width:122px;
text-indent:-9999px;
background:url(img/menu_comic_europa.jpg) no-repeat top center ;
float:left;
}
a.barra_manga{
display:block;
height:26px;
width:115px;
text-indent:-9999px;
background:url(img/menu_comic_manga.jpg) no-repeat top center ;
float:left;
}
a.barra_especiales_comic{
display:block;
height:26px;
width:124px;
text-indent:-9999px;
background:url(img/menu_comic_especiales.jpg) no-repeat top center ;
float:left;
}
a.barra_chile{
display:block;
height:26px;
width:102px;
text-indent:-9999px;
background:url(img/menu_comic_chile.jpg) no-repeat top center ;
float:left;
}

a.barra_usa:hover, a.barra_dc:hover, a.barra_marvel:hover, a.barra_manga:hover, a.barra_europa:hover, a.barra_chile:hover, a.barra_especiales_comic:hover{
background-position:bottom;
}

/* ************************ menu de arriba *********************/

/************** desplegable header ************/
#barra_menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; text-align:center; line-height:20px; font-size:11px; overflow:hidden; z-index:110}
#barra_menu ul li {float:left; position:relative;}
#barra_menu ul li ul {display: none;}
#barra_menu ul li ul li {margin:0; background:none; padding-left:0;}
/* specific to non IE browsers */
#barra_menu ul li:hover a {color:#ffffff;}
#barra_menu ul li:hover ul {display:list-item; position:absolute; margin:26px 0 0 0; left:0; background-color:#FF9900;}
#barra_menu ul li:hover ul li a.hide { color:#fff;  background-color:#FF9900; background:none;}
#barra_menu ul li:hover ul li:hover a.hide { color:#000; background-color:#FF9900}
#barra_menu ul li:hover ul li ul {display: list-item; background-color:#FF9900 }
#barra_menu ul li:hover ul li a {display:list-item; color: #FFFFFF; background-color:#333333; width:140px; text-align:left; padding:0 10px 0 5px;  border-bottom:1px solid #666666;}
#barra_menu ul li:hover ul li a:hover{color:#f26702;}

/************** fin desplegable header *******************/

.menu_index{
    background:#ebebeb;
    color:#fff;
    border-right:2px solid #000;
}

/************** desplegable menu izq ************/
.menu_index ul li a, .menu ul li a:visited {overflow:hidden;}
.menu_index ul {padding:0; list-style:none;}
.menu_index ul li {position:relative; background-image:none; padding:2px 0 2px 10px; border-bottom:none; font-weight:bold;}
.menu_index ul li ul {display: none;}
.menu_index ul li ul li {margin:0; padding:0;}
.menu_index ul li:hover a {color:#f26702;}
.menu_index ul li:hover ul {display:list-item; position:absolute; margin:-24px 0 0 158px; padding:0;}
.menu_index ul li:hover ul li a.hide { color:#fff;  background-color:#FF9900;  padding:100px;}
.menu_index ul li:hover ul li:hover a.hide { color:#000; background-color:#FF9900; padding:0;}
.menu_index ul li:hover ul li ul {display: list-item; background-color:#FF9900 }
.menu_index ul li:hover ul li a {display:list-item; padding:0 0 0 5px; margin:0; color: #FFFFFF; background-color:#333333; width:140px; text-align:left;  border-bottom:1px solid #666666; line-height:180%;}
.menu_index ul li:hover ul li a:hover{color:#f26702;}
.menu_index select{ border:1px solid #FF9900; padding:1px; background-color:#ffcc00;}
/************** fin desplegable izq *******************/
.menu_index a:link, .menu_index a:visited, .menu_index a:hover{
color:#f26702;
}
.menu_index {
float:left;
width:168px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
position:relative;
z-index:100;
height:250px;

}

.menu_index  select{
margin:5px 0;
background:#FFF;
width:150px;
}

select{
background:#fff;
color:#333;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:1px solid #CCCCCC;

}
.menu_index_plataformas{
margin:0 0 1px -10px;
background:#757575 url(img/menu_editoriales.jpg) no-repeat;
color:#FFFFFF;
height:23px;
text-indent:-999999px;
display:block;
border-bottom:none;
padding-bottom:0;
}
.menu_index_especiales{
margin:0 0 1px -10px;
background:#757575 url(img/menu_especiales_comics.jpg) no-repeat;
color:#FFFFFF;
height:23px;
text-indent:-999999px;
display:block;
border-bottom:none;
padding-bottom:0;
}

/*slider*/
.destacado_index{
float:right;
height:245px;
width:445px;
position:relative;
background:url(img/fondo_slide.jpg) 100% 0% no-repeat;
padding-top:5px;
}
.sliderwrapper{
}
.pagination{
    position:absolute;
    z-index:100;
    bottom:10px;
    right:10px;

}
.pagination a{
    line-height:22px;
    padding:2px 5px;
    margin:0 2px;
    background-color:#ffc220;
    border:2px solid #000;
    color:#000;
}
.pagination a:hover, .pagination a.selected{
color: #fff;
background-color: #000;
}
.datos_destacado{
    width:255px;
    font-size:12px;
    padding-top:10px;
    float:right;
    padding-right:10px;
    
}
.imagen_destacado{
    border:1px solid #959595;
    position:relative;
}
.imagen_destacado span{
    position:absolute;
    width:19px;
    height:18px;
    background:url(img/doblez.jpg) no-repeat;
    text-indent:-999px;
    display:block;
    overflow:hidden;
    top:0;
    right:0;
    
}
.datos_destacado h3{
    font-family: Arial, Helvetica, Verdana;
    letter-spacing:-1px;
    font-size:18px;
    line-height:16px;
    padding-bottom:8px;
    background:url(img/separador_ttitulo_slide.png) bottom no-repeat;
    font-weight:bold;
    margin-bottom:10px;
    
}
.datos_destacado p{
    font-size:11px;
    line-height:11px;
    font-family: Comic Sans MS, Comic Sans MS5, cursive;
    clear:left;
    color:#373737;
    padding:5px 5px 8px 5px;
    margin:5px 0;
    background:#e6e6e6;
    position:relative;
}
.datos_destacado p span{
    background:url(img/fumeta_texto_slide.gif) no-repeat;
    display:block;
    text-indent:-999px;
    overflow:hidden;
    height:16px;
    width:16px;
    bottom:-13px;
    left:5px;
    position:absolute;    
}
.datos_destacado ul{
    float:left;
    clear:right;
    padding:2px 0 10px 0;
}
.datos_destacado ul li{
    display:inline;
}
.precio_destacado{
    background:#ffc220;
    padding:2px 6px;
    float:left;
    margin-right:10px;
    font-size:12px;
    font-weight:bold;
}
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 445px; /*width of featured content slider*/
height: 245px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 445px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
-moz-opacity: 1;
opacity: 1;
}
/* Contenido */
#lateral{
padding:5px 2px;
float:right;
margin:0 auto;
width:168px;
border-left:2px #000 solid;
}
.cabeceras_index{
width:100%;
float:left;
margin:5px 0;
* margin:5px 5px;
text-align:left;
color:#000;
text-transform:uppercase;
background:#000000 url(img/cabeceras_index_comics.jpg) no-repeat;
line-height:32px;
padding:0;
font-family:"Comic Sans MS", arial, verdana, sans-serif;
font-size:13px;
font-weight:bolder;
border:none;
text-indent:10px;
letter-spacing:-1px;
}
.caja_minihome {
width:144px;
height:150px;
float:left;
margin:5px 2px;
text-align:right;
border:1px #fff solid;
padding:0px 1px 10px 1px;
position:relative;
background-image:url(img/fondo_caja_minihome_comics.gif);
}
.caja_minihome_destacado {
width:300px;
height:332px;
float:left;
margin:5px 2px;
text-align:right;
border:none;
position:relative;
background-image:url(img/fondo_caja_minihome_principal_comics.jpg);
padding-left:1px;
}
.rank {
position:absolute;
left:3px;
bottom:3px;
background:url(img/rank_comics.gif) no-repeat;
color:#000;
font-size:11px;
font-weight:bold;
width:22px;
height:22px;
text-align:center;
line-height:22px;
}

.rank_grande {
position:absolute;
right:10px;
top:150px;
background-image:url(img/rank_grande_comics.gif);
color:#000;
font-size:20px;
font-weight:bold;
width:41px;
height:41px;
text-align:center;
line-height:41px;
}

.caja_primero {
position:relative;
width:188px;
padding:13px 0 0 3px;
height:145px;
float:left;
margin:3px 0;
overflow:hidden;
}

.nuevo{
background:url(img/background_cajaindex_nuevo_comics.jpg) no-repeat;
}

.viene{
background:url(img/background_cajaindex_viene_comics.jpg) no-repeat;
}

.vendido{
background:url(img/background_cajaindex_vendido_comics.jpg) no-repeat;
}
/* Aletas */
.aleta_cmcu, .aleta_cmcmg, .aleta_cmceu, .aleta_cmccl, .aleta_cmcud, .aleta_cmcum, .aleta_book{
float:left;
left:-38px;
position:absolute;
top:10px;
}

#cont_cmcu, #cont_cmcmg, #cont_cmceu, #cont_cmccl, #cont_cmcud, #cont_cmcum, #cont_book{
width:100%;
float:right;
padding:5px 0;
position:relative;
}

.separador_contenedores_index{
margin:5px o;
border:none;
color:#f5f5f5; 
background-color:#f5f5f5;
}

/******************* Comic USA ******************* */
.aleta_cmcu a:link, .aleta_cmcu  a:visited, .aleta_cmcu a:hover {
margin:16px 0 0 0 ;
background-image:url(img/aleta_usa_comic.png);
background-repeat:no-repeat;
text-indent:-99999px;
width:38px;
height: 258px;
overflow:hidden;
display:block;
}

/******************* Comic BOOK ******************* */
.aleta_book a:link, .aleta_book  a:visited, .aleta_book a:hover {
margin:16px 0 0 0 ;
background-image:url(img/aleta_libros.png);
background-repeat:no-repeat;
text-indent:-99999px;
width:38px;
height: 258px;
overflow:hidden;
display:block;
}

/******************* Comic Manga ******************* */
.aleta_cmcmg a:link, .aleta_cmcmg a:visited, .aleta_cmcmg a:hover{
margin:16px 0 0 0 ;
background-image:url(img/aleta_manga_comic.png);
background-repeat: no-repeat;
text-indent:-99999px;
width: 38px;
height: 258px;
overflow:hidden;
display:block;
}

/******************* Comic Europa ******************* */

.aleta_cmceu a:link, .aleta_cmceu a:visited, .aleta_cmceu a:hover {
margin:16px 0 0 0 ;
background-image:url(img/aleta_europa_comic.png);
background-repeat: no-repeat;
text-indent:-99999px;
width: 38px;
height: 258px;
overflow:hidden;
display:block;
}

/******************* Comic Chile ******************* */

.aleta_cmccl a:link, .aleta_cmccl a:visited, .aleta_cmccl a:hover {
margin:16px 0 0 0 ;
background-image:url(img/aleta_chile_comic.png);
background-repeat: no-repeat;
text-indent:-99999px;
width: 38px;
height: 258px;
overflow:hidden;
display:block;
}
/******************* Comic DC ******************* */

.aleta_cmcud a:link, .aleta_cmcud a:visited, .aleta_cmcud a:hover {
margin:16px 0 0 0 ;
background-image:url(img/aleta_dc_comic.png);
background-repeat: no-repeat;
text-indent:-99999px;
width: 38px;
height: 258px;
overflow:hidden;
display:block;
}
/******************* Comic Marvel ******************* */

.aleta_cmcum a:link, .aleta_cmcum a:visited, .aleta_cmcum a:hover {
margin:16px 0 0 0 ;
background-image:url(img/aleta_marvel_comic.png);
background-repeat: no-repeat;
text-indent:-99999px;
width: 38px;
height: 258px;
overflow:hidden;
display:block;
}

#producto h1 {
font-family: Comic Sans MS, Comic Sans MS5, cursive;
font-size:18px;
color:#000000;
border-bottom:none;
padding-left:5px;
background:url(img/linea_titulo_producto.jpg) bottom no-repeat;
padding-bottom:3px;
letter-spacing:-1px;
}