/*---------------------------------
------------ GENERAL -------------- 
-----------------------------------*/
*{margin:0;padding:0;border:0;}
.clear{clear:both}

html,
body{
font:13px Arial, Verdana, Helvetica, sans-serif;}

body{
padding-bottom:30px;
background:#070707;}

#contenedor{
width:810px;
margin:20px auto 0 auto;
position:relative;
background:url(../img/bgcontenedor.png) repeat-y 0 0;} 

li{list-style:none;}

a{text-decoration:none;}

form textarea,
form select,
form input{
border:1px solid #BFBFBF;}
form input{
padding:0 2px 0 2px;
font-size:0.8em;
color:#000;}

/*---------- CONTENEDOR2 ----------*/

#contenedor2{
background:url(../img/bgsidebar.png) no-repeat 0 0;}

/*---------------------------------
------------ SIDEBAR -------------- 
-----------------------------------*/

#sidebar{
width:207px;
float:left;
padding-top:13px;}

#sidebar h1{
display:block;
width:165px;
height:35px;
background:url(../img/logo-trans.png) no-repeat 0 0;
margin:0 0 20px 8px;}

#sidebar h1 a{
display:block;
float:left;
cursor:hand;
width:165px;
height:35px;}

#sidebar span{
display:none;}

/*---------- LISTAS ----------*/

#sidebar ul li,
#footer ul li{
text-transform:uppercase;
font-size:0.9em;}
#sidebar ul li a,
#footer ul li a{
padding-left:9px;
color:#979797;}

/*---------- MENU ----------*/

#sidebar ul.menu{
margin:0 21px 10px 3px !important;} 
#sidebar ul.menu li{
border-bottom:1px solid #1D1D1D;
padding:2px 0 2px 17px;}
#sidebar ul.menu li a{
padding:0;}
#sidebar ul li a:hover{
color:#fff}

#select-marca{
margin:0;
padding:0;
}

li.selected a{
color:#FF4F4F !important;}

/*---------- MENU SECUNDARIO ----------*/
ul.menu-secundario{
text-transform:uppercase;
background:url(../img/bgtags.png) repeat-x 0 0;
border:1px solid #757575;
width:601px;
overflow:hidden;
margin-bottom:5px;}
ul.menu-secundario li{
font-size:0.85em;
float:left;
text-align:center;
border-right:1px solid #757575;}
ul.menu-secundario li a{
color:#A0A0A0;
width:110px;
padding:7px 0 5px 0;
display:block;}
ul.menu-secundario li a:hover{
color:#fff}


/*---------- OPCIONES ----------*/

#sidebar ul.opciones{
font-family:verdana, sans-serif;
margin-bottom:8px;}
#sidebar ul.opciones li{
background:url(../img/licuadro.png) no-repeat 0 7px;}
#sidebar ul.opciones li a{
color:#F1F1F1;
font-size:0.95em;
margin-right:8px;}

/*---------- FORM ----------*/

#sidebar form{
padding-top:10px;}
#sidebar form.border{
background:url(../img/bgform.png) no-repeat 20px 0;}

#sidebar form label{
text-transform:uppercase;
font-size:0.8em;
color:#979797;
margin-bottom:2px;}

#sidebar form select{
padding:0 2px 0 2px;
width:140px;
font-size:0.8em;
color:#000;
margin-bottom:12px;}

#sidebar p button{
display:block;
width:60px;
height:19px;
background:url(../img/checkout.png) no-repeat 0 0;
margin:0 0 10px 2px;}
#sidebar p button span{
display:none;}

.tienda_link
{
	display:block;
	text-transform:uppercase;
	font-size:0.8em;
	color:#979797;
	margin: 2px 0 12px 20px;
}

.tienda_link:hover
{
	color: #ffffff;
}

/*------- margenes -------*/

#sidebar select,
#sidebar ul,
#sidebar label,
#sidebar p{
margin-left:20px;}

#sidebar hr{
height:1px;
background-color:#1d1d1d;
border-top:1px solid #1D1D1D;
margin:0 3px 6px 3px;}

