@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:230px;
margin-bottom:15px;
width:480px;
text-align:center;

}

/* ///////////////////////////////// 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:121px;
}

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

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

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

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

/*/// 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:78px;
}
.escoles{
background-image:url(img/menuesq/menuesq_2.jpg);
height:50px;
}

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

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

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

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




/* //////// 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;
}

#cont3{
width:648px;
}

#cont3 h2{
width:590px;
}

#cont3 .imatge{
float:right;
position:relative;
margin-right:13px;
margin-top:10px;
margin-bottom:30px;
}

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

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

#contactar h2{
width:587px;
}

#contactar .titol{
float:left;
}

#contactar .info{
width:260px;
float:left;
margin-top:20px;
}

#contactar .info h2{
width:240px;
}

.mails{
margin-bottom:75px;
margin-top:8px;
margin-left:30px;
}

#contactar #content #cont1 ul{
list-style:none;
}

#contactar #content #cont1 ul li{
background-image:none;
float:right;
width:196px;
}

#contactar #content #cont1 a{
display: block;
background-repeat: no-repeat;
background-position: right top;
}

#contactar #content #cont1 a:hover{
background-position:right bottom;
}

#contactar #content #cont1 a span {
display: none;
}

#contactar .mapa {
background-image:url(img/cont/desmapa.jpg);
width:196px;
height:73px;
background-repeat:none;
background-position:left top;
}
/*//////// END APARTAT COM ARRIBAR ////////*/

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

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


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


/* ////////// ESTILS GRUPS ///////////*/
#grups .info{
width:230px;
height:131px;
float:left;
margin-top:35px;
margin-left:70px;
background-image:url(../img/cont/fondo-grups2.jpg);
background-repeat:no-repeat;
background-position:top, right;
padding-top:20px;
padding-right:20px;
text-align:right;
}

#grups .titol{
float:left;
}

#grups h3{
margin-top:70px;
font-size:16px;
text-align:center;
}

/* ////////// END ESTILS GRUPS ///////////*/

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