html { height:100%; }
body { margin : 0 auto; padding : 0; font : 100%/1.4 'Open Sans', sans-serif; color : #000; text-align: center; height:100%; }

#wrapper { width: 100%; text-align: left; min-height:100%; }
#headcontainer { width: 100%; background:url(../img/bg-1.png); /*padding-top:110px;*/ padding-bottom:45px; }
.idioma { padding-bottom:92px; text-align:right; color:#FFF; }
.idioma a { color:#F8C564;
	transition: color 500ms ease-in; -webkit-transition: color 500ms ease-in; -o-transition: color 500ms ease-in; -moz-transition: color 500ms ease-in; }
.idioma a:hover { color:#FFF;
	transition: color 500ms ease-in; -webkit-transition: color 500ms ease-in; -o-transition: color 500ms ease-in; -moz-transition: color 500ms ease-in;  }
/*header { clear: both; width: 80%; font-size: 0.8125em; max-width: 92.3em; margin: 0 auto; padding: 0; position: relative; color: #000; text-align: center; }*/
header { clear: both; width: 90%; font-size: 0.8125em; max-width: 94em; margin: 0 auto; padding: 0; position: relative; color: #000; text-align: center; }
 
#bg-triangle-header { width: 100%; background:url(../img/triangle.png) center no-repeat; height:20px; display:block; margin-bottom:60px; }

#maincontentcontainer1 { clear:both; width: 100%; background:url(../img/bg-2.png); }
#maincontentcontainer1:after { content:""; display:block; clear:both; }
/*#maincontent1 { clear: both; width: 80%; font-size: 1em; max-width: 92.3em; margin: 0 auto; padding:0; position: relative; color: #000; padding-bottom:60px; }*/
#maincontent1 { clear: both; width: 90%; font-size: 1em; max-width: 94em; margin: 0 auto; padding:0; position: relative; color: #000; padding-bottom:60px; }
.col-dispositius { text-align:center; } 
#maincontent1 a { color: #D9462C; text-decoration: none; outline: none;
    transition: color 500ms ease-in; -webkit-transition: color 500ms ease-in; -o-transition: color 500ms ease-in; -moz-transition: color 500ms ease-in; }
#maincontent1 a:hover { color: #000;
    transition: color 500ms ease-in; -webkit-transition: color 500ms ease-in; -o-transition: color 500ms ease-in; -moz-transition: color 500ms ease-in; }

#maincontentcontainer2 { clear:both; width: 100%; background:url(../img/bg-3.png); }
#maincontentcontainer2:after { content:""; display:block; clear:both; }
/*#maincontent2 { clear: both; width: 80%; font-size: 1em; max-width: 92.3em; margin: 0 auto; padding:0; position: relative; color: #000; padding-top:80px; padding-bottom:60px; }*/
#maincontent2 { clear: both; width: 90%; font-size: 1em; max-width: 94em; margin: 0 auto; padding:0; position: relative; color: #000; padding-top:80px; padding-bottom:60px; }

#maincontentcontainer3 { clear:both; width: 100%; background:#333; }
#maincontentcontainer3:after { content:""; display:block; clear:both; }
/*#maincontent3 { clear: both; width: 80%; font-size: 1em; max-width: 92.3em; margin: 0 auto; padding:0; position: relative; color: #000; padding-top:80px; padding-bottom:60px; }*/
#maincontent3 { clear: both; width: 90%; font-size: 1em; max-width: 94em; margin: 0 auto; padding:0; position: relative; color: #000; padding-top:80px; padding-bottom:60px; }
a.linkmaincontent3 { color:#F8C564;
	transition: color 500ms ease-in; -webkit-transition: color 500ms ease-in; -o-transition: color 500ms ease-in; -moz-transition: color 500ms ease-in; }
a.linkmaincontent3:hover { color:#FFF;
	transition: color 500ms ease-in; -webkit-transition: color 500ms ease-in; -o-transition: color 500ms ease-in; -moz-transition: color 500ms ease-in;  }

#footercontainer { clear:both; width: 100%; background:url(../img/bg-4.png); bottom:0; padding:30px 0 35px 0; }
/*footer { clear: both; width: 80%; font-size: 0.9em; max-width: 92.3em; margin: 0 auto; padding: 0; color: #FFF; }*/
footer { clear: both; width: 90%; font-size: 1em; max-width: 94em; margin: 0 auto; padding: 0; color: #FFF; text-align:center; }
footer p { line-height:2; }
#xarxes-socials { border:1px solid #242424; background-color:#242424; display:inline; padding:10px;
	-webkit-border-radius: 20px; -moz-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;}
footer .fa { margin:0 10px; }
footer a { color:#FFF;
	transition: color 500ms ease-in; -webkit-transition: color 500ms ease-in; -o-transition: color 500ms ease-in; -moz-transition: color 500ms ease-in; }
footer a:hover { color:#F8C564;
	transition: color 500ms ease-in; -webkit-transition: color 500ms ease-in; -o-transition: color 500ms ease-in; -moz-transition: color 500ms ease-in;  }

#fetpernbsp { margin-top:45px; }
#fetpernbsp a { background:url(../img/bg-link-nbsp.png); -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; 
	padding:10px 15px; display: inline; font-family: 'Open Sans Condensed', sans-serif; color:#D9462C; font-size : 1.6em; line-height : 1.3; font-weight:300; 
	transition: background 400ms ease-in; -webkit-transition: background 400ms ease-in; -o-transition: background 400ms ease-in; -moz-transition: background 400ms ease-in;}
