/************************************************************
*															*
* Copyright 2009 - gno.cat									*
* Disseny: Laura Morató - moratolaura@telefonica.net		*
* Programació: Osona Disseny Web - info@osonadissenyweb.com	*
*															*
************************************************************/

/* ESTILS DE L'ESTRUCTURA GENERAL DE LA PÀGINA */
body {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	margin:0;
	padding:0;
	color:#333333;
	font-weight:normal;
}

#wrapper {
	margin:0 auto;
	width:869px;
	text-align:left;
}

#header {
	width:829px;
	height:165px;
	margin:20px auto 0 auto;
}

#head-menu {
	width:328px;
	margin-top:15px;
	float:left;
}

#logotip {
	float:left;
	width:165px;
}

#gno {
	float:right;
	margin-top:78px;
	width:165px;
	color:#ffffff;
	font-size:17px;
	line-height:normal;
}

#title {
	height:23px;
	float:left;
	display:block;
}

#title a {
	text-decoration:none;
	border:0px;
}

#title a img {
	text-decoration:none;
	border:0px;
}

#title div {
	width:300px;
	height:16px;
	margin:-18px 0px 0px 200px;
}

#subtitle {
	height:14px;
	padding-top:7px;
	float:left;
}

#subtitle a:link, #subtitle a:visited {
	color:#333333;
	text-decoration:none;
}

#subtitle a:hover, #subtitle a:active, #subtitle a:focus {
	text-decoration:underline;
}

#content {
	width:829px;
	margin:0 auto;
}

#main-content {
	clear:both;
}

#expand-content {
	clear:both;
	height:2px;
}

#footer {
	width:829px;
	clear:both;
	margin:5px auto 0 auto;
	padding:0px 0px 5px 0px;
	font-size:9px;
	color:#999999;
}

#footer a:link, #footer a:visited {
	text-decoration:none;
	color:#999999;
}

#footer a:hover, #footer a:active, #footer a:focus {
	text-decoration:underline;
}

/*ESTILS DELS MENÚS */
#darrera-actualitzacio {
	margin:15px 0px 0px 15px;
}

.menu {
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.menu li a:link, .menu li a:visited {
	color:#333333;
	text-decoration:none;
}

.menu li a:hover, .menu li a:focus, .menu li a:active {
	text-decoration:underline;
}

#menu1 {
	margin:55px 0px 0px 15px;
	width:152px;
	float:left;
	line-height:14px;
}

#menu2 {
	margin-top:55px;
	float:left;
	line-height:14px;
}

/* Estils dels enllaços del menú principal */
.mainLink:link, .mainLink:visited {
	text-decoration:none;
	width:165px;
	height:165px;
	display:block;
	border:0px;
	background:#D2BA00 left top no-repeat;
}

.mainLink:hover, .mainLink:active, .mainLink:focus{
	background:#D2BA00 right top no-repeat;
}

.mainLink span {
	display:none;
	visibility:hidden;
}

/* Imatges del menú principal */
#mAmbitsDeTreball {background-image:url(../img/mainNav/ambitstreball.jpg);}
#mGaleriaFotografica {background-image:url(../img/mainNav/galeriafotografica.jpg);}
#mAgendaActivitats {background-image:url(../img/mainNav/genda.jpg);}
#mCatalegDeVertebrats {background-image:url(../img/mainNav/catalegvetebrats.jpg);}
#mNovetatsNoticies {background-image:url(../img/mainNav/novetats.jpg);}
#mLinks {background-image:url(../img/mainNav/links.jpg);}
#mElGrup {background-image:url(../img/mainNav/elgrup.jpg);}
#mPremsa {background-image:url(../img/mainNav/premsa.jpg);}
#mFesteSoci {background-image:url(../img/mainNav/festesoci.jpg); background-color:#8aae1f !important;}
#mConcursBotanic {background-image:url(../img/mainNav/concurs.jpg);}


/* ESTILS DELS FORMULARIS */
form {
	margin:0;
	padding:0;
}

#accesUsuaris {
	margin-top:8px;
}


/* Mida i estils dels inputs del mòdul d'accés */
.inputAcces {
	border:1px solid #666666;
	font-size:10px;
	color:#666666;
	padding:1px;
	padding-top:0px;
	width:124px;
	height:13px;
}

#usuari {
	margin-bottom:7px;
}

#loginForm {
	margin-bottom:8px;
}

#consulta {
	margin-top:38px;
}

/* ESTILS DELS PARÀGRAFS */
/* Estils generals */
.dreta {text-align:right;}
.esquerra {text-align:left;}
.justificat {text-align:justify;}
.centrat {text-align:center;}
.fRight {float:right;}
.fLeft {float:left;}
.clearB {clear:both;}
a img {
	text-decoration:none;
	border:0px;
}

.text-linia {
	border-top:1px solid #333333;
	line-height:15px;
	padding:0px 15px 0px 15px;
	text-align:justify;
}

.text-linia p {
	margin:10px 0px 20px 0px;
}

.text-linia a:link, .text-linia a:visited {
	color:#333333;	
}

.text-linia a:hover, .text-linia a:active, .text-linia a:focus {
	text-decoration:none;
}

