/*  
Description: Fulla d'estil per a http://www.recursosmatrona.com
Version: 1.0
Author: Vicent Cubells i Peña
Author URI: http://www.vcubells.net
*/


/* Begin Typography and Colors */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #e7e7e7;
	display: block;
}

#contingut {
	background: url("imatges/cos.jpg") repeat-y top; border: none;
	font-size: 0.90em;
	text-align: justify;
}

#capcelera {
	background: url("imatges/cap.jpg") no-repeat top; border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-align: center;
	font-weight: bold;
}

#titol {
	font-size: 0.75em;
}

#titol h1 {
	color: #ad1839;
}

#peu {
	background: url("imatges/peu.jpg") no-repeat bottom; border: none;
	text-align: center;
	font-size: 0.75em;
}

#menu_superior a, #menu_inferior a , #dades li a, #explicacio a, .classif a, #nuvols a {
	color: #ef844a;
	text-decoration: none;
}
#index_superior ul li a, #index_inferior ul li a {
	color: #ad1839;
	font-weight: bold;
	border-bottom-width: thin;
	text-decoration: underline;
}

#index_superior a, #index_inferior a {
	text-decoration: underline;
}

#index_superior a:hover, #index_inferior a:hover {
	color: #ad1839;
	font-weight: bold;
	text-decoration: none;
}

#menu_superior a:hover, #menu_inferior a:hover, #dades li a:hover, #explicacio a:hover, .elements a:hover, #nuvols a:hover {
	text-decoration: underline;
}

#menu_inferior p {
	color: #ad1839;
}

#t-recursos ul {
	list-style-image: url('imatges/fletxa.gif');
	position: relative;
}


#actual a, #remarca a {
	color: #ad1839;
}

#formulari, #contacte {
	text-align: center;
}

#contacte {
	text-align: right;
}

#formulari input, #contacte input {
	text-align: center;
}

#formulari p, #contacte p{
	color: #ef844a;
}

.botons {
	color: #ad1839; 
}

.items-recurs {
	color: #ad1839;
	font-weight: bold;
	font-style: italic;
}

.item {
	background: url("imatges/fons.jpg") repeat-x bottom left; border: none;
}

.elements {
	list-style-image: url('imatges/fletxa.gif');
}

.elements a {
	font-weight: bold;
	color: #ef844a;
	text-decoration: none;
}

.item {
	list-style-type: none;
}


#navegador_superior, #navegador_inferior {
	font-size: 0.90em;
}

#navegador_superior a, #navegador_inferior a {
	color: #ef844a;
	text-decoration: none;
}

#navegador_superior a:hover, #navegador_inferior a:hover {
	text-decoration: underline;
}

#informacio, #cerca {
	text-align: center;
}


.parell {
	background-color: #efba63;
}

.imparella {
	background-color: #e7e7e7;
}

#t-paraules .titol {
	color: #ad1839;
}

td a {
	color: #ad1839;
	text-decoration: none;
}

td a:hover {
	text-decoration: underline;
}

.destaca {
	color: #ad1839;
}

.no-destaca {
	color: #ef844a;
}

/* Begin Structure */

body {
	margin: 0;
	padding: 0;
}

#contingut {
	position: relative;
	margin: 20px auto;
	width: 750px;
	height: 100%;
	top: 5px;
}

#capcelera {
	position: relative;	
	width: 100%;
	height: 55px;
}

#titol {
	position: relative;	
	top: 15px;
}

#explicacio {
	position: relative;
	width: 650px;
	left: 50px;
	text-align: justify;
}

#tagcloud {
	position: relative;
	left: 25px;
}

#peu {
	position: relative;
	width: 100%;
	height: 35px;
	top: 15px;
}

#menu_inferior {
	position: relative;
}

#menu_inferior p {
	padding-top: 10px;
}

#menu_superior, #index_superior, #index_inferior {
	position: relative;
	width: 100%;
	padding-top: 25px;
}

#menu_superior ul, #index_superior ul, #index_inferior ul, #nuvols {
	text-align: center;
}

#menu_superior li {
	display: inline;
	padding-right: 3%;
}

#index_superior li, #index_inferior li {
	display: inline;
	padding-right: 2%;
}

#t-recursos {
	position: relative;
	width: 100%;
}

#td_esquerra {
	width: 315px;
	padding-left: 75px;
}

#td_dreta {
	width: 315px;
	padding-left: 40px;
}

#formulari {
	padding-top: 25px;
}

#contacte {
	padding-right: 190px;
}

.botons {
	width: 85px;
}

#resultats {
	position: relative;
	width: 100%;
}

#t-paraules {
	position: relative;
	text-align: center;
	margin: 5px auto;
}


.items-recurs {
	padding-left: 20px;
}

.item {
	position: relative;
	width: 640px;
	padding-left: 25px;
	padding-right: 15px;
}

.elements {
	position: relative;
	width: 640px;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-left: 25px;
}

#navegador_superior, #navegador_inferior {
	width: 700px;
	padding-left: 15px;
	padding-bottom: 20px;
}

#navegador_superior .dreta, #navegador_inferior .dreta {
	float: right;
}
	
#navegador_superior .esquerra, #navegador_inferior .esquerra {
	float: left;
	padding-left: 25px;
}

#informacio, #cerca {
	position: relative;
	width: 100%;
}

#nuvols {
	padding-top: 10px;
}

.iguala {
	width:350px;
}