@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
/* CSS Document */
@font-face {
    font-family: 'gerard_puntillaregular';
    src: url('../fonts/gerard_puntillaregular.eot');
    src: url('../fonts/gerard_puntillaregular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gerard_puntillaregular.woff') format('woff'),
         url('../fonts/gerard_puntillaregular.ttf') format('truetype'),
         url('../fonts/gerard_puntillaregular.svg#gerard_puntillaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?yx6egr');
  src:  url('../fonts/icomoon.eot?yx6egr#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?yx6egr') format('truetype'),
    url('../fonts/icomoon.woff?yx6egr') format('woff'),
    url('../fonts/icomoon.svg?yx6egr#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*@font-face {
    font-family: 'OpenSans-Regular';
    font-style: normal;
    font-weight: 400;
    src: local('OpenSans-Regular'),
         url('../fonts/OpenSans-Regular.eot') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular.otf') format('opentype'),
         url('../fonts/OpenSans-Regular.woff') format('woff');
}
@font-face {
    font-family: 'OpenSans-SemiBold';
    font-style: normal;
    font-weight: 600;
    src: local('OpenSans-SemiBold'),
         url('../fonts/OpenSans-SemiBold.eot') format('embedded-opentype'),
         url('../fonts/OpenSans-SemiBold.ttf') format('truetype'),
         url('../fonts/OpenSans-SemiBold.otf') format('opentype'),
         url('../fonts/OpenSans-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'OpenSans-Light';
    font-style: normal;
    font-weight: 300;
    src: local('OpenSans-Light'),
         url('../fonts/OpenSans-Light.eot') format('embedded-opentype'),
         url('../fonts/OpenSans-Light.ttf') format('truetype'),
         url('../fonts/OpenSans-Light.otf') format('opentype'),
         url('../fonts/OpenSans-Light.woff') format('woff');
}
@font-face {
    font-family: 'OpenSans-ExtraBold';
    font-style: normal;
    font-weight: 800;
    src: local('OpenSans-ExtraBold'),
         url('../fonts/OpenSans-ExtraBold.eot') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold.otf') format('opentype'),
         url('../fonts/OpenSans-ExtraBold.woff') format('woff');
}

@font-face {
    font-family: 'OpenSans-Bold';
    font-style: normal;
    font-weight: 700;
    src: local('OpenSans-Bold'),
         url('../fonts/OpenSans-Bold.eot') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold.otf') format('opentype'),
         url('../fonts/OpenSans-Bold.woff') format('woff');
}*/
@font-face {
    font-family: 'Lora-Regular';
    font-style: normal;
    font-weight: 400;
    src: local('Lora-Regular'),
         url('../fonts/Lora-Regular.eot') format('embedded-opentype'),
         url('../fonts/Lora-Regular.ttf') format('truetype'),
         url('../fonts/Lora-Regular.otf') format('opentype'),
         url('../fonts/Lora-Regular.woff') format('woff');
}

*, *:after, *:before {
	border:0;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:0;
	margin:0;
}


html{
	font-size:16px;
	width:100%;
	height:100%;
	position:relative;
	overflow-x: hidden;
}
footer{
	width:100%;
	height: 2rem;
}
header{
	width:100%;
	height:100vh;
	background-size: cover;
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position: center;
	position:absolute;
	color: rgba(255,255,255,1.00);
}
	.capPetit{background-image:url(../images/capPetit.jpg);}
	.capLlarc{background-image:url(../images/CapPetitAlt.jpg);}	
	.capGros{background-image:url(../images/fondo.jpg);}		
	.capPeu{background-image:url(../images/fondoPeu.jpg);}
	
img{
	width:100%;
	height:auto;
}
.blancaFina{
	color: rgba(255,255,255,.6);
}
.botonera{
	position: relative;
    width: 100%;
    max-width: 56.25rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1.875rem;
    padding-bottom: 2.5rem;
}
.btn-prev, .btn-next{
	width:3rem;
	height:3rem;
	position:absolute;
	top:25%;
	transform:translateY(-50%);
	border-radius: 50%;
	border: 2px solid rgba(165,0,49,1.00);
	cursor:pointer;
	text-align: center;
    line-height: 3.5rem; 
}
.btn-prev:hover, .btn-next:hover{
	background-color: rgba(244, 244, 243, 1);
}
.btnCercla{
	border: 2px solid rgba(244,244,243,1.00);
}
.btn-prev{
	left:0.6rem;
}
.btn-next{
	right: 0.6rem;
}

.hist{
	position: relative;
    display: inline-block;
    top: 0;
    transform: none;
    left: 1rem;
    /*right: 1rem;*/
    margin-right: 2rem;
    /*margin-top: 1rem;
	margin-bottom: 2rem;*/
	
}
.capselera{
	position: absolute;
    right: 1rem;
    top: 5rem;
	margin-bottom: 0 !important;
	z-index: 100;
}
.capselera li{
	list-style: none;
	line-height: 2.5rem;
}
.carret{
	position: absolute;
    top: 2rem;
    right: 0.5rem;
    z-index: 50;
}
.carret-article{
	max-height: 333px;
    overflow-y: auto;
}
.carret-catitat{
	color: #bababa;
}
.carret-foto{
	padding: 0.5rem;
    border: #fff 0.08rem solid;
}
/*.carret-foto img{ // antic => actualment a dalt
	max-width: 90px;
    float: left;
    padding: 0 8px 0 0;
	height: auto;
}*/
.carret-foto img {
    max-width: 90px;
    float: left;
    width: auto;
    padding: 0 8px 0 0;
    height: 82px;
}
.carret-foto::after{
	content: " ";
    display: table;
    clear: both;
}
.carret-descrp{
	font-size: 0.8rem;
    height: 2.5rem;
    line-height: 0.9rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0.35rem auto;
    color: #888;
}

.carret >ul{
	position: relative;
}
.carret li{
	list-style: none;
}
.carret-Num{
	position: absolute;
    right: 0.6rem;
    z-index: 60;
    width: 1.25rem;
    height: 1.25rem;
    background-color: rgba(165,0,49,1.00);
    text-align: center;
    line-height: 1.25rem;
    border-radius: 50%;
	color: rgba(244, 244, 243, 1);
}
.carret-img{
	width: 2rem;
    position: relative;
    right: 0.8rem;
    float: right;
    top: 0.5rem;
    cursor: pointer;
    z-index: 55;

}
.carret-img::before{
	content: "";
	clear: both;
}
.carret-poput{
	
}
.carret-despl{
	position: absolute;
    width: 320px;
    height: 100vh;
    top: 4.5rem;
    right: 0;
	overflow-x: hidden;
    overflow-y: auto;
}
.carret-despl li{
	list-style: none;
}
.carret-llista{
	position: absolute;
    display: inline-block;
    width: 320px;
    background-color: white;
    border-top: 5px solid rgba(165,0,49,1.00);
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: rgba(50,42,34,1.00);
    z-index: 200;
    padding: 0.5rem;
    margin-left: 100%;
    transition: all .7s;
}
.carret-llista:hover{
	margin-left: 0;
}
.carret-boto{
	width: 90%;
    margin: 0.8rem auto 0;
    height: 7rem;
}
.carret-boto p:first-child{
	height: 3rem;
    padding: 0 1rem;
    background-color: rgba(50,42,34,0.5);
    color: white;
	margin-bottom: 1.5rem;
    line-height: 3rem;
    border-radius: 10px;
	letter-spacing: 0.2mm;
}
.carret-float{
	float: right;
}
.carret-float::after{
	content: " ";
    display: table;
    clear: both;
}
.carret-center{
	text-align: center;
}
.carret-linea{
	border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.48);
}
.carret-preu{
	color: #5e5b58;
    font-weight: 700;
    margin: 0 auto;
}
.carret-preu small{
	margin-right: 0.357rem;
}
.carret-totals{
	margin-bottom: -8px;
}
.centrat{
	text-align: center;
    margin-top: 2rem;
	color:rgba(255,255,255,1.00);
}
.colorMarro{
	background-color:rgba(50,42,34,1.00);
}
.colorRoig{
	background: #c3002f;
}
.coment{
	width: 80%;
    max-width: 56.25rem;
    margin-left: auto;
    margin-right: auto;
}
.comentarisCap{
	position:relative;
	margin-top: 2rem;
	text-align: center;
	margin: 0 auto;
	
}
	.comentComent{
		display:flex;
		padding:0;
		width: 400%;
		-webkit-animation: cambi 47.5s infinite;
		animation: cambi 47.5s infinite;
	}
	/*.comentariAutor{
		display:flex;
		padding:0;
		width: 400%;
	}*/
	.comentComent li{
		width: 100%;
		list-style: none;
	}
.comentari{
	/*position: absolute;*/
	position: relative;
    font-family: 'Lora-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.714rem;
    color: #31251c;
    width: 100%;
    overflow: hidden;
}
.comentariAutor{
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    color: rgba(195, 0, 47, .6);
    letter-spacing: 1mm;
    margin-top: 1.875rem;
}
.compra{
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 2.5rem;
    color: #c3002f;
    border: 1px solid #c3002f;
    cursor: pointer;
    width: 100%;
    max-width: 11.25rem;
    height: 2.5rem;
    margin-left: auto;
    margin-right: auto;
	transition: all .2s ease .2s;
}
.compra span{
	width: 100%;
    display: block;
    height: 100%;
}
.compra:hover{
	background-color: #c3002f;
	color: rgba(255,255,255,1.00);
}
.contenido{
	position:absolute;
	top: 100vh;
	width: 100vw;
}
.cSlinder{
	margin:auto;
	width:85%;
	max-width: 20rem;
	position:relative;
	overflow:hidden;
}
.delIframe{
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.dialegCap{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	line-height: 1.2rem;
    letter-spacing: 0.1mm;
	color: rgba(253,253,253,0.8);
	background-color: rgba(0, 0, 0, 0.53);
    padding: 0.5rem;
}
.extra{
	font-weight: 800;
}
.exCast{
	    line-height: 4rem;
}
.fina{
	font-weight: 300;
	letter-spacing: -1mm;
}
.fechaSegona, .flechaSola, .flechaSegona{
	width: 20%;
    margin-top: 2rem;
}
.footer{
	background: rgba(165,0,49,1.00);
	padding: 5rem 0 2rem 0;
}
.historia{
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	background-color:rgba(50,42,34,1.00);
	margin-top: 5rem;
}
  .historia h2{
	  font-weight: 800;
	  color: rgba(255, 255, 255, 0.4);
	  font-size: 1.12rem;
	  letter-spacing: 0.5mm;
	  line-height: 1.12rem;
	  padding: 2.5rem 0 3.75rem 0;
  }

.historiaBas{
	border-top: 1px solid rgba(255,255,255,1.00);
	position:relative;
	text-align:left;
	display:flex;
}
.historiaUl{
	list-style:none;
	line-height: 2rem;
	font-weight: 400;
    color: white;
    display: inline-block;
	padding-left: 0.5rem;
	width: 20%;
}
.historiaUl li{
	/*box-shadow: 3px 0 rgba(165,0,49,1.00) inset;*/
	margin-bottom: 0.3rem;
	padding-left: 1.5rem;
	max-width: 6.25rem;
}
.historiaPeana{
	position:relative;
	width: 75%;
	display:inline-block;
	padding-top: 1rem;
    padding-left: 0.5rem;
}
.historieta{
	background-color: rgba(50,42,34,1.00);
    font-weight: 300;
    font-size: 1.125rem;
    color: rgba(255,255,255,1.00);
    line-height: 1.75rem;
    text-align: center;
    display: none;
    transition: all .7s;
}

.idioma{
	position: absolute;
    right: 1rem;
    top: 0.5rem;
}
.idiomaZZ{
	font-size: 12px;
    font-weight: 900;
	letter-spacing: 0.5mm;
    cursor: pointer;
}
.idiomasepara{
	margin: 0 .5rem
}
.lineas{
	height: 2px;
    width: 60%;
    margin: 1rem auto;
    background: #c3002f;
}
.lineasCurtes{
	height: 1px;
    width: 20%;
    max-width: 11.25rem;
    margin: 3.5rem auto;
    background: #c3002f;
}
.login{
	font-family: 'icomoon' !important;
	font-size: 2rem;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.61);
}
.login:hover{
	color: rgba(255, 255, 255, 1);
}
.menu{
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	letter-spacing: .8mm;
    font-size: 1.1rem;
    line-height: 2rem;
    padding: 0 0.7rem;
    display: inline-block;
	margin-top: 2rem;
}
.menu ul{
	list-style:none;
	display: flex;
    flex-direction: column;
}
.menu ul li{
	position:relative;
	display:inline-block;
}
.menu ul li a{
	text-decoration:none;
	color:inherit;
}
.menu ul li:hover div{
	height:2px;
	width:55%;
	margin: 0 auto;
	background:#c3002f;
}
.no{ cursor:default;}
.perHover{
	height:2px;
	width:55%;
	margin: 0 auto;
	background:#c3002f;
}
.oberture{
	width: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5rem;
    padding-bottom: 1.875rem;
}
.perSliderProduc{ margin-top: 0.625rem;}
.peu{
	background: rgba(165,0,49,1.00);
	padding: 2rem 0;
	width: 100%;
}
.peuIndex{
	background: rgba(165,0,49,1.00);
	padding: 2rem 0;
	width: 100%;
	display: flex;
	flex-direction: column;
}
.ofisLe{
	max-width: 10rem;
	margin-bottom: 1rem;
}
.peuOfis p{
	color: white;
	margin-bottom: 1rem;
}
.peuAbsolut{
	font-size: 0.8rem;
	color:rgba(255,255,255,1.00);
}
.peuAbsolut a{
	text-decoration: none;
    color: inherit;
}
.peuAbsolut a:hover{
	color: rgb(175,175,167);
}
.peuAdresa{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	color:rgba(255,255,255,1.00);
	line-height: 1.6rem;
    margin: 1.3rem 0;
}
.peuAdresa li{
	list-style: none;
}
.peuTel{
	color:rgba(255,255,255,0.7);
}
.peuTitol{
	font-family: 'Lora-Regular';
	color: rgb(175,175,167);
	font-size: 0.8rem;
    letter-spacing: 0.5mm;
}
.pointer{
	cursor:pointer;
}
.primera{
	width:100%;
}
.producRecep{
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 3rem;
	color: rgba(49, 37, 28, .3);
	text-align:center;
	margin-top: 5rem;
    border-top: 2px solid rgba(49, 37, 28, .3);
}
.producRecep span{
	width: 49%;
    max-width: 12.5rem;
    display: inline-block;
	cursor: pointer;
}
.producRecep-actv{
	border-top: 2px solid #c3002f;
	color:rgba(49, 37, 28, 0.7);
}
.pullBaja{
    animation-name: pullBaja;
    -webkit-animation-name: pullBaja;
    animation-duration: 1.1s;
    -webkit-animation-duration: 1.1s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
    transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
}

.pullDown {
    animation-name: pullDown;
    -webkit-animation-name: pullDown;
    animation-duration: 1.1s;
    -webkit-animation-duration: 1.1s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
}
.redesGlobal{
	width: 90%;
	max-width: 37.5rem;
	margin: 0 auto;
	background-color: white;
}
.redesBoto{
	text-align:center;
	margin-bottom: 5rem;
    margin-top: 1.875rem;
}
.redesBoto img{
	width: 2rem;
	height: 2rem;
}
.redesTuit{
	width: 299px;
    margin: 0 auto;
	overflow: hidden;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.redesTuit img{
	 display:block;
	  margin-left: auto;
	  margin-right: auto;
	  width: 100%;   
	  transform:scale(1);
	  transition: all 500ms ease-in-out;
}
.redesTuit img:hover{
	transform:scale(1.2);
}
.rota{
	transform: rotate(180deg);
}
.segona{
	height: 30rem;
	background-color:rgba(50,42,34,1.00);
	background-image:url(../images/taronja.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: 100% 53%;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.semibold{
	font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
}
.sin{
	letter-spacing: 0;
}
.slider{
	display:flex;
	margin-top: 1rem;
	text-align: center;
	transition:all 0.7s;
}
.slider article{
	width:100%;
}
.sliderBoto, .carret-boto p:last-child span{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 0.8rem;
    padding: 0.5rem 2.5rem;
	color: rgba(165,0,49,1.00);
	border: 2px solid rgba(165,0,49,1.00);
	cursor:pointer;
	transition: all .2s ease .2s;
}
.carret-boto p:last-child span:hover{
	background-color: #c3002f;
    color: rgba(255,255,255,1.00);
}
.slider img{
	display: block;
    width: auto;
    max-height: 18rem;
    margin-left: auto;
    margin-right: auto;
}
.slinderImg{
	width: 60%;
    margin: auto;
}
.sliderFlx{
	width:1.5rem;
}
.sliderH2{
	    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 2.25rem;
    line-height: 2.5rem;
    color: #c3002f;
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
}
.sliderP{
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: rgba(49, 37, 28, .8);
    text-align: center;
    width: 85%;
    margin: auto;
    max-width: 31.25rem;
}
.sliderTit{
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    color: #31251c;
    line-height: 1.125rem;
    margin-bottom: 1.875rem;
}
.tercera{
	position: relative;
	height: 12rem;
    display: flex;
}
.terceraPrimera{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2rem;
	line-height: 1.2rem;
	text-align: left;
    padding-left: 0.5rem;
    color: #31251c;
	margin-bottom: auto;
	margin-top: auto;
	width: 50%;
}
.terceraPrimera p:first-child, .terceraPrimera p:nth-child(3n+1){
	color:rgba(49,37,28,.6);
}
.terceraSegona{
	width: 50%;
    height: 12rem;
    background-image: url(../images/olles.jpg);
    background-size: cover;
}
.terceraTercera{
	font-family: 'Open Sans', sans-serif;
    font-size: 1.2rem;
    line-height: 1.2rem;
    text-align: left;
    padding-left: 0.5rem;
    padding-top: 10%;
    color: rgba(255,255,255,1.00); 
    width: 50%;
}
.tex-dreta{
	
}
.titulo{
	font-family: 'gerard_puntillaregular';
	font-size: 1.8rem;
    letter-spacing: .8mm;
	text-align: center;
    position: relative;
    top: 1.5rem;
	display: inline-block;
    padding-left: 5%;
    
}
.titolCap{
	font-family: 'Open Sans', sans-serif;
	font-size: 3rem;
	line-height: 3rem;
}
.titolFooter{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-align:center;
	color: rgba(255,255,255,1.00);
}
.titulMitja{
	font-family: 'Open Sans', sans-serif;
	font-size: 2.5rem;
	line-height: 2.5rem;
	text-align: left;
    padding-left: 0.5rem;
    color: rgba(255,255,255,1.00);
	background-color:rgba(165,0,49,1.00);
	background-image:url(../images/rull.png);
	background-position:center;
    height: 30rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.titolNormal{
	font-family: 'Open Sans', sans-serif;
	font-size: 2rem;
	line-height: 2rem;
	text-align: left;
    padding-left: 0.5rem;
    color: rgba(255,255,255,1.00);
	margin-bottom: auto;
	margin-top: auto;
}
.titolProducRecep{
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.5rem;
    text-align: center;
    color: rgba(50,42,34,1.00);
    width: 90%;
    max-width: 56.25rem;
    transition: all 2s ease 1s;
    margin-left: auto;
    margin-right: auto;
}
.subTitolProducRecep{
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 2.3rem;
    text-align: center;
    color: rgba(49, 37, 28, .8);
	width: 90%;
    margin-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto;
}
.tresAmbCinc{
	font-size:3.5rem;
}


@keyframes pullBaja{
	0% {transform: scaleY(1);}
	40% {transform: scaleY(1.01);}
	60% {transform: scaleY(0.98);}
	80% {transform: scaleY(1.02);}
	100% {transform: scaleY(0.1);}
}


@keyframes pullDown{
	0% {transform: scaleY(0.1);}
	40% {transform: scaleY(1.02);}
	60% {transform: scaleY(0.98);}
	80% {transform: scaleY(1.01);}
	100% {transform: scaleY(0.98);}
	80% {transform: scaleY(1.01);}
	100% {transform: scaleY(1);}
}


/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    from {margin-left:-100%;}
    to {margin-left:-200%;}
}

@keyframes mymove {
    from {margin-left:0%;}
    to {margin-left:-100%;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes cambi {
    0% {margin-left:0;  opacity: 0;}
	
	1.4%{margin-left:0; opacity: 1;}
	22.4%{margin-left:0;  opacity: 1;}
	
	24%{margin-left:0;  opacity: 0;}
	24.5%{margin-left:-100%; opacity: 0}
	
	26.6%{margin-left:-100%; opacity: 1;}
	47.6%{margin-left:-100%; opacity: 1}
	
	49.1%{margin-left:-100%; opacity: 0}
	49.7%{margin-left:-200%; opacity: 0}
	
	51.8%{margin-left:-200%; opacity: 1}
	72.8%{margin-left:-200%; opacity: 1}
	
    74.2%{margin-left:-200%; opacity: 0}
	74.9%{margin-left:-300%; opacity: 0}
	
	77%{margin-left:-300%; opacity: 1}
	98%{margin-left:-300%; opacity: 1}
	
	100%{margin-left:-300%; opacity: 0}
}

@keyframes cambi {
    0% {margin-left:0;  opacity: 0;}
	
	1.4%{margin-left:0; opacity: 1;}
	22.4%{margin-left:0;  opacity: 1;}
	
	24%{margin-left:0;  opacity: 0;}
	24.5%{margin-left:-100%; opacity: 0}
	
	26.6%{margin-left:-100%; opacity: 1;}
	47.6%{margin-left:-100%; opacity: 1}
	
	49.1%{margin-left:-100%; opacity: 0}
	49.7%{margin-left:-200%; opacity: 0}
	
	51.8%{margin-left:-200%; opacity: 1}
	72.8%{margin-left:-200%; opacity: 1}
	
    74.2%{margin-left:-200%; opacity: 0}
	74.9%{margin-left:-300%; opacity: 0}
	
	77%{margin-left:-300%; opacity: 1}
	98%{margin-left:-300%; opacity: 1}
	
	100%{margin-left:-300%; opacity: 0}
}

/*<!--- Codigo para la política de cookies-->*/
 
#barraaceptacion {
	display:none;
	position:fixed;
	left:0px;
	right:0px;
	bottom:0px;
	padding-bottom:20px;
	width:100%;
	text-align:center;
	/*min-height:40px;*/
	min-height: 10rem;
	line-height: 1.2rem;
	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:.8rem;
	top: 20%;
	/*top:30%;*/
}

.inner a.ok {padding:.5rem;color:#00ff2e;text-decoration:none;}
.inner a.info {padding-left:5px;text-decoration:none;color:#faff00;} 
 
 .botonet{
    padding: 0.4rem;
    margin-left: .5rem;
    font-size: 1rem;
    color: #86091f;
	cursor:pointer;
}
 /*==========================KOOKIES=======================================*/

.aviso-cookies {
	display: none;
	background: #ddd1d1;
	padding: 20px;
	width: calc(100% - 40px);
	max-width: 300px;
	line-height: 150%;
	border-radius: 10px;
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 100;
	padding-top: 60px;
	box-shadow: 0px 2px 20px 10px rgba(222,222,222,.25);
	text-align: center;
}

.aviso-cookies.activo {
	display: block;
}

.aviso-cookies .galleta {
	max-width: 100px;
	position: absolute;
	top: -50px;
	left: calc(50% - 50px);
}

.aviso-cookies .tituloA,
.aviso-cookies .parrafo {
	margin-bottom: 15px;
}

.aviso-cookies .boton {
	width: 100%;
	background: #595959;
	border: none;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	padding: 15px 20px;
	font-weight: 700;
	cursor: pointer;
	transition: .3s ease all;
	border-radius: 5px;
	margin-bottom: 15px;
	font-size: 14px;
}

.aviso-cookies .boton:hover {
	background: #000;
}

.aviso-cookies .enlace {
	color: #c3002f;
	text-decoration: none;
	font-size: 1rem;
}

.aviso-cookies .enlace:hover {
	text-decoration: underline;
}

.fondo-aviso-cookies {
	display: none;
	background: rgba(0,0,0,.20);
	position: fixed;
	z-index: 99;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
}

.fondo-aviso-cookies.activo {
	display: block;
}


/* Fin del CSS para cookies */


	

@media screen and (min-width:321px){
	/*footer { background: magenta; }*/
}

@media screen and (min-width:481px){
	/*footer { background: cyan; }*/
	#barraaceptacion {min-height: 8rem;}
    

	
}

@media screen and (min-width:601px){
	/*footer { background: blue; }*/
	#barraaceptacion {min-height: 7rem;}
	.centrat {
		margin-top: 25%;
	}
	.lineas{
		width: 45%;
	}
	.dialegCap{
		width: 70%;
		margin: auto;
		padding: 0;
		background-color: rgba(0, 0, 0, 0);
	}
	.fechaSegona, .flechaSola, .fechaSegona{
		width:15%;
	}
	.historiaBas{
		text-align: center;
		flex-direction: column;
	}
	.historiaUl{
		width: 100%;
		padding-left: 0;
		line-height: initial;
	}
	.historiaUl li{
		display: inline-block;
		padding-left: 0;
		width: 15%;
		top: -1px;
		position: relative;
		padding-top: 1.25rem;
	}
	.historiaPeana{
		margin: auto;
		padding-left: 0;
		padding-top: 2.4375rem;
		max-width: 56.25rem;
	}
	.imgSegona{
		height:50%;
	}
	.redesContenedor{
		display: flex;
		align-items: flex-end;
	}
	.segona{
		background-position: 100% 30%;
	}
	.sliderP {
		width: 100%;
	}
	.subTitolProducRecep{width: 70%;}
	.terceraSegona{
		height:inherit;
	}
	.terceraTercera{
		padding-top: 15%;
	}
	.titulMitja, .titolNormal, .terceraPrimera, .terceraTercera{
		padding-left: 10%;
	}
	
	
}

@media screen and (min-width:769px){
	/*footer { background: green; }*/
	.cSlinder{
		width: 100%;
	}
	.exCast{
		line-height: 4.5rem;
	}
	.terceraTercera{
		padding-top: 17%;
	}
	.terceraPrimera, .terceraTercera{
		font-weight:800;
		font-size: 2rem;
		line-height: 2rem;
	}
	
	
}

@media screen and (min-width:1025px){
	/*footer { background: red; }*/
	#barraaceptacion {min-height: 5rem;}
	.btn-next {
		right: 20%;
	}
	.btn-prev {
		left: 20%;
	}
	.cSlinder{
		max-width: 56.25rem;
	}
	.exCast{
		line-height:5rem;
	}
	.hist{
		left: 1rem;
	}
	.historiaUl li{
		width: 12%;
	}
	.jaGrand{
		display:flex;
	}
	.lineas{
		width: 30%;
		margin: 2rem auto;
	}
	.menu{
		width: 80%;
		font-size: 0.875rem;
		position: absolute;
		top: 6rem;
		right: 0;
		transform: translateX(-15%);
		margin-top: 0;
	}
	.menu ul{
		flex-direction: row;
		justify-content: space-around;
	}
	.tercera{
		width: 50%;
	}
	.terceraPrimera{
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 17%;
	}
	.terceraPrimera, .terceraTercera{
		font-weight:800;
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
	.titolProducRecep{
		font-size: 2.5rem;
		line-height: 3rem;
	}
	.titolCap{
		font-size: 5rem;
		line-height: 4.5rem;
	}
	.titulMitja, .segona{
		width: 50%;
	}
	.tresAmbCinc{
		font-size: 6.25rem;
	}
	.peuIndex{
		flex-direction: row;
		justify-content: space-between;
	}

}

@media screen and (min-width:1201px){
	/*footer { background: #1C5F81; }*/
	#barraaceptacion {min-height: 3rem;}
	.delIframe{
		width: 75rem;
		margin-left: auto;
		margin-right: auto;
	}
	.capselera{
		/*display: block;
		margin: 0 auto;
		right: 0;
		left: 0;
		text-align: right;
		top: 0.5rem;
		width: 75rem;*/
		right: 15%;
		top: 0.5rem;
	}
	.capselera li{display: inline;}
	.centrat{
		width: 75rem;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10%;
	}
	.comentari{
		font-size:1.75rem;
		line-height: 2.5rem;
	}
	.dialegCap{ 
		width: 56.25rem;
		font-size: 1.8rem;
		line-height: 2rem;
	}
	.exCast{
		line-height: 7.8rem;
	}
	.lineas{
		margin: 3rem auto;
		width: 18.75rem;
	}
	.carret{
		top: 0.5rem;
		right: 6rem;
	}
	.carret-despl{
		top: 3rem;
	}
	.headerCap{
		position: relative;
		display: block;
		width: 75rem;
		margin: 0 auto;
		padding-top: 3.75rem;
	}
	.menu{
		width: 55%;
		transform: translateX(0);
		position: inherit;
		top: 0;
		float: right;
		padding: 0;
	}
	.menu::before{
		content: " ";
		display: table;
		clear: both;
	}
	.menu ul li {margin-left: .5rem;}
	.redesGlobal{
		width: 75rem;
		max-width:none;
		display: flex;
		flex-flow: row wrap;
	}
	.redesContenedor{width: 50%;}
	.redesBoto{ margin-top: 0;}
	.slider img { max-height: 25rem;}
	/*.slinderImg{width: 40%;}*/
	.subTitolProducRecep{
		width: 100%;
		max-width: 56.25rem;
	}
	.titolCap{
		max-width: 37.5rem;
		margin: 0 auto;
		line-height: 5rem;
	}
	.titulo{
		text-align: left;
		top: 0;
		padding-left: 0;
		position: inherit;
	}

}

@media screen and (min-width:1560px){
	.capselera{
		display: block;
		margin: 0 auto;
		right: 0;
		left: 0;
		text-align: right;
		top: 0.5rem;
		width: 75rem;
	}
	.fechaSegona, .flechaSegona{
		position: absolute;
		bottom: 3.75rem;
		width: 10%;
	}
	.flechaSola{
		width: 10%;
	}
	.terceraPrimera, .terceraTercera{
		font-weight:800;
		font-size: 2rem;
		line-height: 2rem;
		padding-top: 3.75rem;
	}
	.titulMitja{
		font-size: 4rem;
		line-height: 4rem;
	}
	.titolNormal{
		font-size: 2.5rem;
		line-height: 2.5rem;
	}
}

@media screen and (min-width:1620px){
	#deTradicionas{display: inline-block;}
	.perRelatif{position: relative;}
	#perMoure{position: absolute;}
	.terceraPrimera, .terceraTercera {
		font-size: 2.25rem;
		line-height: 2.25rem;
	}
	.titulMitja{
		font-size: 4.5rem;
		line-height: 4.5rem;
	}
	.titolNormal{
		position: relative;
		margin-top: 0;
		padding-top: 3.75rem;
		height: 100%;
	}
	.titolProducRecep{
		font-size: 3rem;
		line-height: 3.5rem;
	}
	.flechaSola{
		position: absolute;
		bottom: 3.75rem;
	}
}

@media screen and (min-width:1920px){
	.titulMitja{
		background-repeat:no-repeat;
		background-size:cover;	
	}
}