body 
{
    font-family:HydraText-Regular,Arial;
	color: #333333;
	background: white;
	margin: 0px;
	padding: 0px 0px 30px;
}
form {
	margin:0px;
	padding:0px;
}
#page {
	margin: 1px auto;
	width: 1005px;
	height:auto;
	background: white  url(../images/fons.gif) repeat-y;	
}

/* header area */
#header {
	background: white url(../images/fons_menu1.gif) no-repeat;       
	height: 441px;	
	position: relative;
}
#header_swf {
	position:absolute;
	left:0px;
	top:0px;
	width:489px;
	z-index:3;
}
#headermenu {
	position:absolute;
	left:0px;
	top:100px;
	z-index:3;
}
#headerimg {
	position: relative;
	padding: 30px 250px 0px 40px;
	/*padding-left:50px;
	padding-top:10px;*/
	height: 60px;
	z-index:100;
}
#headerimg .description{
	position: absolute;
	left: 110px;
	bottom: 3px;
	color: #c9eefe;
	font-size: 14px;
	z-index:100;
}
div.logo {
	margin:0px;
	margin-left: 450px;
	padding-top:-30px;
	width:350px;
	height: 50px;
	font: HydraText-Bold,Arial;
	color: #c9eefe;
	z-index:900;  
	background-color:white;
}
#content_sup {
	margin-left:200px;
	margin-top:-300px;
	float: left;
	width: 680px;
	position: relative;
	background: white url(../images/fons_benv.gif) no-repeat;
	height:215px;
	z-index:900;
}
#content_supapli {
	margin-left:200px;
	margin-top:-300px;
	float: left;
	width: 680px;
	position: relative;
	/*background: white url(../images/headerapli.png) no-repeat;*/
	
	z-index:900;
}
#content_int {
	margin-left:200px;
	margin-top:-300px;
	float: left;
	width: 650px;
	position: relative;
	z-index:900;
}
#content_dest {
	margin-left:200px;
	margin-top:-5px;
	float: left;
	width: 680px;
	position: relative;
	/*background: white url(../images/fons.gif) no-repeat;*/
	height:335px;
	z-index:900;
}
#content3 {
	margin-left:200px;
	margin-top:-35px;
	float: left;
	width: 650px;
	position: relative;
	background: dwhite url(../images/fons.gif) no-repeat;
	height:215px;
	z-index:900;
}
#foto2
{
    width:200px;
    margin-left:30px;
    margin-top:-29px;
}
.tit2
{
    width:703px;
    margin-left:0px;     
    margin-top:-10px;
    background: white url(../images/fons3.gif) no-repeat;
    height:60px;
   
}
.peu2
{
    width:703px;
    margin-left:0px;     
    margin-top:-8px;
    background: white url(../images/fons4.gif) no-repeat;
    height:53px;
   
}
.tit3
{
     
    margin-top:-60px;
    float:left;
    width:600px;
    margin:0;
    padding:1em;
    background: white url(../images/fonsdomini.jpg) no-repeat;
    
}

#footer{
clear: left;
width: 935px;
background: white url(../images/pie2.jpg) no-repeat top left;
text-align: center;
height:97px;
margin-left:80px;
margin-top:-6px;
}
.sep_hor
{
    background: white url(../images/sep_hor.jpg) repeat-x top left; 
}
.sep_ver
{
    background: white url(../images/sep_ver.gif) repeat-y top left;
   
}
.text2
{
    font-family:HydraText-Regular,Arial;
	color: #446994;
	
	background: transparent;
	font-size:small;		
	width:330px;
	text-decoration:none;
	float:right;
}
.web
{
   	 clear:both;
   	 float:right;
   	 width:300px;
}
.text3
{
    font-family:HydraText-Regular,Arial;
	color: #446994;	
	font-size:small;	
	text-decoration:none;
}


.text_tit2
{
     color:#FF6600;
     margin-left:20px;
    
     width:700px;
     font-family:HydraText-Bold,Arial;
     font-size:14px;	
      padding-top:60px;
}
.text_tit3
{
     color:#FF6600;
     margin-left:20px;
     width:300px;
     font-family:HydraText-Bold,Arial;
     font-size:16px;	
      margin-top:0px;
}
#qtitol_benv
{
    margin-top:20px;
	margin-left:20px;
	width:200px;
}

.text_gran_blau
{
    font-family:HydraText-Bold,Arial;
	color: #446994;
	font-size:15px;
	font-weight:normal;
	font-size:18px;		
	text-decoration:none;		
}

