/* FIXES */
*, a img, ul { padding:0; margin:0; border:0; }
li { list-style:none; }
a { text-decoration:none; color:#000000;}
a:hover{ text-decoration:none; color:#C4C4C4;  }

/* ELEMENTS */
html{ background: #eee9cc url(images/bckgPattern.jpg); }
body { background: url(images/bckg.jpg) repeat-x; font-family:Arial; font-size:14px; line-height:130%; overflow:scroll; }
#principal{ width:965px ; margin:0 auto; }
.hr { border:0; height:2px; margin:20px 0 10px 0; background:url(images/preview_hr.gif) no-repeat center bottom; }

#botons {border:0px solid;margin:0 auto; width:800px;}
#form_login{padding:50px 0 0 10px;}
#form_dades{padding:50px 0 0 10px;}
 a.dades { text-decoration:none; color:#2B5293;}
 a:hover.dades{ text-decoration:none; color:#0D2553;  }

#form_admin {width: 600px; padding:10px 0 0 70px;}
#form_reg {width: 600px; padding:10px 0 0 40px;}
#form_mod{width: 600px; padding:10px 0 0 40px;}
/*#form_modstyle={width: 600px; border:0px solid; padding:20px 0 0 60px;}*/
 #textdown{ border:0px solid; padding-left:0px; width:500px;}
 #textruta{width:500px; border:0px solid; padding-top:10px; padding-bottom:10px;}
 .descarga {
	float: left;
	padding: 2px 2px 2px 2px;
	border: 0px solid;}
 .textdescarga{
	font-family:  Verdana; 
	font-size: 4 px;
	float: left;	
	margin-left: 4px;
	border: 0px solid;
	}

 
 #imatgeruta {width:400px; height:350px;
	float:center;
	border:1px solid;
	border-color:#A19F7C;
	-moz-border-radius:4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	padding:10px 10px 10px 10px;
	margin-left:20 px;}
	
 #commentext{width:525px; float:right;  border:0px solid;}
 #titolalbum { 
	margin-bottom:10px;
	margin-top:10px;
	padding:25px 5px 5px 5px;}
	
 #albumsportada p{width:478px; 
	margin-bottom:0px;
	border:1px solid;
	border-color:#A19F7C;
	-moz-border-radius:4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	padding:10px 5px 10px 14px;}
	
	 #albums p{width:600px; 
	margin-bottom:0px;
	border:1px solid;
	border-color:#A19F7C;
	-moz-border-radius:4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	padding:10px 5px 10px 14px;}
	
 #imatgetext{
	width:200px;
	margin-left:150px;
	border:1px solid;
	border-color:#A19F7C;
	-moz-border-radius:4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	padding:5px 5px 5px 5px;}

 
#idioma {width: 500px;
	margin:5px 2px 1px 2px;
	border:1px solid;
	border-color:#A19F7C;
	-moz-border-radius:4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	padding:5px 0 5px 5px;}
	
/* ALTRES */

#textfoto{
margin: 4px ;
}
.avis {font-family:Tahoma; color:red;}
.icon {
	float: right;
	padding: 2px 2px 2px 2px;
	border: 0px solid;
}

.bandera {
	float: left;
	padding: 2px 2px 2px 2px;
	border: 0px solid;
}
.textbandera{	
	position:relative;
	font-family:  Verdana; 
	font-size: 4 px;
	float: left;	
	margin-left: 4px;
	border: 0px solid;
	width:125px;
}
.hora{	
	position:relative;
	font-family:  Verdana; 
	font-size: 4 px;
	float: left;	
	margin-left: 4px;
	border: 0px solid;
}
.text{

	font-family:  Verdana; 
	font-size: 4 px;
	float: right;	
	margin-left: 4px;
	border: 0px solid;
}

/* TOP */
#top{ float: left; position:relaitve; margin:0 auto; width:760px; padding-top:158px !important; padding-left:30px !important;  height:74px   }
#espai{height:37px;}
#espaialbums{height:15px;}
#espaihores{height:5px;}
#espaidescargues{height:1px;}
#espairutes{padding-left:45px; border:0px solid; width:500px;}
#espai2{height:400px;}
#click {position:relative; border:1px solid;}
#topNav { float:left; }
#topNav a { text-decoration:none; color:#FFFFFF;}
#topNav a:hover{ text-decoration:none; color:#C4C4C4;  }
#blanc  td {border:0px solid;}
.tdborder  {		
	margin:1px 2px 1px 2px;
	border:2px solid;
	-moz-border-radius:4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	}

#topNav  td {		
	margin:2px 2px 2px 2px;
	border:2px solid;
	-moz-border-radius:4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	}
#topNav  .blanc td {border:0px solid;}

