/* CSS Document */

@font-face {
	font-family: 'PlantinStd';
	src: url('fuentes/PlantinStd.eot');
	src: local('-'), url('fuentes/PlantinStd.woff') format('woff'), url('fuentes/PlantinStd.ttf') format('truetype'), url('fuentes/PlantinStd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PlantinStd-Light';
	src: url('fuentes/PlantinStd-Light.eot');
	src: local('-'), url('fuentes/PlantinStd-Light.woff') format('woff'), url('fuentes/PlantinStd-Light.ttf') format('truetype'), url('fuentes/PlantinStd-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PlantinStd-Bold-Cond';
	src: url('fuentes/PlantinStd-BoldCondensed.eot');
	src: local('☺'), url('fuentes/PlantinStd-BoldCondensed.woff') format('woff'), url('fuentes/PlantinStd-BoldCondensed.ttf') format('truetype'), url('fuentes/PlantinStd-BoldCondensed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Gotham-Book';
	src: url('fuentes/Gotham-Book.eot');
	src: local('-'), url('fuentes/Gotham-Book.woff') format('woff'), url('fuentes/Gotham-Book.ttf') format('truetype'), url('fuentes/Gotham-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
  font-family: 'NeutraTextLight';
  src: url('fuentes/neutratext-light-webfont.eot');
  src: local('☺'), url('fuentes/neutratext-light-webfont.woff') format('woff'), url('fuentes/neutratext-light-webfont.ttf') format('truetype'), url('fuentes/neutratext-light-webfont.svg#NeutraTextLight') format('svg');
}
@font-face {
  font-family: 'NeutraTextLightSC';
  src: url('fuentes/neutratext-lightsc-webfont.eot');
  src: local('☺'), url('fuentes/neutratext-lightsc-webfont.woff') format('woff'), url('fuentes/neutratext-lightsc-webfont.ttf') format('truetype'), url('fuentes/neutratext-light-webfont.svg#NeutraTextLightSC') format('svg');
}
@font-face {
  font-family: 'NeutraTextLightSCAlt';
  src: url('fuentes/neutratext-lightscalt-webfont.eot');
  src: local('☺'), url('fuentes/neutratext-lightscalt-webfont.woff') format('woff'), url('fuentes/neutratext-lightscalt-webfont.ttf') format('truetype'), url('fuentes/neutratext-lightscalt-webfont.svg#NeutraTextLightSCAlt') format('svg');
}
@font-face {
  font-family: 'NeutraTextBook';
  src: url('fuentes/neutratext-book-webfont.eot');
  src: local('☺'), url('fuentes/neutratext-book-webfont.woff') format('woff'), url('fuentes/neutratext-book-webfont.ttf') format('truetype'), url('fuentes/neutratext-book-webfont.svg#NeutraTextBookAlt') format('svg');
}
@font-face {
  font-family: 'NeutraTextBookAlt';
  src: url('fuentes/neutratext-bookalt-webfont.eot');
  src: local('☺'), url('fuentes/neutratext-bookalt-webfont.woff') format('woff'), url('fuentes/neutratext-bookalt-webfont.ttf') format('truetype'), url('fuentes/neutratext-bookalt-webfont.svg#NeutraTextBookAlt') format('svg');
}
@font-face {
  font-family: 'NeutraTextDemi';
  src: url('fuentes/neutratext-demi-webfont.eot');
  src: local('☺'), url('fuentes/neutratext-demi-webfont.woff') format('woff'), url('fuentes/neutratext-demi-webfont.ttf') format('truetype'), url('fuentes/neutratext-demi-webfont.svg#NeutraTextDemi') format('svg');
}
@font-face {
  font-family: 'NeutraTextDemiSC';
  src: url('fuentes/neutratext-demisc-webfont.eot');
  src: local('☺'), url('fuentes/neutratext-demisc-webfont.woff') format('woff'), url('fuentes/neutratext-demisc-webfont.ttf') format('truetype'), url('fuentes/neutratext-demi-webfont.svg#NeutraTextDemiSC') format('svg');
}
@font-face {
  font-family: 'NeutraTextDemiAlt';
  src: url('fuentes/neutratext-demialt-webfont.eot');
  src: local('☺'), url('fuentes/neutratext-demialt-webfont.woff') format('woff'), url('fuentes/neutratext-demialt-webfont.ttf') format('truetype'), url('fuentes/neutratext-demialt-webfont.svg#NeutraTextDemiAlt') format('svg');
}
@font-face {
  font-family: 'NeutraTextBold';
  src: url('fuentes/neutratext-bold-webfont.eot');
  src: local('☺'), url('fuentes/neutratext-bold-webfont.woff') format('woff'), url('fuentes/neutratext-bold-webfont.ttf') format('truetype'), url('fuentes/neutratext-bold-webfont.svg#NeutraTextBold') format('svg');
}

a {text-decoration: none;}
.clear {clear:both; width:100%;}
.nodisplay {display:none;}

a .box{ text-decoration:none;}
.centered {margin: 0 auto;}
.box {margin: 0px 10px 10px 0px;padding: 0px; float: left;}
.box h3 {font-size: 12px;font-weight: 200;}
.box-title{ margin-top: 5px;}
.box img, #tumblelog img {display: block;width: 100%; margin-bottom:4px;}
.soldoutTexto, A .soldoutTexto {margin-left:45px; margin-top: 108px; width: 60%; text-align:  center; font-family: NeutraTextBold, Arial; font-size: 12px; letter-spacing: 0px; text-transform: uppercase; color:#FFF;; position: absolute; z-index:1; padding-top:2px; padding-bottom: 2px; background: #000; }
.newTexto, A .newTexto {margin-top: 12px; margin-left: 12px; width: 30px; text-align:  center; font-family: NeutraTextBold, Arial; font-size: 12px; text-transform: uppercase; color: #000000; position: absolute; z-index:1;  padding:8px; padding-bottom: 15px; padding-top:15px; -moz-border-radius: 30px; border-radius: 30px;}

.rtl .box {float: right;text-align: right;direction: rtl;}

.col1 {width: 240px; height:240px; /*border:red 4px solid;*/}
.col2 {width: 240px; height:490px; /*border:blue 4px solid;*/}
.col3 {width: 490px; height:240px; /*border:yellow 1px solid;*/}
.col4 {width: 490px; height:490px; /*border:yellow 1px solid;*/}
.col5 {width: 990px; height:490px; /*border:yellow 1px solid;*/}
.col5 {width: 990px; height:240px; /*border:yellow 1px solid;*/}

.col1 img {max-width: 240px;  height:240px; /*border:green 4px solid; */}
.col2 img {max-width: 240px;height:490px;}
.col3 img {max-width: 490px;height:240px;}
.col4 img {max-width: 490px;height:490px;}
.col5 img {max-width: 990px;height:490px;}
.col6 img {max-width: 990px;height:240px;}

/*.masonry-brick{ border: pink 3px solid; height:100px;}*/


    .boxgrid{  
        float:left;  
        overflow: hidden;  
        position: relative;  
		text-decoration:none;
		border:0;
    }  
    .boxgrid1{  
        width: 240px;  
        height: 240px;  
    }  
    .boxgrid2{ 
        width: 240px;
    }  
    .boxgrid3{  
        width: 490px;
    }  
	
	.boxgrid4{  
        width: 490px;
    }  
    
    .boxgrid5{  
        width: 990px;
    }  
    .boxgrid6{  
        width: 990px;
    }     
    
    .boxgrid img{  
        position: absolute;  
        top: 0;  
        left: 0;  
        border: 0;  
    }  
	
	.boxcaption{
		float: left;
		position: absolute;
		color:#000;
		padding:10px;
		text-decoration:none;
		border:0;
		left: 0;
		top: 0;
		height: 100%; 
		z-index: 10; 
        }  
		
	    .boxcaption1{width: 220px;}  
	    .boxcaption2{width: 220px; height: 470px;}  
	    .boxcaption3{width: 470px;}  
		.boxcaption4{width: 470px;}  
		.boxcaption5{width: 970px;}  
		.boxcaption5{width: 970px;}  

		
		a.boxcaption {text-decoration:none;}
		
		a.boxcaption1, a.boxcaption2, a.boxcaption3, a.boxcaption4, a.boxcaption5{text-decoration:none;} 
		
		.captionfull .boxcaption {  
        top: 260;  
        left: 0;  
		text-decoration:none;
		border:0;
    }  
    .caption .boxcaption {  
        top: 220;  
        left: 0; 
		text-decoration:none; 
		border:0;
    }  
	.oculto{display: none}
	
	.boxTitulo {font-family: NeutraTextDemi, Arial; font-size: 16px; line-height: 19px; padding-bottom: 10px; text-transform: uppercase; width:220px;}
	.boxDescripcion {font-family: PlantinStd-Light, Georgia; font-style: italic; font-size: 15px; line-height: 19px; width:220px;}
	#boxPrecio {bottom: 30px; right:10px; font-family: NeutraTextLightSC; color: #FFFFFF; font-size: 32px; width:60px; height: 60px; background-image: url('img/circulo_precio_60.png'); position: absolute;}
	#boxPrecio P {vertical-align: middle; text-align: center; margin-top: 14px;}
	#boxPrecio .boxPrecioDesde {font-size: 8px; margin-top:12px; margin-bottom: -20px; padding-bottom:0px; text-align:center; line-height: 8px;}


body {
	margin:0;
}

#wrapper {
	height: auto;
    margin: 0;
    min-height: 660px;
    position: absolute;
    width: 100%;
}

#header {
	margin:auto;
	width:1000px;
	height:184px;
	margin-top:26px;
	
}

#header img{
	display:block;
	margin:auto;
		
}

#menutop {
	text-align: center;
	height:37px; 
}

#menutop P {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	width:1000px;
	padding:0;
	margin:auto;
	padding-top: 11px;
	margin-top:0px;
	padding-top: 0px;
}

#menutop A {
	color:#999;
	text-transform: uppercase;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 28px; 
	padding-top:8px;
}
 