#fetpernbsp a:hover { background:url(../img/bg-link-nbsp.png); background-position: 0 129px;
	transition: background 400ms ease-in; -webkit-transition: background 400ms ease-in; -o-transition: background 400ms ease-in; -moz-transition: background 400ms ease-in; }

a.linkvisita { background:url(../img/bg-link-visita.png); -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; 
	padding:20px; display: inline; font-family: 'Open Sans Condensed', sans-serif; color:#FFF; font-size : 1.6em; line-height : 1.3; font-weight:300;
	transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; }
a.linkvisita:hover { background:url(../img/bg-link-visita.png); background-position: 0 129px; color:#D9462C;
	transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; }
p.p-linkvisita { text-align: center; }
p.p-comparteix { margin-bottom:10px; }
.clearvisita { clear:both; height:30px; }
.clearvisita2 { clear:both; height:29px; }

h1.h1header { font-family: 'Open Sans Condensed', sans-serif; color:#FFF; font-size : 11em; line-height : 0.9; font-weight:300; margin-bottom:10px; }
h2.h2header { font-family: 'Great Vibes', cursive; color:#FFF; font-size :4.5em; line-height : 1; font-weight:400; margin-bottom:0px; }

h2 { font-family: 'Great Vibes', cursive; color:#000; font-size :3.7em; line-height : 1; font-weight:400; margin-bottom:0px; text-align:center; }
h3 { font-family: 'Open Sans Condensed', sans-serif; color:#000; font-size : 5.5em; line-height : 0.9; font-weight:300; margin-bottom:10px; text-align:center; }
h4 { font-family: 'Open Sans Condensed', sans-serif; color:#000; font-size : 1.6em; line-height : 1.3; font-weight:300; margin-bottom:15px;  }
#maincontent2 h2, #maincontent2 h3 { color:#FFF; }
#maincontent3 h2 { color:#FFF; line-height:0.8; margin-bottom:20px; text-align:left; }
h2.h2-especial-es { padding-bottom:15px; }

a { text-decoration: none; }
p { margin-bottom:20px; font-weight:300; /*font-weight:300;*/ }
#maincontent3 p { color:#FFF; font-size:1em; }

@media only screen and (max-width: 1200px) {
	h1.h1header { font-size : 9em; line-height : 0.9; margin-bottom:10px; }
	h2.h2header { font-size: 4em; line-height : 1; margin-bottom:0px; }
	h2 { font-size :4em; line-height : 1; margin-bottom:0px; }
	h3 { font-size : 4.5em; line-height : 0.9; margin-bottom:10px; text-align:center; }
	h4 { font-size : 1.5em; line-height : 1.3; margin-bottom:15px;  }
	#fetpernbsp a { font-size : 1.5em;}
	a.linkvisita { font-size : 1.4em; padding:18px;}
}
@media only screen and (max-width: 1024px) {
	.columna-especial-1 { display:block; clear:both; width:100%; }
	.columna-especial-2 { display:block; clear:both; width:100%; margin-bottom:40px; }
	h1.h1header { font-size : 8em; line-height : 0.9; margin-bottom:10px; }
	h2.h2header { font-size :3.4em; line-height : 1; margin-bottom:0px; }
	h2 { font-size :3.4em; line-height : 1; margin-bottom:0px; }
	h3 { font-size : 4em; line-height : 0.9; margin-bottom:10px; text-align:center; }
	h4 { font-size : 1.5em; line-height : 1.3; margin-bottom:15px;  }
	#fetpernbsp a { font-size : 1.5em;}
	a.linkvisita { font-size : 1.3em; padding:18px;}
}
@media only screen and (max-width: 900px) {
	h1.h1header { font-size : 7em; line-height : 0.9; margin-bottom:10px; }
	h2.h2header { font-size :2.9em; line-height : 1; margin-bottom:0px; }
	h2 { font-size :2.9em; line-height : 1; margin-bottom:0px; }
	h3 { font-size : 3.4em; line-height : 0.9; margin-bottom:10px; text-align:center; }
	h4 { font-size : 1.5em; line-height : 1.3; margin-bottom:15px;  }
	a.linkvisita { font-size : 1.3em; padding:15px;}
}
@media only screen and (max-width: 480px) {
	h1.h1header { font-size : 4.4em; line-height : 0.9; margin-bottom:10px; }
	h2.h2header { font-size :2em; line-height : 1; margin-bottom:0px; }
	h2 { font-size :1.8em; line-height : 1; margin-bottom:0px; }
	h3 { font-size : 2.6em; line-height : 0.9; margin-bottom:10px; text-align:center; }
	h4 { font-size : 1.3em; line-height : 1.3; margin-bottom:15px; }
	#fetpernbsp a { font-size : 1.3em;}
	h2.h2-contacte { padding-top:15px; }
	a.linkvisita { font-size : 1.3em; padding:15px;}
}

img { border : 0; max-width: 100%; height: auto; width: auto\9; /* ie8 */ }

.clear { clear:both; }
.clearpeu { clear:both; height:15px; }

.section { clear: both; padding: 0px; margin: 0px; }
.breaker { clear: both; }
.group:before, .group:after { content:""; display:table;}
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }
.floatleft { float: left;}
.floatright { float: right; }