/* CSS Document */
body{
	margin-left: 0px;
	margin-right: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
}

/*
 *	generics
 */ 
 
a
{
	color:#FFFFFF;
	text-decoration:none;
}

p{
	margin-top:2px;
	margin-bottom:2px;
	line-height:1.7em;
}

h1 { 
	margin: 10px 0px 10px 0px; 
	color: #54758A; 
	font:bold 16px Arial, Helvetica, sans-serif; 
}
h2 { 
	margin: 10px 0px 10px 0px; 
	color: black;  
	font: bold 14px Arial, Helvetica, sans-serif; 
}
h3 { 
	margin: 10px 0px 10px 0px; 
	color: black;   
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;  
}

/*
 *	especifis
 */ 

h1.titol 
{
	margin: 10px 0px 10px 0px; 
	padding: 2px 0.5em 2px 0.5em;
	color: #FFFFFF; 
	font:bold 12px Arial, Helvetica, sans-serif; 
	background: #54758A;
	height:15px;

	
}

div.pagina-imatges
{
	float: right; 
	width: 252px;
	margin: 1em;
	text-align:right;
}

div.pagina-imatges img
{
	padding: 2px;
	border: 1px double #ccc;
}

.pagina-cont{
	width:980px;
	margin:auto

}

.menu{
	color:#54758A;
	font-weight:bold;
	font-size:0.7em;

}

.margin-but {
	
	/* padding-left:10px; */
	
	padding-top:40px;
	
}

.margin-but a{
	color:#54758A;
	font-weight:bold;
	text-decoration:none;
}

.but{
	width:121px;
	
	height:96px;
	float:left;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #54758A;
	border-bottom-color: #54758A;
	border-left-color: #54758A;
	cursor:pointer;
}

.but:hover{
	background-color:#D1DBE4;
}
/*
.but-right{
	width:120px;
	height:96px;
	float:left;
	text-align: center;
	border: 1px solid #54758A;
}
*/
.but-right{
	width:124px;
	height:96px;
	float: left;
	text-align: center;
	border: 1px solid #54758A;
	cursor:pointer;
}

.but-right:hover{
	background-color:#D1DBE4;
}


.submenu{
	background-color:#8DA5B7;
	height:40px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #54758A;

}
.submenu-but{
	margin-top:5px;
	font-size:0.60em;
	padding-left:12px;
	float:left;
	margin-left:0px;
	margin-right:8px;
	margin-left:2px;
	background-image:url(../../resources/images/submenu-icon.gif);
	background-repeat:no-repeat;
	background-position:left, top;
	vertical-align:top;
	padding-top:0px;
}
.submenu-but:hover{

background-image:url(../../resources/images/submenu-icon-over.gif);

}
.submenu-but a{
	color:#FFFFFF;
	text-decoration:none;
}
.submenu-but a:hover{
	color:#26343E;
	text-decoration:none;
}

