/*FONTS*/
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Allerta);
@import url(http://fonts.googleapis.com/css?family=Bree+Serif);
@import url(http://fonts.googleapis.com/css?family=Maven+Pro);


/*PAGINA*/

*{
	margin: 0;
	padding: 0;
}
html{
	height: 100%;
}
body{
	height: 100%;
	background: url(../images/patro_kilis.jpg);
}

#web{
	margin: 0 auto;
	/*overflow: hidden;*/
	height: 100%;
}

/*INDEX*/
#web header{
	background: url(../images/sol.png) center center, url(../images/sol.png) center center;
	background-size: 115em, cover;
	background: url(../images/sol.png) center center no-repeat, url(../images/kankilis-50anys-banderoles.png) repeat-x center -20%,  -webkit-linear-gradient(top, rgba(255,230,147,1) 0%, rgba(250,200,114,1) 100%);  
    background: url(../images/sol.png) center center no-repeat, url(../images/kankilis-50anys-banderoles.png) repeat-x center -20%, -moz-linear-gradient(top, rgba(255,230,147,1) 0%, rgba(250,200,114,1) 100%);  
    background: url(../images/sol.png) center center no-repeat, url(../images/kankilis-50anys-banderoles.png) repeat-x center -20%, -ms-linear-gradient(top, rgba(255,230,147,1) 0%, rgba(250,200,114,1) 100%);  
    background: url(../images/sol.png) center center no-repeat, url(../images/kankilis-50anys-banderoles.png) repeat-x center -20%, -o-linear-gradient(top, rgba(255,230,147,1) 0%, rgba(250,200,114,1) 100%);  
    background: url(../images/sol.png) center center no-repeat, url(../images/kankilis-50anys-banderoles.png) repeat-x center -20%, linear-gradient(top, rgba(255,230,147,1) 0%, rgba(250,200,114,1) 100%);
	position: relative;
	width: 100%;
	height: 15.7em;
	text-align: center;
	z-index: 10;
}
#web header p{
	position: relative;
	margin: 0;
	top: 1em;
	color: rgb(204,80,87);
}
#web header img{
	width: 100%;
	position: relative;
	transition:all 1s;
	/*-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;*/
	-webkit-animation: apareixer 3s;
	-moz-animation: apareixer 3s;
	-o-animation: apareixer 3s;
	-ms-animation: apareixer 3s;
	animation: apareixer 3s;
}
#pollastre_index{	
	max-width: 9.5em;
	bottom: -1.5em;
	left: -14em;
	/*-webkit-animation: apareixerlaterald 4s;
	-moz-animation: apareixerlaterald 4s;
	-o-animation: apareixerlaterald 4s;
	-ms-animation: apareixerlaterald 4s;
	animation: apareixerlaterald 4s;*/
}
#pollastre1_index{
	max-width: 12em;
	bottom: -1.5em;
	left: 15em;
	/*-webkit-animation: apareixerlaterale 4s;
	-moz-animation: apareixerlaterale 4s;
	-o-animation: apareixerlaterale 4s;
	-ms-animation: apareixerlaterale 4s;
	animation: apareixerlaterale 4s;*/
}

#logo_index{
	max-width: 15em;
	top: 4em;
}


@-webkit-keyframes apareixerlaterald{
	 from {right: 100%}
	 to {right: 4%}
}
@-moz-keyframes apareixerlaterald{
	 from {right: 100%}
	 to {right: 4%}
}
@-o-keyframes apareixerlaterald{
	 from {right: 100%}
	 to {right: 4%}
}
@-ms-keyframes apareixerlaterald{
	 from {right: 100%}
	 to {right: 4%}
}
@keyframes apareixerlaterald{
	 from {right: 100%}
	 to {right: 4%}
}
@-webkit-keyframes apareixerlaterale{
	 from {left: 100%}
	 to {left: 4%}
}
@-moz-keyframes apareixerlaterale{
	 from {left: 100%}
	 to {left: 4%}
}
@-o-keyframes apareixerlaterale{
	 from {left: 100%}
	 to {left: 4%}
}
@-ms-keyframes apareixerlaterale{
	 from {left: 100%}
	 to {left: 4%}
}
@keyframes apareixerlaterale{
	 from {left: 100%}
	 to {left: 4%}
}
#web nav{
	position: relative;
	height: 14em;
	background: url(../images/kankilis-50anys-pastis.png) no-repeat center, rgba(255,249,200,1);
	box-shadow: 0 0 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.5);
	z-index: 1;
	
}
#web nav:before{
	content: "";
	position: absolute;
	width: 100%;
	top:10px;
	border-top: 2px dashed rgba(246,231,103,1);
	border-bottom: 2px dashed rgba(246,231,103,1);
	height: 200px;;
	left: -5px;
}

#web nav > ul{
	position: relative;
	text-align: center;
	list-style-type:none; 
	margin: 0;
	padding: 0;
	top: 8em;
    -webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}
#web nav li{
	display: inline-block;
	width: 5%;
	min-width: 150px;
	margin: 0 1%;
	padding: 0.5em 0;
	transition:all 0.6s;
	-webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-o-transition:all 0.6s;
	-ms-transition:all 0.6s;
}
#web nav ul li:nth-child(2){
	margin-right: 9em;
}
@media screen and (max-width:823px){
	#web nav > ul{
		top: 5em;
	}
	#web nav ul li:nth-child(2){
		margin: 0 1%;
	}
	#web nav ul li{
		width: 30%;
		position: absolute;
	}
	#web nav ul li:nth-child(1), #web nav ul li:nth-child(2){
		left: 2em;
	}
	#web nav ul li:nth-child(3), #web nav ul li:nth-child(4){
		right: 2em;
	}
	#web nav ul li:nth-child(2){
		top: 3em;
	}
	#web nav ul li:nth-child(4){
		top: 3em;
	}
}

