@import url(atles_behavior.css);
body { 
	margin: 0px; padding: 0px;
	background: #000000; color: #ffffff;
	/*background-image: url(../imatges/fonss.jpg); background-position: center top; 
	background-repeat: repeat-y; background-attachment: fixed;*/
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: normal; 
	font-size: 0.75em; line-height: 1.5em;
	}
a { color: #ffffff; text-decoration: none; }
/* vermell zona gran: #a80000 --- vermell text petit: #bf0000 */
a:hover { color: #bf0000; text-decoration: none; }
img { border: 0px; }
p { margin: 0px 0px 1em 0px; padding: 0px; }
h1, h2, h3, h4, h5 { font-weight:normal; }
.vermell { color: #bf0000; }
.blau { color: #77a; }
/* ------------------ DALT ------------------ */
#dalt { font-size: 1.1em; }
#menupral a { margin: 0px 0.5em; }
#menupral a.actiu { color: #77a; }
#menupral a.actiu:hover { color: #bf0000; }
#menupral form { margin: 0px; padding: 0px; border: 0px;
	float: right; width: 192px; display: inline; margin-left: 1em; }
#menupral fieldset { margin: 0px; padding: 0px; border: 0px; }
#menupral legend, #menupral label { display: none; visibility: hidden; }
#menupral input { margin: 0px; padding: 0.1em 1em;
	border: 1px solid #eee; background-color: #000;
	font-size: 0.95em; color: #fff; }
#menupral input.boto { margin: 0px; padding: 0px 0px 0.3em 0.1em;
	border: 0px solid #eee; background-color: #000;
	font-size: 1em; color: #fff; }
#menupral input.boto:hover { color: #bf0000; }	
#guia { font-size: 0.95em; color: #77a; }
#guia a { color: #77a; }
#guia a:hover { color: #bf0000; }
#guia img { vertical-align: text-bottom; }

/* ------------------ SOTA ------------------ */
#esquerra, #esquerra_autors { text-align: right; }
#esquerra p { font-size: 1.1em; }

#esquerra_autors p { margin: 0px; padding: 0px; font-size: 1.1em; clear: right; }
#esquerra_autors p a { border: 0px solid #ff0000;width: 30px; height: 30px; float: right; }

#dreta { color: #77a; }
#dreta p { margin-left: 1.8em; }
#dreta h4 { margin: 0px 0px 1em 0px; padding: 0px; font-size: 1em; }
#dreta h4 a { color: #77a; }

#comarca { text-align: left; }
#comarca .marc_dalt { position:absolute; top:0px; }
#comarca .marc_sota { position:absolute; bottom:0px; }
#comarca .titol { margin: 25px 0px 0px 35px; }
#comarca .cognom { color: #77a; }
#comarca .cognom em { text-transform: uppercase; font-style: normal; }
#comarca ul { list-style-type: none; }
#comarca li { margin: 0.3em 0px; }
/* llista sí */
#comarca p.llistat_titol { margin-top: 1.5em; text-transform: uppercase; font-size: 1.5em; }
#comarca ul.llistasi { list-style-type: circle; }
#comarca ul.llistasi li { margin: 0.3em 0px 0.3em 2em; }
/* div#comarcadins ens fa 3 columnes */
#comarca #comarcadins { overflow: auto; }
#comarca #comarcadins p { border:  0px solid #a80000; 
	float: left; width: 200px; margin-right: 16px; }
/* div#explicacio ens fa 1 sola columna */
#comarca #explicacio { overflow: auto; }
/* #comarca #explicacio p strong { color: #bf0000; color: #77a; } */
#comarca #explicacio table {  }
#comarca #explicacio th { padding: 0px 2em 1em 0px; vertical-align: top; text-align: right; }
#comarca #explicacio td { padding: 0px 2em 1em 0px; vertical-align: top; }
#comarca #explicacio td.td20 { width: 20%; }
#comarca #explicacio td.td80 { width: 80%; }
#comarca #explicacio ul { margin: 0px; padding: 0px; }
/* --- credits --- */
#comarca #credits h3 { font-size: 1.3em; }
#comarca #credits.foto_biografia h3 { margin-left: 120px; }
#comarca #credits.foto_biografia p { margin-left: 120px; }
#comarca #credits ul { margin: 0px; padding: 0px; }
#comarca #credits ul li { margin: 2em 0px; padding: 0px; color: #999; }
#comarca #credits ul ul { margin: 0.5em 0px; padding: 0px; }
#comarca #credits ul ul li { margin: 0.2em 0px; padding: 0px; color: #fff; }
#comarca #credits li a { border-bottom: 1px solid #333; }
#comarca #credits_web { border: 1px solid #000; width: 325px; float:right; }
#comarca #credits_atles { border: 1px solid #000; width: 325px; }
/* --------- itinerari i punts --------- */
#itinerari #punts { color: #000000;	}
#itinerari #punts .punt { position: absolute; width: 125px; border: 0px solid #0ff; }
#itinerari #punts .punt a { color: #000000; }
#itinerari #punts a img  { float: left; margin-right: 5px; }
#itinerari #punts .punt a:hover { position: relative; }
#itinerari #punts .punt a span { float: left; visibility: hidden; width: 102px; padding-top: 1px; }
#itinerari #punts .punt a:hover span { float: left; visibility: visible; color: #000; }
/* --- conceptuals --- */

#itinerari #punts .conceptuals { border: 0px solid #fff; overflow: auto;
	position: absolute; width: 677px; left: 25px; }
#itinerari #punts .conceptuals a:hover { color: #bf0000; }
#itinerari #punts .conceptuals .puntconcept { border: 0px solid #f99; float: left; width: 202px; margin-right: 16px; }
#itinerari #punts .conceptuals .puntconcept span { float: left; width: 177px; padding: 1px 0px 1em 0px; margin:0px; }


/* --- racons --- */
#itinerari #punts .racons { border: 0px solid #fff; overflow: auto;
	position: absolute; width: 677px; margin: 15px 25px; }
