@charset "utf-8";
/* CSS Document */


/* /////////////////////////////////// ESTRUCTURA ////////////////////////////// */


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

body {
background-image: url(img/fondo_sorra.jpg);
background-repeat:  repeat-y;
background-position:center top;
color:#412c14;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-variant: normal;
text-transform: none;
font-style: normal;
}

#container {
width:1028px;
margin:auto;
}

#fondo{
background-image: url(img/fondo_general_top_mar.jpg);
background-repeat: repeat-x;
background-position:center top;
height:210px;
}

#top{
float: left;
width:1028px;
height:210px;
background-image:url(img/fondo_menusup_mar.jpg);
background-position:center top;
background-repeat:no-repeat;
}

#content{
width:650px;
background-color:#FFFFFF;
position:relative;
float:left;
margin-bottom:10px;
}

#peu{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
margin-left:287px;
margin-bottom:15px;
width:380px;
text-align:center;

}

#agenda p{
	margin-left:40px;
	margin-top:20px;
	margin-bottom:8px;
	
}

#agenda ul{
	margin-bottom:25px;
}
/* ///////////////////////////////// END ESTRUCTURA //////////////////////////// */

/* ///////////////////////////////////// MENUS ///////////////////////////////// */

/* //////// MENU SUPERIOR ///////// */
#menusup{
margin-top:146px;
_margin-top:146px;
}

#menusup ul{
list-style:none;
width:762px;
}

#menusup ul li {
float: right;
}

#menusup a{
display: block;
height:31px;
background-repeat: no-repeat;
background-position: right top;
}

#menusup a:hover{
background-position:right bottom;
}

#menusup a span {
display: none;
}

.quisom{
background-image:url(img/menusup/menusup_1.jpg);
width:92px;
}

.allotjaments{
background-image:url(img/menusup/menusup_2.jpg);
width:138px;}

.equipaments{
background-image:url(img/menusup/menusup_3.jpg);
width:130px;}

.activitats{
background-image:url(img/menusup/menusup_4.jpg);
width:105px;}

.entorn{
background-image:url(img/menusup/menusup_5.jpg);
width:86px;}

/*/// IDIOMES /// */

.contid{
width:1028px;
height:33px;
}

#idiomes{
color:#f2fbdb;
float: right;
list-style:none;
width:248px;
padding-left:10px;
padding-right:15px;
}


#idiomes li{
float: right;
margin-top:4px;
margin-right:3px;
margin-left:3px;
}

#idiomes a{
display:block;
color:#dce4c6;
text-decoration:none;
text-align:center;
width:45px;


}

#idiomes a:hover{
color:#FFFFFF;
text-decoration:none;
}



/*/// END IDIOMES /// */

/* //////// MENU NAV1 ///////// */
#nav1{
width:145px;
height:441px;
float:left;
background-image:url(img/menuesq/menuesq_fondo_mar.jpg);
background-repeat:repeat;
background-position:left top;
}

#nav1 ul{
list-style:none;

}

#nav1 ul li {
float:right;
width:145px;
}

#nav1 a{
display: block;
background-repeat: no-repeat;
background-position: right top;
}

#nav1 a:hover{
background-position:right bottom;
}

#nav1 a span {
display: none;
}

.colonies{
background-image:url(img/menuesq/menuesq_1.jpg);
height:68px;
}
.escoles{
background-image:url(img/menuesq/menuesq_2.jpg);
height:49px;
}

.clubs{
background-image:url(img/menuesq/menuesq_3.jpg);
height:65px;}

.families{
background-image:url(img/menuesq/menuesq_4.jpg);
height:49px;}

.casals{
background-image:url(img/menuesq/menuesq_5.jpg);
height:64px;}

.contactar{
background-image:url(img/menuesq/menuesq_6.jpg);
height:53px;
}

.treballa{
background-image:url(img/menuesq/menuesq_7.jpg);
height:65px;
}



/* //////// MENU NAV2 ///////// */
#nav2{
float:right;
width:233px;
}

#nav2 ul{
list-style:none;
}

