@font-face{
	font-family: SourceSansPro-Regular;
	src: url('../fonts/SourceSansPro-Regular.ttf')
}

@font-face{
	font-family: SourceSansPro-Light;
	src: url('../fonts/SourceSansPro-Light.ttf')
}

@font-face{
	font-family: SourceSansPro-Semibold;
	src: url('../fonts/SourceSansPro-Semibold.ttf')
}

@font-face{
	font-family: SourceSansPro-SemiboldItalic;
	src: url('../fonts/SourceSansPro-SemiboldItalic.ttf')
}

@font-face{
	font-family: SourceSansPro-Italic;
	src: url('../fonts/SourceSansPro-Italic.ttf')
}

@font-face{
	font-family: SourceSansPro-LightItalic;
	src: url('../fonts/SourceSansPro-LightItalic.ttf')
}

body {
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#141721;
	font-family: 'source sans pro';
	background:#ffffff;
}

html, form, body {
	height:100%;
}

.float_left {float:left;}
.float_right {float:right;}
.absolute {position:absolute;}
.relative {position:relative;}
.clear_both {clear:both;}

table {
	font-size:14px;
	font-family: 'source sans pro';
}

/*****************************************/
/*GENERALS********************************/
/*****************************************/
#container_cap {
	height:119px;
	background:#ffffff;
	width:100%;
}

#alt_banner {
	height:508px;
}

#container_peu {
	background:#5b5b58;
	padding:20px 0px;
	color:#d8d7d7;
	height:280px;
	line-height:30px;
	font-family:SourceSansPro-Light;
	font-size:14px;
	color:#d8d7d7;
}


	.link_mail a {
		color:#d8d7d7;
	}

	.link_mail a:hover {
		color:#ffffff;
	}
	
	.sep {
		border-top:1px solid #2B2B2B;
		padding-top:10px;
	}

#container_peu  .logoPeu{
	margin-bottom:20px;
}

#container_peu .telf, #container_peu .localitzacio, #container_peu .email{
	margin-bottom:15px;
	letter-spacing:1px;
}

#container_peu .telf img, #container_peu .localitzacio img, #container_peu .email img{
	margin-right:15px;
	margin-bottom:-5px;
}


#container_peu .telf{
	font-family:SourceSansPro-Semibold;
	font-size:24px;
	letter-spacing:1px;
	color:#ffffff;
}	

#container_cap .contacte{
	padding-top:16px;
	text-align:right;
}

#container_cap .contacte .telf, #container_cap .contacte .email{ 
	line-height:30px;
	margin-bottom:10px;
}

#container_cap .contacte .telf{
	font-family:SourceSansPro-Semibold;
	color:#000000;
	font-size:24px;
} 

#container_cap .contacte .email a{ 
	color:#787878;
	font-family:SourceSansPro-Light;
	font-size:20px;
}

#container_cap .contacte .email a:hover{ 
	color:#000000;
}

#container_cap .contacte .telf img, #container_cap .contacte .email img {
	margin-left:15px;
	margin-bottom:-5px;
}

#container_central {
	
}

#container_central  .sep{
	border-top: 1px solid #d4d3d3;
    font-size: 0px;
    height: 10px;
    /*margin-bottom: 10px;*/
    margin-top: 10px;
}

#container_central p{
	margin-top:0px;
}

#container_contingut {
	min-height:300px;
}

#fons {
	background: url(/FitxersWeb/20/fondoWeb.jpg) no-repeat top center #ffffff;
}

.ample_web {
	width:992px;
	margin:0px auto;
}

a {
	text-decoration:none;
	color:#818285;
}

a.sel, a:hover {
	color:#000000;
}

a img {
	border:none;
}

/*****************************************/
/*H***************************************/
/*****************************************/

h1 {
	padding:0px;
	margin:0px;
}

h2 {
	padding:0px;
	margin:0px;
}

h3 {
	padding:0px;
	margin:0px;
}


.credits p {
	margin:0px 0 5px 0;
}


.degradat {
	box-shadow:-12px -51px 69px #000000 inset;
	-moz-box-shadow:-12px -51px 69px #000000 inset;
	-webkit-box-shadow:-12px -51px 69px #000000 inset;;
	-o-box-shadow:-12px -51px 69px #000000 inset;
	-ms-box-shadow:-12px -51px 69px #000000 inset;
}

h1.titolHome {
    border-bottom: 1px solid #7290ab;
    color: #000000;
    font-family: SourceSansPro-Semibold;
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
}

h2.titolsActivitats{
    border-bottom: 1px solid #7290ab;
    color: #000000;
    font-family: SourceSansPro-Semibold;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
	line-height:31px;
}

.part-escola{
	background:#f2f7ff;
	padding:25px 0px;
}

.part-escola td{
	line-height:17px;
}

.part-escola h2.titolsActivitats{
   border-bottom: 1px solid #6684b6;
}


.part-empresa{
	background:#fef4f4;
	padding:25px 0px;
}

.part-empresa h2.titolsActivitats{
   border-bottom: 1px solid #b97878;
}

.part-serveis{
	background:#e5efff;
	padding:25px 0px;
}

.part-serveis h2.titolsActivitats{
   border-bottom: 1px solid #6684b6;
}

.part-activitats{
	background:#fce9e9;
	padding:25px 0px;
}

.part-activitats td{
	line-height:17px;
}

.part-activitats h2.titolsActivitats{
   border-bottom: 1px solid #b97878;
}


/* COOKIES BANNER */
#cookies_banner{
	background:#000000;
    display: none;
    float: none !important;
    height: 20px;
line-height: 20px;
	left: 0;
    margin: 0 auto !important;
    padding: 3px 0;
    position: fixed !important;
    right: 0;
    text-align: center;
    text-shadow: none;
    width: 100% !important;
    z-index: 999;
	bottom:0px;
	color:#ffffff;
font-size:12px;
}

#cookies_accept{
	background: url(/FitxersWeb/20/boto_desCookies.png) no-repeat;
    cursor: pointer;
    height: 18px;
    transition: all 0.2s ease 0s;
    width: 18px;
	float:left;
	margin-top:2px;
	margin-right:10px;
}

#cookies_accept:hover{
	background: url(/FitxersWeb/20/boto_actCookies.png) no-repeat;
    cursor: pointer;
    height: 18px;
    transition: all 0.2s ease 0s;
    width: 18px;
}

#cookies_banner p{
	margin:0px;
	padding:0px;
}


#social_icons ul{
	margin:0px;
	padding:0px;
	list-style:none;
	height:35px;
}

#social_icons li{
	float:left;
	padding:5px 10PX 10PX 0;
}


#social_icons ul li.follow{
	font-family:SourceSansPro-Light;
	font-size:14px;
	color:#ffffff;
	letter-spacing:1px;
	margin-right:20px;
}

#social_icons li a {
	-moz-transition:all 0.2s ease 0s;
	-webkit-transition:all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
    background-position: center top;
    float: left;
    height: 35px;
    width: 35px;
}

#social_icons li a:hover {
	background-position: center bottom;
}

.face {
	background: url(/FitxersWeb/20/facebook.png);


}

.twitter {
	background: url(/FitxersWeb/20/twitter.png);
}

.linkedin{
	background: url(/FitxersWeb/20/linkedIn.png);
}