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


* {
margin: 0;
}
html, body {
height: 100%;
#height:auto; /*Hack explorer 7 footer fixed */
}
/*body {font-family:Verdana, Geneva, sans-serif;}*/

body {    
    font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana;
	font-size:13px;
}
p {font-size:15px;
line-height:20px;}

#content p {text-align:justify;padding-top:20px}

/* get rid of those system borders being generated for A tags */
a:active {
    outline:none;
}

:focus {
    -moz-outline-style:none;
}

a:link , a:visited {text-decoration:none;color:#333}
a:hover {text-decoration:underline;color:#333}





#main {width:960px;
background:#FFF;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0px auto -4em;}

#header {height:150px;
background:url(../images/background-top.jpg) #1467CD repeat-x top center;
}

#content {
	height:auto !important;
	min-height:100%;
padding:20px;
border-right:1px solid #E1E1E1;
border-left:1px solid #E1E1E1;
min-height:500px; /*Hack Explorer 7*/
}

/* Footer */
#footer {background:url(../images/footer.jpg);
height:4em;}
.footer, .push {
height: 4em;
}
.lang {float:right;
font-size:12px;
line-height:20px;
color:#000}
.lang a {text-decoration:none;color:#666 !important}
.lang a:hover {color:#222 !important}
.footer-content {width:960px;
margin:0 auto;
padding:5px 20px;
color:white;
font-size:12px;
line-height:40px}
.footer-content a {text-decoration:none}
.footer-content a:link , .footer-content a:visited {color:#CCC}
.footer-content a:hover {color:#FFF}


/* Nav */
.nav {
height:32px;
border-right:1px solid #E1E1E1;
border-left:1px solid #E1E1E1;
border-top:1px solid #E1E1E1;
}
.nav ul > li {display:block;
float:left;
width:150px;
padding-left:0px;
margin-left:0px;
height:32px;
line-height:32px;
text-align:center;
list-style:none}

.nav ul > li a {
text-decoration:none;
display:block;
text-align:center}

#inici a.inici , #costabella a.costabella , #medi-ambient a.medi-ambient , #productes a.productes , #contactar a.contactar ,a.current {
	
outline:none;
background-color:#1467CD;
color:#FFF}
	
.nav ul > li a:hover {
background-color:#25333F;
color:#FFF}


/*.mapa*/

.mapa ul > li {font-size:20px;line-height:30px;
	list-style:square outside none;
	margin-left:20px}
	
	.mapa ul > li.sub {		margin-left:40px}
	
	


/*logo */
#logo {background:url(../images/logo.png) no-repeat;
width:292px;
height:150px;
position:absolute;
text-indent:-8000px;}


body {background:url(../images/background-top.jpg) repeat-x top center;}
.clear {clear:both}


.banda {position:absolute;
margin-top:300px;
margin-left:40px;
#margin-left:0px;/*Hack Explorer 7*/
z-index:9}

.logo-portada {background-image:url(../images/logo-portada.png);
background-repeat:no-repeat;
width:284px;
height:440px;
z-index:10;
position:absolute;
margin-top:-280px;
margin-left:280px;
#margin-left:240px;/*Hack Explorer 7*/

}
.slideshow {margin-left:40px;}

.slideshow {
  width: 840px;
  height: 540px;
}


.div-left {
	float:left;
	width:500px;}
.div-right {float:right;
text-align:right;
width:400px}

/* --- FlowPlayer ----- */

#flowplayer {
    display:block;
    width:406px;
    height:303px;
    float:left;
}
.small-image {border:2px solid #333}
.small-image:hover  {border:2px solid #FF0}

a.myPlayer {width:350px;
height:300px;
border:1px solid red}