@charset "utf-8";
/* CSS Document */

body{
background:#df2500 url(../images/background.png) repeat-x top;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

table{
margin:0;
padding:0;
}

h2{
margin:0;
padding:0;
font-family: Tahoma;
font-weight:normal;
color:#FF9900;
font-size:23px;
margin-bottom:5px;
}

h3{
margin:0;
padding:0;
font-family: Tahoma;
font-weight:normal;
color:#FF9900;
font-size:19px;
margin-bottom:5px;
}

a img{border:0}

#top{
width:100%;
height:295px;
}
#top #header{
width:1000px;
background:url(../images/header.jpg) no-repeat;
height:295px;
margin:0 auto;
}

#top #header .marquesina{
width:70%;
height:20px;
margin-top:85px;
float:left;
padding-left:10px;
text-decoration:none;
color:#777;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
margin-right:15px;
}



#top #header .cuerpo{
width:100%;
height:140px;
float:left;
}

#top #header .menu{
width:100%;
height:30px;
padding-top:20px;
float:left;
}

#top #header .menu a{
text-decoration:none;
color:#FFF;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
padding-right:5px;
padding-left:5px;
border-right:1px solid #999999;
float:left;
text-transform:uppercase;
}

#top #header .menu a:hover{
color:#dd4400;
}

#middle{
width:100%;
height:auto;
overflow:hidden;
}
#middle #content{
background:url(../images/main.jpg) repeat-y;
width:980px;
height:auto;
padding:10px;
margin:0 auto;
overflow:hidden;
}

#bottom{
width:100%;
padding-bottom:30px;
height:113px;
}

#middle #content #leftbar{
padding:10px;
padding-top:0px;
width:240px;
height:auto;
float:left;
overflow:hidden;
min-height:300px;
}

#middle #content #leftbar .carro{
width:240px;
height:auto;
overflow:hidden;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #FFFF66;
}

#middle #content #leftbar .carro .top{
background:url(../images/cart-top.jpg);
width:195px;
padding-top:30px;
padding-left:45px;
height:15px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:uppercase;
color:#FFFFFF;
}
#middle #content #leftbar .carro .middle{
background:url(../images/cart-middle.jpg) repeat-y;
width:220px;
padding-right:10px;
padding-left:10px;
height: auto;
overflow: hidden;
float:left;
}

#middle #content #leftbar .carro .middle .texto{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:5px;
margin-top:5px;
border-top:1px dashed #FFFFFF; 
float:left;
}

#middle #content #leftbar .carro .middle .texto img{
float:left;
margin-right:6px;
}

#middle #content #leftbar .carro .middle .texto .comprar{
width:107px;
height:23px;
background:url(../images/checkout.gif) repeat;
float:left;
border:0;
padding:0;
margin:0;
}

#middle #content #leftbar .carro .middle .texto .head td{
text-align:center;
font-size:12px;
border-bottom:1px solid #fff;
color:#FFCC00;
height:20px;
padding:5px;
}
#middle #content #leftbar .carro .middle .texto .foot td{
text-align:center;
font-size:12px;
border-top:1px solid #fff;
color:#FFCC00;
padding:5px;
}

#middle #content #leftbar .carro .middle .texto .items td{
text-align:center;
font-size:9px;
border-top:1px solid #FF3333;
border-bottom:1px solid #660000;
color:#fff;
padding:5px 0 5px 0;
text-transform:uppercase;
width:130px;
}

#middle #content #leftbar .carro .bottom{
background:url(../images/cart-bottom.jpg);
width:240px;
height:15px;
float:left;
}

.buscar-btn{
width:74px;
height:20px;
float:left;
border:0;
background:url(../images/buscar.gif) no-repeat;
}


#middle #content #leftbar .productos{
width:240px;
height:auto;
overflow:hidden;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #FFFF66;
margin-top:10px;
}

#middle #content #leftbar .productos .top{
background:url(../images/productos-top.jpg);
width:240px;
height:10px;
float:left;
clear:both; overflow:hidden;
}
#middle #content #leftbar .productos .middle{
background:url(../images/productos-middle.jpg) repeat-y;
width:220px;
padding-right:10px;
padding-left:10px;
height: auto;
overflow: hidden;
float:left;
}
#middle #content #leftbar .productos .bottom{
background:url(../images/productos-bottom.jpg);
width:240px;
height:10px;
float:left;
clear:both; overflow:hidden;
}



#middle #content #leftbar .news{
width:240px;
height:auto;
overflow:hidden;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFFF66;
margin-top:10px;
}