#nav2 a{
display:block;
text-indent: -1000em;
background-position: right top;
background-repeat:no-repeat;
}

#nav2 a:hover{
background-position: right bottom;
}

.agenda{
background-image:url(img/menudret/menudret_1_mar.jpg);
height:161px;	
}

.imatges{
background-image:url(img/menudret/menudret_2_mar.jpg);
height:144px;
}

.grups{
background-image:url(img/menudret/menudret_3_mar.jpg);
height:141px;
}


/* //////////// MENUS SELECCIONATS ///////////// */

#quisom #menusup a.quisom, #allotjaments #menusup a.allotjaments, #equipaments #menusup a.equipaments, #activitats #menusup a.activitats, #entorn #menusup a.entorn, #colonies #nav1 a.colonies, #escoles #nav1 a.escoles, #clubs #nav1 a.clubs, #families #nav1 a.families, #casals #nav1 a.casals, #contactar #nav1 a.contactar, #treballa #nav1 a.treballa, #agenda #nav2 a.agenda, #imatges #nav2 a.imatges, #grups #nav2 a.grups{
background-position: right bottom;
cursor: default;
}

/* /////////////////////////////////// END MENUS ////////////////////////////// */

/* /////////////////////////////////// CONTINGUT ////////////////////////////// */

h1{
font-size:12px;
text-align: justify;
font-weight:normal;
margin-left:30px;
margin-right:30px;
margin-top:10px;
}

h1 a{
color: #574837;
font-weight:bold;
text-decoration:none;
}

h1 a:hover{
color:#412c14;
text-decoration: underline;
}

h2{
font-family: "Trebuchet MS";
font-weight:bold;
font-size:16px;
margin-left:30px;
margin-right:30px;
margin-top:15px;
border-bottom:#e7e3cc 2px solid;
width:265px;
color: #494423;
}

h3{
font-size:12px;
font-weight: bold;
margin-left:30px;
margin-right:30px;
margin-bottom:10px;
}

#content ul{
margin-left:40px;
padding-left:0px;
margin-right:30px;
padding-right:0px;
}

#content ul li{
list-style:none;
background-image: url(img/img-lista.gif);
background-repeat: no-repeat;
background-position:0px 5px;
padding-left: 8px;
margin-bottom: 2px;

}

#activitats #content ol{
margin-left:50px;
padding-left:0px;
margin-right:30px;
padding-right:0px;
}

#activitats #content ol li{
margin-top:5px;
}

#content ol ul{
margin-left:20px;
padding-left:0px;
margin-right:30px;
padding-right:0px;
}

#cont1{
float:left;
width:325px;
}

.titol{
margin-left:70px;
margin-top:26px;
margin-bottom:14px;
}

#cont2{
float:right;
width:325px;
}

/*/////////// APARTAT COM ARRIBAR /////////*/
#contactar #cont1, #contactar #cont2 {
width:645px;
}

#contactar h2{
width:590px;
}

#contactar .titol{
float:left;
}

#contactar .imatge{
float:right;
position:relative;
}

#contactar #content ul ul{
margin-left:10px;
margin-top:5px;
margin-right:0px;
}

#contactar #content ul ul ul{
margin-left:8px;
margin-top:5px;
margin-right:0px;
}

#contactar #content ul li{
list-style-image:none;
margin:0px;
padding-right:0px;
}

/*//////// END APARTAT COM ARRIBAR ////////*/

/* /////////// APARTAT IMATGES ////////////*/
#imatges #content{
height:450px;
}

#imatges #cont1{
margin-top:14px;
width:650px;
heignt:420px;
}

/*///////// END APARTAT IMATGES //////////*/

/* //////////// ESTILS MAILS /////////////*/

#treballa .mails a{
height:15px;
background-image:url(img/cont/img_mails/treballa.jpg);
background-position:right top;
background-repeat:no-repeat;
display:block;
text-indent: -1000em;
width:116px;

}
#treballa .mails a:hover{
background-position:right bottom;
}


/* ////////// END ESTILS MAILS ///////////*/

/* ///////////////////////////////// END CONTINGUT //////////////////////////// */