#web nav li:hover{
	background: rgba(255,251,218,1);
}
#web nav a{
	text-decoration: none;
	font-family: 'Lobster', cursive;
	font-weight: lighter;
	color: rgba(54,38,38,1);
	font-size: 1.1em;
	display: block;
	transition:all 0.6s;
	-webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-o-transition:all 0.6s;
	-ms-transition:all 0.6s;
}
#web nav a:hover{
	background: url(../images/tik_menu_index.png) no-repeat 10% center;
}
#index{
	background: url(../images/fons_taula.jpg);
	text-align: center;
	position: relative;
	overflow: hidden;
	background-size: 5%;
	transition:all 0.6s;
	-webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-o-transition:all 0.6s;
	-ms-transition:all 0.6s;
	height: 100%;
	min-height: 50em;
}

#taula_index {
	margin: 2.13em auto 0 auto;
	width: 100%;
	max-width: 1200px;
	position: relative;
	overflow: hidden;
	background: url(../images/forquilla_index.png) no-repeat 8em 8em,
				url(../images/ganivet_index.png) no-repeat 63em 8em;
	background-size: 5em;
	-webkit-animation: apareixer 2s;
	-moz-animation: apareixer 2s;
	-o-animation: apareixer 2s;
	-ms-animation: apareixer 2s;
	animation: apareixer 2s;
	
}

@-webkit-keyframes apareixer{
	 from {opacity: 0;}
	 to {opacity: 1;}
}
@-moz-keyframes apareixer{
	 from {opacity: 0;}
	 to {opacity: 1;}
}
@-o-keyframes apareixer{
	 from {opacity: 0;}
	 to {opacity: 1;}
}
@-ms-keyframes apareixer{
	 from {opacity: 0;}
	 to {opacity: 1;}
}
@keyframes apareixer{
	 from {opacity: 0;}
	 to {opacity: 1;}
}
#taula_index img{
	width: 100%;
	max-width: 44em;
	-webkit-animation: apareixerplat 4s;
	-moz-animation: apareixerplat 4s;
	-o-animation: apareixerplat 4s;
	-ms-animation: apareixerplat 4s;
	animation: apareixerplat 4s;
}
@-webkit-keyframes apareixerplat{
	 from {bottom: -1000px;}
	 to {bottom: -4px;}
}
@-moz-keyframes apareixerplat{
	 from {bottom: -1000px;}
	 to {bottom: -4px;}
}
@-o-keyframes apareixerplat{
	 from {bottom: -1000px;}
	 to {bottom: -4px;}
}
@-ms-keyframes apareixerplat{
	 from {bottom: -1000px;}
	 to {bottom: -4px;}
}
@keyframes apareixerplat{
	 from {bottom: -1000px;}
	 to {bottom: -4px;}
}

#plat_index{
	/*min-width: 800px;*/
	position: relative;
	bottom: -4px;
}

#web footer{
	text-align: center;
	font-family: 'Allerta', sans-serif;

}
#web footer span{
	color: white;
	text-shadow:1px 1px 20px rgba(0,0,0,1);
	padding: 0 0.5em;
}
#web footer ul{
	margin: 0;
	padding: 0;
}
#web footer li{
	display: inline-block;
	color: white;
	font-weight: lighter;
	font-size: 1em;
	text-shadow:1px 1px 25px rgba(0,0,0,1);
	margin: 1em 0;
}

/*INICI*/
#inici_cap header > img:first-child{
	position: absolute;
	left: -12em;
	top: 2.3em;
}
#inici_cap header > img:last-child{
	position: absolute;
	right: -13em;
	top: 2em;
}
#sombra_taula{
	box-shadow: 0px 0px 20px -8px;
    -webkit-box-shadow: 0px 0px 20px -8px;
    -moz-box-shadow: 0px 0px 20px -8px;
    -ms-box-shadow: 0px 0px 20px -8px;
    -o-box-shadow: 0px 0px 20px -8px;
}
#inici_cap{
	height: 155px;
	background: url(../images/kankilis-50anys-banderoles.png) repeat-x center -450%, -webkit-linear-gradient(top, rgba(255,230,147,1) 0%, rgba(250,200,114,1) 100%);  
    background: url(../images/kankilis-50anys-banderoles.png) repeat-x center -450%, -moz-linear-gradient(top, rgba(255,230,147,1) 0%, rgba(250,200,114,1) 100%);  
    background: url(../images/kankilis-50anys-banderoles.png) repeat-x center -450%, -ms-linear-gradient(top, rgba(255,230,147,1) 0%, rgba(250,200,114,1) 100%);  
    background: url(../images/kankilis-50anys-banderoles.png) repeat-x center -450%, -o-linear-gradient(top, rgba(255,230,147,1) 0%, rgba(250,200,114,1) 100%);  
    background: url(../images/kankilis-50anys-banderoles.png) repeat-x center -450%, linear-gradient(top, rgba(255,230,147,1) 0%, rgba(250,200,114,1) 100%);
    margin-bottom: 0.3em;
    border-bottom: 5px solid #ffffff;
}
#inici_cos{
	/*background: url(../images/patro_kilis.jpg);*/
	height: 100%;
	
}
#web_inici{
	position: relative;
	width: 100%;
	max-width: 990px;
	margin: 0 auto;

}