#middle #content #leftbar .news .top{
background:url(../images/news-top.jpg);
width:240px;
height:10px;
float:left;
clear:both; overflow:hidden;
}
#middle #content #leftbar .news .middle{
background:url(../images/news-middle.jpg) repeat-y;
width:220px;
padding-right:10px;
padding-left:10px;
height: auto;
overflow: hidden;
float:left;
}
#middle #content #leftbar .news .bottom{
background:url(../images/news-bottom.jpg);
width:240px;
height:10px;
float:left;
clear:both; overflow:hidden;
}

#middle #content #main{
width:700px;
min-height:500px;
height:auto;
overflow:hidden;
padding-left:10px;
float:left;
margin-top:0px;
}

#bottom #footer{
background:url(../images/footer.jpg) no-repeat;
width:980px;
height:83px;
padding:10px;
padding-top:20px;
margin:0 auto;
}

#bottom #footer a{
text-decoration:none;
color:#aaa;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
padding-right:5px;
padding-left:5px;
border-right:1px solid #999999;
float:left;
text-transform:uppercase;
}

#bottom #footer a:hover{
color:#dd4400;
}


/*-----HEREDADOS------*/



form.search { padding: 0; margin: 0; }
textarea.text { height: 150px; width: 90%; border: 1px solid #ccc; background: #fff; }
textarea.text:hover { border: 1px solid #eee; background: #FFFFF4; }
input.field { border: 1px solid #ccc; background: #fff; width: 200px; }
input.field:hover { border: 1px solid #eee; background: #FFFFF4; }

input.text { margin: 0; width: 140px; border: 1px solid #ccc; background: #FFF; float:left; margin-bottom:3px; }
input.text:hover { border: 1px solid #81C4EB; }
input.button { margin: 0; font-size: 100%; font-family: Arial; border: none; background: none; color: #808080; font-weight: bold; }
.date { color: #ccc; text-align: right; margin: 4px 0 5px 0; padding: 0.4em 0 0 0; background: url(dotted.gif) repeat-x top; }
div.image { padding: 1px; float: left; margin: 0 8px 0 0; border: 3px solid #eee; width: 60px; height: 60px;  }
.comments { padding: 10px 10px 8px 10px; margin: 0 0 10px 0; background: #f8f8f8; }
.commentsbox { padding: 8px 0 10px 10px; margin: 0 0 10px 0; background: #f4f4f4; }

/*------CLASES LEA-------*/
#container{
width:100%;
float:left;
}


.parent{
font-family:"Trebuchet MS";
background:url(../images/arrow.gif) left no-repeat;
font-size:15px;
color: #0099CC;
padding-left:15px;
padding-bottom:5px;
margin-top:5px;
border-bottom:1px dotted #0099CC;
}
.parent a{
color: #0099CC;
}
.parent a:hover{
color: #0099CC;
cursor:pointer;
}

.parent-active{
font-family:"Trebuchet MS";
background:url(../images/arrow-active.gif) left no-repeat;
font-size:15px;
color: #005572;
padding-left:15px;
padding-bottom:5px;
margin-top:5px;
border-bottom:1px dotted #0099CC;
}
.parent-active a{
color: #005572;
}
.parent-active a:hover{
color: #005572;
cursor:pointer;
}


.child{
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #CC3300;
padding-bottom:2px;
padding-top:2px;
border-top:1px solid #eeeeee;
border-bottom:1px solid #CCCCCC;
}
.child a{
padding-left:15px;
padding-bottom:2px;
padding-top:2px;
display:block;
color: #ee5500;
text-decoration:none;
}
.child a:hover{
padding-bottom:2px;
padding-top:2px;
display:block;
color: #990000;
cursor:pointer;
}

.encabezado{
font-family:Tahoma;
font-size:18px;
color:#006699;
}

/*----BOXES--ARTICULOS---*/

.box{
background:url(../images/modulo.gif) no-repeat;
width:164px;
margin-right:10px;
height:430px;
float:left;
_margin-right:5px;
overflow: hidden;
}
.box .caratula{
width:100px;
height:135px;
margin-top:18px;
float:left;
margin-left:30px;
_margin-left:15px;
margin-top:25px;
}

.box .caracteristicas{
width:140px;
height:89px;
overflow:hidden;
padding-left:10px;
padding-bottom:0px;
padding-right:10px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
text-align: center;
color: #666666;
float:left;
_padding-left:5px;

}



.box .titulo{
width:130px;
height: 83px;
overflow:hidden;
padding-left:15px;
padding-top:5px;
padding-bottom:0px;
padding-right:10px;
font-family:Tahoma;
font-size:12px;
font-weight:normal;
text-align:left;
color:#006699;
margin:0 auto;
float:left;
text-align:center;
_padding-left:7px;
}

.box .titulo a{
color:#000;
text-align:center;
text-decoration:none;
}

.box .titulo a:hover{
color:#000;
text-align:center;
text-decoration:underline;
}

.box .boton {
display:block;
width:118px;
height:24px;
margin-right:5px;
cursor:pointer;
background:url(../images/sumar.gif) no-repeat;
float:left;
margin-left:30px;
_margin-left:15px;
}

.box .boton:hover{
display:block;
width:118px;
height:24px;
margin-right:5px;
cursor:pointer;
background:url(../images/sumar_celeste.gif) no-repeat;
float:left;
margin-left:30px;
_margin-left:15px;
}

.boton_novedades {
display:block;
width:118px;
height:24px;
margin-right:5px;
cursor:pointer;
background:url(../images/sumar.gif) no-repeat;
float:left;
}

.boton_novedades:hover{
display:block;
width:118px;
height:24px;
margin-right:5px;
cursor:pointer;
background:url(../images/sumar_celeste.gif) no-repeat;
float:left;
}

.boton_cartelera {
display:block;
width:118px;
height:24px;
margin-right:5px;
cursor:pointer;
background:url(../images/sumar.gif) no-repeat;
float:left;
}

.boton_cartelera:hover{
display:block;
width:118px;
height:24px;
margin-right:5px;
cursor:pointer;
background:url(../images/sumar_celeste.gif) no-repeat;
float:left;
}




.box .detalle{
display:block;
width:118px;
height:24px;
cursor:pointer;
background:url(../images/detalles.gif) no-repeat;
float:left;
margin-left:38px;
_margin-left:19px;
}

.box .detalle:hover{
display:block;
width:118px;
height:24px;
cursor:pointer;
background:url(../images/detalles_hover.gif) no-repeat;
float:left;
margin-left:38px;
_margin-left:19px;
}

.detalle_novedades{
display:block;
width:118px;
height:24px;
cursor:pointer;
background:url(../images/detalles.gif) no-repeat;
float:left;
}

.detalle_novedades:hover{
display:block;
width:118px;
height:24px;
cursor:pointer;
background:url(../images/detalles_hover.gif) no-repeat;
float:left;
}

.detalle_cartelera{
display:block;
width:118px;
height:24px;
cursor:pointer;
background:url(../images/detalles.gif) no-repeat;
float:left;
}

.detalle_cartelera:hover{
display:block;
width:118px;
height:24px;
cursor:pointer;
background:url(../images/detalles_hover.gif) no-repeat;
float:left;
}



.box .caratula img{
width:100%;
height:100%;
}


.box .tipo{
background-repeat:no-repeat;
width:164px;
height:65px;
top:5px;
#top:-338px;
left:4px;
#left:3px;
z-index:1000;
position: relative;
#position: relative;
_top:-400px;
}

.dkcode{
width:98px;
margin-left:28px;
height:20px;
text-align:center;
color:#900;
font-weight:bold;
font-family:"Courier New", Courier, monospace;
font-size:18px;
float:left;
_margin-left:14px;
}

/*----PAGINACION-----*/
.pager{
width:100%;
height:auto;
float:left;
padding-top:10px;
padding-bottom:10px;
border-top:1px solid #CCCCCC;
}

.pager .info{
color:#333333;
font-size:12px;
font-family:"Trebuchet MS";
float:left;
width:100%;
padding-bottom:5px;
}

.pager .current{
margin-right:5px;
margin-bottom:5px;
padding:3px;
border:1px solid #999999;
color:#fff;
text-decoration:none;
float:left;
background: #666666;
}

.pager a{
margin-right:5px;
margin-bottom:5px;
padding:3px;
border:1px solid #999999;
color:#666666;
text-decoration:none;
float:left;
background:#FFFFFF;
}

.pager a:hover{
background:#eee;
} 



/*-------CARRITO DE COMPRAS-------*/

#carro{
width:90%;
height:auto;
padding:5%;
background:#006699;
padding-bottom:30px;
overflow:hidden;
float:left;
margin-bottom:20px;
}
#carro .titulo{
color:#FFFFFF;
font-family:Tahoma;
font-size:16px;
}
#carro .texto{
color:#99CCCC;
font-family:Tahoma;
font-size:13px;
}

#carro .items{
color:#eee;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
width:90%;
border-bottom:1px dashed #0099CC;
}

#carro .price{
color: #ff0;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
width:10px;
border-bottom:1px dashed #0099CC;
}

#carro .head{
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
height:10px;
border-bottom:1px dashed #0099CC;
}

#carro .texto{
color: #eee;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
height:auto;
margin-top:5px;
}

#carro .vaciar{
width:auto;
padding-left:3px;
padding-right:3px;
background:#FFCC00;
border:1px solid #ddaa00;
font-size:8px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#333333;
float:left;
cursor:pointer;
margin-top:5px;
margin-bottom:10px;
margin-right:10px;
display:block;
}

#carro .vaciar a{
color:#000000;
}

#carro .comprar{
width: auto;
padding:3px;
background: #CC0000;
border:1px solid #aa0000;
font-size:8px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#ffffff;
float:left;
cursor:pointer;
margin-top:5px;
margin-bottom:10px;
}

