/*
@font-face {
    font-family: 'futura';
    src: url('futurastd-light-webfont.eot');
    src: url('futurastd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('futurastd-light-webfont.woff') format('woff'),
         url('futurastd-light-webfont.ttf') format('truetype'),
         url('futurastd-light-webfont.svg#futura_stdlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

@font-face {
    font-family: 'futura';
    src: url('futurastd-book-webfont.eot');
    src: url('futurastd-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('futurastd-book-webfont.woff') format('woff'),
         url('futurastd-book-webfont.ttf') format('truetype'),
         url('futurastd-book-webfont.svg#futura_stdbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futura';
    src: url('futurastd-bold-webfont.eot');
    src: url('futurastd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('futurastd-bold-webfont.woff') format('woff'),
         url('futurastd-bold-webfont.ttf') format('truetype'),
         url('futurastd-bold-webfont.svg#futura_std_bookbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'helvetica_neue';
    src: url('helveticaneueltstd-roman-webfont.eot');
    src: url('helveticaneueltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-roman-webfont.woff') format('woff'),
         url('helveticaneueltstd-roman-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-roman-webfont.svg#helvetica_neue_lt_std55_roman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helvetica_neue';
    src: url('helveticaneueltstd-bd-webfont.eot');
    src: url('helveticaneueltstd-bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-bd-webfont.woff') format('woff'),
         url('helveticaneueltstd-bd-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-bd-webfont.svg#helvetica_neue_lt_std75_bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
div.loading{
	width: 100%; opacity: .7; background: #fff url(../img/loading.gif) no-repeat center center; position: absolute; left: 0; top: 39px; z-index: 99
}
body{
	font-family: futura
}
div.main{
}
header{
	background-color: #FFF
}
header h1{
	margin: auto; height: 33px; width: 184px; background: url(../img/logo.png) no-repeat 0 3px; padding: 3px 0
}
header h1 a{
	display: block; width: 100%; height: 100%; text-indent: -9999px
}
#home header{
	background: none
}
#home header h1{
	background: url(../img/logo-big.png) no-repeat; width: 369px; height: 67px; margin-top: 50px
}
nav{
	text-align: center
}
nav a{
	text-transform: uppercase
}
nav.menu, footer{
	height: 33px; line-height: 33px
}
nav.menu{
	position: fixed; width: 100%; background-color: #FFF; bottom: 33px
}
nav.menu a{
	color: #000; font-size: 12px; font-weight: bold; letter-spacing: 4px; margin: 0 80px 0 0
}
nav.menu.white a{
    color: #fff;
}

nav.menu.regular{
	white-space: nowrap; font-size: 11px
}
nav.menu.regular a:hover, nav.menu.regular a.selected{
	border-bottom: #000 solid 1px; padding-bottom: 0
}
nav.menu a:last-child{
	margin: 0!important
}
nav.menu.second a{
	margin: 0 35px 0 0
}
#home nav.menu{
	background: none; position: absolute; height: auto
}
/*
#home nav.menu a{
	color: #999
}
*/
#home nav.menu a:hover{
	color: #fff
}
#home nav.menu .big a{
	font-size: 31px; font-weight: bold; letter-spacing: 6px; margin: 0 80px 0 0
}
#home nav.menu .small{
	margin-top: 14px
}
#home nav.menu .small a{
	font-weight: normal; margin: 0 60px 0 0
}
footer{
	background-color: #000; position: fixed; bottom: 0; width: 100%; left: 0
}
footer div{
	padding: 0 15px; overflow: hidden
}
footer nav, footer span{
	float: left
}
footer, footer a{
	color: #FFF; text-transform: uppercase; font-size: 9px; letter-spacing: 2px
}
footer nav{
	margin: 4px 0 0 20px
}
footer nav a{
	background: url(../img/social.gif) no-repeat; text-indent: -9999px; display: block; float: left; height: 27px; margin-right: 3px
}
footer nav a.fb{
	width: 18px
}
footer nav a.tw{
	width: 20px; background-position: -23px 0
}
footer nav a.in{
	width: 19px; background-position: -47px 0!important
}
footer nav a.vi{
	width: 18px; background-position: -69px 0!important
}
footer nav a.yt{
	width: 42px; background-position: -90px 0!important; margin-right: 12px
}
footer nav a.nl{
	width: 70px; background-position: -146px!important
}
footer a.pogo{
	float: right
}
section, div.thumbs, div.news{
	padding-bottom: 66px!important
}
section{
	white-space: nowrap; margin: auto; padding: 0 30px auto 0
}
section.info{
	width: 1157px; margin: auto; margin-top: 20px; position: relative
}
section nav{
	margin: 0 0 20px
}
section nav a{
	font-size: 17px; letter-spacing: 2px; color: #AFB1B2
}
section nav a.active{
	color: #000
}
section nav a:first-child{
	margin-right: 60px
}
section img{
	max-width: 662px
}
section div.text{
	display: inline-block; margin-left: 30px; max-width: 480px; vertical-align: top; white-space: normal; overflow: hidden; font-family: helvetica_neue
}
section div.text div.scroll{
	max-height: 356px; height: 100%
}
section div.text h2{
	font-size: 25px; text-transform: uppercase; letter-spacing: 4px; margin: 0 0 17px; font-family: futura
}
section.info div.text h2{
	font-size: 13px; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 10px; font-weight: normal
}
.popup div.text h2{
    font-size: 12px; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px; font-weight: normal
}
section div.text p, #locales section div.text div a{
	font-family: helvetica_neue; font-size: 13px; line-height: 18px; letter-spacing: 1px
}