#web_inici > a{
	position: absolute;
	top: 0.2em;
	left: -10em;
	z-index: 10;
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#web_inici > a > img{
	width: 100%;
}
#anys-ca, #anys-es, #anys-fr, #anys-en{
	left: 33%;
    position: absolute;
    top: 4.3em;
}

#anys-en{
	top: 4.8em;
}

/*Menu*/
.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
.clearfix {  
    *zoom: 1;  
}

#web_inici nav{
	position: absolute;
	overflow: hidden;
	z-index: 11;
	right: 0;
}
#web_inici nav > ul{
	list-style-type:none;
	background: rgba(255,255,255,0.5);
	margin: 1em 0;
	padding: 0 1em;
	float: right;
    font-size:1em;
}
#web_inici nav > ul > li:first-child a{
	font-family: 'Lobster', cursive;
	color: rgb(238,129,1) !important;
    background: url(../images/tik_menu_inici.png) no-repeat 0% 50%;
    font-size:1.3em;;
}

#web_inici nav > ul >li{
	display: inline-block;
	vertical-align: middle;
	padding: 0.7em 0;
}
#web_inici nav > ul >li a{
	text-decoration: none;
	color: rgb(96,89,87);
	display: block;
	padding: 0 1.5em;
	transition:all 0.7s;
	-webkit-transition:all 0.7s;
	-moz-transition:all 0.7s;
	-o-transition:all 0.7s;
	-ms-transition:all 0.7s;
	font-size: 0.9em;
}
#web_inici nav > ul >li a:hover{
/*	background: url(../images/tik_menu_inici.png) no-repeat 0% 50%;*/
	color: rgb(238,129,1) !important;
    transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
#pull {  
    display: none;  
}
#social{
	position: absolute;
	clear: both;
	top: 7em;
	right: 0;
	transition:all 0.6s;
	-webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-o-transition:all 0.6s;
	-ms-transition:all 0.6s;
}
#social img{
	transition:all 0.7s;
	-webkit-transition:all 0.7s;
	-moz-transition:all 0.7s;
	-o-transition:all 0.7s;
	-ms-transition:all 0.7s;
}
#social img:hover{
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4);
}
#inici_cos > section{
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
	padding: 4em 1em;
	position: relative;
}
#inici{
	/*overflow: hidden;*/
}
#taula_dalt{
	max-height: 69px;
	width: 99%;
	margin: 0 auto;
}
#taula_dalt img{
	width: 100%;
	max-width: 976px;
	/*padding: 0 0.3em;*/
/*	background: url(../images/taula_inici.png) no-repeat center center;
	height: 69px;*/
	position: relative;
	text-align: right;
	top: 0.3em;
/*	background-size: 100%;*/
	/*box-shadow: -6px 6px 20px -10px;
    -webkit-box-shadow: -6px 6px 20px -10px;
    -moz-box-shadow: -6px 6px 20px -10px;
    -ms-box-shadow: -6px 6px 20px -10px;
    -o-box-shadow: -6px 6px 20px -10px;*/
}
#taula_dalt p{
	font-family: 'Lobster', cursive;
	color: rgba(229,207,294,1);
	margin: 0;
	padding: 1.5em;
}
#frase{
	font-family: 'Lobster', cursive;
	color: rgb(236,236,236);
	position: absolute;
	right: 2em;
	top: -4.7em;
	font-size: 1.3em;
	text-shadow: 1px 2px 3px #000;
}

#taula_abaix{
     -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        top: 0em !important;
}
.banda{
	position: relative;
	height: 30px;
	background: rgba(255,249,200,1);
	overflow: hidden;
}
.banda:before{
	content: "";
	position: absolute;
	border-top: 2px dashed rgb(248,233,119);
	border-bottom: 2px dashed rgb(248,233,119);
	width: 100%;
	top:6px;
	height: 15px;
	/*left: 7px;*/
}
#taula_inici{
	background: url(../images/fons_taula.jpg);
	background-size: 10%;
	min-height: 800px;
	position: relative;
	padding-bottom: 8em;
	/*overflow: hidden;*/
}
.taula_parada{
	min-height: 280px;
	position: relative;
}
#inici > img{
	position: absolute;
	left: -5.3em;
}

