* { margin: 0px; padding: 0px; font-family: Verdana, sans-serif; font-size: 10px; line-height: 16px; }

body { background-color:#333; text-align: center; }

ul { list-style-type: none; }

h1 { font-size: 10px; color: #fff; }
h3 { font-size: 10px; color: #056275; }
p { color: #333; } 

p10x { font-size: 9px; }

.constr { margin: 60px 156px; }

/* normale links */
a:link { text-decoration: underline; color: #056275; } 
a:visited { text-decoration: underline; color: #056275; }
a:hover { text-decoration: underline; color: #056275; }
a:active { text-decoration: none; color: #056275; }

/* schwarze links */
a.neg:link { text-decoration: underline; color: #333; } 
a.neg:visited { text-decoration: underline; color: #666; }
a.neg:hover { text-decoration: underline; color: #333; }
a.neg:active { text-decoration: none; color: #333; }

/* rote links */
a.rojo:link { text-decoration: underline; color: #830808; } 
a.rojo:visited { text-decoration: underline; color: #830808; }
a.rojo:hover { text-decoration: underline; color: #830808; }
a.rojo:active { text-decoration: none; color: #830808; }

/* seiten links */
a.pag:link {
	font-size: 9px;
	padding: 0px 2px 1px 2px;
	color: #ccc;
	text-decoration: none;	
	background-color:#056275;
	border: 1px solid #999;
	}
a.pag:visited {
	font-size: 9px;
	padding: 0px 2px 1px 2px;
	color: #ccc;
	text-decoration: none;	
	background-color:#056275;
	border: 1px solid #999;
	}
a.pag:hover {
	font-size: 9px;
	padding: 0px 2px 1px 2px;
	color: #ccc;
	text-decoration: none;
	background-color:#0C8CA6;
	border: 1px solid #ccc;
	}
a.pag:active {
	padding: 0px 2px 1px 2px;
	font-size: 9px;
	color: #fff;
	text-decoration: none;	
	background-color:#0C8CA6;
	border: 1px solid #ccc;
	}
.current {
	padding: 0px 2px 1px 2px;
	font-size: 9px;
	color: #fff;
	text-decoration: none;	
	background-color:#0C8CA6;
	border: 1px solid #ccc;
	}
#contenido { margin-top: 1px; width: 610px; height: 397px; }

#izquierda { float: left; width: 223px; height: 397px; background-color: #f1ede5; }
	#izquierda.noticies { padding: 15px; width: 193px; height: 367px; }
	#izquierda.noticies2 { padding: 5px;  }
	#izquierda img { margin-bottom: 10px; }

#izquischmal { float: left; padding: 15px; width: 135px; height: 367px; background-color: #fff !important; }
	#izquischmal img { margin-bottom: 10px; }
	
#derecha { float: right; width: 384px; height: 397px; background: url(../pics/am_slin_vert.gif) 383px 0px repeat-y; }
	#derecha.noticies { padding: 15px; width: 354px; height: 367px; }
	#derecha.noticies4 { padding-top: 15px; width: 369px; height: 382px; overflow: auto;}
	#derecha.noticies2 { padding: 5px; }
	#derecha.noticies3 { padding: 5px;  }

	#derecha.noticies img { margin: 5px 15px 5px 0px; float: left; }
	#derecha.noticies4 img { margin: 5px 15px 5px 0px; float: left; }

	#derecha.planol { width: 442px; background: url(../pics/am_slin_vert.gif) 441px 0px repeat-y; }
	#derecha.planol img { margin: 15px 25px 0px 0px; }

#derscroll { float: right; width: 384px; height: 397px; }

#derebreit { float: right; width: 436px; margin-left: 9px; height: 397px; }

.ml15 { margin-left: 15px; width: 336px;}

.verde { color: #056275; }
.rojo { color: #830808; }
.gris { color: #666; }
.versteckt { color: #f1ede5; }
.dots { height: 3px; background: url(../pics/dots.gif) 0px 0px no-repeat; }
.dots_r { height: 3px; background: url(../pics/dots_r.gif) 0px 0px no-repeat; }
.contact { font-weight: bold; font-size: 9px; color: #A30000; line-height: 14px; }

/* - - - - - - - - - - - - */
/*     Menu                */
/* - - - - - - - - - - - - */

#menu { margin-top: 5px; float: right; width: 146px; }

#menu a { display: block; }

#menu a span { display: none; }

#men01 a { width: 146px; height: 23px; background: url(../pics/am_menu.gif) 0px 0px; }
#men02 a { width: 146px; height: 34px; background: url(../pics/am_menu.gif) 0px -23px; }
#men03 a { width: 146px; height: 23px; background: url(../pics/am_menu.gif) 0px -57px; }
#men04 a { width: 146px; height: 23px; background: url(../pics/am_menu.gif) 0px -80px; }
#men05 a { width: 146px; height: 34px; background: url(../pics/am_menu.gif) 0px -103px; }
#men06 a { width: 146px; height: 23px; background: url(../pics/am_menu.gif) 0px -137px; }
#men07 a { width: 146px; height: 34px; background: url(../pics/am_menu.gif) 0px -160px; }
#men08 a { width: 146px; height: 34px; background: url(../pics/am_menu.gif) 0px -194px; }
#men09 a { width: 146px; height: 23px; background: url(../pics/am_menu.gif) 0px -228px; }

#men01 a:hover { background: url(../pics/am_menu.gif) -154px 0px; }
#men02 a:hover { background: url(../pics/am_menu.gif) -154px -23px; }
#men03 a:hover { background: url(../pics/am_menu.gif) -154px -57px; }
#men04 a:hover { background: url(../pics/am_menu.gif) -154px -80px; }
#men05 a:hover { background: url(../pics/am_menu.gif) -154px -103px; }
#men06 a:hover { background: url(../pics/am_menu.gif) -154px -137px; }
#men07 a:hover { background: url(../pics/am_menu.gif) -154px -160px; }
#men08 a:hover { background: url(../pics/am_menu.gif) -154px -194px; }
#men09 a:hover { background: url(../pics/am_menu.gif) -154px -228px; }

/* Menue, Seitenmarkierung */
#que #men01 a { background-position: -154px 0px; }
#per #men02 a { background-position: -154px -23px }
#pot #men03 a { background-position: -154px -57px; }
#vul #men04 a { background-position: -154px -80px; }
#pro #men05 a, #protest #men05 a { background-position: -154px -103px; }
#pre #men06 a { background-position: -154px -137px; }
#pad #men07 a { background-position: -154px -160px; }
#esp #men08 a { background-position: -154px -194px; }
#con #men09 a { background-position: -154px -228px; }


/* - - - - - - - - - - - - */
/*     Common Styles       */
/* - - - - - - - - - - - - */

/* weisser Hintergrund mit grauem Rahmen */
#rahmen { 
	margin: 15px auto;
	padding: 6px;
	width: 756px;
	height: 524px;
	text-align: left; 
	background-color: #fff; 
	border: 1px solid #ccc; 
	}

/* Logo Amescoltes, Adhereix-te/Fes Aportacio, Logo FEJC, Aval Associatiu EC */
#logoleiste { width: 756px; height: 77px; }

#logo a { float: left; width: 226px; height: 77px; display: block; background: url(../pics/am_logo.gif) 0px 0px; }
#diezwei { float: left; width: 195px; height: 77px; }
#adh a { width: 195px; height: 37px; display: block; background: url(../pics/am_adher_aport.gif) 0px 0px; }
#apo a { width: 195px; height: 40px; display: block; background: url(../pics/am_adher_aport.gif) 0px -37px; }
#fejc a { float: left; width: 189px; height: 77px; display: block; background: url(../pics/am_fejc_ec.gif) 0px 0px; }
#aaec a { float: left; width: 146px; height: 77px; display: block; background: url(../pics/am_fejc_ec.gif) -189px 0px; }

#logo a:hover { background: url(../pics/am_logo.gif) 0px -77px; }
#adh a:hover { background: url(../pics/am_adher_aport.gif) -195px 0px; }
#apo a:hover { background: url(../pics/am_adher_aport.gif) -195px -37px; }
#fejc a:hover { background: url(../pics/am_fejc_ec.gif) 0px -77px; }
#aaec a:hover { background: url(../pics/am_fejc_ec.gif) -189px -77px; }

/* graue Leiste oben zwischen Logo und Inhalt */
#topbar {
	margin-top: 5px;
	width: 610px;
	height: 20px;
	background: #333;
	}

	#topbar a { display: block; }
	#topbar01 a { float: left; width: 101px; height: 20px; background: url(../pics/am_topbar_home.gif) 0px 0px; }
	#topbar02 a { float: left; width: 182px; height: 20px; background: url(../pics/am_topbar_home.gif) -101px 0px; }
	#topbar03 a { float: left; width: 202px; height: 20px; background: url(../pics/am_topbar_home.gif) -283px 0px; }

	#topbar01 a:hover { background: url(../pics/am_topbar_home.gif) 0px -20px; }
	#topbar02 a:hover { background: url(../pics/am_topbar_home.gif) -101px -20px; }
	#topbar03 a:hover { background: url(../pics/am_topbar_home.gif) -283px -20px; }

	#topbar04 { float: left; width: 226px; height: 20px; background: url(../pics/am_topbar_04.gif) 0px 0px; }
	#topbar04 h1 { margin-top: 2px; text-indent: 25px; }

/* Sektionen und Banner unter dem Menue */
#untenrechts {
	margin-top: 1px;
	float: right; 
	width: 146px;
	height: 186px;
	background-color: #056275;
	}

/* ESCA / FORCA */
#secciones {
	width: 146px;
	height: 67px;
	background: url(../pics/am_secciones.gif) 0px 0px no-repeat;
	}
	#secciones a { display: block; }
	#secciones01 a { float: left; width: 75px; height: 67px; background: url(../pics/am_secciones.gif) 0px 0px; }
	#secciones02 a { float: left; width: 71px; height: 67px; background: url(../pics/am_secciones.gif) -75px 0px; }

	#secciones01 a:hover { background: url(../pics/am_secciones.gif) 0px -67px; }
	#secciones02 a:hover { background: url(../pics/am_secciones.gif) -75px -67px; }

/* estiu jove / acampada */
#servicios {
	width: 146px;
	height: 125px;
	background: url(../pics/am_servicios.gif) 0px 0px no-repeat 
	}
	#servicios a { display: block; }
	#servicios01 a { width: 146px; height: 60px; background: url(../pics/am_servicios.gif) 0px 0px; }
	#servicios02 a { width: 146px; height: 65px; background: url(../pics/am_servicios.gif) 0px -65px; }

	#servicios01 a:hover { background: url(../pics/am_servicios.gif) -154px 0px; }
	#servicios02 a:hover { background: url(../pics/am_servicios.gif) -154px -65px; }


/* - - - - - - - - - - - - - - - - - - - */
/*    Homepage                           */
/* - - - - - - - - - - - - - - - - - - - */
/* flash banner auf der Homepage */
#adhesio {
	margin-top: 1px;
	width: 610px;
	height: 160px;
	background-color: #66ccff;
	}

/* Newskasten */
#noticies {
	margin-top: 2px;
	width: 610px;
	height: 235px;
	background: url(../pics/am_noticies_hg.gif) 0px 0px no-repeat #f1ede5;
	}

/* einzelne News */
.news {
	padding: 5px 10px 10px 10px;
	width: 183px;
	height: 215px;
	float: left;
	overflow: hidden;
	}

	.news img { margin: 5px 0px; border: 1px solid silver; }
	
	.news a:link { text-decoration: none; color: #333; } 
	.news a:visited { text-decoration: none; color: #333; }
	.news a:hover { text-decoration: underline; color: #333; }
	.news a:active { text-decoration: none; color: #333; }


/* Adressleiste unten */
#direccio {
	margin-top: 1px;
	padding-right: 10px;
	width: 600px;
	height: 20px;
	font-weight: bold;
	text-align: right;
	background: url(../pics/am_direccio.gif) 0px 0px no-repeat #0C8CA6;
	}
	
#ini #direccio { background-color: #056275; }
#ini #direccio a { color: #fff; }

/* Mailto-Rollover in der Adressleiste unten */
a.brief { display: block; float: left;  width: 400px; height: 20px; background: url(../pics/am_direccio.gif) 0px 0px no-repeat; }
a.brief:hover { background: url(../pics/am_direccio.gif) 0px -20px no-repeat; }

/* - - - - - - - - - - - - */
/*     FormularElemente    */
/* - - - - - - - - - - - - */

fieldset { border: none; }
legend { font-weight: bold; color: #333; }
label { display: block; float: left; text-align: right; width: 120px; margin-right: 10px; }
	label.weit { display: block; float: left; text-align: left; width: 270px; margin-right: 15px; }
	label.weit2 { display: block; float: left; text-align: left; width: 250px; margin-right: 10px; }
input.styled { width: 196px; height: 14px; margin-bottom: 2px; border: 1px solid #999; }
input.styled2 {  height: 14px; margin-bottom: 2px; border: 1px solid #999; }
input.styled3 {  height: 14px; margin-bottom: 2px; border: 1px solid #999; }
input.styled4 {  height: 14px; margin-bottom: 2px; border: 1px solid #999; }
input.styled5 {  height: 14px; margin-bottom: 2px; border: 1px solid #999; }
.nif { width: 65px; height: 14px; margin-bottom: 5px; border: 1px solid #999; }
.button { margin: 5px 10px 0px 130px; float: left; width: 71px; }
.button2 { margin: 5px 10px 0px 130px; float: left; width: 71px; }
.button3 { margin: -20px 0px 0px 220px; float: left; }

/* - - - - - - - - - - - - */
/*     PopUp-Elemente      */
/* - - - - - - - - - - - - */

#popup { background-color: #fff; }
#popup input.popstyled { width: 350px; border: 1px solid #999; }
#popup label { text-align: left; width: 350px; color: #333; }
#gruen { height: 15px; background-color: #056275; }
.crumbs { text-align: left; padding-left: 10px; color: #999; }
.content { text-align: left; width: 85%; height: 85%; padding: 15px; margin: 15px auto; color: #999; border: 1px solid #dff5ff; }


/* - - - - - - - - - - - - - - - - - - - */
/*    Internet Explorer Windoof Hacks    */
/* - - - - - - - - - - - - - - - - - - - */

/* ... Aber nicht IE 5 Mac Hack: \*/

* html #rahmen { width: 773px; }
* html #topbar ul li, * html #menu ul li, * html #untenrechts ul li { display: inline; }
* html #direccio { width: 610px; }

* html #adhesio, * html #noticies, * html #direccio { margin-left: 0px; }
* html #menu, * html #men01 a, * html #men02 a, * html #men03 a, * html #men04 a, * html #men05 a, * html #men06 a, * html #men07 a, * html #men08 a, * html #men09 a { width: 146px; }
* html .news { width: 203px; }

* html #derecha { width: 384px !important; height: 397px !important; background: url(../pics/am_slin_vert.gif) 386px 0px repeat-y; }

* html #con #derecha { background: url(../pics/am_slin_vert.gif) 441px 0px repeat-y; }
* html #con #derecha img { margin: -5px 0px -10px -15px; }

* html #protest #derecha { padding: 15px; width: 369px; height: 397px !important; overflow: auto; scrollbar-face-color: #E7F1F2; 
	scrollbar-shadow-color: #E7F1F2; 
	scrollbar-highlight-color: #E7F1F2; 
	scrollbar-3dlight-color: #E7F1F2; 
	scrollbar-darkshadow-color: #E7F1F2; 
	scrollbar-track-color: #E7F1F2; 
	scrollbar-arrow-color: #007C8E; }

* html #per #izquierda, * html #vul #izquierda, * html #ls #izquierda { padding: 15px; width: 223px !important; }

* html #izquischmal { padding: 12px; }
* html #con #izquischmal { padding: 5px; }
* html #con #izquischmal br { line-height: 5px; }

* html #derscroll { margin-left: -15px; width: 384px; height: 398px; }

* html #derebreit { float: right; margin: 0px; }

/* Ende Explorer Hack */