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

@font-face {
	font-family: 'Maison Neue Bold';
	src: url('/fonts/maisonneuebold.eot');
	src: local('☺'), url('/fonts/maisonneuebold.woff') format('woff'), url('/fonts/maisonneuebold.ttf') format('truetype'), url('/fonts/maisonneuebold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

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

body{
	font-family: 'Inconsolata Regular';
	cursor: url('/img/puntero-1.png') 8 8, default;
}

p{
	font-family: 'Inconsolata Regular';
}

div#intro{
	z-index: 4;
	position: relative;
}

div#intro img.flecha{
	position: absolute;
	bottom: 30px;
	width: 50px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	animation-name: example;
    animation-duration: 2.5s;
	animation-iteration-count: infinite;
}

div#nosotros img.flecha{
	position: absolute;
	bottom: 30px;
	width: 50px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	animation-name: example;
    animation-duration: 2.5s;
	animation-iteration-count: infinite;
}

@keyframes example {
    0%{
    	transform: translateY(0px);
    }
    50%{
    	transform: translateY(20px);
    }
    100%{
    	transform: translateY(0px);
    }
}

div#intro, div#nosotros{
	background-color: #262729;
	color: white;
	position: relative;
}

div#nosotros p#texto-nosotros{
	color: transparent;
  	text-shadow: 0 0 9px #ffffff;
  	transition: all 250ms ease-in;
  	width: 400px;
  	line-height: 2;
  	margin-left: auto;
  	margin-right: auto;
  	text-align: justify;
  	letter-spacing: 1px;
}

div#nosotros p#texto-nosotros a{
	color: transparent;
  	text-shadow: 0 0 9px #FFD3CC;
  	transition: all 250ms ease-in;
  	width: 400px;
  	line-height: 2;
  	margin-left: auto;
  	margin-right: auto;
  	text-align: justify;
  	letter-spacing: 1px;
  	font-family: 'Maison Neue Bold';
}

div#nosotros p#texto-nosotros:hover{
	text-shadow: none;
  	color: #ffffff;
}

div#nosotros p#texto-nosotros:focus{
	text-shadow: none;
  	color: #ffffff;
}

div#nosotros p#texto-nosotros:hover a{
	text-shadow: none;
	color: #FFD3CC;
}

#menu-izquierdo{
	position: fixed;
	top: 0px;
	width: 25%;
	z-index: 1;
}

#menu-derecho{
	position: fixed;
	top: 0px;
	right: 0px;
	width: 25%;
	z-index: 3;
}

#menu-derecho.black-theme div.contenedor-lista{
	border-left: 1px solid #262729; 
}

#menu-derecho div.contenedor-lista{
	border-left: 1px solid #ffffff; 
	padding-top: 50px; 
	padding-bottom: 50px;
	width: 170px;
	margin-left: auto;
	margin-right: auto;
}

#menu-derecho ul{
	height: 200px;
	position: relative;
	list-style: none;
	background-image: url('/img/cuadroblanco.svg');
	background-size: 20px;
	background-repeat: no-repeat; 
	transition: all .5s ease-in;
}

#menu-derecho.black-theme ul{
	height: 200px;
	position: relative;
	list-style: none;
	background-image: url('/img/cuadronegro.svg');
	background-size: 20px;
	background-repeat: no-repeat; 
	transition: all 250ms ease-in;
}

#menu-derecho ul.nosotros{
	background-position: left calc(0% + 8px);
}

#menu-derecho ul.shop{
	background-position: left calc(50px + 8px);
}

#menu-derecho ul.marcas{
	background-position: left calc(100px + 8px);
}

#menu-derecho ul.contacto{
	background-position: left calc(150px + 8px);
}

#menu-derecho ul li.nosotros{
	position: absolute;
	top: 0%;
}

#menu-derecho ul li.shop-online{
	position: absolute;
	top: 50px;
}

#menu-derecho ul li.marcas{
	position: absolute;
	top: 100px;
}

#menu-derecho ul li.contacto{
	position: absolute;
	top: 150px;
}

#menu-derecho.black-theme ul li a{
	color: #262729;
}

#menu-derecho ul li a{
	color: white;
	letter-spacing: 8px;
}