iframe{
	margin: auto; display: block; margin-top: 20px
}
div.share{
	display: inline-block; margin: 30px 0 0 0
}
div.share span, div.share a{
	background: url(../img/share.png) no-repeat; display: inline-block; text-indent: -9999px
}
div.share span{
	width: 120px
}
div.share a{
	opacity: .6; height: 25px
}
div.share a:hover{
	opacity: 1
}
div.share a.fb{
	background-position: -125px 0; width: 18px
}
div.share a.tw{
	background-position: -150px 0; width: 22px
}
div.share a.tu{
	background-position: -179px 0; width: 18px
}

#locales section img{
	min-height: 800px
}
#locales div.text h2{
	color:#AFB1B2; text-transform: uppercase; font-weight: normal; margin: 0 0 10px
}
#locales div.text div{
	margin-bottom: 19px
}
#locales div.text div a{
	display: block; color: #000
}
#locales div.text div a.selected{
	font-weight: bold
}
#locales div.text div a:hover{
	text-decoration: underline
}
#locales div.info{
	margin: 0 0 50px!important; background: url(../img/squares.png) no-repeat 0 0; padding: 16px 21px 0; height: 251px; font-size: 13px; font-family: helvetica_neue; line-height: 21px; width: 283px/*position: absolute; top: 90px; left: -220px; */
}
div.info p{
	width: 264px; white-space: normal
}
div.images{
	background-color: #000
}
div.slider.images{
	white-space: nowrap; width: 100%
}
div.images.slider img{
	height: 100%; min-height: 200px
}
#newsletter h2{
	margin-top: 0; line-height: 28px; text-decoration: underline;
}
#newsletter li{
	margin: 0 0 8px 0
}
#newsletter div.text label{
	text-transform: uppercase; font-family: helvetica_neue; font-size: 12px; letter-spacing: 2px
}
#newsletter div.text input.text{
	/*background-color: #AFB1B2; */height: 18px; border-style:none; font-family: helvetica_neue; font-size: 11px; padding-left: 4px; margin-left: 8px
}
#contacto div.text h2{
	font-size: 13px; color: #AFB1B2; font-weight: normal; margin: 0 0 3px
}
#contacto div.text{
	font-size: 13px
}
#contacto div.text p{
	margin: 0 0 26px
}
#contacto div.social a, #newsletter div.social a{
	background: url(../img/social.png) no-repeat; text-indent: -9999px; display: block; float: left; height: 25px; margin-right: 3px
}
#contacto div.social a.fb, #newsletter div.social a.fb{
	width: 23px; background-position: -1px -50px
}
#contacto div.social a.tw, #newsletter div.social a.tw{
	width: 33px; background-position: -34px -50px
}
#contacto div.social a.in, #newsletter div.social a.in{
	width: 24px; background-position: -74px -50px!important
}
#contacto div.social a.vi, #newsletter div.social a.vi{
	width: 23px; background-position: -110px -50px!important
}
#contacto div.social a.yt, #newsletter div.social a.yt{
	width: 57px; background-position: -142px -50px!important
}
#contacto div.social a.nl, #newsletter div.social a.nl{
	width: 112px; background-position: 0 0; height: 31px; float: none; margin-bottom: 17px
}
#newsletter a.submit{
	font-family: helvetica_neue; text-transform: uppercase; font-size: 13px; letter-spacing: 3px; display: block; margin-top: 25px
}
#newsletter .text h3{
	font-size: 13px; font-weight: normal
}
.thumbs{
	vertical-align: top; background-color: #000
}
.thumbs img{
	vertical-align: top
}
.thumbs a{
	position: relative; display: inline-block; line-height: 100px
}
.thumbs a p{
	position: absolute; top: 0; bottom: 0; margin: auto; width: 100%; height: 25px
}
.thumbs a span{
	height: 100%; font-size: 9px; text-transform: uppercase; left: 0; background-color: #fff; letter-spacing: 2px; text-align: center; font-weight: bold; line-height: 25px; border: #000 solid 1px; overflow: hidden; color: #000; display: none
}
.thumbs a:hover span{
	display: block
}
.images.slider div.img{
	position: relative; display: inline-block
}
.images.slider div a.ver{
	background: url(../img/cross.png) no-repeat; position: absolute; right: 20px; bottom: 20px; z-index: 9; width: 37px; height: 37px; display: block; text-indent: -9999px; cursor: pointer
}
div.description{
	width: 140px; min-height: 20px; padding: 15px; background-color: #fff; color: #000; font-size: 11px; text-transform: uppercase; line-height: 14px; position: absolute; right: 38px; bottom: 39px; z-index: 10; font-weight: 500; letter-spacing: 3px; display: none
}
div.description p{
	width: 100%; white-space: normal
}
a.switch{
	font-size: 13px; font-weight: bold; letter-spacing: 3px; color: #fff; position: fixed; top: 65px; left: 40px; text-transform: uppercase; z-index: 11
}
.slider .arrow{
	position: fixed; width: 52px; height: 80px; background: url(../img/arrows.png) no-repeat; top: 0; bottom: 0; margin: auto; z-index: 9; cursor: pointer
}
.slider .arrow:hover{
	opacity: 1
}
.arrow.left{
	left: 20px
}
.arrow.right{
	background-position: -52px 0; right: 20px
}
/*
#novedades .slider{
	background: url(../img/newsbg.png)
}
*/
.news{
	white-space: normal; background: url(../img/newsbg.png)
}
.news a{
	border: #fff solid 6px; margin: 10px 0 21px 31px; display: inline-block; box-shadow: 0 0 5px #AAA;
}
.news img{
	width: 160px; height: auto
}
a.diadelamadre{
	position:absolute; top:60px; right: 40px;
    /*-ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
-moz-transform: rotate(10deg);*/
}
#newsletter.popup{
	width: 440px; height: 352px; background-color: #ffffff; border: #000000 solid 5px;
	position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; padding: 28px 13px; overflow: auto;
}
#newsletter form input.text{
	display: block; width: 100%!important; margin: 1px 0 0!important; border-bottom: #000000 solid 1px!important
}
.popup .logo img{
	width: 160px; margin: 0 0 5px
}
#newsletter .bottom{
	overflow: hidden; margin-top: 20px; padding-bottom: 0
}
.popup .social{float: right; margin-top: 6px}

.popup a.close{
	background: #000; color: #ffffff; font-size: 12px; padding: 1px 6px; position: absolute; right: 7px; top:5px; cursor: pointer;
}
.popup .site{float: left; text-transform: uppercase; font-weight: bold; border: #000000 solid 2px; font-size: 12px; padding: 6px 16px; color: #000}
.popup .text{
	padding: 2px 0;
}
.backstretch{z-index: -1!important;}
.backstretch img{z-index: 0!important; display: block;}
#newsletter.popup .scroll{
    max-height: 100%;
}
#newsletter.popup div.text{
    padding: 0 36px 8px 40px;
}
.yt{
    display: none!important;
}
img{
    image-rendering: optimizeQuality;
}