/* CSS Document */

body 
{
	background-image: 		url(../img/fondoMAA.jpg);
	background-position: 	center top;
	background-repeat: 		no-repeat;
	background-color: 		#011C31;
	
	margin-left:   			0px;
	margin-top:    			0px;
	margin-right:  			0px;
	margin-bottom: 			10px;
}

p
{
	margin:					0;
	padding:				0;
	margin-bottom:			8px;
}

/********************************************************************************
	STRUCT WEB
********************************************************************************/

.struct
{
	margin: 			auto;
	margin-top: 		6px;
	
	width: 				981px;
}

/********************************************************************************
	HEAD WEB
********************************************************************************/

.headWeb
{
	width: 				981px;
	height: 			89px;
	
	margin-bottom: 		7px;
}

.headWebAgenda
{
	width: 				981px;
	height: 			83px;
	
	margin-bottom: 		7px;
}

.headLogoDiv
{
	width: 				473px;
	height: 			75px;
	float: 				left; 
	
	margin-top: 		14px;
	margin-right: 		34px;
}

.headLogoDivAgenda
{
	width: 				981px;
	height: 			69px;
	float: 				left; 
	
	margin-top: 		14px;
}

.headAgendaDiv
{
	width: 				474px;
	height: 			89px;
	float: 				left;
	
	background-color: 	#FFFFFF;
}

.headAgendaDivTitle
{
	width:				148px;
	height:				84px;
	float:				left;
	
	padding-top:		5px;
	padding-left:		10px;
	padding-right:		10px;
	
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			22px;
	font-weight:		normal;
	color:				#37b4AA;
	line-height:		20px;
}

.headAgendaDivBigTitle
{
	width:				116px;
	height:				150px;
	float:				left;
	
	padding-top:		5px;
	padding-left:		10px;
	padding-right:		10px;
	
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			26px;
	font-weight:		normal;
	color:				#37b4AA;
}

.headAgendaDivTexto
{
	width:				148px;
	height:				84px;
	float:				left;
	
	padding-top:		5px;
	padding-right:		11px;
}

.headAgendaDivInfo
{
	width:				290px;
	height:				84px;
	float:				left;
	
	padding-top:		5px;
	padding-right:		10px;
}

/********************************************************************************
	BODY WEB
********************************************************************************/

.bodyWeb
{
	width: 				981px;
	overflow:			auto;
} 

.bodyAiguaViu
{
	width: 				473px;
	float: 				left;
	
	margin-right: 		34px;
}

.bodyAiguaViuAgenda
{
	width: 				501px;
	float: 				left;
	
	margin-right: 		6px;
}

.bodyViusAigua
{
	width: 				474px;
	float: 				left;
}

.bodyAiguaViuHEAD
{
	/*
	height:				16px;
	padding-top: 		20px;
	padding-bottom:		7px;
	padding-left: 		10px;
	padding-right: 		10px;
	
	background: 		url(../img/franja_azul.jpg);
	*/
	
	height:				32px;
	padding-top: 		4px;
	padding-bottom:		7px;
	padding-left: 		10px;
	padding-right: 		10px;
	
	background: 		url(../img/franja_azul.jpg);
}

.bodyAiguaViuAgendaHEAD
{
	/*
	width:				424px;
	height:				16px;
	padding-top: 		20px;
	padding-bottom:		7px;
	padding-left: 		10px;
	padding-right: 		10px;
	float:				left;
	
	margin-top:			26px;
	margin-right:		6px;
	
	background: 		url(../img/franja_azul.jpg);
	*/
	
	width:				424px;
	height:				32px;
	padding-top: 		4px;
	padding-bottom:		7px;
	padding-left: 		10px;
	padding-right: 		10px;
	float:				left;
	
	margin-top:			26px;
	margin-right:		6px;
	
	background: 		url(../img/franja_azul.jpg);
}

.bodyBloqComArribarInfo
{
	width:				300px;
	float:				left;

	padding-top:		10px;
	padding-right:		30px;
}

.bodyBloqComArribarMapa
{
	width:				475px;
	float:				left;

	padding-top:		12px;
	padding-left:		10px;
	padding-right:		10px;
}

.bodyBloqEvento
{
	background-color:	#FFFFFF;
	overflow:			auto;
	padding-bottom: 	15px;
}

.bodyBloqEventoTitle
{
	width:				132px;
	float:				left;
	
	padding-top:		5px;
	padding-left:		10px;
	padding-right:		10px;
	
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			26px;
	font-weight:		normal;
	color:				#37b4AA;
	line-height:		28px;
}

.bodyBloqEventoImagen
{
	width:				205px;
	float:				left;
	overflow:			auto;
	
	padding-top:		5px;
	padding-right:		10px;
}

.bodyBloqEventoInfo
{
	width:				495px;
	float:				left;

	padding-top:		5px;
	padding-right:		30px;
}

.bodyBloqEventoTipo
{
	width:					78px;
	height:					200px;
	float:					left;
	
	background-image:		url(../img/fondoTipoBloq.jpg);
	background-position:	top;
	background-repeat:		no-repeat;
	
	padding-top:			5px;
	padding-right:			10px;
}

.bodyBloq
{
	height:				104px;
	background-color:	#FFFFFF;
	margin-top:			3px;
}