/* CAP�ALERA*/
#header{ width:750px; border:0px solid; height:197px; background: url(images/logo.png) no-repeat left top; position:relative; }
#logo {display:block; width:283px; height:114px; position:absolute; left: 351px; top: -22px;}
#header #bar { position:absolute; display:block; width:61px; height:44px; left:860px; top:120px; }

#head_portada {height:40px; background: url(images/portada.png) no-repeat left top;}
#head_articles {height:40px; background: url(images/articles.png) no-repeat left top;}
#head_rutes {height:40px; background: url(images/rutes.png) no-repeat left top;}
#head_situacio {height:40px; background: url(images/situacio.png) no-repeat left top;}
#head_fotos {height:40px; background: url(images/fotos.png) no-repeat left top;}
#head_talbums {height:40px; background: url(images/histfotos.png) no-repeat left top;}
#head_albums {height:40px; background: url(images/fotos.png) no-repeat left top;}
#head_registre {height:40px; background: url(images/registre.png) no-repeat left top;}
#head_admin {height:40px; background: url(images/admin.png) no-repeat left top;}
#head_mod {height:40px; background: url(images/moddades.png) no-repeat left top;}

/* =CONTENT */
	
	#cont{ border:0px solid;  }
	#innerLeft_wrap { border:0px solid; float:left; width:680px; margin:7px 0 0; background:url(images/inner-left-content.gif) repeat-y right top; }
	#innerLeft_top { padding:30px 0 0 43px; margin-bottom:-51px; height:50px; }
	#innerLeft_content {  position:relative; padding:15px 10px 0 30px; margin:0;  margin-top: -7px; background:url(images/inner-left-top.gif) no-repeat right top; }
    #innerLeft_bottom { height:50px; background:url(images/inner-left-bottom.gif) no-repeat right bottom; margin-top:5px;}
    
	#k1 { background-image:url(images/k1.png); height:215px; width:265px; border:0px solid; float:left; margin:-10px 0 0 -2px; }
	#k2 { background-image:url(images/hores.png); height:130px; width:256px; border:0px solid; float:left; margin:20px 0 0 -2px;}
		#k2 #hores { width:235px; border:0px solid; float:left; padding:38px 0 5px 5px;}
	
	#k3 { background-image:url(images/historic.png); height:130px; width:256px; border:0px solid; float:left; margin:15px 0 0 -2px;}
		#k3 #historics { text-decoration:none; color:#0D2553; width:235px; border:0px solid; float:left; padding:30px 0 5px 20px;}
	
    /* =PEU DE PAGINA */
    #peu_pagina { margin:60px 0 0 0; background:url(images/footer-bg.gif) repeat-x; }
    #peu { width:920px; margin:0 auto; padding:20px 0; }
    #peu .copy { border-top:1px solid #DFD4B4; border-bottom:1px solid #DFD4B4; padding:10px 0; text-align:center; text-transform:uppercase; font-size:15px; }
    #peu .copy .small { font-size:11px; text-transform:none; color:#8F876E; }

/*ARTICLES*/
	#big_box {width:610px; height:auto; border: 1px solid;}
	#art_box {width:600px; height:auto; border: 1px solid;}
/*COMENTARIS*/
	#com_box {width:600px; height:auto; border: 1px solid;}
	#form_box {width:600px; height:auto; border: 1px solid;}
	#coms_box { border: 1px solid;}
   
   
   
body
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
.comment_box
{
background-color:#D3E7F5; border-bottom:#ffffff solid 1px; padding-top:3px
}

	*{margin:0;padding:0;}
	
	
	ol.timeline
	{list-style:none;font-size:1.2em;}
	ol.timeline li{ display:none;position:relative;padding:.7em 0 .6em 0;}ol.timeline li:first-child{}
	
	#main
	{
	width:500px; margin-top:20px; margin-left:100px;
	font-family:"Trebuchet MS";
	}
	#flash
	{
	margin-left:100px;
	
	}
	.box
	{
	height:85px;
	border-bottom:#dedede dashed 1px;
	margin-bottom:20px;
	}
	input
	{
	color:#000000;
	font-size:14px;
	border:#A19F7C solid 1px;	
	}
	select
	{
	color:#000000;
	font-size:14px;
	border:#A19F7C solid 1px;	
	}
	textarea
	{
	color:#000000;
	font-size:14px;
	border:#A19F7C solid 1px;		
	}
	.titles{
	font-size:13px;
	padding-left:10px;
	}
	.star
	{
	color:#FF0000; font-size:16px; font-weight:bold;
	padding-left:5px;
	}
	
	
	
	

/* Text "No disponible" al costat dels botons desactivats (BLOQUEIG 19/07/2026) */
.no-disponible {
	color: #FF0000;
	font-size: 12px;
	margin-top: 8px;
	display: inline-block;
	font-weight: bold;
}

/* Marges al formulari de registre */
#form_reg {
	margin-bottom: 30px;
}