.taula_parada > img{
	float: left;
	margin: 0.5em 4em 0 1.5em;
	width: 200px;
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.taula_parada > img:hover{
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.text_taula_parada{
    -webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
    position: absolute;
	width: 100%;
	max-width: 593px;
    right:0;
	height: 205px;
	background: rgba(255,249,200,0.6);
	margin: 2.5em 2em 0 0;
	font-family: 'Maven Pro', sans-serif;
}
#arrow-left{
	position: absolute;
	width: 0;
	height: 0;	
	border-top: 104px solid transparent;
	border-bottom: 104px solid transparent;
	border-right: 60px solid rgba(255,250,216,0.8);
	top: 2.4em;
	right: 39em;
}
/*.text_taula_parada{
	opacity: 0;
}*/
.text_taula_parada h2{
	margin: 1em 0 0 0;
	padding-left: 1em;
    font-family: 'Lobster', cursive;
    color: rgb(238,129,1);
    font-weight: lighter;
}
.text_taula_parada span{
     float:right;
    position: absolute;
    right:2em;
    top:2em;
    color:rgb(204,57,74);
}
.text_taula_parada p{
	text-align: justify;
	margin: 0;
	line-height: 1.5em;
	padding: 0.5em 2em;
	font-size: 0.9em;

}
#caixa_amunt{
    position: absolute;
    width: 100%;
    text-align:center;
    clear: both;
    bottom: 0;
}
#amunt{
	width:100%;
	max-width: 5em;
}
/*HISTORIA*/
#galeria{
	position: relative;
	padding: 1em;
}
#contingut{
	margin-top: 6em;
}
#historia{
	padding:0 0.5em !important;
}
#historia p, #historia h2{
	font-family: aller;
	margin: 0 auto;
	width: 85%;
}
#historia h1{
	color: white;
	font-family: 'Lobster', cursive;
	font-weight: lighter;
	margin: 4em 0 2em 0;
	background-color: rgb(234,171,97);
	width: 50%;
	position: relative;
	left: -1%;
	padding-left: 2.5em;
}
#historia p{
	line-height: 1.5em;
	margin-bottom: 2em;
	text-align: justify;
	font-family: 'Maven Pro', sans-serif;
}
#historia h2{
	font-family: 'Maven Pro', sans-serif;
	color: rgb(238,129,1);
	margin-bottom: 0.2em;
}

/*SITUACIO I CONTACTE*/

#situacio{

}
#situacio_esquerra, #contacte_esquerra{
	width: 40%;
	float: left;
	position: relative;
	min-width: 339px;
}
#situacio_esquerra h2, #contacte_esquerra h2, #historia h1, #links h2{
	background: rgb(234,171,97);
	padding: 0.5em 0;
	color: #fff;
	font-family: 'Lobster', cursive;
	font-weight: lighter;
	position: relative;
	padding: 10px 20px 10px 66px;
	margin: 0px 10px 50px -20px;
	text-shadow: 0px 1px 2px #bbb;
	-webkit-box-shadow: 0px 2px 4px #888;
	-moz-box-shadow: 0px 2px 4px #888;
	box-shadow: 0px 2px 4px #888;
	width: 80%;
	max-width: 445px;
	top: 1.5em;
}

#situacio_esquerra h2:before, #contacte_esquerra h2:before, #historia h1:before, #links h2:before{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 5px 10px;
	border-style: solid;
	border-color: #666 #666 transparent transparent;
}
#situacio_esquerra span{
	font-family: 'Maven Pro', sans-serif;
	width: 84%;
	display: block;
	margin: 0 auto 3em 3.5em;
	/*padding-left: 2em;*/
	/*margin-bottom: 3em;*/
	color: rgb(72,72,72);
}
#contacte_esquerra span{
	font-family: 'Maven Pro', sans-serif;
	width: 80%;
	display: block;
	margin: 0 auto;
	padding-left: 2em;
	margin-bottom: 3em;
	color: rgb(72,72,72);
}
#situacio_esquerra span i{
	font-size: 1.1em;
    margin-right: 0.7em;
	color: #EAAB61;
}
#situacio_esquerra > span:nth-child(2){
	/*background: url(../images/situacio-kankilis.png) left center no-repeat;*/
	margin-top: 6em;
	margin-left: 1.4em;
}
#situacio_esquerra > span:nth-child(5){
	/*background: url(../images/telefon-kankilis.png) left center no-repeat;*/
	margin-left: 1.4em;
}
#situacio_esquerra > span:nth-child(6){
	/*background: url(../images/email-kankilis.png) left center no-repeat;*/
	margin-left: 1.4em;
}
#situacio_esquerra > span:nth-child(7){
	/*background: url(../images/horari-kankilis.png) left center no-repeat;*/
	margin-left: 1.4em;
}
#situacio_esquerra > span:nth-child(8){
	margin-bottom: 0.5em;
}
#situacio_esquerra > span:nth-child(2), #situacio_esquerra > span:nth-child(3), #situacio_esquerra > span:nth-child(7), #situacio_esquerra > span:nth-child(9), #situacio_esquerra > span:nth-child(10), #contacte_esquerra > span:nth-child(2), #contacte_esquerra > span:nth-child(3), #contacte_esquerra > span:nth-child(5), #contacte_esquerra > span:nth-child(6){
	margin-bottom: 0.3em;
}
#situacio_esquerra > span:nth-child(7), #situacio_esquerra > span:nth-child(9), #contacte_esquerra > span:nth-child(2), #contacte_esquerra > span:nth-child(5){
	font-weight: bold;
}
#situacio_dreta, #contacte_dreta{
	width: 60%;
	float: left;
	position: relative;
}
#mapa{
	width: 90%;
	height: 360px;
	border: 5px solid rgb(203,175,112);
	margin: 3em 3em 0 auto; 
}

/*CONTACTE*/
#contacte{

}
#contacte_esquerra{
	width: 45%;
	font-family: 'Maven Pro', sans-serif;
}
#postit{
	background: rgb(255,254,152);
	width: 80%;
	min-width: 355px;
	/*margin: 4em auto 0 auto;*/
	-webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    padding: 1em 0;
    text-align: center;
    position: absolute;
    left: 0.5em;
    box-shadow: -6px 6px 20px -10px;
    -webkit-box-shadow: -6px 6px 20px -10px;
    -moz-box-shadow: -6px 6px 20px -10px;
    -ms-box-shadow: -6px 6px 20px -10px;
    -o-box-shadow: -6px 6px 20px -10px;
}
#postit > span{
	padding: 0;
	margin-bottom: 1em;
	font-family: aller;
	font-weight: bold;
}
#postit > span:last-child{
	margin-bottom: 0;
	color: rgb(255,138,0);
	font-size: 1.5em;
}
#contacte_esquerra > img{
	position: absolute;
	left: -1.1em;
	top: 22.5em;
}
@-moz-document url-prefix() { 
	#contacte_esquerra > img{
		left: -1.1em;
		top: 25.5em;
	}
}
#contacte_esquerra > span{
	padding-left: 0;
}
#contacte_esquerra > span:nth-child(2){
	margin-top: 6em;
}
#contacte_dreta{
	width: 55%;
	padding: 1em 2em;
}

