/* -------------- Definiciones generales para la pagina ----------------------- */
/* #acb826 -> verd */
html, body{
	padding:0px; border:0px; margin:0px;
	width:100%;
	height:100%;
	min-height:100%;
	min-width:100%;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	font-family: 'Nunito', sans-serif;
	font-size:12px;
	font-weight:300;
}
a {	outline:none; }
h1, h2, h3, h4{ font-weight:300; margin:0px; padding:0px; border:0px; }
#cos{
	width:1000px;
	text-align:left;
	height:100%;
	min-height:100%;
	margin:0 auto 0 auto;
}
	/* ************************************* TOP ******************************** */
	#cos #logo{
		padding-left:68px;
		padding-top:11px;
		float:left;
	}
	#cos #frase{
		padding-right:90px;
		padding-top:42px;
		float:right;
	}
		#cos #frase h1{
			font-size:16px;
			color:#666666;
		}
	/* ************************************** MENU ******************************** */
	#cos #menu{
		clear:both;
		width:910px;
		background:url(../img/fons_menu.png) top center no-repeat;
		height:86px;
		padding-left:90px;
		
	}
		#cos #menu #apt{
			float:left;
			color:#8b8b8b;
			font-size:22px;
			padding-top:12px;
			padding-right:25px;
			text-shadow: 1px 1px 1px rgba(0,0,0,1);
		}
		#cos #menu #apt a{
			float:left;
			color:#FFFFFF;
			text-decoration:none;
		}
		/* ************************************** URL ******************************** */
		#cos #menu #url{
			clear:both;
			text-align:left;
			color:#e1e1e1;
			padding-top:20px;   
			font-size:14px;
			font-style:italic;
		}
	/* ************************************** texteoverback ******************************** */
	#cos #texteoverback{
		padding-left:73px;
		padding-top:20px;
		color:#314174;
		height:145px;
	}
		#cos #texteoverback h1{
			padding:0px; margin:0px; border:0px;
			font-size:36px;
		}
		#cos #texteoverback h2{
			padding:0px; margin:0px; border:0px;
			font-size:18px;
			line-height:20px;
		}
	/* ************************************** BANNERS ******************************** */
	#cos #apartats{
		clear:both;
		width:1000px;
		background:url(../img/fons_banners.png) top center no-repeat;
		height:550px;
	}
		/* ************************************** G1 ******************************** */
		#cos #apartats #G1{
			float:left;
			width:200px;
			height:290px;
			position:relative;
			color:#FFFFFF;
			padding-left:75px;
			padding-top:25px;
			line-height:20px;
		}
			#cos #apartats #G1 h1{
				font-size:26px;
				padding-top:10px;
				padding-bottom:10px;
			}
			#cos #apartats #G1 h2{
				font-size:16px;
				padding-left:12px;
				padding-top:10px;
			}
				#cos #apartats #G1  h2 #fletxa{
					float:left;
					margin-left:-10px;
					padding-top:6px;
				}
			#cos #apartats #G1 #masinfo{
				width:134px;
				height:31px; padding-top:9px;
				font-size:13px;
				font-weight:400;
				color:#FFFFFF;
				background: url(../img/fons_mesinfo.png) top center no-repeat;
				text-align:center;
				position:absolute;
				bottom:15px;
			}
			#cos #apartats #G1 #masinfo a{
				color:#FFFFFF;
				text-decoration:none;
			}
		/* ************************************** G2 ******************************** */
		#cos #apartats #G2{
			float: right;
			width:470px;
			height:290px;
			position:relative;
			color:#314174;
			padding-top:25px;
			line-height:20px;
		}
			#cos #apartats #G2 h1{
				font-size:26px;
				padding-top:10px;
				padding-bottom:10px;
			}
			#cos #apartats #G2 h2{
				font-size:16px;
				padding-left:12px;
				font-weight:400;
				padding-top:10px;
			}
				#cos #apartats #G2  h2 #fletxa{
					float:left;
					margin-left:-10px;
					padding-top:6px;
				}
			#cos #apartats #G2 #masinfo{
				width:134px;
				height:31px; padding-top:9px;
				font-size:13px;
				font-weight:400;
				color:#FFFFFF;
				background: url(../img/fons_mesinfo.png) top center no-repeat;
				text-align:center;
				position:absolute;
				bottom:15px;
			}
			#cos #apartats #G2 #masinfo a{
				color:#FFFFFF;
				text-decoration:none;
			}
	#cos #apartats  #quatre{
		clear: both;
		padding-top:35px;
	}
		/* ************************************** P1 ******************************** */
		#cos #apartats #quatre #p1{
			float: left;
			width:203px;
			padding-left:20px;
			height:200px;
			color:#314174;
			line-height:20px;
			margin-left:35px;
		}
			#cos #apartats #quatre #p1 h1{
				font-size:26px;
				padding-bottom:15px;
			}
			#cos #apartats #quatre #p1 h2{
				font-size:16px;
				font-weight:400;
				margin:0px;
				padding-bottom:5px;
			}
			#cos #apartats #quatre #p1 a{
				color:#314174;
				font-size:16px;
				font-weight:700;
			}
		/* ************************************** P2 ******************************** */
		#cos #apartats #quatre #p2{
			float: left;
			width:215px;
			padding-left:20px;
			height:200px;
			color:#314174;
			line-height:20px;
		}
			#cos #apartats #quatre #p2 h1{
				font-size:26px;
				padding-bottom:15px;
			}
			#cos #apartats #quatre #p2 h2{
				font-size:16px;
				font-weight:400;
				margin:0px;
				padding-bottom:5px;
			}
			#cos #apartats #quatre #p2 a{
				color:#314174;
				font-size:16px;
				font-weight:700;
			}
		/* ************************************** P3 ******************************** */
		#cos #apartats #quatre #p3{
			float: left;
			width:210px;
			padding-left:20px;
			height:200px;
			color:#FFFFFF;
			line-height:20px;
		}
			#cos #apartats #quatre #p3 h1{
				font-size:26px;
				padding-bottom:15px;
			}
			#cos #apartats #quatre #p3 h2{
				font-size:16px;
				font-weight:400;
				margin:0px;
				padding-bottom:5px;
			}
			#cos #apartats #quatre #p3 a{
				color:#FFFFFF;
				font-size:16px;
				font-weight:700;
			}
		/* ************************************** P4 ******************************** */
		#cos #apartats #quatre #p4{
			float: left;
			width:215px;
			padding-left:20px;
			height:200px;
			color:#314174;
			line-height:20px;
		}
			#cos #apartats #quatre #p4 h1{
				font-size:26px;
				padding-bottom:15px;
			}
			#cos #apartats #quatre #p4 h2{
				font-size:16px;
				font-weight:400;
				margin:0px;
				padding-bottom:5px;
			}
			#cos #apartats #quatre #p4 h3{
				font-size:28px;
				font-weight:700;
				margin:0px;
				padding-bottom:20px;
			}
			#cos #apartats #quatre #p4 a{
				color:#314174;
				font-size:16px;
				font-weight:700;
			}
			
	/* ************************************** CONTINGUT ******************************** */	
		#cos #contingut{
			background:url(../img/fons_blanc.png) repeat;
			width:819px;
			border:1px solid #bdbdbd;
			-moz-border-radius: 10px;
			border-radius: 10px;
			margin-left:34px;
			padding:15px 44px 50px 56px;
			color:#314174;
			margin-bottom:10px;
		}
		#cos #contingut a{
			text-decoration:none;
			color:#314174;
		}
		#cos #contingut a:hover{
			color:#000000;
		}
		#cos #contingut .underline{
			text-decoration: underline;
		}
		#cos #contingut #gallery{
			width:134px;
			height:29px; padding-top:11px;
			font-size:13px;
			font-weight:400;
			color:#FFFFFF;
			background: url(../img/fons_mesinfo.png) top center no-repeat;
			text-align:center;
		}
		#cos #contingut #bnr{
			float:right;
			margin-bottom:20px;
		}
		#cos #contingut #titol{
			padding-left:12px;
			font-size:18px;
			font-weight:400;
			color:#314174;
		}
			#cos #contingut #gallery a{
				color:#FFFFFF;
				text-decoration:none;
			}
			
			#cos #contingut h1{
				font-size:36px;
			}
			#cos #contingut h2{
				font-size:36px;
			}
			#cos #contingut h3{
				font-size:18px;
			}
				#cos #contingut h3 #fletxa{
					float:left;
					padding-top:8px;
					padding-right:6px;
				}
			#cos #contingut h4{
				font-size:16px;
			}
			/* ************************************** CONTACTO ******************************** */	
			#cos #contingut #info{
				margin:30px 60px 60px 60px;
				padding:10px;
				text-align:center;
				font-size:14px;
				color:#000000;
				font-weight:bold;
				border:1px solid #999999;
			}
			#cos #contingut .tdleft{
				text-align:right;
			}
			#cos #contingut input{
				border:0px;
				border-bottom:1px solid #829df2;
				background:#fff;
				padding:3px;
				color:#000;
			}
			#cos #contingut select, textarea{
				border:1px solid #829df2;
				background:#fff;
				padding:3px;
				color:#000;
			}
			#cos #contingut .boto{
				background:#314174;
				padding:3px;
				color:#fff;
			}
			
			
	/* ************************************** FOOTER ******************************** */
	#cos #footer{
		clear:both;
		width:945px;
		height:50px;
		color:#6d6d6d;
		font-size:13px;
		padding-left:75px;
	}
		#cos #footer .tricom{
			color:#314174;
			font-size:13px;
			font-weight:700;
		}
		#cos #footer a{
			color:#6d6d6d;
			text-decoration:none;
		}