#sidebar ul.newsletter{
margin-bottom:4px;}

#sidebar p{
margin:10px 0 0 20px;
font-size:0.85em;
color:#979797;}
#sidebar p img{
margin:0px 6px 0 0;
vertical-align:middle;}

/*---------------------------------
----------- CONTENIDO ------------- 
-----------------------------------*/

#contenido{
width:603px;
float:left;
background:url(../img/bgcontenido.png) repeat-x 0 0 #F1F1F1;
padding:0;}

#contenido_main{
width:603px;
float:left;
background:url(../img/bgcontenido.png) repeat-x 0 0 #000000;
padding:44px 0 0 0;
margin:0;}

#contenido_estatica{
width:603px;
float:left;
background:url(../img/bgcontenido.png) repeat-x 0 0 #F1F1F1;
padding:0;
margin:0;}

#contenido_estatica p.breadcump,
#contenido p.breadcump{
font-family:verdana, sans-serif;
font-weight:bold;
font-size:0.9em;
letter-spacing:-1px;
text-transform:uppercase;
text-align:right;
color:#fff;
margin:17px 20px 12px 0;}
#contenido_estatica p.breadcump span,
#contenido p.breadcump span{
background:url(../img/flechabreadcump.png) no-repeat 5px 3px;
padding:0 0 0 17px;}
/*#contenido p.breadcump span.subnivel{
padding-right:20px}*/
#contenido_estatica p.breadcump span span,
#contenido p.breadcump span span{
display:none;}

#contenido_estatica h2,
#contenido_estatica h3,
#contenido h2,
#contenido h3{
font-weight:normal;
font-size:1.2em;
color:#FF4F4F;
border-bottom:1px solid #B7B7B7;
padding-bottom:6px;
margin-bottom:6px;}
#contenido h3 a{
color:#FF4F4F;}

#contenido_estatica p,
#contenido p{
margin-top:5px;
margin-bottom:15px;
font-size:0.85em;
color:#555555;}

#contenido p.edicion{
float:right;
clear:right;
font-size:0.7em;
color:#68AAEB;
padding:0;
margin:0;
padding-top:6px;
text-transform:uppercase;}



/*---------------------------------
------------- PRENSA -------------- 
-----------------------------------*/


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

#contenido .articulos{
width:370px;
margin:40px 0 0 0;
padding-bottom:25px;}

#contenido .articulos img{
float:left;
margin-right:22px;}

#contenido .articulos h3{
margin-left:122px;}

#contenido .articulos p.pdf{
text-align:right;}
#contenido .articulos p.pdf img{
float:none;
margin-right:0px;}


.box_prensa{
	padding: 20px 45px 20px 45px;
}

.box_noticias{
	padding: 20px 45px 20px 45px;
}

.box_estatica{
	padding: 20px 25px 20px 25px;
}
/*---------------------------------
------------ NOTICIAS ------------- 
-----------------------------------*/

#sidebar hr{
height:1px;
background-color:#1d1d1d;
border-top:1px solid #1d1d1d;
margin:0 3px 6px 3px;}
#sidebar hr.interna{
height:1px;
background-color:#1d1d1d;
border-top:1px solid #1d1d1d;}

form.login,
form.mailto{
padding-top:0;}

ul.opciones{
margin-bottom:0}

p.register{
float:right;
margin:0px 13px 4px 0;
padding-top:0;}
p.register a{
display:block;
width:60px;
height:15px;
background:url(../img/register.png) no-repeat 0 0;}
p.register a span{
display:none;}

#noticias ul.newsletter{
margin-bottom:0px;}

/*--------- form LOGIN ----------*/

form.login fieldset{
border-top:1px dotted #252525;
*border-top:0;
margin:0 20px 8px 20px;
clear:both;
padding-top:4px;}
form.login input{
width:75px;}
form.login button{
display:block;
width:40px;
height:14px;
background:url(../img/login.png) no-repeat 0 0;
margin:8px 0;}
form.login button span{
display:none;}