.Ticker{ color:#FFFFFF;font-size:0.8em; padding-top:0.8em; }
.Ticker a{ color:#FFFFFF; text-decoration:none; }
.Ticker a:hover{ text-decoration:underline;}

.TickerNews{ margin-right:10em;}
.TickerDate{ color:#333333; margin-right:1em; }
.TickerDate a{ color:#333333; text-decoration:none;}

.clear{
	clear:both;
}

.cont-border{
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #54758A;
	border-bottom-color: #54758A;
	border-left-color: #54758A;
}

.cont-esquerra {
	float:left;
	padding-right:9px;
	width: 470px;
	border-right:
; 	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #54758A;
}

.cont-dreta {
margin-left:7px;
float:right;
	width: 470px;
}

.bottom{
	/* padding-top:5px;
	 * padding-left:10px;
	 * height:21px;
	 */
	color:#FFFFFF;
	background-color:#54758A;
	
	font-size:0.6em;
}
.bottom table { margin: 0px; padding: 0px; }

.bottom a {
	color:#FFFFFF;
	text-decoration:none;
}

.bottom a:hover{
	color:#000000;
}

.foto{
	margin-top:0px;
}


/*
 * menu esquerra per posar-hi submenus, imatges, etc.
 *	- el contingut que va amb això és una class .cont, que conté el marge necessari.
 */
 
.left{
	padding-top:10px;
	font-size:0.6em;
	color:#FFFFFF;
	width:150px;
	float:left;
	padding-bottom:10px;
	float:left;

}


.left a:hover{
color:#26343E;;

}

.left li{
	line-height:12px;
	margin:0px;
	margin-bottom:9px;
	margin-left:0px;
	padding:0px;
	list-style:none;
}
.left ul{
	margin-top:3px;
	margin-left:10px;
	line-height:0px;
	margin-bottom:0px;
	padding:0px;
	list-style:none;
}
.left ul ul li{
	line-height:15px;
	margin-bottom:7px;
	margin-top:0px;
}


/*
 *	contingut amb marge a l'esquerra per a què hi capiga el left.
 */

.cont
{
	background-color:#FFFFFF;
	margin-left:151px;
	padding:10px;
	font-size:0.7em;
	color:#973A44;
}

div.fil-ariadna {
font-size:91%;
color:#54758A;
margin-bottom:5px;
}

	div.fil-ariadna a {
	text-decoration:none;
	}
	
	div.fil-ariadna a:hover {text-decoration:underline}

.cont a { color: #54758A; text-decoration: underline; }
.cont a:hover { text-decoration: none; }

/*
 *	contingut normal sense float a l'esquerra.
 */
 
.cont-normal
{
	background-color:#FFFFFF;
	padding:10px;
	font-size:0.6em;
	 overflow: hidden; _display: inline-block;

}

.cont-normal h1 { margin: 0px;  }
.cont-normal h2 { margin: 0px;  }
.cont-normal h3 { margin: 0px;  }

.cont-normal a:link { 
color: #54758A;
text-decoration: underline;
}

.cont-normal a:visited { 
color: #888888;
text-decoration: underline;
}
.cont-normal a:hover { text-decoration: none; }

.cont-normal .acte { 
	margin-bottom: 1em; 
	padding-bottom: 1em; 
	border-bottom: 1px solid #CDCDCD; 
}

/*
 *	footer { credits | avis legal }
 */
 
#footer { 
	font: 10px Arial, Helvetica, sans-serif;
	padding:5px 0;
}

#footer a{ 
	font: 10px Arial, Helvetica, sans-serif; 
	color:#54758A; 
	text-decoration: none;  
}

#footer a:hover { text-decoration: none; } 


/*
 * galeria
 */
 
.imatge 
{
	width: 160px;
	margin-top: 3px;
	padding: 0px;
	border:1px solid #CDCDCD;
	color: #676767;
}

.imatge img { border: 1px solid #CDCDCD; margin: 5px; }
.imatge p { margin: 0px 5px 0px 5px; }

/*
 * auxiliars.
 */

.text-activat {
	color:#000000;
}

.middle {
	background-image:url(../../resources/images/fondo-left.gif);
	background-repeat:repeat-y;
	background-position:left;
}

#noticia-enllac { margin-top: 1em; }

/*
 *	NOTICIES
 */
 
div.noticia-imatge
{
	float:left; 
	width: 100px;
	margin-right: 15px;
}

div.noticia-esquerra
{
	float: left; 
	padding: 10px;
	width: 450px;
	height: 130px;
	border-bottom:1px dotted #ccc;
	border-right:none;
}

div.noticia-dreta
{
	float: left; 
	padding: 10px;
	width: 450px;
	height: 130px;
	border-bottom: 1px dotted #ccc;
	/* border-right: 1px dotted #ccc; */
}

div.noticia-esquerra-bottom
{
	float: left; 
	padding: 10px;
	width: 450px;
	height: 130px;
	/* border-bottom: 1px dotted #ccc; */
	border-right: 1px dotted #ccc;
}

div.noticia-dreta-bottom
{
	float: left; 
	padding: 10px;
	width: 450px;
	height: 130px;
	/* border-bottom: 1px dotted #ccc; */
	/* border-right: 1px dotted #ccc; */
}

.foto .img-top 
{
	border-bottom: 1px solid #54758A;
}

.logo{
width:101px;
float:left;
margin-left:0px;

}
.logo-text{
width:320px;

float:left;
margin-left:10px;

}
.ButonEntrar{ background-color:#54758A; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF;  }
.ButonEntrar a{ color:#FFFFFF;}

/* 
 * CONTACTE
 */
.contacte { width: 600px; text-align:left; padding: 1em; background-color: #D1DBE4; border: 1px solid #54758A; }
.contacte input { border: 1px solid #54758A; }
.contacte textarea { font-family:Arial, Helvetica, sans-serif;  font-size:1.1em;  border: 1px solid #54758A; }
.contacte .label { font-size:1.1em; font-weight: bold; text-align: right; color: #666; }
.contacte .Error { font-weight:bold; color: red; }


/* news*/
.DecorationImg{
	border: 1px solid #CCCCCC;
	padding:2px;
}

.TextPatrocinadors{float:left; width:570px; margin-bottom:10px;}

.Adjunt{ background-image:url(../../resources/images/down-icon.jpg); background-repeat:no-repeat; background-position:left; padding-left:20px;}