/*LINKS*/
#links{

}
#caixa_link{
	width: 95%;
	margin: 0 4em;
	font-family: 'Maven Pro', sans-serif;
}
#link1, #link2, #link3{
	display: inline-block;
	width: 32%;
	min-width: 255px;
	vertical-align: top;
}
#caixa_link ul{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 3em;
}
#caixa_link li{
	margin-bottom: 1em;
	text-indent: 1em;
}
#caixa_link li > a{
	color: rgb(235,161,77);
	text-decoration: none;
}
#link1 > ul > li:first-child, #link2 > ul > li:first-child, #link3 > ul > li:first-child{
	font-weight: bold;
	list-style: none;
	text-indent: 0em;
	color: rgb(72,72,72);
}
/*#link1 ul:nth-child(2){
	margin-top: 3em;
}*/

/*FOOTER*/

#inici_cos footer{
	position: relative;
	top: -2.8em;
	font-family: 'Bree Serif', serif;
	font-weight: lighter;
}
#inici_cos footer ul{
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 12px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
}
#inici_cos footer ul li{
	display: inline-block;
	color: #fff;
}
#inici_cos footer ul span{
	color: #fff;
}


@media screen and (max-width:1410px){
	#inici_cap header > img:first-child, #inici_cap header > img:last-child {
		display: none;
	}

}
@media screen and (max-width:1280px){
	/*#taula_index{
        margin:9.2em auto 0 auto;
	}*/
	#taula_index {
		margin: 4em auto 0 auto;
		max-width: 800px;
		background: url(../images/forquilla_index.png) no-repeat 1em 8em, url(../images/ganivet_index.png) no-repeat 45em 8em;
		background-size: 4em;
	}
	#taula_index img {
		max-width: 37em;
	}
}
@media screen and (max-width:1144px){
	#web header {
		height: 13.4em;
	}
	#inici > img {
		display: none;
	}
	#logo_index {
		max-width: 14em;
		top: 3em;
	}
	#pollastre_index {
		max-width: 7.5em;
		bottom: 0;
		left: -11em;
	}
	#pollastre1_index {
		max-width: 10em;
		bottom: 0;
		left: 12em;
	}
	#web header > img:nth-child(2), #web header > img:nth-child(4){
		/*display: none;*/
	}

}
/*HORITZONTAL IPAD*/
@media screen and (max-width:1024px){
	
	#anys-ca, #anys-es, #anys-fr, #anys-en {
    	left: 36%;
	}
	#web_inici nav > ul {
		font-size: 0.9em;
	}
	#web_inici nav > ul > li:first-child a {
		background: url(../images/tik_menu_inici.png) no-repeat -2% 50%;
	}
	#web_inici > a {
		left: -9em;
		/*width: 495px;*/
	}
	/*#social{
		top: 5.5em;
	}*/
	#index footer{
		font-size: 0.9em;
	}
	
	
	#situacio_esquerra h2, #contacte_esquerra h2, #historia h1, #links h2 {
		font-size: 1.5em;
		margin: 0px 10px 50px -10px;
	}
	#situacio_esquerra h2::before, #contacte_esquerra h2::before, #historia h1::before, #links h2::before {
		border-width: 3px 5px;
	}
	#historia h2{
		font-size: 1.2em;
	}
	#historia p{
		font-size: 0.8em;
	}
	.taula_parada img{
        width: 170px;
    }   
    .text_taula_parada{
        font-size:0.9em;
        margin: 2em 1em 0 0;
        height:180px;
    }
    #arrow-left {
		border-top: 91px solid transparent;
		border-bottom: 91px solid transparent;
		top: 1.5em;
		right: 37.8em;
	}
}
@media screen and (max-width:925px){
	.text_taula_parada{
        max-width:500px; 
        height:180px;
    }
    #arrow-left {
		right: 32em;
	}
	#frase {
		top: -5em;
		font-size: 1.1em;
	}
	#web header > img:nth-child(2), #web header > img:nth-child(4) {
		display: none;
	}

}