/* Estils paràgraf accés */
.acces-zone {
	margin:0;
	padding:0;
	line-height:15px;
}

.acces-zone a:link, .acces-zone a:visited {
	text-decoration:none;
	color:#333333;
}

.acces-zone a:hover, .acces-zone a:active, .acces-zone a:focus {
	text-decoration:underline;
}

/* ESTILS DELS TÍTOLS DELS APARTATS DINS DELS MÒDULS */
#titol-apartat, #titol-apartat-grup {
	color:#000000;
	font-size:12px;
	line-height:15px;
	font-weight:bold;
	width:154px;
	height:52px;
	padding-top:113px;
	padding-left:11px;
}

#titol-apartat-grup {
	color:#ffffff !important;
}

/* ESTILS DE L'APARTAT NOVETATS I FÒRUM */
#tNovetatsNoticies:link, #tNovetatsNoticies:visited, #tForum:link, #tForum:visited {
	text-decoration:none;
	border:0px;
}

#tNovetatsNoticies:hover, #tNovetatsNoticies:active, #tNovetatsNoticies:focus, #tForum:hover, #tForum:active, #tForum:focus {
	text-decoration:none;
	border:0px;
}

#tNovetatsNoticies img, #tForum img {
	text-decoration:none;
	border:0px;
}

/* Estil del resum del fòrum */
#forum {
	width:163px;
	border-left:1px solid #d2ba00;
	border-right:1px solid #d2ba00;
	background:#ffffff;
	height:294px;
	overflow:hidden;
	line-height:12px;
}

/* Estils de la notícia destacada */
.noticia-destacada {
	color:#000000;
	padding:10px 5px 0px 13px;
	line-height:13px;
}

.titol-noticiaDestacada {
	font-size:11px;
	color:#ffffff;
}

.data-noticiaDestacada {
	font-size:11px;
}

.noticia-destacada p{
	margin-top:15px;
}

/* Estils dels últims posts del fòrum */
.forum-roll {
	margin:0px;
}

.post-destacat {
	border-bottom:1px dotted #333333;
	font-size:9px;
	line-height:13px;
	margin:0px 2px 0px 2px;
	padding:10px 5px 20px 5px;
}

.post-destacat:hover {
	background:#ffffcc;
}

.titol-post-destacat {
	font-weight:bold;
}

.titol-post-destacat a:link, .titol-post-destacat a:visited {
	text-decoration:none;
	color:#333333;
}

.titol-post-destacat a:hover, .titol-post-destacat a:active, .titol-post-destacat a:focus {
	text-decoration:underline;
}

.data-nom-post-destacat {
	font-size:8px;
	font-weight:bold;
}

/* Estils del mòdul d'activitats */
.titols-calendari {
	padding:8px 15px 0px 10px;
}

.titols-calendari h3 {
	font-size:10px;
	color:#dd0067;
	text-decoration:none;
	margin:0px !important;
}

.titols-calendari h3 a:link, .titols-calendari h3 a:visited {
	color:#dd0067;
	text-decoration:none;
}

.titols-calendari h3 a:hover, .titols-calendari h3 a:active, .titols-calendari h3 a:focus {
	text-decoration:underline;
}

.calendari-activitats {
	padding:0px 10px 8px 3px;
}

.dies-num-calendari {
	width:100%;
	margin:5px auto 10px auto;
	padding:0;
	font-size:8px;
	border-collapse:separate;
}

.dies-num-calendari thead {
	display:table-header-group;
	vertical-align:middle;
}

.dies-num-calendari tr {
	display:table-row;
	vertical-align:inherit;
	height:13px;
}

.dies-num-calendari th {
	font-weight:normal;
	border:0px;
	display:table-cell;
	text-align:right;
}

.dies-num-calendari tbody {
	vertical-align:middle;
	display:table-row-grup;
}

.dies-num-calendari td {
	text-align:right;
	display:table-cell;
	vertical-align:inherit;
	padding:0px 3px 0px 0px;
	width:14.28%;
}

abbr {
	border:0px;
}

.mesos-calendari {
	font-size:8px;
	font-weight:bold;
	color:#dd0067;
	width:143px;
	margin:3px 0px 0px 8px;
}

.dies-num-calendari a:link, .dies-num-calendari a:visited, .mesos-calendari a:link, .mesos-calendari a:visited {
	color:#dd0067;
	text-decoration:none;
}

.dies-num-calendari a:hover, .dies-num-calendari a:active, .dies-num-calendari a:focus, .mesos-calendari a:hover, .mesos-calendari a:active, .mesos-calendari a:hover {
	color:#dd0067;
	text-decoration:underline;
}

.expand12 {
	height:12px;
}

.clear-left {
	float:left;
	clear:left;
}

.titol-blau {color:#3399cc;}
.titol-vermell {color:#D73741;}


/* Estils de l'ampliació d'imatges */
#ampliacio-imatge {
	border:1px solid #ffffff;
	position:absolute;
	text-align:center;
	display:none;
	visibility:hidden;
	left:0;
	top:0;
	cursor:pointer;
}



/* Estils ampliació fotogaleries */
#desc-ampliada, #especie-ampliada {
	text-align:left;
	background:#ffffff;
}