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

body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#999; position:relative; padding:52px 0 150px 0px; text-align:justify; background-image:url(/_gif/background.jpg)}

a { color:#b0aa00; text-decoration:none}

#container {
	background-color:#ffffff;
	margin:0pt auto 0pt;
	position:relative;
	text-align: justify;
	padding:23px;
	width:900px;
}
#main {position:relative}
#cos, #banners { margin-bottom:6px}
#logoCreu { background-image:url(/_gif/logogris.jpg); width:159px; height:135px; position:absolute; top:14px; left:14px; display:none;}
#direccion { background-color:#CCCCCC; padding:15px; color:#013888; text-align:center}
#poblePeu {color:#0fb7dc}
#puntPeu {color:#ffffff}
#ulBanners {list-style:none; padding:0; margin:0;} 
#ulBanners li {display: inline; }
#banner1, #banner2, #banner3 {padding-right:2px}

#btnMenu { width:26px; height:127px; position:absolute; left:0px; margin-top:200px; cursor:pointer}
#Menu {position:absolute; margin-top:180px; width:202px; z-index:500}
#Menu ul {list-style:none; margin-top:15px; padding-left:0; margin-left:0}
#Menu li { margin-bottom:4px}
#Menu li a { color:#FFFFFF; font-size:16px; text-decoration:none; display:block; padding-left:30px; padding-top:3px; padding-bottom:3px}
.blau {background-color:#81daed}
.groc {background-color:#e69500}
.verd {background-color:#bad167}
.fucsia {background-color:#e077ab}
#menuPeu{ background-color:#a8a8a8; height:23px; text-align:right; padding-right:8px; margin-top:40px}
#menuPeu a { color:#FFFFFF;} 
#back {height:530px; }
#flashAvui {padding-top:110px; padding-left:40px}

#esquerra { width:340px; float:left;}
#dreta { margin-left:360px; width:505px;}
#separador {padding-top:173px; padding-left:15px}

#explicacio {display:none; position:absolute; width:780px; left:37px; top:175px}
#textexplicacio {padding:47px 70px 70px 64px; width:650px; top:0; left:0; position:absolute; z-index:3; color:#605e5e}
#backexplicacio {background-color:#FFFFFF; width:777px; height:300px; top:0; left:0; position:absolute; z-index:2}
#closeText {position:absolute; top:260px; right:0; width:150px; height:25px; z-index:4}
#closeText a { color:#ffffff; text-decoration:none; font-weight:bold; display:block; background-color:#00c1e4; width:100px; padding:2px; text-align:center}
#veureExplicacio { margin-top:10px; margin-left:530px; display:none}

.inputContactar {border:none; width:250px; background-color:#666666; height:20px; color:#fff}
.areaContactar {border:none; width:250px; background-color:#0085c6; height:100px; color:#fff}
#esquerra form {margin-left:20px}

#galeriaEyo {}
#galeriaEyo img {border:solid 1px #000;}