@media screen and (max-width:900px){
	#web_inici > a {
		/*width: 22.8em;*/
		left: -10em;
	}
	#inici_cap {
		/*height: 88px;*/
	}
	#web_inici nav > ul {
		font-size: 0.8em;
	}
	#social {
		top: 3.5em;
	}
}
@media screen and (max-width:850px){
	#link1, #link2, #link3 {
		width: 45%;
	}
}
@media screen and (max-width:820px){
	#web_inici nav{
		width: 100%;
	}
	#web_inici nav > ul {
		width: 100%;
		float: none;
		text-align: center;
	}
	#web_inici > a {
		left: -11em;
    	top: 3.3em;
	}
	#inici_cap{
		height: 205px;
	}
	#anys-ca, #anys-es, #anys-fr, #anys-en {
	    left: 36%;
	    top: 5em;
	    width: 27em;
	}
	#social {
		right: 1.5em;
		z-index: 2;
		top: 4em;
	}
    #taula_index {
		margin: 6em auto 0 auto;
		max-width: 38em;
		background: url(../images/forquilla_index.png) no-repeat 0em 6em, url(../images/ganivet_index.png) no-repeat 34em 6em;
		background-size: 3.5em;
	}
	#taula_index img {
		max-width: 30em;
	}
    .taula_parada{
        min-height:200px;
    }
    .taula_parada img{
        margin-top: 2em;
        width: 125px;
    }   
    .text_taula_parada{
        font-size:0.73em;
        margin: 3.5em 1em 0 0;
        height:155px;
        max-width: 395px;
    }
    #arrow-left {
		border-top: 78px solid transparent;
		border-bottom: 78px solid transparent;
		border-right: 40px solid rgba(255,250,216,0.8);
		top: 2.4em;
		right: 25.3em;
	}
	#frase {
		top: -5.2em;
		font-size: 1em;
	}
}

/*VERTICAL IPAD*/
@media screen and (max-width:768px){
	#anys-ca, #anys-es, #anys-fr, #anys-en {
	    left: 38%;
	    top: 5em;
	    width: 22em;
	}
	#frase {
		top: -4.5em;
		font-size: 1em;
	}
	#taula {
		width: 80%;
		margin-top: 7em;
	}
	.banda {
		height: 20px;
	}
	.banda::before {
		top: 4px;
		height: 8px;
	}
	/*.text_taula_parada h2{
		font-size: 1.7em;
	}*/
	
	#contacte_esquerra h2, #historia h1 {
		margin: 0px 10px 90px -12px;
	}
	#situacio_esquerra, #contacte_esquerra, #situacio_dreta, #contacte_dreta{
		float: none;
		width: 100%;
		min-width: 0;
	}
	#contacte_dreta{
		margin-top: 12em;
	}
	@-moz-document url-prefix() { 
		#contacte_dreta{
			margin-top: 15em;
		}
	}
	#postit{
		width: 50%;
		min-width: 364px;
	}
	#inici_cos footer{
		font-size: 0.9em;
	}
	#amunt{
		max-width: 4em;
	}
	
}
/*HORITZONTAL IPHONE*/
@media screen and (max-width : 640px) {
	#web header {
		height: 12.7em;
	}
	#logo_index {
		max-width: 12em;
		top: 3em;
	}
	#web nav {
		height: 9em;
	}
	#web nav::before {
		height: 7.5em;
	}
	#web nav > ul {
		top: 2em;
	}
	#web nav li {
		width: 46%;
		min-width: 0;
	}
	#index footer {
		font-size: 0.8em;
	}
	#taula_index {
		background: url(../images/forquilla_index.png) no-repeat 1em 4em, url(../images/ganivet_index.png) no-repeat 23em 4em;
		background-size: 2em;
		width: 85%;
		margin-top: 3em;
		max-width: 413px;
	}
	#taula_index img {
		max-width: 18em;
	}

	#web_inici nav{
		background: rgba(255,255,255,0.8);
	}
	
	#web_inici nav ul {  
        display: none;  
        height: auto;
        padding: 0;
    }
    #web_inici nav li {  
        display: block;  
        float: none;  
        width: 95%;
        border-bottom: 1px solid #576979;
    }
    #pull {  
        display: block;  
        background: rgba(255,255,255,0.5);
        padding: 0.8em 0;  
        width: 100%;  
        position: relative;
        text-decoration: none;
        color: rgb(238,129,1);
        text-indent: 2em;
    }  
    #pull:after {  
        content:"";   
        background: url(../images/nav-icon.png) no-repeat;
        width: 30px;  
        height: 30px;  
        display: inline-block;  
        position: absolute;  
        right: 15px;  
        top: 10px;  
    }
    #web_inici nav > ul >li:hover{
		background: rgba(0,0,0,0.1);
	}
	#web_inici nav > ul > li {
		padding: 0;
	}
	#web_inici nav > ul > li a {
		padding: 0.7em 0;
	}
	#contacte_esquerra h2, #historia h1 {
		font-size: 1.2em;
		margin: 0px 10px 90px -15px;
	}
	#situacio_esquerra h2::before, #contacte_esquerra h2::before, #historia h1::before, #links h2::before {
		border-width: 3px 5px;
	}
	#web nav {
		background-size: 7em;
	}
	#web nav ul{
		top: 2em;
	}
	#frase {
		top: -4.3em;
		font-size: 0.9em;
		right: 2em;
	}
	#inici {
		overflow: hidden;
	}
	
    .taula_parada img{
        float:none;
        display: block;
        margin: 1em auto;
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
    }   
    .text_taula_parada{
        float:none;
        margin: 0 auto;
        width:95%;
        max-width: none;
        height: auto;
        min-height: 160px;
        position: relative;
        font-size: 0.9em;
    }
    #arrow-left {
        display:none;
    }
    .text_taula_parada span {
        float: none;
        position: relative;
        right: 0;
        top: 0;
        padding-left: 2em;
    }
    .text_taula_parada p {
		padding: 0.5em 2em;
    }
    
	#contacte_esquerra h2{
		margin: 0px 10px 70px -10px;
	}
	#situacio_esquerra h2, #contacte_esquerra h2, #historia h1, #links h2 {
		margin-bottom: 70px;
	}
    #caixa_link{
    	margin: 0 auto;
    }
    #link1, #link2, #link3 {
		display: block;
		margin: 0 auto;
		min-width: 212px;
	}
	#inici_cos footer{
		font-size: 0.7em;
		top: -2.5em;
	}
	#amunt{
		max-width: 3em;
	}
	#inici_cap {
    	height: 285px;
	}
	#web_inici > a {
		/*width: 22em;*/
		top: 8.3em;
		left: 0;
	}
	#anys-ca, #anys-es, #anys-fr, #anys-en {
	    left: 25%;
	    top: 3.5em;
	    width: 18em;
	}
	#social {
		top: 3.5em;
	}
	
}
@media screen and (max-width : 480px) {
	#inici_cap {
	    height: 255px;
	}
	#anys-ca, #anys-es, #anys-fr, #anys-en {
	    left: 15%;
	    /*top: 5.5em;*/
	    width: 17em;
	}
	#index footer {
		font-size: 0.7em;
	}
	#web footer li {
		margin: 0.5em;
	}
	#taula_index {
		background: url(../images/forquilla_index.png) no-repeat 3em 3em, url(../images/ganivet_index.png) no-repeat 20em 3em;
		background-size: 1.7em;
		min-width: 404px;
	}
	#taula_index img {
		max-width: 15em;
	}
	#frase {
		top: -4.4em;
		font-size: 0.8em;
		right: 1em;
	}
	
	#inici_cos footer {
		font-size: 0.8em;
		top: -0.5em;
	}
	#inici_cos footer ul li {
		display: inline-block;
		color: rgba(0,0,0,0.5);
	}
	#inici_cos footer ul span {
		color: rgba(0,0,0,0.5);
	}
	#postit{
		width: 90%;
		min-width: 0px;
	}
	#postit span{
		font-size: 0.8em;
	}
	#postit > span:last-child {
		font-size: 1.3em;
	}
	#contacte_dreta {
		padding: 1em 0.5em;
	}
	/*.text_taula_parada {
		height: 160px;
	}*/
	/*.text_taula_parada span {
		top: 2.2em;
	}*/
	#container {
		padding: 1em !important;
	}
	#situacio_esquerra h2, #contacte_esquerra h2, #historia h1, #links h2 {
		font-size: 1em;
	}
	#link1, #link2, #link3 {
		min-width: 0;
		width: 100%;
		text-align: center;
	}
	#amunt{
		max-width: 3em;
	}
}
/*VERTICAL IPHONE*/
@media screen and (max-width : 320px) {
	#inici_cap {
	    height: 221px;
	}
	#anys-ca, #anys-es, #anys-fr, #anys-en {
	    left: 15%;
	    top: 5em;
	    width: 13em;
	}
	#web_inici > a {
		width: 18em;
	}
	#frase {
		top: -4.4em;
		font-size: 0.7em;
		right: 1em;
	}
	#web nav ul{
		top: 3em;
	}
	#taula_index {
		width: 95%;
		margin-top: 4em;
	}
	#inici_cos footer{
		font-size: 0.6em;
		top:-2.3em;
	}
}

