body {
	font-family: "Arial", Helvetica, sans-serif; 
	font-size:.9em; color:#11b2d8; 
	margin:0;
	}

a:link , a:visited {color: #00bdbf;}
a:hover , a:active {color: #000;}

h1{
font-family: "Arial", Helvetica, sans-serif; 
font-size:1.4em; color:#11b2d8; font-weight:lighter;
}

h2{
font-family: "Arial", Helvetica, sans-serif;
font-size:1.36em; color:#fff; font-weight:lighter; //font-size:1.3em;
text-align:right;
padding-right:25px;
}

h3{
font-family: "Arial", Helvetica, sans-serif;
font-size:1.2em; color:#fff; font-weight:lighter; 
text-align:right;
padding-right:25px;
margin-bottom:7px;
}

input{
font-family: "Arial", Helvetica, sans-serif; 
font-size:1em; color:#000;
font-weight:normal;
float:right; 
margin: 12px 0 8px 0;
padding: 0 25px 0 0;
}

textarea{
font-family: "Arial", Helvetica, sans-serif; 
font-size:1em; color:#000;
font-weight:normal;
float:right;
width:317px; //width:293px;
margin: 12px 0 8px 0;
}


/******************************************************************************************************/
/*========== CLASSES =============================================================== CLASSES =========*/
/******************************************************************************************************/

.textes{
font-family: "Arial", Helvetica, sans-serif; 
font-size:.8em; color:#11b2d8;
font-weight:normal;
text-align:justify;
float:left;
}

.textes3{
font-family: "Arial", Helvetica, sans-serif; 
font-size:.8em; color:#11b2d8;
font-weight:normal;
text-align:justify;
}

.textes2{
font-family: "Arial", Helvetica, sans-serif; 
font-size:.8em; color:#11b2d8;
font-weight:normal;
text-align:justify;
float:left;
margin:0 0 0 0;
width:200px;
}

.textes6{
font-family: "Arial", Helvetica, sans-serif; 
font-size:.8em; color:#11b2d8;
font-weight:normal;
text-align:justify;
float:left;
margin:0 0 0 39px;
width:200px;
}


.textesLink{
font-family: "Arial", Helvetica, sans-serif; 
font-size:1em; color:#11b2d8;
font-weight:normal; 
list-style-type:none;
margin-right:50px;
margin-top:10px;
margin-right:40px;
}

	.textesLink a{
	font-size:1em; color:#11b2d8 ;
	} 
	.textesLink:hover{
	font-size:1em; color:#FFF !important;
	}
		.textesLink:active{
	font-size:1em; color:#FFF !important;
	}
	


.texteContacte{
font-family: "Arial", Helvetica, sans-serif; 
font-size:.75em; color:#fff;
font-weight:normal;
text-align:right;
padding-right:25px;
float:right;
width:300px;
}

.fotoAutor{
float:right; display:block;
margin: 0 12px 12px 16px;
}

#flashP {
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
} 



	
/******************************************************************************************************/
/*========== ID's BOTONS ======================================================== ID's BOTONS =========*/
/******************************************************************************************************/

#botoDescarrega{
	list-style-type:none !important;
	text-decoration:none;
	margin:30px 0 0 0;
	height:16px; width:213px; padding:47px 0 0 0; 
	float:left; display:block;
	background:url("../img/exclamacio.png") no-repeat top right;
	}
	#botoDescarrega:hover{
	background:url("../img/exclamacio.png") no-repeat 183px -63px;
	}



/******************************************************************************************************/
/*========== ESTRUCTURA ========================================================= ESTRUCTURA =========*/
/******************************************************************************************************/

#content{ position: absolute; top: 50%; left: 50%; margin-top: -300px; margin-left: -470px; width:965px; height:400px; }

#logo{
	width:233px;
	float:left; display:block;
	background:url("../img/logo-artquatic.jpg") no-repeat top right;
	}
	
#continguts{
	width:478px; height:380px; 
	float:left; display:block;
	margin:0 0 0 50px; padding:20px 21px 0 25px; 
	border-left:110px solid #666;
	border-right:40px solid #00BDBF;
	background:url("../img/bg-contingut.png") repeat-y;
	}
	
#flash{
	width:674px; height:400px; 
	float:left; display:block;
	margin:0 0 0 50px;
	}
	
#submar{position:relative; width:280px; height:176px; background:url("../img/submarinisme.gif") no-repeat; margin:0 0 10px 0;}
	
	

/******************************************************************************************************/
/*========== MENU ===================================================================== MENU =========*/
/******************************************************************************************************/

#logo ul{
	list-style-type:none;
	width:230px; float:left; display:block;
	text-align:right;
	padding:0; margin:70px 0 0 0;
	}
	#logo ul li{
		margin:0 0 5px 0; padding:0 5px 0 0; 
		width:238px; height:20px; display:block;
		}
	#logo ul li.current{
		width:232px; height:20px; display:block; padding:0 5px 0 0;
		color:#FFF; background-color:#00BDBF;
		}	
	#logo ul li.current2{
		width:232px; height:20px; display:block;
		color:#FFF; background-color:#65cee7;
		font-size:.85em; line-height:18px;
		}
		#logo ul li a{text-decoration:none; padding:0 5px 0 0;}
		#logo ul li a:hover{width:231px; height:20px; display:block;background:#00BDBF; color:#FFF;}
		
		#logo ul li .submenu{color:#12b1d7; font-size:.9em; line-height:18px;}
		#logo ul li .submenu:hover{color:#FFF; background:#65cee7;}
		

.icoLink{background:url('../img/ico-arrow-color.png') no-repeat 0 4px; padding:0 0 0 15px;}
.icoFacebook{background:url('../img/ico-facebook.png') no-repeat 0 4px; padding:3px 0 1px 24px; display:inline-block; height:18px;}
.icoYoutube{background:url('../img/ico-youtube.png') no-repeat 0 4px; padding:3px 0 1px 24px; display:inline-block; height:18px;}
.icoIssu{background:url('../img/ico-issu.png') no-repeat 0 4px; padding:2px 0 1px 17px; display:inline-block; height:18px;}

.descImatge{margin:10px 0 0 0; line-height:1.2em; font-size:.9em; float:left; color:#099; text-align:right; width:678px;}