#menutop A.blog {background: url('img/menutop_bg_activo_1.gif'); background-repeat: no-repeat; background-position: center -20px;}
#menutop A.estudio {background: url('img/menutop_bg_activo_2.gif'); background-repeat: no-repeat; background-position: center -20px;}
#menutop A.shop {background: url('img/menutop_bg_activo_3.gif'); background-repeat: no-repeat; background-position: center -20px;}

#menutop A.act, #menutop A:hover {
	color:#000;
	background-position: center top;
	background-repeat: no-repeat;
}




.right {
	float: right;
}


#menu {
	margin:auto;
	width:1000px;
	height:30px;
	/*border-top:#000 thin solid;*/
	border-bottom:#000 thin solid;
	margin-bottom: 20px;
	
}

#menu UL {
	padding:0;
}

#menu UL LI {	
    float: left;
    list-style-type: none;
    margin: 0 0 3px;
    padding-right: 14px;
	padding-top: 4px;
}

#menu UL LI A, #menu SPAN.der A {
	color: #000;
	font: 18px NeutraTextBookAlt, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
	text-transform:uppercase;
	letter-spacing:0.01em;
}

#menu SPAN.der A {
	float: right;
	font: 12px NeutraTextBold, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#000;
	padding-left:8px;
	margin-top:12px;
}