.bodyBloqSinMargen
{
	height:				104px;
	background-color:	#FFFFFF;
}

.bodyBloqTitleBlue
{
	width:				85px;
	height:				99px;
	float: 				left;
	
	padding-top:   		5px;
	padding-left:		10px;
	padding-right: 		10px;
	
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			22px;
	font-weight:		normal;
	color:				#0190d4;
	line-height:		20px;
}

.bodyBloqTitleGreen
{
	width:				85px;
	height:				99px;
	float: 				left;
	
	padding-top:   		5px;
	padding-left:		10px;
	padding-right: 		10px;
	
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			22px;
	font-weight:		normal;
	color:				#37b4AA;
	line-height:		20px;
}

.bodyBloqImagen
{
	width:				86px;
	height:				99px;
	float: 				left;
	
	padding-top:		5px;
	padding-right:   	7px;
	
	background-image: 	url(../img/fondoImagenBloq.jpg);
	background-position: top left;
	background-repeat:	no-repeat;
}

.bodyBloqInfo
{
	width:  			267px;
	height:				99px;
	float: 				left;
	
	padding-top:		5px;
	padding-right:   	8px;
}

.bodyViusAiguaHEAD
{
	/*
	height:				16px;
	padding-top: 		20px;
	padding-bottom:		7px;
	padding-left: 		10px;
	padding-right: 		10px;
	
	background:			url(../img/franja_verde.jpg);
	*/
	
	height:				32px;
	padding-top: 		4px;
	padding-bottom:		7px;
	padding-left: 		10px;
	padding-right: 		10px;
	
	background:			url(../img/franja_verde.jpg);
}

.bodyViusAiguaAgendaHEAD
{
	/*
	width:				364px;
	height:				16px;
	padding-top: 		20px;
	padding-bottom:		7px;
	padding-left: 		10px;
	padding-right: 		10px;
	float:				left;
	
	margin-top:			26px;
	
	background:			url(../img/franja_verde.jpg);
	*/
	
	width:				364px;
	height:				32px;
	padding-top: 		4px;
	padding-bottom:		7px;
	padding-left: 		10px;
	padding-right: 		10px;
	float:				left;
	
	margin-top:			26px;
	
	background:			url(../img/franja_verde.jpg);
}

.bodyViusAigua
{
	width: 				474px;
	float: 				left;
}

/********************************************************************************
	FOOT WEB
********************************************************************************/

.footWeb
{
	width: 				981px;
	height:				94px;
	
	margin-top: 		21px;
}

.footMenu
{
	width:				134px;
	height:				83px;
	float:				left;
	background-color:	#FFFFFF;
	
	border-top:			1px solid #0f96d6;
	
	margin-right:		7px;
	padding-top:		5px;
	padding-bottom:		5px;
	padding-left:		10px;
	padding-right:		10px;
	
	line-height:		17px;
}

.footLinksInteres
{
	width:				114px;
	height:				83px;
	float:				left;
	background-color:	#FFFFFF;
	
	border-top:			1px solid #0f96d6;
	
	margin-right:		7px;
	padding-top:		5px;
	padding-bottom:		5px;
	padding-left:		10px;
	padding-right:		10px;
	
	line-height:		18px;
}

.footActEducatives
{
	width:				538px;
	height:				93px;
	float:				left;
	background-color:	#FFFFFF;
	
	border-top:			1px solid #3facb0;
	
	margin-right:		7px;
}

.footActEducativesContenedorBloq
{
	margin:				0px;
	height:				60px;
	position:			relative;
}

.footActEducativesContenedorBloqInterior
{
	bottom:				0pt;
	border:				0px;
	position:			absolute;
	width:				100%;
}

.footActEducativesBloqA
{
	width:				152px;
	height:				84px;
	float:				left;
	 
	padding-top:		5px;
	padding-bottom:		5px;
	padding-left:		10px;
	padding-right:		10px;
}

.footActEducativesBloqB
{
	width:				115px;
	height:				84px;
	float:				left;
	 
	padding-top:		5px;
	padding-bottom:		5px;
	padding-right:		10px;
}

.footActEducativesBloqC
{
	width:				105px;
	height:				84px;
	float:				left;
	 
	padding-top:		5px;
	padding-bottom:		5px;
	padding-right:		10px;
}

.footBanners
{
	width:				134px;
	height:				94px;
	float:				left;
}

/********************************************************************************
	DOWN WEB
********************************************************************************/

.downWeb
{
	width: 				981px;
	height:				35px;
	
	margin-top:			5px; 
}

.downWebLogo
{
	width:				100px;
	height:				35px;
	float:				left;
}

.downWebApartats
{
	width:				244px;
	height:				35px;
	float:				left;
}

.downWebIdiomas
{
	width:				165px;
	height:				35px;
	float:				left;
} 

.downWebInfo
{
	width:				472px;
	height:				35px;
	float:				left;
}  


/********************************************************************************
	ELEMENTS AND BUTTONS
********************************************************************************/

.campoText
{
	border: 			1px solid #ababab;
	height:				14px;
	
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			10px;
	font-weight:		normal;
	color:				#51573d;
	
	margin-bottom:		2px;
}