#promo_msg,
#newsletter_data_msg,
#access_data_msg
{
	color:#ff4f4f;
	font-weight:thin;
	padding-left:20px;
	padding-top:0;
	margin-top:0;
	margin-bottom:10px;
	display:none;
}

#promo_msg
{
	margin: 5px 0 0 0;
}

/*--------- form MAILTO ----------*/

#noticias form.mailto input{
width:135px;}
#noticias form.mailto button{
display:block;
width:62px;
height:14px;
background:url(../img/inscribir.png) no-repeat 0 0;}
#noticias form.mailto button span{
display:none;}

/*---------- NOTICIAS CONTENIDO ----------*/

#noticias #contenido{
width:603px;
padding:0;}

#noticias #contenido h2{
border:0;
margin-bottom:0px;}

#prensa .cabecera_estatica,
#noticias #contenido h3{
border:0;
text-transform:uppercase;
font-weight:bold;
font-size:0.85em;
padding:0;
margin-bottom:2px;}

#prensa .cabecera_estatica {
margin-top:20px;
}

#noticias #contenido p.flecha{
float:none;
margin:10px 0 30px 0;}
#noticias #contenido p.flecha a{
color:#68AAEB;
padding-left:8px;
background:url(../img/lileermas.png) no-repeat 0 2px;}

#noticias #contenido img{
float:left;}
#noticias #contenido img.right{
float:right;}

#noticias #contenido hr{
border-top:1px solid #B7B7B7;
margin:12px 0 6px 0;}

/*---------------------------------
------------- CRAFT --------------- 
-----------------------------------*/

#producto #contenido,
#seleccion #contenido{
width:603px;
padding:0;
background:url(../img/bgcontenido.png) repeat-x 0 0;}

/*---------- LISTADO ----------*/

#producto .listado,
#seleccion .listado{
background:#F5F5F5;}

#seleccion .margenizq,
#producto .margenizq{
margin-left:10px;}

#producto .info_marca{
margin:0 25px 0 25px;}

#seleccion .item,
#producto .item{
float:left;
width:171px;
border:1px solid #AEAEAE;
text-align:center;
margin:15px 10px;}
#seleccion .item img,
#producto .item img{
border-bottom:1px solid #AEAEAE;}
#seleccion .item p,
#producto .item p{
background:#F1F1F1;
text-transform:uppercase;}
#seleccion .item p a,
#producto .item p a{
display:block;
padding:3px 0 0 0;
color:#FF4F4F;
font-size:1.1em;
font-weight:bold;}

#producto .listado p.siguiente{
float:right;
margin:0 20px 10px 0;}
#producto .listado p.anterior{
float:left;
margin:0 0 10px 20px;}


/*---------------------------------
----------- SELECCION ------------- 
-----------------------------------*/

#seleccion .listado{
padding-bottom:50px;}

#seleccion .listado .fotos{
float:left;
width:226px;
margin:25px 25px 25px 40px;}

#seleccion .listado .datos{
width:256px;;
float:left;
margin:25px 0;}

#seleccion .fotos p.detalles{
text-transform:uppercase;
padding-left:1px;
font-size:0.6em;
color:#F1F1F1;
background:#A0A0A0;
border-top:1px solid #B4B4B4;
border-bottom:1px solid #C9C9C9;
margin:1px 0 2px 0;}

#seleccion .fotos p.piedetalles{
font-size:0.75em;
color:#555555;
margin:2px 0 0 0;}


#seleccion h3.descripcion,
#seleccion th{
font-size:0.7em;
color:#fff;
background:#FF4F4F;
border-left:1px solid #F4C9C9;
border-right:1px solid #F4C9C9;
border-top:1px solid #F4C9C9;
padding:0;
margin-top:25px;}


#seleccion table{
width:100%;
border-collapse:collapse;
border-bottom:1px solid #B7B7B7;
margin:25px 0 8px 0;}
#seleccion th{ 
text-align:left;
border-right:0;
border-left:0;
padding:0 0 0 2px;}
#seleccion th.alignright,
#seleccion td.alignright{
text-align:right;
padding:0 2px 0 0;}
#seleccion td{
font-size:0.75em;
color:#555555;
padding:1px 0;}
#seleccion td.color{
color:#FF4F4F;}