#menu UL LI A.activo, #menu SPAN.der A.activo {
	color:#999;
}

#menu UL LI A:hover {
	color:#999;
}



#content {
	margin:auto;
	width:1000px;
	padding-bottom:20px;
	height:auto;
	min-height: 500px;
}

#content img {
	padding-right:10px;
	padding-bottom:10px;
	float: left;
	
}

#infoPagina {
	font: 18px NeutraTextBookAlt, "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-bottom:#999 thin dotted;
	padding-bottom: 12px;
	margin-bottom: 20px;
	color:#999999;
}

#infoPagina SPAN {
	float:right;
}

#infoPagina A {
	color:#999;
}


#fichaInfo {
	width: 450px;
	float: left;
	padding-bottom: 40px;
}

#fichaImgs {
	width: 400px;
	float: right;
	margin-top:10px;
}

#fichaInfo P {
	text-align: left;
}

#fichaInfo .fichaTitulo, #fichaInfo .fichaTitulo2 {
	font-family: NeutraTextBookAlt, Arial; font-size: 26px; padding:0px; margin: 0px; text-transform: uppercase; line-height: 26px;

}

#fichaInfo .fichaTitulo2 { color:#aaaaaa; }

#fichaInfo .fichaInfo {
	font-family: PlantinStd-Light, Georgia; font-style: italic; font-size: 13px; line-height: 14px;
	color:#999999;     height: 20px;
	background: url('img/ficha_producto_tags.gif') no-repeat 0px 5px;

    padding-left: 70px;
    padding-top: 8px; padding-bottom:2px;
	border-top: 1px dotted;
	border-bottom: 1px dotted;

}

