@import url('https://fonts.googleapis.com/css?family=Abhaya+Libre:400,700');

@font-face {
	/*Insertamos la ruta donde se
	encuentra el archivo de la tipografia
	y el formato de la tipografia*/
	font-family: "ailerons";
	src: url(fonts/Ailerons-Typeface.otf) format("truetype");
}

@font-face {
	/*Insertamos la ruta donde se
	encuentra el archivo de la tipografia
	y el formato de la tipografia*/
	font-family: "Futura Light";
	src: url(fonts/FuturaStd-Light.otf) format("truetype");
}

@font-face {
	/*Insertamos la ruta donde se
	encuentra el archivo de la tipografia
	y el formato de la tipografia*/
	font-family: "Hervetica";
	src: url(fonts/HelveticaLTStd-Light.otf) format("truetype");
}

html{ margin:0px; height:100%;  }
body { height:100%; overflow-x:hidden; margin:0px; padding:0px; font-family: "Hervetica"; /*background-image:url(../img/fondo.jpg);*/ background-color:#000000;}
.ampla_pagina{ width:100%; padding:160px; padding-top:0; }
img { outline:0; vertical-align:top; border:0; }
.clear{ clear:both; }
*{ box-sizing: border-box; }
p{ font-family: "Hervetica"; font-size:18px; color:#626262; text-align:justify; margin:0; padding:0;}

.img100 img{ width:100%; height:auto; margin-bottom:20px; }
.threeColumns {
    
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}

.twoColumns {
    
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	
	-webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
}
a.botonLeerMas{ text-decoration:none; color:#FFFFFF; font-size:16px; }
a.botonLeerMas:hover{ text-decoration:underline; color:#FFFFFF; font-size:16px; }

#header{ position:relative; z-index:999; width:100%;  padding-bottom:40px; }
#header #redes{ padding-top:3px; }
#header #redes #xarxes{ width:300px; float:right;  text-align:right; margin-top:8px;  /*padding-right:20px;border-right:#D0D0D0 solid 1px;*/}
#header #redes #xarxes a{ text-decoration:none; display:inline-block; margin-right:10px; z-index:99999;}
#header #redes #xarxes a object{ pointer-events: none; }
#header #redes #xarxes a object svg:hover{ fill:#ffffff ; }
#header #redes #xarxes a:hover object svg{ fill:#ffffff; }
#header #redes #idiomes{ width:150px; float:right; text-align:right;}
#header #redes #idiomes a.lang{ display:inline-block; line-height:36px; margin-left:8px;font-family: 'ailerons', serif;  font-size:20px;  text-decoration:none; color:#ffffff; }
#header #redes #idiomes a.lang:hover{ color:#fff; }
#header #redes #idiomes a.Actiu{  }

a.linkPartners{ display:inline-block; width:100px; margin:0 auto; padding:2px; background-color:#ffffff; font-family: 'ailerons', serif; text-decoration:none;  text-align:center; color:#000000; font-size:19px; transition: all 0.2s ease-out; margin-top:10px;  }
a.linkPartners:hover{ color:#ffffff;background-color:#191919; transition: all 0.2s ease-out;  }

#header #menuPC{  }
#header #menuMobil{ display:none; }
#header #menuMobil #logoMobil{ width:100%; text-align:center; padding-top:10px; }
#header #menuMobil #logoMobil img{ width:100%; height:auto; max-width:80px; transition: all 0.5s ease-out; }

#header #franjaMenu #menu_1{ float:left; width:41%; text-align:right; border-bottom:#231f24 solid 1px; padding-top:60px; padding-bottom:5px;  }
#header #franjaMenu #menu_2{ float:left; width:41%; text-align:left;  border-bottom:#231f24 solid 1px; padding-top:60px; padding-bottom:5px;   }
#header #franjaMenu #logo{ float:left; width:18%; text-align:center; padding-left:20px; }
#header #franjaMenu #logo img{ width:100%; height:auto; max-width:130px; transition: all 0.5s ease-out; }

#header #franjaMenu #menu_1 a{ display:inline-block;font-family: 'ailerons', serif;  font-size:24px; width:auto; transition: all 0.5s ease-out; text-transform:uppercase; padding-left:50px;  text-decoration:none; color:#FFFFFF;  }
#header #franjaMenu #menu_1 a:hover{ text-decoration:line-through; transition: all 0.2s ease-out; }
#header #franjaMenu #menu_1 a.Actiu{ display:inline-block;font-family: 'ailerons', serif;  font-size:24px; width:auto; transition: all 0.5s ease-out; text-transform:uppercase; padding-left:50px;  text-decoration:line-through; color:#FFFFFF; }
#header #franjaMenu #menu_1 .noPaddingLeft{ padding-left:0px !important;}

#header #franjaMenu #menu_2 a{ display:inline-block;font-family: 'ailerons', serif;  font-size:24px; width:auto; transition: all 0.5s ease-out; text-transform:uppercase; padding-right:50px; text-decoration:none; color:#FFFFFF;  }
#header #franjaMenu #menu_2 a:hover{ text-decoration:line-through; transition: all 0.2s ease-out; }
#header #franjaMenu #menu_2 a.Actiu{  display:inline-block;font-family: 'ailerons', serif;  font-size:24px; width:auto; transition: all 0.5s ease-out; text-transform:uppercase; padding-right:50px; text-decoration:line-through; color:#FFFFFF;   }
#header #franjaMenu #menu_2 .noPaddingRight{ padding-right:0px !important;}




#interiors{width:100%; padding-top:0px; margin-bottom:80px;}
#interiors > h1{ font-family: 'ailerons', serif;   font-size:56px; width:32%; border-bottom:#FFFFFF solid 5px; color:#ffffff; margin:0;  padding:0; padding-bottom:10px; font-weight:normal; margin-bottom:40px; }
#interiors h2{ font-size:32px; margin:0 auto; color:#343434; padding:0; margin-bottom:30px;}
#interiors p{ font-family: "Hervetica"; font-size:18px; color:#ffffff; text-align:justify; margin:0; padding:0; line-height:26px; }
#interiors p a.enllac{ font-size:18px; text-decoration:none; color:#233b75; }
#interiors p a.enllac:hover{ color:#000000; }
#interiors ul, li{ font-size:18px; color:#6f6f6f; text-align:justify; line-height:28px; }



#listadoArtistas{ margin-top:85px; position:relative;  }
#listadoArtistas a.artista{ position:relative;  display:block; text-decoration:none; width:32%; float:left; margin-bottom:1.25%; background-color:#000000;  }
#listadoArtistas a.artista > .imatge{ position:relative; min-height:200px; background:no-repeat center; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%; width: 100% ; text-align: center;  transition: all 0.4s ease-out; padding-top:100px; }
#listadoArtistas a.artista > .imatge > h2{ color:#FFFFFF; font-family: 'ailerons', serif; text-align:left; font-weight:normal;  font-size:30px; width:80%; margin:auto 0;  padding:8px; padding-left:15px; padding-right:15px; opacity:0; transition: all 0.4s ease-out; background-color: rgba(0, 0, 0, 0.6); letter-spacing:0; }
#listadoArtistas a.artistaMarginRight{ margin-right:1.25%; }
#listadoArtistas a.artista:hover > .imatge > h2{ opacity:1;  transition: all 0.4s ease-out; }
#listadoArtistas a.artista:hover > .imatge{ opacity:0.6;  transition: all 0.4s ease-out;  }

#listadoPartners{ margin-top:85px; position:relative;  }
#listadoPartners a.partner{  width:24%; float:left; margin-bottom:1.25%; position:relative;  display:block; text-decoration:none;background-color:#000000; text-align:center; padding:20px; }
#listadoPartners a.partner .imatge{ position:relative; min-height:300px; height: 100%; width: 100% ; text-align: center; }
#listadoPartners a.partner .imatge h2{ position:absolute; z-index:3; color:#FFFFFF; font-family: 'ailerons', serif; text-align:left; font-weight:normal;  font-size:30px; width:100%; margin:auto 0;  padding:8px; padding-left:0; padding-right:0; opacity:0; transition: all 0.4s ease-out; background-color: rgba(0, 0, 0, 0.6); letter-spacing:0; }
#listadoPartners a.partner .imatge img{ position:absolute; z-index:2; left:0; top:0; width:100%; height:auto; max-width:300px; opacity:0.7 }
#listadoPartners a.partnerMarginRight{ margin-right:1.25%; }
#listadoPartners a.partner:hover .imatge h2{ opacity:0.7;  transition: all 0.4s ease-out; }
#listadoPartners a.partner:hover .imatge img{ opacity:1 }

#fichaArtista{ width:100%; }
#fichaArtista #imagen{ position:relative; width:100%; margin-bottom:20px;  }
#fichaArtista #imagen img{ width:100%; height:auto }
#fichaArtista #imagen > h1{ position:absolute; bottom:20px; left:20px; color:#ffffff; font-family: 'ailerons', serif; text-align:center; font-weight:normal;  font-size:70px; margin:0; padding:0; background-color: rgba(0, 0, 0, 0.6);  }
#fichaArtista #informacion{ width:100%;  }
#fichaArtista #informacion #biografia{ width:67%; margin-right:3%; float:left;  }
#fichaArtista #informacion #biografia p{ font-family: "Hervetica"; font-size:18px; color:#ffffff; text-align:justify; margin:0; padding:0; line-height:26px; }
#fichaArtista #informacion #soundCloud{ width:30%;  float:left; }


/*
#listadoTickets{ margin-top:85px; }
#listadoTickets a.tickets{ display:block; text-decoration:none; width:32%; float:left; margin-bottom:1.25%; background-color:#000000;  }
#listadoTickets a.tickets .img{ min-height:200px; background:no-repeat center; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%; width: 100% ; text-align: center;  transition: all 0.4s ease-out; filter: grayscale(0);-webkit-filter: grayscale(0); }
#listadoTickets a.tickets h2{ color:#000000; font-family: 'ailerons', serif; font-weight:normal;  font-size:30px; width:100%; margin:auto 0;  padding:10px; background-color:#ffffff; }
#listadoTickets a.ticketsMarginRight{ margin-right:1.25%; }
#listadoTickets a.tickets:hover h2{ opacity:1;  transition: all 0.4s ease-out; }
#listadoTickets a.tickets:hover .img{   filter: grayscale(100%);-webkit-filter: grayscale(100%);
transition:filter 0.4s;-webkit-transition:-webkit-filter 1s; }
*/



#listadoGaleria{ margin-top:85px; }
#listadoGaleria a.galeria{ display:block; text-decoration:none; width:24%; float:left; margin-bottom:1.25%; background-color:#000000;  }
#listadoGaleria a.galeria .img{ min-height:320px; opacity:1; background:no-repeat center; -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%; width: 100% ; text-align: center;  transition: all 0.4s ease-out;  filter: grayscale(100%);-webkit-filter: grayscale(100%); }
#listadoGaleria a.galeria h2{ color:#000000; font-family: 'ailerons', serif; font-weight:normal;  font-size:26px; width:100%; margin:auto 0;  padding:10px; background-color:#ffffff; min-height:120px; transition: all 0.4s ease-out;  }
#listadoGaleria a.galeriaMarginRight{ margin-right:1.25%; }
#listadoGaleria a.galeria:hover h2{  color:#ffffff; background-color:#000000; transition: all 0.4s ease-out; }
#listadoGaleria a.galeria:hover .img{  opacity:0.5; transition: all 0.4s ease-out;  }


#formularioContacto{ width:100%; }
#formularioContacto .columna_1{ float:left; width:30%; margin-right:5%; }
#formularioContacto .columna_2{ float:left; width:30%; margin-right:5%; }
#formularioContacto .columna_3{ float:left; width:30%; }
#formularioContacto input[type="text"], #formularioContacto input[type="email"]{ width:100%; padding:8px; margin-top:5px; background-color:#FFFFFF;font-family: 'ailerons', serif; font-size:24px; color:#000000; margin-bottom:20px; border:none;}
#formularioContacto textarea{ width:100%; padding:6px; background-color: #FFFFFF; font-size:24px; color:#000000; margin-bottom:7px; min-height:200px; margin-top:5px;font-family: 'ailerons', serif; border:none;}
#formularioContacto input[type="submit"]{  display:block; max-width:250px; width:100%; padding:6px; margin-top:5px; margin-bottom:20px;background-color:#FFFFFF; font-family: 'ailerons', serif; font-size:28px; color:#000000; font-weight:300; text-align:center; text-decoration:none;  border:none; }
#formularioContacto input[type="submit"]:hover{   }

#video-background {
    height: 100%;
    position: fixed;
    width: 100%;
}

#footerHome{ position:absolute; bottom:10px; width:100%; }
#footerHome p{ text-align:center; color:#FFFFFF; font-size:14px; margin:0; padding:0; }


#footer{ width:100%; padding-bottom:50px; }
#footer p{ text-align:center; color:#FFFFFF; font-size:14px; margin:0; padding:0; }
#footer p a.linkMenuPeu{ display:inline-block; width:160px; margin:0 auto; padding:3px; background-color:#E4E4E4; font-family: 'ailerons', serif; text-decoration:none;  text-align:center; color:#000000; font-size:20px;  transition: all 0.2s ease-out; margin-top:10px;  }
#footer p a.linkMenuPeu:hover{ background-color:#ffffff;transition: all 0.2s ease-out;  }

/* cookies */
#barraaceptacion { display:none; position:fixed; left:0px; right:0px; bottom:0px; padding-bottom:20px; width:100%; text-align:center; min-height:40px; background-color: rgba(0, 0, 0, 0.5); color:#fff; z-index:99999; }
.inner { width:100%; position:absolute; padding-left:5px; font-family:verdana; font-size:12px; top:30%; }
.inner a.ok {padding:4px;color:#fff;text-decoration:none; font-weight:bold}
.inner a.info {padding-left:5px;text-decoration:none;color:#fff;}
/* final cookies */