@charset "utf-8";
/*Resetea*/
* {margin:0; padding:0; border:0;}

body { color:#000; font-family: 'Roboto Condensed', sans-serif; font-size:12px;}
img, div, input { behavior: url("iepngfix.htc");}
ul, li {list-style:none;}
a, a:hover {text-decoration:none;} a { color:#FA334A;}
.clear {clear:both;} .left {float:left;} .right {float:right;}

#contenido {width:960px; margin:0 auto; background-color:#FFF; min-height:600px; position:relative;}
#header { height:140px;}
.logos { margin:25px 35px 0 0;}
.nav-top { margin:20px 0; color:#666; font-size:11px; text-transform:uppercase;} .nav-top a {color:#666;} .nav-top a:hover {color:#000;}
.nav { margin:20px 0; color:#666; font-size:16px; letter-spacing:1px; text-transform:uppercase; font-weight:bold;text-align:right;} .nav a { } .nav a:hover {color:black;}

#slider { margin-left:60px;}
#slider ul, #slider li { margin:0; padding:0; list-style:none;}
#slider li { width:840px; height:460px; overflow:hidden;}	
#prevBtn, #nextBtn { display:block; width:30px; height:50px; position:absolute; left:0; top:340px; z-index:1000;}	
#nextBtn {left:930px;}														
#prevBtn a, #nextBtn a { display:block; position:relative; width:30px; height:50px; background:url(../imagenes/btn_prev.gif) no-repeat 0 0;}	
#nextBtn a { background:url(../imagenes/btn_next.gif) no-repeat 0 0;}
#prevBtn a:focus, #nextBtn a:focus{outline:none;}
#prevBtn, #nextBtn { margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px;}

#aside { width:180px;} #aside li {margin-bottom:10px;} #aside li a {color:#000000; font-size:14px; text-transform:uppercase; font-weight:500;} #aside li a:hover { color:#FA334A;} #aside li ul {margin:0 0 20px 0;} #aside li li {margin:10px 0; padding:0 0 0 15px;} #aside li li a { color:#666; font-size:12px;} #aside li ul { display:none;} #aside li .especiales a { color:#FA334A; font-size:14px; text-transform:uppercase;} #aside li .especiales a:hover { color:black;}
#main {}
#productos { width:760px; padding:20 0px 20px 0; background:#FFF; margin-left:180px;}
#productos .producto { margin:0px 0 0 20px; width:170px; height:240px; background:#FFF; font-family: 'Roboto', sans-serif;}
#productos .producto img { margin-bottom:5px;}
#productos .titulo { font-family: 'Roboto Condensed', sans-serif; font-size:22px; color:#FA334A;  font-weight:600; margin-top:10px;} 
#productos .producto .titulo { margin:20 20px; font-size:14px;} .producto .titulo a { color:black;} .producto .titulo a:hover { color:#ef495d;}
#productos .producto .precio { color: #ef495d;; margin-bottom:40px; }
.paginador { margin:20px 0 0 20px; color:#fa3248;} .paginador a { color:#FA3248;} .paginador a:hover { color:#fa3248;}
#detalle {  width:740px; padding:20px; background:#FFF;}
.prod-big { }
.prod-small img { margin:10px 10px 0 0;}
.detalle-foto { width:360px; margin-right:20px;}
.detalle-texto { width:360px; margin-bottom:20px;}
#detalle .titulo { font-size:20px; color:#FA334A; margin-bottom:20px; font-weight:bold;}
#detalle .diseniador {margin-bottom:10px; color:#666; font-family: 'Roboto', sans-serif;}
#detalle .descripcion {margin-bottom:10px; color:#666; font-family: 'Roboto', sans-serif;}
#detalle .precio { font-size:24px; color:black; margin-bottom:20px; font-family: 'Roboto Condensed', sans-serif;}
#detalle .campo1 { width:180px; border:none; font-size:10px; padding:3px; color:#666;} #detalle .campo2 { width:15px; border:none; font-size:10px; padding:3px; color:#666;}
#detalle .pedido { margin:5px 0; padding: 5px 0; border-bottom:#999 solid 1px; border-top:#999 solid 1px;}
.boton1 { padding:7px 20px; background-color:#FA3248;  font-family: 'Roboto Condensed', sans-serif; color: white; margin-left:5px;} .boton1 a:hover { color:#000;} 
.boton4 { padding:7px 20px; background-color:black;  font-family: 'Roboto Condensed', sans-serif; color: white; margin-left:5px; font-size:16px;} 
.boton2 { margin:60px 0px; padding:7px 20px; background:#FA334A; color:#FFF; font-weight:400; font-size:16px;} .boton2 a:hover { color:#CCC;}
.boton3 { margin:150px 0px;  padding:7px 10px; background:#FA334A; color:#FFFFFF; font-weight:400; font-size:16px;} .boton3 a:hover { color:#000;} 
#diseniadores { padding:20px 0 20px 20px;}
.col4 { margin-right:20px; width:170px;}
.col5 { margin-right:10px; width:125px;}
#diseniadores .titulo { padding:5px; background:#CCC; font-size:18px; font-weight:bold; margin:10px 0;}
#diseniadores a:hover { color:#666;}
#recomendados { padding:10px 0; margin-top:10px; border-bottom:#999 solid 1px; border-top:#999 solid 1px;}
#recomendados .producto { margin:20px 0 0 20px; width:125px; height:190px; background:#FFF; font-family:Arial, Helvetica, sans-serif; }
#recomendados .producto img { margin-bottom:10px;}
#recomendados .titulo {margin:0 10px 0 20px; font-size:12px; text-transform:uppercase;} #recomendados .titulo a { color:#81204c;} #recomendados .titulo a:hover { color:#333;}
#recomendados .precio {color:#333; margin:0 10px; font-size:12px;}
#recomendados .preciorecomendados {color:#333; margin:0 10px; font-size:12px;}
#carrito { padding:20px; width:920px; background:#eaeaea;}
#carrito .titulo { font-size:20px; color:#fa3248; margin-bottom:5px;}
#carrito .titulo-empresa { font-size:16px; color:white; background-color:black; margin:25px 0 10px; padding:7px;}
#carrito .producto { padding:10px; border-bottom:#666; margin-bottom:10px;}
#carrito .total { font-size:14px; background-color:#ccc; padding:7px; text-align:right;}
#carrito .total-precio { font-size:16px; padding:7px; text-align:right;}
#general { padding:20px; width:920px; background:#eaeaea; min-height:300px;}
#general .titulo { font-size:20px; color:#81204c; margin:20px 0 40px;}
#general .texto { font-size:15px; color:#333; margin-bottom:20px;}
#ingresar { width:360px; margin: auto; padding:50px 70px; background:#eaeaea; min-height:250px;}
#ingresar .texto { font-size:18px; color:#000; line-height:23px;} #ingresar .texto a:hover { color:#333;}
#ingresar .titulo { font-size:20px; color:#81204c;  margin:20px 0 40px; display:block; text-align:center;}
#ingresar .usuario { width:100px; font-size:15px; color:#333; margin-bottom:20px; line-height:28px;}
#ingresar .campo { padding:5px; border:none; font-size:11px; color:#999; width:180px;}
#ingresar .usuario2 { width:300px; font-size:15px; color:#333; margin:15px 0 5px; line-height:28px;}
#ingresar .campo2 { padding:5px; border:none; font-size:11px; color:#999; width:350px;}
.mensaje { padding:20px; text-transform:uppercase; min-height:200px;}
.volver { height:22px;}

.buscador { padding:5px; border:none; font-size:11px; color:red; width:180px;}
.buscador_boton { padding:3px 20px; background:#CCC; border:#AAA solid 1px; color:#333;} .boton1 a:hover { color:#000;} 
#footer { height:40px; padding-top:30px; color:#666; font-size:10px; text-transform:uppercase; }
.instagram_logo { margin-left:720px;}

.derechos{text-align:left;float:left;}

.black{color:black;
font-weight:600;}

.btn-wsp {
	position: fixed;
	width: 55px;
	height: 55px;
	line-height: 55px;
	bottom: 30px;
	right: 30px;
	background: #25d366;
	color: #FFFFFF;
	border-radius: 50px;
	text-align: center;
	font-size: 30px;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
	z-index: 100;
	transition: 0.3s;
}

.btn-wsp:hover {
	text-decoration: none;
	background: #FFFFFF;
	color: #25d366;	
}

.btn-wsp i {
	line-height: 55px;
}




@font-face { font-family: 'helveticalight'; src: url('../fonts/helveticaneueltstd-lt-webfont.eot'); src: url('../fonts/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticaneueltstd-lt-webfont.woff') format('woff'), url('../fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype'), url('../fonts/helveticaneueltstd-lt-webfont.svg#helveticalight') format('svg'); font-weight: normal; font-style: normal;}