@import url(png_behavior.css);
html, body { 
	margin: 0px; padding: 0px; width:100%; 
	color: #808080;
	font-family: "Helvetica Neue", Helvetica, Arial, Monaco, sans-serif;
	font-weight: normal; font-size: 11px; line-height: 1.3em; text-align: center; 
}

/* generals */
html { background: #e6e6e6 url(../imatges/fons/fons01.jpg) no-repeat center top; }
div { border: 0px solid #f00; margin: 0px; padding: 0px; position:relative; } /* GEMMA: afegit position:relative */

/* --- */
img, a { border: 0px; }
a { color: #808080; text-decoration: none; }
a:hover { color: #404040; text-decoration: underline; }
h1, h2, h3, h4, h5, p { margin: 10px 0px; padding: 0px; }
.petit { font-size: 0.9em; }
.amaga { display: none; visibility: hidden; }
.neteja { clear: both; }
.neteja542 { margin: 0px; padding: 0px; width: 542px; }
#neteja650 { clear: both; width: 650px; height: 16px; }

/* --- */
/* GEMMA: he afegit un div id="tot_fora" per les imatges ampliades, perquè el height:100% del marc_foto_gran agafi tota la pàgina */
#tot_fora { width:100%; height:100%; margin:0px; padding:0px; }
#tot { position: relative; width: 970px; margin: 0px auto; }
#dalt {	width: 970px; height: 90px; }
#mig { width: 970px; text-align: left; }
#sota { width: 970px; }


/* --- dalt --- */
h1 { position: absolute; top: 0px; left: 100px; margin: 0px; padding: 0px; text-align: left; }
h1 strong {	display: none; visibility: hidden; }
h1 a:hover { text-decoration: none; }
#logo1 { position: absolute; top: 30px; left: 20px; }
#logo2 { position: absolute; top: 38px; left: 875px; }


#idiomes { margin: 0px; padding: 0px; list-style: none;
	position: absolute; width: 400px; height: 20px;
	top: 8px; right: 22px; z-index: 50; color: #2d3a80; }
#idiomes li { height: 20px; float: right; padding-left: 10px; font-size: 1.1em; }
#idiomes li a:hover, #idiomes li.senyal a { color: #242e66; text-decoration: none; }
/*
#idiomes { position: absolute; top: 8px; left: 550px; width: 400px; text-align: right; }
#idiomes a { margin: 0px 2px; }
#idiomes a.on { color: #404040; }
*/
/* gemma */
#login { position: absolute; top: 23px; left: 548px; width: 400px; text-align: right;  }

/* --- MIG --- */
#mig div { border: 0px solid red; }
#mig { color: #808080; }
/* MIG DALT */
#mig_dalt { margin: 0px; padding: 0px;
	background: #404040 url(../imatges/fons/fons_guia.png) no-repeat center top; }
#mig_dalt2 { margin: 0px; padding: 5px 10px 5px 10px; }
#mig_dalt2 p { margin: 5px 35px 0px 35px; font-size: 1.2em; }
#mig_dalt2 p a { color: #bfbfbf; margin-right: 10px; }
#mig_dalt2 p a:hover { color: #fff; }
#mig_dalt2 p a.on { color: #fff; }
/* MIG MIG */
#mig_mig { margin: 0px; padding: 0px;
	background: url(../imatges/fons/fons_mig_mig.png) repeat center top; }
#mig_mig2 { margin: 0px; padding: 0px 10px 0px 10px; }
/* MIG SOTA */
#mig_sota { margin: 0px; padding: 0px;
	background: url(../imatges/fons/fons_mig_sota.png) no-repeat center bottom; }
#mig_sota2 { margin: 0px; padding: 0px 10px 10px 10px; }

/* --- MIG_MIG --- */
#mig_mig2 { text-align: center; }
div#esq { width: 188px; float: left; }
div#dreta { width: 188px; float: right; }
div#centre { NO_background: #fd4; width: 558px; float: right; text-align: left; }
/* --- Posició : ABSOLUTE ------------------------------------------ 
#mig_mig2 { height: 700px; }
div#esq { position: absolute; width: 188px; top: 0px; left: 10px; NO_float: left; }
div#dreta { position: absolute; width: 188px; top: 0px; right: 10px; NO_float: right; }
div#centre { position: absolute; top: 0px; left: 214px; width: 542px; }
------------------------------------------------------------------- */
/* --- ESQ --- */
#temps { margin: 0px; padding: 5px 0px 0px 0px; }
#temps div { border: 0px solid red; }
#temps div#temps_temps { width: 95px; float: right; }
#temps div#temps_temps p { margin: 0px; padding: 5px 0px 5px 0px; text-align: right; }
#temps div#temps_data p { margin: 0px; padding: 5px 0px 5px 35px; text-align: left; }
#temps img  { float: left; margin: 0px; width:25px; height:25px; margin-top:3px; }
#temps .tempmin { color: #204080; }
#temps .tempmax {  color: #804020; }
/* --- */
#vols_breu { margin: 0px; padding: 5px 0px 0px 0px; }
#vols_breu .boto_menu { margin-top: 1px; height: 24px; background: #e6e6e6; }
#vols_breu .boto_menu p { margin: 0px; padding: 4px 2px 0px 35px; }
#vols_breu a { color: #404040; font-size: 1.2em; }
#vols_breu a:hover { color: #1a1a1a; }
#vols_breu #sortides { background: #e6e6e6 url(../imatges/fons/vols_breu001_off.png) no-repeat left top; }
#vols_breu #sortides:hover { background: #e6e6e6 url(../imatges/fons/vols_breu001_on.png) no-repeat left top; }
#vols_breu #arribades { background: #e6e6e6 url(../imatges/fons/vols_breu002_off.png) no-repeat left top; }
#vols_breu #arribades:hover { background: #e6e6e6 url(../imatges/fons/vols_breu002_on.png) no-repeat left top; }
/* --- Banners_institucionals --- */
#banners_institu { margin: 16px 0px 0px 3px; }
#banners_institu a img { border: 1px solid #e6e6e6; margin-bottom: 3px; }
#banners_institu a:hover img { border: 1px solid #bfbfbf; }

/* --- DRETA --- */
#menu { margin: 0px; padding: 0px; height: 180px; text-align: left; }
#menu .boto_menu { margin-top: 1px; height: 50px; background: #e6e6e6; }
#menu .boto_menu p { margin: 0px; padding: 15px 2px 0px 35px; font-size: 1.75em; }
#menu .boto_menu p em { visibility: hidden; }
#menu a { color: #404040; font-size: 1.2em; }
#menu a:hover { color: #1a1a1a; text-decoration: none; }
#menu #menu1 { background: #e6e6e6 url(../imatges/fons/menu_index/menu001_off.png) no-repeat left top; }
#menu #menu1:hover,#menu #menu1.on { background: #e6e6e6 url(../imatges/fons/menu_index/menu001_on.png) no-repeat left top; }
#menu #menu2 { background: #e6e6e6 url(../imatges/fons/menu_index/menu002_off.png) no-repeat left top; }
#menu #menu2:hover,#menu #menu2.on { background: #e6e6e6 url(../imatges/fons/menu_index/menu002_on.png) no-repeat left top; }
#menu #menu3 { background: #e6e6e6 url(../imatges/fons/menu_index/menu003_off.png) no-repeat left top; }
#menu #menu3:hover,#menu #menu3.on { background: #e6e6e6 url(../imatges/fons/menu_index/menu003_on.png) no-repeat left top; }
#menu #menu4 { background: #e6e6e6 url(../imatges/fons/menu_index/menu004_off.png) no-repeat left top; }
#menu #menu4:hover,#menu #menu4.on { background: #e6e6e6 url(../imatges/fons/menu_index/menu004_on.png) no-repeat left top; }
#menu #menu5 { background: #e6e6e6 url(../imatges/fons/menu_index/menu005_off.png) no-repeat left top; }
#menu #menu5:hover,#menu #menu5.on { background: #e6e6e6 url(../imatges/fons/menu_index/menu005_on.png) no-repeat left top; }
#menu #menu6 { background: #e6e6e6 url(../imatges/fons/menu_index/menu006_off.png) no-repeat left top; }
#menu #menu6:hover,#menu #menu6.on { background: #e6e6e6 url(../imatges/fons/menu_index/menu006_on.png) no-repeat left top; }
#menu #menu7 { background: #e6e6e6 url(../imatges/fons/menu_index/menu007_off.png) no-repeat left top; }
#menu #menu7:hover,#menu #menu7.on { background: #e6e6e6 url(../imatges/fons/menu_index/menu007_on.png) no-repeat left top; }
/* --- */
#galeria_fotos { margin: 15px 0px; text-align: center; position: relative; }
#galeria_fotos h2 { color: #404040; font-size: 1.2em; text-align: left; 
	font-weight: normal; margin: 0px 0px 8px 35px; }
#galeria_fotos h2 a { color: #404040; }
#galeria_fotos img { border: 1px solid #bfbfbf; }
#galeria_fotos p { width: 172px; margin: 5px 0px 0px 0px; padding: 0px; text-align: center; }
/*gemma*/
#galeria_fotos_dins { position:relative; text-align:left; overflow:hidden; width:172px; height:107px; }
#galeria_fotos_dins_dins { position:absolute; left:0px; top:0px; width:10000px; height:107px; }
#galeria_anterior { position:absolute; left:0px; }
#galeria_seguent { position:absolute; right:16px; }

/* --- Foto Gran --- */
#marc_foto_gran {
	z-index: 200; position: absolute; top:0px; left:0px; width: 100%; height: 100%; margin:0px; padding:0px;
	background: url(../imatges/fons/fons_foto_gran.png) repeat center top;
}
#foto_gran_btn { z-index: 210; 
	background: url(../imatges/fons/fons_foto_gran_btn.png) no-repeat center top; }
#foto_gran_btn p { height: 25px; margin: 0px; padding: 0px; margin:0px; }
#foto_gran { margin-top: 95px; }

/* ---- scroller de windows --- */
html, body, div {
	scrollbar-arrow-color: #fff;
	scrollbar-3dlight-color: #a6a6a6;
	scrollbar-highlight-color: #d9d9d9;
	scrollbar-face-color: #d9d9d9;
	scrollbar-shadow-color: #a6a6a6;
	scrollbar-darkshadow-color: #d9d9d9;
	scrollbar-track-color: #d9d9d9;
}