#seleccion .datos button{
display:block;
width:58px;
height:15px;
background:url(../img/agregar.png) no-repeat 0 0;}
#seleccion .datos button span{
display:none;}

/*---------------------------------
------------- FOOTER -------------- 
-----------------------------------*/

#footer{
position:absolute;
bottom:15px;
left:20px;}

#footer ul li a,
#sidebar ul.newsletter li a{
background:url(../img/licuadro.png) no-repeat 0 4px;}
#footer ul li a:hover{
color:#fff}


/*Especial estáticas*/
ul.list-estatica
{
font-size: 0.85em;
color: #555555;
margin-top:0px;
margin-bottom:10px;
padding-left: 20px;
padding-top:10px;
list-style-type: square;
}

ul.list-estatica li
{
	padding-top:6px;
	list-style:square outside;
}

/* ---------- FORM REGISTRO USUARIO -------*/
.errores
{
	border-left: 1px #ff4f4f solid;
	padding-left: 12px;
	font-size: 0.9em;
	color: #ff4f4f;	
}

.usuario
{
	width: 190px;
	margin-right: 5px;
	padding:1px;
	font-size: 1em;
}

.bloque_form
{
	width:50%;
	float:left;
}

#crear_usuario
{
	display:block;
	width:190px;
	height:20px;
	background:url(../img/crear.png) no-repeat 0 0;
	margin-bottom:30px;
	margin-top:20px;
}

#actualizar_pedido span,
#continuar span,
#modificar_datos span,
#crear_usuario span
{
	display: none;
}

#actualizar_pedido
{
	display:block;
	width:137px;
	height:20px;
	background:url(../img/actualizar_pedido.png) no-repeat 0 0;
	margin-bottom:10px;
	margin-top:10px;
}

#modificar_datos
{
	display:block;
	width:190px;
	height:20px;
	background:url(../img/modificar.png) no-repeat 0 0;
	margin-bottom:30px;
	margin-top:20px;
}

#continuar
{
	display:block;
	width:160px;
	height:20px;
	background:url(../img/continuar.png) no-repeat 0 0;
	margin-bottom:30px;
	margin-top:20px;
}

.pedido
{
	width: 100%;
	margin-top: 2px;
}
	
.pedido th
{
	font-size: 0.75em;
	background-color: #ff4f4f;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	padding: 2px 0 2px 0;
}

.pedido td
{
	font-size: 0.8em;
	color: #555555;
	text-align: left;
	padding: 5px 0 5px 5px;
	border-bottom: 1px #dddddd solid;
}

.pedido input
{
	width: 25px;
}

.pedido a
{
	color: #ff4f4f;
	text-decoration: underline;
}

.total_pedido
{
	width: 100%;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px #dddddd solid;
	color: #555555;
	font-size: 0.8em;
	text-align: right;
	line-height: 1.5em;
}

#chivato_pedido
{
	width: 100%;
	clear: both;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #555555;
	font-size: 0.8em;
	text-align: left;
	line-height: 1.5em;
}

.promociones
{
	width: 100%;
	clear: both;
	padding-top: 15px;
	color: #555555;
	font-size: 0.8em;
	text-align: right;
	line-height: 1.5em;
}

.promociones input
{
	width: 70px;
	padding: 0;
	margin-left: 5px;
	border: 1px #aaaaaa solid;
	font-size: 1em;
}

#validar_codigo
{
	background: url(../img/validar.png) no-repeat;
	border: 0;
	width: 58px;

}

#alert_limite
{
	position: absolute;
	width: 260px;
	height: 75px;
	padding: 20px;
	top: 250px;
	background-color: #ffffff;
	border: 2px #ff4f4f solid;
	font-size: 1.2em;
	margin-left: 350px;
	*margin-left: -450px;
	text-align: center;
	display: none;
}

#alert_limite a
{
	color: #ff4f4f;
	font-size: 0.8em;
}