/* iPads (landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#index{
		min-height: 29em;
	}
	#web header{
		height: 8em;
	}
	#logo_index{
		max-width: 8em;
		top: 3em;
	}
	#web nav{
		height: 6em;
	}
	#web nav ul{
		top: 2em;
	}
	#web nav a{
		font-size: 0.9em;
	}
	#web nav:before{
		height: 4.5em;
	}
	#taula_index {
		max-width: 35em;
		background-size: 3em;
		margin: 2em auto 0 auto;
		background: url(../images/forquilla_index.png) no-repeat 1em 5em, url(../images/ganivet_index.png) no-repeat 31em 5em;
	}
	#taula_index img{
		max-width: 25em;
	}
}

/* iPads (portrait) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	#index{
		min-height: 42em;
	}
	#web header{
		height: 10em;
	}
	#logo_index{
		max-width: 8em;
		top: 3em;
	}
	#web nav{
		height: 8em;
	}
	#web nav ul{
		top: 3.5em;
	}
	#web nav a{
		font-size: 0.9em;
	}
	#web nav:before{
		height: 6.5em;
	}
	#taula_index {
		max-width: 35em;
		background-size: 3em;
		margin: 8em auto 0 auto;
		background: url(../images/forquilla_index.png) no-repeat 1em 5em, url(../images/ganivet_index.png) no-repeat 31em 5em;
	}
	#taula_index img{
		max-width: 25em;
	}
}
/*Iphone horitzontal*/
@media only screen and (max-width : 640px) and (orientation : landscape) {
	#index{
		min-height: 25em;
	}
	#web{
		height: auto;
	}
	#web header{
		height: 6em;
		background: -webkit-linear-gradient(top, rgba(255,230,147,1) 0%, rgba(250,200,114,1) 100%);  
	    background: -moz-linear-gradient(top, rgba(255,230,147,1) 0%, rgba(250,200,114,1) 100%);  
	    background: -ms-linear-gradient(top, rgba(255,230,147,1) 0%, rgba(250,200,114,1) 100%);  
	    background: -o-linear-gradient(top, rgba(255,230,147,1) 0%, rgba(250,200,114,1) 100%);  
	    background: linear-gradient(top, rgba(255,230,147,1) 0%, rgba(250,200,114,1) 100%);
	}
	#web header p{
		top:0.5em;
		font-size: 0.9em
	}
	#logo_index{
		max-width: 6.5em;
		top: 1em;
	}
	#web nav{
		height: 4em;
	}
	#web nav ul{
		top: 1em;
	}
	#web nav li{
		padding: 0.3em 0;
		width: 22%;
	}
	#web nav a{
		font-size: 0.8em;
	}
	#web nav:before{
		height: 2.6em;
	}
	#taula_index {
		max-width: 35em;
		
		margin: 2em auto 0 auto;
		background: url(../images/forquilla_index.png) no-repeat 2em 5em, url(../images/ganivet_index.png) no-repeat 26em 5em;
		background-size: 2.2em;
	}
	#taula_index img{
		max-width: 20em;
	}
	#web footer li{
		font-size: 0.9em;
	}
	#postit {
		bottom: -10em;
	}

}
@media only screen and (max-width : 480px) and (orientation : portrait) {
	#index{
		/*min-height: 20em;*/
		height: 100%;
	}
	#web header{
		height: 6em;
		background: -webkit-linear-gradient(top, rgba(255,230,147,1) 0%, rgba(250,200,114,1) 100%);  
	    background: -moz-linear-gradient(top, rgba(255,230,147,1) 0%, rgba(250,200,114,1) 100%);  
	    background: -ms-linear-gradient(top, rgba(255,230,147,1) 0%, rgba(250,200,114,1) 100%);  
	    background: -o-linear-gradient(top, rgba(255,230,147,1) 0%, rgba(250,200,114,1) 100%);  
	    background: linear-gradient(top, rgba(255,230,147,1) 0%, rgba(250,200,114,1) 100%);
	}
	#web header p{
		top:0.5em;
		font-size: 0.7em;
	}
	#logo_index{
		max-width: 6em;
		top: 1.5em;
	}
	#web nav{
		height: 9em;
		background-size: 5em auto;
	}
	#web nav ul{
		top: 2.5em;
	}
	#web nav li{
		padding: 0.3em 0;
		width: 21%;
	}
	#web nav ul li:nth-child(1), #web nav ul li:nth-child(2){
		left: 1em;
	}
	#web nav ul li:nth-child(3), #web nav ul li:nth-child(4){
		right: 1em;
	}
	#web nav a{
		font-size: 0.8em;
	}
	#web nav:before{
		height: 7.6em;
	}
	#taula_index {
		max-width: 35em;
		margin: 4em auto 0 auto;
		background: url(../images/forquilla_index.png) no-repeat 1em 3em, url(../images/ganivet_index.png) no-repeat 16.5em 3em;
		background-size: 1.3em;
		min-width: 0;
	}
	#taula_index img{
		max-width: 12em;
	}
	#web footer li{
		font-size: 0.9em;
	}
	#inici_cos footer {
		font-size: 0.7em;
		top: -0.5em;
	}
	#inici_cos footer ul li {
		display: inline-block;
		color: rgba(0,0,0,0.5);
	}
	#inici_cos footer ul span {
		color: rgba(0,0,0,0.5);
	}
	#postit {
		bottom: -10em;
	}
	#postit span:nth-child(2){
		text-decoration: none;
		color: green;
	}

}
/*Dades footer*/
#webstorming{list-style: none; margin-top: 6em;}
#webstorming li{float: right;padding-left: 2em; font-size: 0.7em;}
#webstorming li a{text-decoration: none;}
#webstorming li a{color: #000000;}
#webstorming li:first-child a{color: #6B2B7D; font-weight: bold;}
#webstorming li a:hover{opacity: 0.6;}

