/* CSS Document */
body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

body.gespa{
	background-image:url(img/fons-cap.jpg);
	background-position:top center;
	background-repeat:repeat-x;
}

.titular{
	font-size:12px;
	background-color:#669999;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:2px;
}
#idioma{
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-375px;
	width:750px;
	text-align:right;
	font-size:10px;
}

#idioma select{	font-size:10px;}

a img{	border:0;}

.nom{
	font-weight:bold;
	color:#666666;
}

.icones{
	width:20px;
	text-align:center;
}

.tipus{
	text-align:center;
	font-style:italic;
	width:100px;
}

.destacat{
	padding:5px;
	background-color:#99CC00;
	color:#FFFFFF;
	background-image:url(img/icones/destacat.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
	font-weight:bold;
	font-style:italic;
}

.destacat2{
	padding:5px;
	background-color:#FF6600;
	color:#FFFFFF;
	background-image:url(img/icones/destacat2.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
	font-weight:bold;
	font-style:italic;
}

ul.verd li{
	list-style-image:url(img/icones/triangle_verd.gif);
	padding-bottom:15px;
	padding-right:5px;
	font-size:12px;
}

ul.taronja li{
	list-style-image:url(img/icones/triangle_orange.gif);
	padding-bottom:15px;
	padding-right:5px;
	font-size:12px;
}

.justificat{ text-align:justify;}

/* ESTRUCTURA */
#royalverd-cap{
	position:relative;
	left:0;
	height:150px;
	width:100%;
	top:0px;
	background-image:url(img/royalverd-cap.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	border-bottom:1px solid #666;
}

#contenedor{
	position:absolute;
	width:760px;
	margin-left:-375px;
	left:50%;
	top:180px;
}

#menu{
	width:160px;
	padding-top:10px;
}

#menu ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#menu ul ul{	margin-left:10px;}

#contingut{	width:500px;}

#final{
	width:750px;
	text-align:center;
	border-top:1px dotted #007E27;
	margin-top:30px;
}

/* COLORS */
.verdroyalverd, h1, a:link, a:visited, a:hover{
	color:#007E27;
}
.taronja, h2{
	color:#FF6600;
}

.grisfosc, h3, p{
	color:#666666;
}
.grismig, .inactiu{
	color:#999999;
}

.fonsverdroyalverd{
	background-color:#007E27;
	color:#FFFFFF;
}
.fonsverd, th, .colth{
	background-color:#008951;
	color:#FFFFFF;
}


/* HEADERS */

h1{	font-size:16px;}
h2{	font-size:14px;}
h3{	font-size:11px;}
h4{	font-size:12px;}
h5{	font-size:14px;	border-bottom: 1px solid #006600;}
p{	font-size:11px;}


.minicelda{
	position:relative;
	float:left;
	width:145px;
	margin:5px;
	height:150px;
	overflow:auto;
}

.minifoto{
	position:relative;
	display:block;
	width:130px;
	height:80px;
	overflow:hidden;
	text-align:center;
	margin-left:10px;
	margin-bottom:10px;
	float:left;
	border: 1px solid #666666;
}

.minitext{
	position:relative;
	left:5px;
	font-size:10px;
	width:140px;
	float:left;
	text-align:center;
}

.varietat{	width:90px;}

.observacions{
	text-align:left;
	width:auto;
}

.ref{	width:40px;}
.nom{	width:120px;}

.inactiu{	font-size:10px;}

/* LINKS */
a:link, a:visited{
	font-size:11px;
	text-decoration:none;
}

a:hover{
	font-size:11px;
	text-decoration:underline;
}

/* CAMBIO DE TABLAS A DIV */
.tabla{
	clear: none;
	overflow: auto;
}

.fila{ clear: both;}

.colth, .col, .colimg, .coltxt, .colcap, .colmenu, .colcontingut, .colbanner1{
	float: left;
	padding: 3px;
}

.colth{
	font-size:12px;
	margin:0px;
	padding:3px;
}