@charset 'utf-8';

/* Simple fluid media

   Note: Fluid media requires that you remove the media's height and width attributes from the HTML

   http://www.alistapart.com/articles/fluid-images/

*/

img,

object,

embed,

video { max-width: 100%; }

/* IE 6 does not support max-width so default to width 100% */

.ie6 img { width: 100%; }

/*

	Dreamweaver Fluid Grid Properties

	----------------------------------

	dw-num-cols-mobile:		4;

	dw-num-cols-tablet:		8;

	dw-num-cols-desktop:	12;

	dw-gutter-percentage:	25;



	Inspiration from "Responsive Web Design" by Ethan Marcotte

	http://www.alistapart.com/articles/responsive-web-design



	and Golden Grid System by Joni Korpi

	http://goldengridsystem.com/

*/



.fluid {

	display: block;

	float: left;

	clear: both;

	width: 100%;

	margin-left: 0;

}

/* Mobile Layout: 568px and below. */



.gridContainer {

	float: none;

	clear: none;

	width: 95%;

	margin-right: auto;

	margin-left: auto;

	padding-right: 2.5%;

	padding-left: 2.5%;

}

.gridContainerFichaProducto {

	float: none;

	clear: none;

	width: 95%;

	margin-right: auto;

	margin-left: auto;

	padding-right: 2.5%;

	padding-left: 2.5%;

}

.header { background-color: rgba(0,0,0,.6); }

.esconderMovil { display: none; }

.esconderDesktop { display: block; }

.logo {

	margin-top: 10px;

	margin-left: 10px;

}

.logo img { width: 50%; }

.menuRedesSociales {

	top: 28px;

	right: 70px;

}

#menu-rrss .spotifyRedesSociales { display: none; }

.dosColumnas { max-width: 100%; }

.dosColumnas p {

	line-height: 2.5em;

	-moz-columns: 1;

	-webkit-columns: 1;

	columns: 1;

}

.centradoVertical02.textoArribaMovil {

	display: block;

	margin-top: 2em;

}

footer ul { float: none; }

.videoCanalYoutube { right: 0; }

.parallax-slider { margin-left: -140px; }

footer { padding: 1em 10px; }

.titularSeccion {

	display: block;

	margin-top: 15px !important;

}

.titularAbout { margin-top: -40px; }

.cuatroColumnas01 { width: 100%; }

.cuatroColumnas02 {

	clear: both;

	width: 100%;

	margin-left: 0;

}

.siguienteSeccion,

.siguienteSeccionMultimedia { display: none; }

.fichaProductos01 { width: 100%; }

.fichaProductos02 {

	clear: both;

	width: 100%;

	margin-left: 0;

	padding: 1em;

}

.logoSpotify {

	position: relative;

	display: block;

	margin-top: 1em;

	text-align: center;

}

.tresColumnas01 { width: 100%; }

.tresColumnas02 {

	clear: both;

	width: 100%;

	margin-left: 0;

}

.parrafoPrensa { margin-bottom: 28px; }



/* Tablet Layout: 569px to 1024px. Inherits styles from: Mobile Layout.*/

@media only screen and (min-width: 569px) {

.gridContainer {

	float: none;

	clear: none;

	width: 97.5%;

	margin-left: auto;

	padding-right: 1.25%;

	padding-left: 1.25%;

}

.gridContainerFichaProducto {

	float: none;

	clear: none;

	width: 97.5%;

	margin-left: auto;

	padding-right: 1.25%;

	padding-left: 1.25%;

}

.dosColumnas { max-width: 845px; }

.dosColumnas p {

	line-height: 2.5em;

	text-align: justify;

	-moz-columns: 2;

	-webkit-columns: 2;

	columns: 2;

	-webkit-column-gap: 32px;

	-moz-column-gap: 32px;

	column-gap: 32px;

}

.centradoVertical02.textoArribaMovil {

	display: table-cell;

	margin-top: 0;

}

.videoCanalYoutube { right: 60px; }

footer ul { float: right; }

.parallax-slider { margin-left: 0; }

footer { padding: 1em 3em; }

.titularSeccion { margin-top: 15px !important; }

.titularAbout { margin-top: -80px; }

.cuatroColumnas01 { width: 23.7288%; }

.cuatroColumnas02 {

	clear: none;

	width: 23.7288%;

	margin-left: 1.6949%;

}

.fichaProductos01 { width: 40.6779%; }

.fichaProductos02 {

	clear: none;

	width: 57.6271%;

	margin-left: 1.6949%;

}

.tresColumnas01 { width: 32.2033%; }

.tresColumnas02 {

	clear: none;

	width: 32.2033%;

	margin-left: 1.6949%;

}

.parrafoPrensa { margin-bottom: 78px; }

#menu-rrss .spotifyRedesSociales { display: inline-block; }

}



/* Desktop Layout: 1024px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1024px) {

.gridContainer {

	float: none;

	clear: none;

	width: 98.3333%;

	max-width: 1000px;

	margin: auto;

	margin-left: auto;

	padding-right: .8333%;

	padding-left: .8333%;

}

.gridContainerFichaProducto {

	float: none;

	clear: none;

	width: 98.3333%;

	max-width: 1200px;

	margin: auto;

	margin-left: auto;

	padding-right: .8333%;

	padding-left: .8333%;

}

.esconderMovil { display: block; }

.esconderDesktop { display: none; }

/* SHRINK CABECERA */

.header {

	-webkit-transition: all .6s;

	-moz-transition: all .6;

	transition: all .6s;

	background-color: rgba(0,0,0,0);

}

.header.shrink {

	height: 100px;

	background-color: rgba(0,0,0,.6);

}

.header.shrink .logo { margin-top: 7px; }

.header.shrink .logo img {

	width: 73px;

	height: 90px;

}

.header.shrink .menuPrincipal {

	top: 40px;

	left: 131px;

}

.header.shrink .menuRedesSociales { top: 40px; }

/* FIN SHRINK CABECERA */

.logo {

	margin-top: 8px;

	margin-left: 50px;

}

.logo img { width: 100%; }

.menuRedesSociales {

	top: 63px;

	right: 60px;

}

.cuatroColumnas01 { width: 23.7288%; }

.cuatroColumnas02 {

	clear: none;

	width: 23.7288%;

	margin-left: 1.6949%;

}

.siguienteSeccion,

.siguienteSeccionMultimedia { display: block; }

.fichaProductos01 { width: 40.6779%; }

.fichaProductos02 {

	clear: none;

	width: 57.6271%;

	margin-left: 1.6949%;

	padding: 1em 2em 1em 1em;

}

.titularSeccion { display: none; }

.logoSpotify {

	position: absolute;

	right: 120px;

	bottom: 160px;

	width: auto;

	text-align: center;

}

.tresColumnas01 { width: 32.2033%; }

.tresColumnas02 {

	clear: none;

	width: 32.2033%;

	margin-left: 1.6949%;

}

}



@media only screen and (min-width: 570px) and (max-width:720px) {

.dosColumnas p {

	line-height: 2.5em;

	-moz-columns: 1;

	-webkit-columns: 1;

	columns: 1;

}

}