/*Avis legal i Cookies*/
.avis, .cookies{padding: 2em 1.5em; text-align: justify;line-height: 1.4em;font-family: "Maven Pro",sans-serif;}
.avis h2, .cookies h2{text-decoration: underline;}

/*Política de Cookies*/
@keyframes desaparecer
{
0%  {bottom: 0px;}
80% {bottom: 0px;}
100%    {bottom: -50px;}
}
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%  {bottom: 0px;}
80% {bottom: 0px;}
100%    {bottom: -50px;}
}
@keyframes aparecer
{
0%  {bottom: -38px;}
10% {bottom: 0px;}
90% {bottom: 0px;}
100%    {bottom: -38px;}
}
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%  {bottom: -38px;}
10% {bottom: 0px;}
90% {bottom: 0px;}
100%    {bottom: -38px;}
}
#cookiesms1:target {
display: none;
}
#cookie1{bottom:-50px;}
#cookie2{bottom:-123px;}
.cookiesms,.cookiesms1{ 
width:100%;
height:43px;
margin:0 auto;
padding-left:2%;
padding-top:5px;
font-size: 1.2em;
clear:both;
font-weight: strong;
color: #333;
bottom:0px;
position:fixed;
left: 0px;
background-color: #FFF;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
.cookiesms1{min-height:110px;}
.cookiesms:hover{
bottom:0px;
}
.cookies2{
background-color: #FFF;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute;
left:2%;
top:-50px;
font-size:15px;
height:50px;
padding-left:25px;
padding-right:25px;
/*padding-top: 10px;*/
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
}
/* Fin del CSS para cookies */

/* Smartphones (portrait & landscape) */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

}

/* Smartphones (landscape) */
@media only screen 
and (min-width : 321px) {

}

/* Smartphones (portrait) */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait & landscape) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

}



/* iPads (portrait) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

}

/* Ordenadores de sobremesa y portátiles */
@media only screen 
and (min-width : 1224px) {

}

/* Pantallas grandes */
@media only screen 
and (min-width : 1824px) {

}

/* iPhone 4 */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

}