@charset "utf-8";
@font-face {
    font-family:news_cycleregular;
    src: url('../fonts/NewsCycle-Regular.eot');
    src: url('../fonts/NewsCycle-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NewsCycle-Regular.woff') format('woff'),
         url('../fonts/NewsCycle-Regular.ttf') format('truetype'),
         url('../fonts/NewsCycle-Regular.svg#news_cycleregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*, *: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;
	background-color: rgba(243, 239, 228, 1);
}
footer{
	width: 100%;
    background-color: rgba(35, 28, 42, 1);
    margin-top: 2rem;
}
header{
	position: relative;
	width:100vw;
	height:100vh;
	overflow-y: hidden;
	padding-top: 3rem;
	overflow-x: hidden;
}
img{
	width:100%;
	height:auto;
}
.capselera{
	position: relative;
	width: 100%;
	margin-top: 2rem;
	margin-bottom: 2rem;
	border-top: solid 0.2rem #958c3f;
	border-bottom: solid 0.2rem #958c3f;
}
.capserleraTitol{
	font-family: news_cycleregular;
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 3rem;
    line-height: 6rem;
    letter-spacing: 2px;
    color: #1f1625;
}
.galeria{
	position: relative;
	width: 90%;
	margin: auto;
	/*border: solid 2px black;
	height: 500px;*/
}
.galeriaItem{
	width: 100%;
	padding: .2rem;
}
.galeriaZona{
	display: flex;
	line-height: 0;
	flex-wrap: wrap;
}
.lletres{
	position: relative;
	width: 100%;
	margin-left: -4%;
	top: -100%;
	opacity: 0;
	-webkit-animation-name: exampleA;
    -webkit-animation-duration: 3s;
	-webkit-animation-delay: 4s;
    -webkit-animation-fill-mode: forwards;
    animation-name: exampleA;
    animation-duration: 3s;
	animation-delay: 4s;
    animation-fill-mode: forwards;
}
.peuFlex{
	display: flex;
}
.presentacio{
	position: relative;
	width: 100%;
	transform: scaleX(0);
	-webkit-animation-name: example;  
    -webkit-animation-duration: 3s;  
	-webkit-animation-delay: 1s;
    -webkit-animation-fill-mode: forwards; 
    animation-name: example;
    animation-duration: 3s;
	animation-delay: 1s;
    animation-fill-mode: forwards;
}
.titol, .sitio{
	display: none;
}


@-webkit-keyframes example {
    from {transform: scale(0);}
    to { transform: scale(1);}
}
@keyframes example {
    from { transform: scale(0);}
    to { transform: scale(1);}
}

@-webkit-keyframes exampleA {
    from {top: -100%; transform: scaleX(5); opacity: 1; }
    to {top: 0; transform: scaleX(1); opacity: 1;}
}

@keyframes exampleA {
    from {top: -100%; transform: scaleX(5); opacity: 1;}
    to {top: 0; transform: scaleX(1); opacity: 1;}
}

@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;
}
 
/* 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;}
	
	.galeriaItem{
		width: 50%;
	}
}

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

@media screen and (min-width:1025px){
	/*footer { background: red; }*/
	#barraaceptacion {min-height: 5rem;}
	.peuFlex > article{
		width: 33.33%;
	}

}

@media screen and (min-width:1201px){
	/*footer { background: #1C5F81; }*/
	#barraaceptacion {min-height: 3rem;}

}

@media screen and (min-width:1560px){
	.galeria{
		width: 75%;
	}
	.galeriaItem{
		width: 33.33%;
	}
}

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


}

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


}