#fichaInfo .fichaDescripcion, .fichaDescripcion2 {
	font-family: PlantinStd-Light, Georgia; font-style: italic; font-size: 15px; line-height: 22px;
}

#fichaInfo .fichaDescripcion2 {
	font-size: 13px; line-height: 16px; font-style: normal; line-height: 19px;
}

#fichaInfo .fichaDescripcion2 A {
	color:#000000;
	text-decoration: underline;
}

#fichaInfo .fichaBoton {
	font-family: NeutraTextLight, Arial; font-size: 20px; padding-top: 4px; text-transform: uppercase;
	text-align: center;
	color:#FFFFFF; 
	width: 120px;
	height: 30px;
	background: #083498;
	margin-bottom: 20px;
}

#fichaInfo #fichaPrecio {font-family: NeutraTextLightSC; color: #FFFFFF; font-size: 32px; width:60px; height: 60px; background-image: url('img/circulo_precio_60.png'); background-repeat: no-repeat; padding-top: 13px; text-align:center; float:left; float: right; margin-top:26px; margin-left:5px;}

.precioRebaja {opacity: .5; -moz-opacity: .5; text-decoration: line-through; text-decoration: line-through;}

#fichaInfo #fichaMasProductos {
	
}

#fichaSelectores {
	font-family: NeutraTextBold; font-size: 12px; 
	margin-bottom: 5px; text-transform: uppercase; 
}

#fichaSelectores SELECT { margin-left:10px; background: #EEE; border:0; border-radius: 0; padding:1px; font: NeutraTextBold, Arial 12px; color:#000;}

#fichaMasProductosTitulo {
	font-family: NeutraTextLightSC; font-size: 14px; width:100%; border-top:#000 thin dotted;
	margin-bottom: 20px; text-transform: uppercase; margin-top:16px; padding-top: 5px; clear:right; padding-bottom: 90px;
}

#fichaInfo .fichaMasProductosImgs {

}

#fichaInfo .fichaMasProductosImgs IMG {
	width:85px;
	height:85px;
	padding-right: 5px;
	 overflow: hidden;
	 float: left;
}

#fichaInfo TABLE TD {
	padding-right: 8px;
}

#fichaInfo FORM {
	
	margin-top: 12px; margin-bottom: 8px;
    padding-top: 26px; padding-bottom:6px;
	border-top: 1px dotted;

	

}

#fichaInfo INPUT {
	margin-top:10px;
}

#footer {
	background:#e7e7e7;
	width:100%;
	clear:both;
	min-height:300px;
}

#footer .columnas {
	width: 1000px;
	margin:auto;
	clear: both;
}

#footer .columna {
	font-family: PlantinStd-Light, Georgia; font-size: 12px; line-height: 18px;
	color:#000;
	width:230px;
	float:left;
	margin-right: 20px;
}