/*----DETALLE----*/

.detalle{
margin-top:0;
float:left;
padding-left:30px;
width:670px;
background: url(../images/back_detalle.gif) repeat-y;
}

.detalle .texto .titulo{
font-size:17px;
font-family: Tahoma;
text-transform:uppercase;
color: #003366;
float:left;
width:100%;
}
.detalle .texto .subtitulo{
font-size:14px;
font-family: Tahoma;
text-transform:uppercase;
color: #003366;
border-bottom:1px solid #003366;
padding-bottom:5px;
float:left;
width:100%;
margin-bottom:10px;
}

.detalle .caratula{
width:100px;
height:140px;
overflow:hidden;
float:left;
margin-top:5px;
margin-bottom:15px;
border-bottom:1px dashed #eee;
float:left;
}

.detalle .texto{
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
color: #333;
padding-left:10px;
margin-left:10px;
_margin-left:5px;
width:380px;
float:left;
margin-bottom:30px;
}

.detalle .texto .menu{
width:100%;
height:auto;
margin-top:20px;
padding-top:5px;
font-family:Tahoma;
font-size:14px;
color:#FF6600;
border-top:1px dashed #FF3300;
float:left;
}
.detalle .texto .menu a{
text-decoration:none;
color:#FF6600;
float:left;
padding-right:20px;
}
.detalle .texto .menu a:hover{
color:#FF3300;
}