div#e-animation{
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}

div#e-animation svg path{
	transition: all .5s;
}

div#e-animation.black-icon svg path{
	fill: #262729;
	stroke: #262729;
}

div#nosotros div.contenedor-titulo{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

div#nosotros div.contenedor-titulo span.titulo-maison{
	color: #ffffff;
	display: block;
	margin-bottom: 30px;
	letter-spacing: 10px;
	transform: translateX(10px);
}

span.titulo-maison{
	font-family: 'Maison Neue Bold';
	color: #262729;
	letter-spacing: 8px;
}

div#marcas{
	cursor: url('/img/puntero-2.png') 8 8, default;
}

div#fondo-1, div#fondo-2{
	background-repeat: no-repeat;
	transition: all .40s;
}

div#fondo-2{
	padding-bottom: 100px;
}

div#marcas.chanel span.marca, div#marcas.chloe span.marca, div#marcas.cutler-and-gross span.marca, div#marcas.ermenegildo-zegna span.marca, div#marcas.fendi span.marca, div#marcas.salvatore-ferragamo span.marca, div#marcas.gucci span.marca, div#marcas.jimmy-choo span.marca, div#marcas.linda-farrow span.marca, div#marcas.masunaga span.marca, div#marcas.miu-miu span.marca, div#marcas.prada span.marca, div#marcas.thierry-lasry span.marca, div#marcas.tom-ford span.marca{
	color: rgba(38,39,41,.1);
}

div#marcas.chanel span.marca[marca="chanel"], div#marcas.chloe span.marca[marca="chloe"], div#marcas.cutler-and-gross span.marca[marca="cutler-and-gross"], div#marcas.ermenegildo-zegna span.marca[marca="ermenegildo-zegna"], div#marcas.fendi span.marca[marca="fendi"], div#marcas.salvatore-ferragamo span.marca[marca="salvatore-ferragamo"], div#marcas.gucci span.marca[marca="gucci"], div#marcas.jimmy-choo span.marca[marca="jimmy-choo"], div#marcas.linda-farrow span.marca[marca="linda-farrow"], div#marcas.masunaga span.marca[marca="masunaga"], div#marcas.miu-miu span.marca[marca="miu-miu"], div#marcas.prada span.marca[marca="prada"], div#marcas.thierry-lasry span.marca[marca="thierry-lasry"], div#marcas.tom-ford span.marca[marca="tom-ford"]{
	color: rgba(38,39,41,.5);
}

div#marcas.chanel div#fondo-1{
	background-image: url('/img/Chanel/Chanel-Eyewear-2017_bn.jpg');
	background-position: 90% top;
	background-size: 30% auto;
}

div#marcas.chanel div#fondo-2{
	background-image: url('/img/Chanel/Chanel-Eyewear-2017-2_bn.jpg');
	background-position: 20% 30%;
	background-size: 35% auto;
}

div#marcas.chloe div#fondo-1{
	background-image: url('/img/Chloe/Chloe-2017_bn.jpg');
	background-position: 10% top;
	background-size: 35% auto;
}

div#marcas.chloe div#fondo-2{
	background-image: url('/img/Chloe/Chloe-2017-2_bn.jpg');
	background-position: calc(100% - 100px) 30%;
	background-size: 35% auto;
}

div#marcas.cutler-and-gross div#fondo-1{
	background-image: url('/img/CutlerGross/Cutler-Gross-2917_bn.jpg');
	background-position: 20% 30%;
	background-size: 35% auto;
}

div#marcas.cutler-and-gross div#fondo-2{
	background-image: url('/img/CutlerGross/Cutler-_-Gross-2017-2_bn.jpg');
	background-position: calc(100% - 150px) 10%;
	background-size: 25% auto;
}

div#marcas.ermenegildo-zegna div#fondo-1{
	background-image: url('/img/ErmenegildoZegna/Ermenegildo-Zegna-2017_bn.jpg');
	background-position: 90% 50%;
	background-size: auto 50%;
}

div#marcas.ermenegildo-zegna div#fondo-2{
	background-image: url('/img/ErmenegildoZegna/Ermenegildo-Zegna-2017-Defining-Moments-Campaign-008_bn.jpg');
	background-position: 150px top;
	background-size: auto 40%;
}