#footer .columnaTitulo {
	font-family: NeutraTextBold, Arial; font-size: 12px; font-style: bold; line-height: 19px; padding-bottom: 10px; text-transform: uppercase; color:#000;;
	
}

#footer .columna A {
	font-family: PlantinStd-Light, Georgia; color:#000; font-weight: bold;

}

#footer .bottom {
	clear:both;
	height:30px;
	border-top:1px solid #000;
	width:1000px;
	margin:auto;
	margin-top: 15px;
	padding-top:15px;
	padding-bottom: 5px;
}

#footer .bottom SPAN.left {
	text-align: left;
}

#footer .bottom SPAN.right {
	text-align: right;
}

#footer .bottom SPAN.right SPAN, #footer .bottom SPAN.right SPAN A {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#444;
	font-size: 10px;
	margin-left: 21px;
	text-transform: uppercase;
}


#footer SPAN.rrss A {
	padding-top: 20px;
	margin-right: 4px;
	
}

#form_newsletter {margin-top: 10px; margin-bottom: 20px;}

#form_newsletter .caja {
	border: medium none;
    float: left;
    height: 24px;
    margin-right: 10px;
    padding-left:5px;
    padding-right:5px; 
    width: 70%;
    font: 15px NeutraTextBookAlt, "Helvetica Neue", Helvetica, Arial, sans-serif;    
    text-transform: lowercase;
}

#form_newsletter .boton {
	background-color: #000000;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font: 10px NeutraTextBookAlt, "Helvetica Neue", Helvetica, Arial, sans-serif;    
    height: 24px;
    text-transform: uppercase;
    width: 20%;
}

.fancybox-title {background: #F9F9F9; margin:0; margin-top:-4px; height:44px; padding: 16px;}
.fancybox-title P.nombre {font: 18px NeutraTextBookAlt, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000; height: auto; margin:0; margin-top: 4px; margin-bottom:4px; text-transform: uppercase; line-height: 14px;}
.fancybox-title P.nombre2 {color:#999;}
.fancybox-title P.texto {color:#CCC; font-family: Helvetica, Arial, sans-serif; font-size: 11px; height:auto; margin-top:4px;}
.fancybox-title SPAN.compartir {position: absolute; padding-top: 8px; text-align: right; right:20px; top:16px;} 
	.fancybox-title SPAN.compartir A { padding-left:6px;}
	.fancybox-title SPAN.compartir A:hover {opacity: .5; -moz-opacity: .5;}
	.fancybox-title SPAN.compartir IMG {width:25px; height:25px;}
	
	
/* TEXTOS LEGALES */

.fancybox-skin {background:#FFF;}
#legales {width:960px; text-align:left; font: 16px NeutraTextBookAlt, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#legales H2 {font-size:10px; padding-top:4px; line-height:12px; padding-bottom:20px; letter-spacing: 2px; color:#000;}
#legales .cabecera {text-align: center; padding:20px; padding-top:20px; width:100%; height: 118px;  border-color:#000; border-bottom:dotted; border-bottom-width:1px; position: fixed; background:#FFF;}
#legales .menu {width: 220px; float:left; position:fixed; top:174px; right:20px;}
	#legales .menu A { clear:both; float:left; text-decoration: none; color:#000; line-height:18px; font-size:16px;}
	#legales .menu A.act,  #legales .menu A:hover {color:#999;}
	#legales .menu A.sep {padding-top:15px;}
	
#legales #scroll {padding-top: 174px; padding-bottom:40px; padding-left: 20px; padding-right:20px; width: 700px; }
	#legales #scroll IMG {clear:both; float: none; padding-bottom:10px;}

#legales .texto {line-height:20px;   color:#000; }	
	#legales .texto P, #legales SPAN {font-size:15px; line-height:20px;  padding-right: 40px;}
	#legales .texto A {font-size:15px; line-height:20px;  padding-right:30px; color:#C00; font-weight:bold;}