.fonsdomini
 {
    background: white url(../images/fonsformp.jpg) no-repeat; 
    width:242px;
    font-family:HydraText-Regular,Arial;
	color: #446994;
	font-size:x-small;	
	margin-top:20px;	
	text-decoration:none;
 }
.textVerd
{
    color:#97CF11;
    font-family:HydraText-Regular,Arial;
    font-size:x-small;	
	margin-top:10px;
}

.titolVerd
{
    color:#97CF11;
    font-family:HydraText-Bold,Arial;
    font-size:15px;	
}
#qtext_benv
{
    float:left;
    width:320px;
    margin:0;
    padding:1em;
   
}
#qtext_apli
{
    float:left;
    width:650px;
    margin:0;
    padding:1em;
     font-family:HydraText-Regular,Arial;
	color: #446994;
	font-size:11px;		
	text-decoration:none;
	text-align:justify;
   
}
.text_blau
{
    font-family:HydraText-Regular,Arial;
	color: #446994;
	font-size:11px;		
	text-decoration:none;
	text-align:justify;
}
#qtext_esp
{

   margin-top:-15px;
   margin-left:340px;
   width:270px;
   padding:1em;
   font: bold 12px HydraText-Regular,Arial;
   color: #446994;
}

#qtext_esp ul
{
    list-style-image: url(../images/logop2.png);    
    list-style-position:inherit;
    
}

#qtext_esp li
{
   padding-left:6px;   
   margin-bottom:5px;
}

.dades
{
    margin: 1px auto;
    width: 950px;
font: normal 11px HydraText-Regular,Arial;
text-align: center;
color: #446994;
background: white  url(../images/transparent.gif) repeat-y;	
}

.opcions li
{
   
    display: block; 
     
    
}
/**  Menu  **/
#menu{
    margin-left: 285px;
    margin-top:0px;
    padding: 0;
    float: left;
    font: bold 12px HydraText-Regular,Arial;
    color: #446994;
    z-index:900;    
}

#menu li{
    display: inline;
    z-index:900;
}

#menu li a{
    float: left;
    color: #446994;
    padding: 8px 15px; /*padding of tabs*/
    text-decoration: none;
    z-index:900;
    
}

#menu li a:visited{
    color: #446994;
    z-index:900;
}

#menu li .actiu{
     color: #446994;
    background-image :  url(../images/menu_act.gif);
    background-repeat:no-repeat;
    z-index:900;
}

#menu li.selected a{
    color: #446994;
    background-image :  url(../images/menu_act60.gif);
    background-repeat:no-repeat;
    z-index:900;
}
#menu li.selected2 a{
    color: #446994;
    background-image :  url(../images/menu_act100.gif);
    background-repeat:no-repeat;
    z-index:900;
}
#menu li.selected1 a{
    color: #446994;
    background-image :  url(../images/menu_act.gif);
    background-repeat:no-repeat;
    z-index:900;
}

#menu li.t60  a:hover{
    color: #446994;
    background-image :  url(../images/menu_act60.gif);
    background-repeat:no-repeat;
    z-index:900;
}
#menu li.t100  a:hover{
    color: #446994;
    background-image :  url(../images/menu_act100.gif);
    background-repeat:no-repeat;
    z-index:900;
}
#menu li  a:hover{
    color: #446994;
    background-image :  url(../images/menu_act.gif);
    background-repeat:no-repeat;
    z-index:900;
}

/** Contacte **/
#fons_contacte
{
    background-image: url(../images/foncontac.JPG);
    background-repeat:no-repeat;
    margin-left:170px;
	margin-top:-300px;
	float: left;
	width: 750px;
	position: relative;
	height:425px;
	 z-index:100;    
}
#text_contacte
{
    margin-left: 150px;
    margin-top:110px;
    padding: 0;
    font: bold 11px HydraText-Regular,Arial;
    color: #ffffff;
    z-index:150;
    text-align:center;
    width:400px;    
}
#formulari_contacte
{
    margin-left: 40px;
    width:330px;
    font: bold 12px HydraText-Regular,Arial;  
}
#boto_contacte
{
    margin-left: 30px;
    margin-top:40px;
    font: bold 12px HydraText-Regular,Arial; 
    color:#E2A139; 
    
}
#textblau2_contacte
{
    color:#005689;
    font: 12px HydraText-Bold,Arial;
  }
#textblau_contacte
{
    color:#005689;
    font: bold 16px HydraText-Bold,Arial;
  
}
#peu_contacte
{  margin-left: 30px;
    margin-top:-70px; 
}