#itinerari #punts .racons a { color: #000000; }
#itinerari #punts .racons a:hover { color: #a80000; }
#itinerari #punts .racons .puntconcept { border: 0px solid #fff;
	float: left; width: 202px; margin-right: 16px; }
#itinerari #punts .racons .puntconcept span { float: left; width: 177px; padding-top: 1px; }

/* --- text --- */
.text { text-align: justify; line-height: 1.4em; color: #333333; }
.text a { color: #000000; }
.text a:hover { color: #a80000; }
.text .bototancar { position: relative; float: right; margin-right: 2em; }
.text .textdins { margin: 0px 35px 0px 5px; }
.text .textdins h2 { margin-left: 235px; color: #a80000; text-transform: uppercase; line-height: 1.1em; }
.text .textdins h3 { margin-left: 235px; color: #999; line-height: 1.1em; }
.text .textdins h3 a { color: #999; }
.text .textdins h3 a:hover { color: #a80000; }
.text .textdins h3.apartat { margin-top: 3em; text-transform: uppercase; border-bottom: 1px solid; }
.text .textdins h4 { margin-left: 235px; color: #a80000; text-transform: uppercase; }
.text .textdins p { margin-left: 235px; }
.text .textdins a img { border: 1px solid #999; float: left;/*position: absolute; top: 0px;*/ }
.text .textdins a:hover img { border: 1px solid #a80000; }
.text .textdins ul { margin: 0px 0px 0px 235px; padding: 0px; list-style-type: none; }
.text .textdins ul ul { margin: 0.2em 0px 1em 25px; padding: 0px; }
.text .textdins li { margin: 0.2em 0px; padding: 0px; }
.text .textdins li a { color: #999; }
.text .textdins li a:hover { color: #a80000; }
.text .textdins li li { margin: 0px; padding: 0px; }
.text .textdins li li a { color: #000; }
/* fitxes crèdits */
#textos .textdinscredits { margin: 0px 35px; }
#textos .textdinscredits p { width: 653px; }
#textos .textdinscredits h2 { color: #a80000; text-transform: uppercase; }
#textos .foto_biografia p { margin-left: 120px; width: 533px; }
#textos .foto_biografia h2 { margin-left: 120px; }
/* --- text black --- */
.textblack { text-align: justify; line-height: 1.4em; color: #eee; }
.textblack a { color: #fff; }
.textblack a:hover { color: #bf0000; }
.textblack .bototancar { position: relative; float: right; margin-right: 2em; }
.textblack .textdins { margin: 0px 35px; }
.textblack .textdins h2 { color: #bf0000; }
.textblack .textdins h3 { color: #999; }
.textblack .textdins h3.apartat { margin-top: 3em; text-transform: uppercase; }

/* --- foto --- */
.foto { text-align: justify; color: #000000; }
.foto a { color: #000000; }
.foto a:hover { color: #a80000; }
.foto .bototancar { position: relative; float: right; 
	margin-right: 2em;
	}
.foto .fotodins { margin: 0px; text-align: center; }
.foto .fotodins a img { border: 0px solid #999; }
.foto .fotodins a:hover img { border: 0px solid #a80000; }

/* --- peu --- */
#peu { font-size: 0.95em; color: #77a; }
#peu a { color: #77a; }
#peu a:hover { color: #bf0000; }