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

body{
margin:0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
background:url(../img/background_top.jpg) center top no-repeat;
text-align:center;
color:#172821;
}

/* ESTILS DE TEXT */

a{ text-decoration:none; color:#172821;}
a:hover{text-decoration:underline; color:#172821;}

h1{ font-size:32px; font-weight:lighter; margin:0; padding:0;}
h2{ font-size:16px; font-weight:lighter; margin:0; padding:0;}

p{ font-size:16px; }



/* CONTINGUT */
#wrapp{
margin:0 auto;
width:930px;
}

#header{}

#header .logo{ float:left; text-align:left; padding:35px 0 30px 24px;}

#header .idiomes{ float: right; padding:46px 21px 0 0;}

#header .idiomes ul, #header .idiomes ul li{ list-style:none; margin:0; padding:0; display:inline;}

#header .menu{ display:block; height:40px;}

#header .menu ul, #header .menu ul li{ list-style:none; margin:0; padding:0; display:inline; float:left; height:40px;}

.menu1 {width:139px; height:40px; background:url(../img/bot_lagoleta_cat.jpg) no-repeat 0 0; float:left;}
.menu2 {width:139px; height:40px; background:url(../img/bot_activitats_cat.jpg) no-repeat 0 0; float:left;}
.menu3 {width:186px; height:40px; background:url(../img/bot_events_cat.jpg) no-repeat 0 0; float:left;}
.menu4 {width:248px; height:40px; background:url(../img/bot_galeria_cat.jpg) no-repeat 0 0; float:left;}
.menu5 {width:82px; height:40px; background:url(../img/bot_links_cat.jpg) no-repeat 0 0; float:left;}
.menu6 {width:134px; height:40px; background:url(../img/bot_contacte_cat.jpg) no-repeat 0 0; float:left;}
.menu1:hover, .menu2:hover, .menu3:hover, .menu4:hover, .menu5:hover, .menu6:hover { background-position: 0 bottom; float:left;}

#content{ margin-top:35px;}

#content .texto{ text-align:left; float:left; width:411px;}

#content .texto2, #content .texto3{ text-align:left; float:left; width:470px;}

#content .texto2 p{margin:0; padding:0;}

#content .texto3 p{font-size:14px;}

.reservarb{float:right; margin-top:-25px;}

#content .fotos{ float:right;}

#content .formulari{ text-align:left; float:right; width:428px;}

#content .formulari p{ font-style:italic; font-size:14px; margin-top:30px;}


#separador{height:28px; display:block; background: url(../img/separador.jpg) no-repeat center 12px; clear:both; text-align:left;}
#separador p{font-size:10px; text-transform:uppercase;}

#space{ height:30px; display:block; clear:both;}

.box{ width:280px; float:left; text-align:left; padding:0 15px; margin-bottom:20px;}
.imgbox{float:right;}

.box h2{ margin:0; padding:0; font-size:20px; font-style:italic; font-weight:lighter;}
.box h1{ margin:0; padding:0; font-size:32px; font-style:italic; font-weight:lighter;}
.box p{ font-size:12px;}
.detalls{ margin-top: 20px;}

/* GALERIA */

.thumb{ height:120px; width:120px; padding:10px; float:left; margin:7px;}

.thumb:hover{ background:url(../img/fons_thumb.jpg) no-repeat; }

/* FORMULARI */

#content .formulari .caixa{ background:url(../img/fons_formulari.jpg) no-repeat; width:380px; height:500px; margin-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2C392E; padding:24px;}

#content .formulari .caixa .textfinal{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px; margin-top:30px;}

#content .formulari .caixa .textconf{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; margin-top:30px;}

#content .formulari .caixa .input-text{ border:none; background:#DEE8E0; padding:5px 2px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;font-style:italic; color:#2C392E; width:170px; margin:5px 30px 15px 0;}

#content .formulari .caixa .input-area{ border:none; background:#DEE8E0; padding:5px 2px; color:#2C392E; width:380px; height:130px; margin:10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;font-style:italic; color:#2C392E; }

#content .formulari .caixa .send{ border:none; background:url(../img/enviar.jpg); width:106px; height:24px; color:#2C392E;}

#content .formulari .caixa .td-final{ width:106px; height:24px;}

.planell{margin:25px 0;}

/* LINKS */

#content_links{ text-align:left;}

#content_links ul{ margin:0; padding:0; float:left; width:310px;}
#content_links li{ list-style:url(../img/list_deco.jpg) inside; margin: 15px 0;}


/* PEU, va separat de la resta */
#footer{
/*position:absolute;*/
background:#B4CAB7 url(../img/background_foot.jpg) center bottom no-repeat;
width:100%;
height:195px; 
bottom:0px;
text-align:center;
}

#footer_wrapp{
margin:0 auto;
width:930px;
text-align:left;
}

#footer_wrapp p, #footer_wrapp ul, #footer_wrapp li{ font-size:12px;}

#footer_wrapp ul{ margin-top:35px; font-weight:bold; float:left;}

#footer_wrapp li{font-weight:lighter; list-style:none;}

#footer_wrapp p{ padding-left:30px;}


.clearfloat {
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }