@charset "utf-8";
/* CSS Document */

/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
	outline:none;
}
table {
    border-spacing: 0;    
}
fieldset,img {
    border: 0;
}
address,caption,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}
/*********************************/
@font-face {
    font-family: 'HelveNeue';
    src: url(../font/HelveticaNeueLTPro-LtCn.otf);
} 

@font-face {
    font-family: 'HelveNeueBl';
    src: url(../font/HelveticaNeueLTPro-BlkCn.otf));
}
html {
	height:100%;
	margin:0;	
}
body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000;
	height:100%;
	margin:0;
	overflow-x:hidden;
	color:#FFF;
	background-image: url(../img/background-body.jpg);
	background-repeat: no-repeat;
	background-position: left 200px;	
}

.body-photos, .body-contact { background-position: left 60px;	 }

.wrap-gral {
	display:block;
	float:left;
	width:100%;
	height:100%;
}
.home {
	background-image: url(../img/home-mob.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}
menu {
	display: none;
	position: fixed;
	left: 0;
	top: -16px;
	width: 200px;
	min-height: 480px;
	height: 100%;
	background-color: #000;
	z-index: 9000;
	padding-left:30px;
	box-shadow: 0px 0px 5px #000;
	background-image: url(../img/background-menu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
menu a {
	display:block;
	float:left;
	width:90%;
	height:30px;
	line-height:30px;
	text-decoration:none;
	font-size:0.7em;
	color:#FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	outline:none;	
}
menu a:hover {
	color:#bca97f;	
}
a.hidemenu {
	display: block;
	float: right;
	height: 30px;
	width: 25px;
	background-image: url(../img/flecha-hide-menu.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin:15px 15px 0 0;
	border:none;
	position:absolute;
	right:0;
}
a.hidemenu:hover {
	background-image: url(../img/flecha-hide-menu.png);
	background-repeat: no-repeat;
	background-position: left bottom;	
}
.choose-lang {
	display: block;
	float: left;
	width: 90%;
	height: 20px;
	padding-bottom:10px;
	margin-top:15px;
	font-weight:bold;
}
.choose-lang span {
	display:block;
	float:left;
	height:25px;
	line-height:25px;
	font-size:0.7em;
	color:#FFF;	
}
.choose-lang span.sep-lang {
	font-size:0.8em;
	margin:0 8px 0 8px;	
}
.choose-lang a {
	display:block;
	float:left;
	width:auto;
	font-size:0.7em;
	color:#FFF;
	height:25px;
	line-height:25px;
	border:none;	
}
.choose-lang a:hover {
	color:#bca97f;	
}
a.link-menu {
	display: block;
	float: left;
	margin: 15px 0 0 15px;
	width: 29px;
	height: 28px;
	background-image: url(../img/icon-menu.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: fixed;
	z-index: 5001;
}
a.link-menu:hover {
	background-image: url(../img/icon-menu.png);
	background-repeat: no-repeat;
	background-position: left bottom;	
}

/* BIO */
.bio-section {
	display: block;
	height:25%;
	height: 200px;
	width: 100%;
	background-color: #000;
	background-image: url(../img/img-head-bio.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	position:relative;
}
img.logo-mini {
	display:block;
	position:absolute;
	left:15px;
	bottom:45px;
}
h1.titulo-section {
	display: block;
	float: left;
	height: 55px;
	line-height: 75px;
	width: 95%;
	font-size: 1em;
	font-family: "HelveNeue",Arial,Helvetica,sans-serif;
	padding-left:23px;
	cursor:default;
	-webkit-box-shadow: 0px -6px 7px -5px #000;
    -moz-box-shadow: 0px -6px 7px -5px #000;
    box-shadow: 0px -6px 7px -5px #000;
	position:absolute;
	color: #bca97f;
	font-weight: bold;
}
p.text-bio {
	display: block;
	float: left;
	width: 80%;
	margin: 65px 0 0 23px;
	font-size: 0.9em;
	padding-right: 20px;
	font-family: 'HelveNeue', Arial, Helvetica, sans-serif;
	line-height: 17px;
	margin-bottom:15px;
}
p.text-head-events {
	margin-top:5px;	
}
/* FIN BIO */

/* HEADER OCULTO */
#miniheader {
	display:none;
	float:left;
	position:fixed;
	top:0;
	left:0;
	height:55px;
	width:100%;
	background-color: #000;
	z-index:100;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0px 0px 5px #383838;
}
h1.titulo-section-hidden {
	display: block;
	float: left;
	height: 55px;
	line-height: 59px;
	font-size: 1em;
	font-family: "HelveNeue",Arial,Helvetica,sans-serif;
	background-color: #ECECEC;
	margin-left:55px;
	background-color:inherit;
	background-image:none;
	color:#bca97f;
}
/* FIN HEADER OCULTO */

/* RESUME */
.resume-section {
	background-image: url(../img/img-head-resume.jpg);
	background-repeat: no-repeat;
	background-position: right top;	
}

a.titulo-res {
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	width: 100%;
	font-size: 0.7em;
	color: #FFF;
	background-image: url(../img/flecha-close-resume.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-indent: 23px;
	margin-top: 5px;
	margin-bottom: 5px;
}
a.margin-titulo-res {
	margin-top:70px;
}
a.titulo-res:hover {
	color:#FFF;
	background-image: url(../img/flecha-close-resume.png);
	background-repeat: no-repeat;
	background-position: right bottom;	
}
.wrap-res {
	display: none;
	float: left;
	width: 90%;
	min-height: 100px;
	margin-left: 23px;
}
.wrap-renglon-resume {
	display: block;
	float: left;
	width: 96%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b4b4b4;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 0.8em;
}
a.link-resume {
	display: block;
	float: left;
	height: 20px;
	width: 90%;
	line-height: 20px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 2px;
	background-image: url(../../img/flechas-resume.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:25px;
	outline:none;
}
a.link-resume-open {
	display: block;
	float: left;
	height: 20px;
	width: 90%;
	line-height: 20px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 2px;
	background-image: url(../../img/flechas-resume.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left:25px;
	outline:none	
}

.data-resume {
	display: none;
	float: left;
	width: 100%;
	height: auto;
	color: #FFF;
}
.linea-resume {
	display:block;
	float:left;
	width:100%;
	margin-bottom:7px;
	margin-left:25px;
	font-size:0.75em;	
}
span.type-resume {
	display:block;
	float:left;
	width:100px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	font-weight:bold;	
}
span.type-long {
	width:135px;	
}
span.date-resume {
	display:block;
	float:left;
	width:90px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	font-weight:bold;	
}
span.place-resume {
	display:block;
	float:left;
	width:90%;
}
span.place-sm {
	width:85%;	
}
span.tv-resume {
	display:block;
	float:left;
	width:100%;
	font-weight:bold;
	font-size:1.2em;	
}
span.tv-data {
	display:block;
	float:left;
	width:90%;
	margin-bottom:10px;
}
/* FIN RESUME */

/* PHOTOS */
.am-wrapper{
	float:left;
	position:relative;
	overflow:hidden;
}
.am-wrapper img{
	position:absolute;
	outline:none;
}
h1.section-photos {
	display:block;
	position:fixed;
	float:left;
	width:100%;
	text-indent: 35px;
	line-height: 60px;
	top:0;
	left:0;
	background-color:#000;
	z-index:4999;
}
img.logo-photos {
	display:block;
	margin:0 auto;
	margin-bottom:10px;
	z-index:5000;
	margin-top:60px;
}
/* FIN PHOTOS */

/* PRIMA */
.prima-section {
	display: block;
	height:25%;
	height: 200px;
	width: 100%;
	background-color: #000;
	background-image: url(../img/img-head-prima.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	position:relative;
}
/* FIN PRIMA */

/* PRESS */
.wrap-press {
	display:block;
	float:left;
	margin-left:23px;
	width:85%;
	padding-top:40px;	
}
.press-section {
	display: block;
	height:25%;
	height: 200px;
	width: 100%;
	background-color: #000;
	background-image: url(../img/img-head-press.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	position:relative;
}
span.subtitulo-ext {
	display:block;
	float:left;
	height:20px;
	line-height:20px;
	width:100%;
	font-size:0.75em;
	font-weight:bold;
	text-indent:23px;
	margin-bottom:8px;
	margin-top:20px;
}

.titulo-press { padding-top:40px;}

blockquote {
	display:block;
	float:left;
	font-family:'HelveNeue', Arial, Helvetica, sans-serif;
	color:#FFF;	
}
cite {
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#FFF;
	margin-top:10px;	
}
.press1 {
	display:block;
	float:left;
	font-size:1em;
	margin-bottom:30px;
	width:100%;	
}
.press2 {
	display:block;
	float:left;
	font-size:1.3em;
	line-height:1em;
	margin-bottom:30px;
	width:80%;
	margin-left:20%;	
}

.press-a blockquote {font-family: 'Amita', sans-serif;}
.press-b blockquote {font-family: 'Merriweather', serif;}
.press-c blockquote {font-family: 'Oswald', sans-serif;}
.press-d blockquote {font-family: 'Courgette', sans-serif;}
.press-e blockquote {font-family: 'Bree Serif', serif;}

.press2 cite {
	margin-top:10px;
	font-size:0.60em;	
}
cite.fontsmall {
	display:block;
	float:left;
	font-size:0.75em;
	margin-top:-26px;
	width:80%;
	margin-left:20%;
	margin-bottom:15px;
}
a.gotop {
	display: none;
	position: fixed;
	right: 0;
	bottom: 15px;
	height: 40px;
	width: 80px;
	background-image: url(../img/icon-top.png);
	background-repeat: no-repeat;
	background-position: left top;
}
a.gotop:hover {
	background-image: url(../img/icon-top.png);
	background-repeat: no-repeat;
	background-position: left bottom;	
}
a.subir {
	display: none;
	position: fixed;
	right: 0;
	bottom: 15px;
	height: 40px;
	width: 80px;
	background-image: url(../img/icon-subir.png);
	background-repeat: no-repeat;
	background-position: left top;
}
a.subir:hover {
	background-image: url(../img/icon-subir.png);
	background-repeat: no-repeat;
	background-position: left bottom;	
}
/* FIN PRESS */

/* SHOWS */
.shows-section {
	display: block;
	height:25%;
	height: 200px;
	width: 100%;
	background-color: #000;
	background-image: url(../img/img-head-news.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	position:relative;
}
.dates {
	display: block;
	float: left;
	width: 90%;
	margin: 5px 0 0 23px;
	padding-right: 20px;
	margin-bottom:15px;
}
.wrap-date {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	background-image: url(../img/linea-dates.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom:10px;
}
.wrap-date span {
	display: block;
	float: left;
	height: 30px;
	width: 100%;
	font-family: 'HelveNeue', Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #333;
	background-image: url(../img/icon-calendar.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 35px;
}
.wrap-date p {
	display:block;
	float:left;
	margin-left:35px;
	width:100%;
	font-size:0.8em;	
}
span.msjsoon {
	display:block;
	font-size:0.9em;
	color: #999;
	font-style:italic;
	margin-top:65px;
	margin-left:23px;

}
/* FIN SHOWS */

/* EVENTS */
.events-section {
	display: block;
	height:25%;
	height: 200px;
	width: 100%;
	background-color: #000;
	background-image: url(../img/img-head-events.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	position:relative;
}
p.dest-events {
	font-size:1.4em;
	line-height:1em;
	text-shadow: 2px 1px 2px rgba(150, 150, 150, 0.41);
	color: #bca97f;	
}
/* FIN EVENTS */

/* ON TOUR */
.tour-section {
	display: block;
	height:25%;
	height: 200px;
	width: 100%;
	background-color: #000;
	background-image: url(../img/img-head-tour.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	position:relative;
}

span.ontour {
	display:block;
	float:left;
	margin-left:23px;
	font-size:0.9em;
	color: #999;
	font-style:italic;
	margin-top:65px;
	text-align:center;
	min-width:100%;
}

.ontour a { margin-bottom:50px; display: inline-block; min-width:100%}

/* FIN ON TOUR */

/* CONTACT */
a.link-menu-contact {
	margin-top:-45px;	
}
.data-contact {
	display:block;
	margin:0 auto;
	text-align:center;
	margin-top:50px;
}
.data-contact span {
	display:block;
	float:left;
	color:#FFF;
	font-size:0.75em;
	width:100%;
}
.data-contact span.mail {
	font-size:1.5em;
	font-family: 'HelveNeue', Arial, Helvetica, sans-serif;
	margin-bottom:40px;	
}
.data-contact span.mini-data {
	margin-top:50px;
	font-size:0.7em;
	margin-bottom:15px;	
}
.wrap-rrss {
	display: block;
	float:left;
	height: 50px;
	z-index:5000;
	width:100%;
}
.bloq-icon-rrss {
	width:196px;
	height:50px;
	margin:0 auto;	
}
.wrap-rrss a {
	display: block;
	float: left;
	height: 41px;
	width: 41px;
	margin-right: 8px;
	margin-top: 5px;
	transition: background .18s ease-in-out;
	-moz-transition: background .18s ease-in-out;
	-webkit-transition: background .18s ease-in-out;
}
a.fb-icon {
	background-image: url(../img/rrss.png);
	background-repeat: no-repeat;
	background-position: left top;		
}
a.fb-icon:hover {
	background-image: url(../img/rrss.png);
	background-repeat: no-repeat;
	background-position: left bottom;	
}
a.tw-icon {
	background-image: url(../img/rrss.png);
	background-repeat: no-repeat;
	background-position: center top;		
}
a.tw-icon:hover {
	background-image: url(../img/rrss.png);
	background-repeat: no-repeat;
	background-position: center bottom;	
}
a.yt-icon {
	background-image: url(../img/rrss.png);
	background-repeat: no-repeat;
	background-position: right top;		
}
a.yt-icon:hover {
	background-image: url(../img/rrss.png);
	background-repeat: no-repeat;
	background-position: right bottom;	
}

a.ig-icon {
	background-image: url(../img/ig.png);
	background-repeat: no-repeat;
	background-position: right top;		
}
a.ig-icon:hover {
	background-image: url(../img/ig.png);
	background-repeat: no-repeat;
	background-position: right bottom;	
}
body.cpo-contact {
	overflow-y:hidden;	
}
/* FIN CONTACT */

span.img-sombra {
	display: block;
	float: left;
	width: 100%;
	height: 10px;
	background-color:#ECECEC;
	-webkit-box-shadow: 0px -4px 5px -2px #000;
    -moz-box-shadow:   0px -4px 5px -2px #000;
    box-shadow:         0px -4px 5px -2px #000;
}

@media (min-width: 320px) and (max-width: 399px){
.home {
	background-image: url(../img/home-mob.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}
}

@media (min-width: 400px) and (max-width: 480px){
.home {
	background-image: url(../img/home-mob-hor.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}		
}

@media (min-width: 481px) and (max-width: 600px){
.home {
	background-image: url(../img/bg-home-ipad-port-2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}		
}


@media (min-width: 601px) and (max-width: 767px){
.home {
	background-image: url(../img/home-mob-hor.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}		
}

@media (min-width: 768px) and (max-width: 799px){
.home {
	background-image: url(../img/bg-home-ipad-port-2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}		
}


@media (min-width: 800px) and (max-width: 1023px){
	.home {
	background-image: url(../img/bg-home-ipad-port-2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}	}

@media (min-width: 1024px) and (max-width: 1279px){
	.home {
	background-image: url(../img/bg-home-1366.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}	}

@media (min-width: 1280px) {
	.home {
	background-image: url(../img/bg-home-1366.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}	}