.body_fons {
text-align:center;
/*font-family:"Droid Sans", Arial,Verdana,sans-serif;*/
font-family: 'Droid Sans', sans-serif;
font-size:1em;
color:#4F4F4F;
background:linear-gradient(tobottom,#f9f9de0%,#ffffff100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9de',endColorstr='#ffffff',GradientType=0);
margin:0 auto;
padding:0;
line-height:1.5;
}

div#contenidor {
width:1170px;
text-align:left;
background-color:#FFF;
/*box-shadow:2px 2px 5px #999;
-webkit-box-shadow:2px 2px 5px #999;
-moz-box-shadow:2px 2px 5px #999;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666',Direction=135,Strength=4);*/
margin:0 auto;
padding:0;
}

div#contenidor_espai {
padding:0;
}

/*div#cap_superior {
margin-top:5px;
width:100%;
height:80px;
margin-bottom:5px;
}

div#cap_superior_esquerre {
padding-top:5px;
width:100%;
float:left;
height:35px;
}

div#top_interior {
margin-top:0;
margin-bottom:10px;
}

div#top_interior_logo {
padding-top:0;
padding-left:0;
}

div#lateral_logo {
padding-top:0;
padding-left:35px;
}*/

div#menu_superior {
clear:both;
height:auto;
text-align:left;
width:100%;
/*margin-top: 20px;*/
background: #F9F9DE none repeat scroll 0px center;
padding:10px;
}

div#menu {
clear:both;
width:100%;
display:block;
/*font-family:"Droid Sans", Arial,Verdana,sans-serif;*/
font-size:14px;
height:25px;
margin-bottom:1px;
text-transform:uppercase;

/*background:transparent url(../images/bg_menu1.png) no-repeat scroll 10px 0;*/
padding:0 10px;
}

div#menu a {
color:#09C;
display:block;
float:left;
text-decoration:none;
padding:0 8px;
}

div#menu_dreta {
float:right;
margin-right:10px;
margin-top:6px;
}

.submenu {
/*font-family:"Droid Sans", Arial,Verdana,sans-serif;*/
width:100%;
font-size:13px;
height:25px;
text-transform:uppercase;
text-align:center;
margin-left:10px;
}

.submenu a {
color:#09C;
display:block;
float:left;
padding:6px 8px 3px;
}

div.submenu a:hover {
color:#000;
}

div#contingut_un_bloc {
min-height:100%;
position:relative;
width:570px;
z-index:1;
margin:0 auto;
}

div#contingut_tres_blocs {
min-height:100%;
padding-left:15px;
padding-right:15px;
margin:0 195px;
}

div#contingut_tres_blocs div#b_esquerra {
float:left;
left:-1px;
margin-left:-200px;
position:relative;
width:180px;
z-index:2;
}

div#contingut_tres_blocs div#b_centre {
float:left;
position:relative;
width:100%;
z-index:1;
margin:0 -1px;
}

div#contingut_tres_blocs div#b_dreta {
float:right;
left:1px;
margin-right:-200px;
position:relative;
width:190px;
}

div#contingut_dos_blocs {
clear:both;
display:block;
width:100%;
height:100%;
margin-top:50px;
text-align:left;
}

div#contingut_dos_blocs div#b_esquerra {
width:70%;
height: 100%;
/*padding-left:20px;
*/padding-right:3%;
float:left;
}

div#contingut_dos_blocs div#b_dreta {
float:left;
width:25%;
height: 100%;
margin-bottom:10px;
border-left-color:#BCBCBC;
border-left-style:solid;
border-left-width:1px;
padding-left:1%;
}

.fi_float {
clear:both;
}

#footer {
clear:both;
border-top:2px dotted #8C8C8C;
background:url(../images/fons_peunou.png) repeat-x 0 bottom;
padding:20px 0 0;
}
.peu {
clear:both;
height:140px;
width:1170px;
font-size:1em;
/*border-top:2px dotted #8C8C8C;
background:url(../images/fons_peunou.png) repeat-x 0 bottom;*/
margin:0 auto;
padding:20px 0 0;
}

.peu_esquerre {
width:500px;
float:left;
}

.peu_centre {
width:250px;
float:left;
}

.peu_dret {
width:375px;
float:right;
}
.peu_sote {
	clear:both;

width:1170px;
font-size:3em;
padding-top:10px;

}
.peu_inferior {
color:#000;
padding-top:3px;
}

.peu {
color:#09c;
font-weight:400;
font-size:.9em;
text-decoration:none;
}

.peu:hover {
color:#000;
font-size:.9em;
font-weight:400;
text-decoration:none;
}

.noborder {
border:0;
}

.icones {
border:0;
padding-left:10px;
}

#gallery {
width:100%;
/*height:480px;*/
}

.centre {
width:630px;
min-height:100px;
}

.topList ul {
margin-left:-20px;
padding:0;
}

.topList li {
font-size:1em;
float:left;
width:360px;
text-align:left;
margin-bottom:5px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
border-right-color:#BCBCBC;
border-right-style:solid;
border-right-width:1px;
padding:0;
}

.colesquerre {
float:left;
width:400px;
height:100%;
margin-left: -50px;
}
.colesquerrenotis {
float:left;
height:220px;
margin-right:10px;
width:190px;
}
.colesquerreimag {
border:1px solid #BCBCBC;
float:left;
height:120px;
overflow:hidden;
width:190px;
}
.colesquerrenotis h2 {
    clear: both;
    display: block;
    font-size: 1.1em;
    padding-top: 10px;
	line-height: 15px;
}
.retall {
    position: relative;
}
.coldreta {
float:right;
width:240px;
}

.coldreta h2 {
font-size:1.4em;
line-height:15px;
margin:10px 0;
}
.coldreta h4 {
font-size:1.2em;
line-height:15px;
margin:10px 0;
}

.imagfot {
border:1px solid #BCBCBC;
float:left;
height:100px;
overflow:hidden;
width:165px;
}

.albums {
float:left;
height:190px;
margin-right:10px;
width:165px;
}

div#menu ul,.submenu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

div#menu li,.submenu li {
float:left;
height:25px;
margin:0;
padding:0;
}

div#menu li a:hover,div#menu li.actiu a,div.submenu li.actiu a {
color:#000;
border-bottom:1px dotted #000;
}
.scroll-to-top{
padding:2px;
float: left;
width:32px;
height:32px;
opacity:0.8;
cursor: pointer;
z-index: 9999;
}
 
.scroll-to-top{
bottom:20px;
right:66px;
}
 
.scroll-to-top:hover{
opacity:1;
}
p.lead {
    font-size: 1.25rem;
    margin-bottom: 18px;
}