div#marcas.fendi div#fondo-1{
	background-image: url('/img/Fendi/Fendi-2017_bn.jpg');
	background-position: right top;
	background-size: 30% auto;
}

div#marcas.fendi div#fondo-2{
	background-image: url('/img/Fendi/Fendi-2017-2_bn.jpg');
	background-position: center 50%;
	background-size: 30% auto;
}

div#marcas.gucci div#fondo-1{
	background-image: url('/img/Gucci/Gucci-2017_bn.jpg');
	background-position: 60% 60%;
	background-size: 30% auto;
}

div#marcas.gucci div#fondo-2{
	background-image: url('/img/Gucci/Gucci-2017-2.jpg');
	background-position: left top;
	background-size: 40% auto;
}

div#marcas.jimmy-choo div#fondo-1{
	background-image: url('/img/JimmyChoo/Jimmy-Choo-2017_bn.jpg');
	background-position: right 70%;
	background-size: auto 40%;
}

div#marcas.jimmy-choo div#fondo-2{
	background-image: url('/img/JimmyChoo/Jimmy-Choo-2017-2_bn.jpg');
	background-position: center 10px;
	background-size: auto calc(45% - 100px);
}

div#marcas.linda-farrow div#fondo-1{
	background-image: url('/img/LindaFarrow/Linda-Farrow-2017-2_bn.jpg');
	background-position: 70% 90%;
	background-size: auto 40%;
}

div#marcas.linda-farrow div#fondo-2{
	background-image: url('/img/LindaFarrow/Linda-Farrow-2017_bn.jpg');
	background-position: left 30%;
	background-size: 25% auto;
}

div#marcas.masunaga div#fondo-1{
	background-image: url('/img/Masunaga/Masunaga-2017_bn.jpg');
	background-position: right 70%;
	background-size: 30% auto;
}

div#marcas.masunaga div#fondo-2{
	background-image: url('/img/Masunaga/Masunaga-2017-2_bn.jpg');
	background-position: 10% 30%;
	background-size: 40% auto;
}

div#marcas.miu-miu div#fondo-1{
	background-image: url('/img/MiuMiu/Miu-Miu-2017_bn.jpg');
	background-position: right 25%;
	background-size: 40% auto;
}

div#marcas.miu-miu div#fondo-2{
	background-image: url('/img/MiuMiu/Miu-Miu-2017-2_bn.jpg');
	background-position: left 90%;
	background-size: 40% auto;
}

div#marcas.prada div#fondo-1{
	background-image: url('/img/Prada/Prada-2017_bn.jpg');
	background-position: right 70%;
	background-size: auto calc(50% - 100px);
}

div#marcas.prada div#fondo-2{
	background-image: url('/img/Prada/prada-2017-2_bn.jpg');
	background-position: left 40%;
	background-size: auto 30%;
}

div#marcas.salvatore-ferragamo div#fondo-1{
	background-image: url('/img/Ferragamo/Ferragamo-Eyewear-2017-2_bn.jpg');
	background-position: 10% 70%;
	background-size: auto calc(50% - 100px);
}

div#marcas.salvatore-ferragamo div#fondo-2{
	background-image: url('/img/Ferragamo/Ferragamo-eyewear-2017_bn.jpg');
	background-position: 90% 40%;
	background-size: auto calc(50% - 100px);
}

div#marcas.thierry-lasry div#fondo-1{
	background-image: url('/img/ThierryLasry/Thierry-Lasry-2017_bn.jpg');
	background-position: calc(100% - 50px) 70%;
	background-size: auto calc(50% - 100px);
}

div#marcas.thierry-lasry div#fondo-2{
	background-image: url('/img/ThierryLasry/Thierry-Lasry-2017-2_bn.jpg');
	background-position: 20% 40%;
	background-size: auto calc(50% - 100px);
}

div#marcas.tom-ford div#fondo-1{
	background-image: url('/img/TomFord/Tom-ford-2017_bn.jpg');
	background-position: 90% 50%;
	background-size: auto calc(50% - 100px);
}

div#marcas.tom-ford div#fondo-2{
background-image: url('/img/TomFord/Tom-Ford-2017-2_bn.jpg');
	background-position: 10% 80%;
	background-size: auto calc(50% - 100px);
}

div#marcas div.contenedor-titulo{
	margin-top: 150px;
	margin-bottom: 100px;
}

span.marca{
	font-family: 'Maison Neue Bold';
	color: rgba(38,39,41,.5);
	display: block;
	letter-spacing: 8px;
	padding-top: 50px;
	padding-bottom: 50px;
	transition: all .5s;
}

span.marca:hover{
	color: rgba(38,39,41,1);
}

div#newsletter{
	background-color: #2C6FD1;
	transition: all .5s;
	cursor: url('/img/puntero-2.png') 8 8, default;
}

div#newsletter div#agradecimiento{
	display: none;
}

div#newsletter div#agradecimiento span.descripcion{
	margin-bottom: 10px;
	width: 340px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div#newsletter div#agradecimiento img.lentes{
	width: 75px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	display: block;
}

div#newsletter div#agradecimiento img.firma{
	margin-top: 20px;
	width: 135px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	display: block;
}

div#newsletter.enviado{
	background-color: #DBC2B6;
}

div#newsletter.enviado div#agradecimiento{
	display: inherit;
}

div#newsletter.enviado div#forma-newsletter{
	display: none;
}

div#newsletter .titulo-maison{
	color: white;
	display: block;
	margin-bottom: 30px;
}

div#newsletter .descripcion{
	display: block;
	color: white;
	margin-bottom: 30px;
	letter-spacing: 1px;
}

div#newsletter input[type="email"]{
	display: block;
	width: 100%;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid white;
	outline: none;
	color: white;
	margin-top: 50px;
	margin-bottom: 10px;
	font-family: 'Maison Neue Bold';
	padding-left: 5px;
	letter-spacing: 8px;
}

div#newsletter input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFFFFF;
}

div#newsletter input[type="email"]::-moz-placeholder { /* Firefox 19+ */
  color: #FFFFFF;
}

div#newsletter input[type="email"]:-ms-input-placeholder { /* IE 10+ */
  color: #FFFFFF;
}

div#newsletter input[type="email"]:-moz-placeholder { /* Firefox 18- */
  color: #FFFFFF;
}

div#newsletter input[type="submit"]{
	background-color: transparent;
	color: #FFD3CC;
	border: 2px solid white;
	outline: none;
	letter-spacing: 8px;
	padding: 10px;
	padding-left: 30px;
	padding-right: 20px;
	margin-top: 40px;
	font-family: 'Maison Neue Bold';
	font-size: 14px;
}


div#contacto{
	height: 400px;
	background-color: #262729;
	cursor: url('/img/puntero-2.png') 8 8, default;
}

div.cursor-2{
	cursor: url('/img/puntero-2.png') 8 8, default;
}

div#contacto div#map{
	height: 400px;
}

div.contenedor-direccion{
	height: 100%;
}

div.contenedor-direccion span{
	display: block;
	color: white;
	letter-spacing: 1px;
	line-height: 2.7;
}

div#footer{
	position: relative;
	z-index: 3;
	background-color: #FFD3CC;
	height: 400px;
	cursor: url('/img/puntero-3.png') 8 8, default;
}

div#footer > div.table{
	display: table;
	height: 100%;
	width: 100%;
}

div#footer > div.table > div.table-cell{
	display: table-cell; 
	vertical-align: middle;
	width: 16.6666666%
}

div#footer span, div#footer a{
	display: inline-block;
	letter-spacing: 1px;
	color: #262729;
}

span a{
	color: white;
}

div.table{
	margin-bottom: 0px;
}

a#shop-online{
	display: block;
	padding-top: 100px;
	cursor: url('/img/cursor.png'), auto;
}

div#shop-online:hover{
}

.marquee {
	width: 100%; /* the plugin works for responsive layouts so width is not necessary */
	overflow: hidden;
}

@media (max-width: 767px) {
	.marquee img{
		max-width: 50vh;
	}
}	

div.shop-over{
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 10;
}

div.shop-over.black a span{
	color: black !important;
}

div.shop-over img{
	width: 40px;
}