/*------RANK SYSTEM-----*/

.rank{
width:107px;
height:24px;
background:url(../images/rank-back.png);
float:left;
margin-top:5px;
margin-left:5px;
margin-bottom:5px;
}
.rank .fill{
width:0%;
height:24px;
background:url(../images/rank-fill.png);
float:left;
}

/*------top order by-----*/

.topline{
width:690px;
height:30px;
float:left;
border-bottom:1px solid #ddd;
margin-bottom:10px;
}
.topline img{
float:left;
}
.topline .txt{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color: #FF9900;
float:left;
margin-top:7px;
}
.topline span{
margin-top:3px;
float:right;
margin-left:10px;
}

/* edit peratta */
.box .boxImage {width: 120px; _width: 110px; height: 165px; float: left;}
.box .boxInfo {width:210px; _width:220px; height:170px; float:left}

/*---BUSQUEDA AVANZADA---*/
.buscar{
width:689px;
height:auto;
overflow:hidden;
float:left;
margin-bottom:15px;
}
.buscar .top{
width:689px;
height:58px;
background:url(../images/buscar-top.gif) no-repeat;
}

.buscar .top .input{
background:none;
width:380px;
height:35px;
font-size:26px;
color:#006699;
float:left;
margin-top:17px;
margin-left:20px;
_margin-left:10px;
margin-right:25px;
border:0;
}

.buscar .middle{
width:689px;
height:auto;
overflow:hidden;
background:url(../images/buscar-middle.gif) repeat-y;
}

.buscar .bottom{
width:689px;
height:8px;
background:url(../images/buscar-bottom.gif) no-repeat;
}

.buscar .btn{
margin-top:10px;
float:left;
}
.buscar .avanzada{
width:90px;
float:left;
height:35px;
padding-top:6px;
padding-left:15px;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
color:#006699;
text-decoration:none;
margin-top:10px;
overflow:hidden;
cursor:pointer;
}
.buscar #prods{
display:none;
width:100%;
font-size:14px;
float:left;
}

.buscar #prods .item{
width:200px;
padding:10px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
float:left;
}


/*-------NOVEDADES------*/
.n-element{
width:670px;
float:left;
clear:both;
margin-bottom:15px;
padding-bottom:10px;
background:url(../images/cartelera_back_box.jpg) repeat-x;
padding-left:20px;
}

.n-art{
color: #003366;
font-family:"Trebuchet MS";
font-size:19px;
margin-bottom:10px;
padding-top:10px;
padding-left:10px;
}
.n-img{
margin-right:10px;
float:left;
}
.n-txt{
width:450px;
float:left;
}
.n-txt_reducida{
width:500px;
float:left;
height:40px;
overflow:hidden;
}

.n-element .boton {
display:block;
width:107px;
height:24px;
margin-right:5px;
cursor:pointer;
background:url(../images/sumar.gif) no-repeat;
float:left;
margin-left:10px;
_margin-left:5px;
}



#banner_animado { width:1000px; height:150px;background-color:#FFF; float:left; overflow:hidden; margin-left:-10px; _margin-left:-5px;}

.slideshow { height: 150px; width: 1000px; margin: auto;}
.slideshow img { height:150px; padding: 0; background-color:#FFF; }