/* -------------- Definiciones generales para la pagina ----------------------- */
html { 
  padding:0px;
  margin:0px;
}

body {
  background-color:#FFFFFF;
  font-family:Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#666666;  
  margin:0px;
  padding:0px;
}


p {
  margin: 0px 0px 0px 0px;
}

#container {
    width: 800px;
    margin: auto;
}	
/* ----------------------- HOME ----------------------- */

.home_es{ width:800px; height:406px; margin:0; padding:0; background-image:url(../img/home_es.jpg); background-position:0 0; background-repeat:no-repeat; clear:both; float:left; display:inline;}
.home{ width:800px; height:406px; margin:0; padding:0; background-image:url(../img/homecat.jpg); background-position:0 0; background-repeat:no-repeat; clear:both; float:left; display:inline;}

.dalt {width:800px; height:170px; margin:0; padding:0; clear:both; float:left; display:inline;}
.dalt h1{ font-family: arial; font-size:15px; color:#FFF; font-style: normal; font-weight: normal; margin:130px 0 0 60px; padding:0; letter-spacing:-0.05em}/* MOZILLA */
* html .dalt h1{ font-family: arial; font-size:15px; color:#FFF; font-style: normal; font-weight: normal; margin:130px 0 0 60px; padding:0; letter-spacing:-0.04em}/* EXPLORER */
.dalt h1 a{ text-decoration:none; color:#FFF}
.dalt h1 a:hover{ text-decoration: underline;}

.apartat {width:199px; height:237px; margin:0; padding:0; float:left; display:inline; vertical-align:top; }
.apartat h1{ font-family: arial; font-size:16px; color:#ff6600; font-style: normal; font-weight: bold; margin: 35px 0 0 0px; padding-left: 20px;}
.apartat h1 a{ text-decoration:none; color:#ff6600;}
.apartat h1 a:hover{ text-decoration: underline;}
span.mini { font-size:9px; font-family:Arial; font-style: normal; font-weight: normal;}
.apartat .boton{font-family: arial; font-size:13px; color:#000; font-weight: bold; padding: 108px 0 0 8px; margin: 0 12px 0 0; float: right; display:inline; background-image:url(../img/boton.jpg); background-position:0 105px; background-repeat:no-repeat; width:52px; height:20px;}
.apartat .boton a {color:#fff; text-decoration:none}
.apartat .boton a:hover { text-decoration:underline}


/* ----------------------- MENU ESQUERRA ----------------------- */

.menu_h1 {
	font-size: 13px;
	color: #ff6600;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.menuconteiner {
margin-top: 17px;
}

.menu  {
	font-size: 11px;
	line-height: 22px;
	color: #000000;
	text-decoration: none;
}

.menu a {
	font-size: 11px;
	line-height: 22px;
	color: #ff6600;
	text-decoration: none;
}
.menu a :link   {
	color: #ff6600;
}
.menu a:hover   {
	text-decoration: none;
	color: #000000;
}

.submenu  {
	font-size: 10px;
	line-height: 18px;
	color: #000000;
	text-decoration: none;
	margin-left: 30px;
}

.submenu a {
	font-size: 10px;
	line-height: 18px;
	color: #666666;
	text-decoration: none;
}
.submenu a :link   {
	color: #666666;
}
.submenu a:hover   {
	text-decoration: none;
	color: #000000;
}


/* ----------------------- CAPÇALERA ----------------------- */

.top  {
	font-size: 10px;
	color: #999999;
	font-weight: normal;
	margin-top:20px;
	line-height: 23px;
}

.ruta1  {
	font-size: 25px;
	color: #666666;
	font-weight: normal;
	margin-top:20px;
}

.ruta1 a {
	font-size: 25px;
	color: #666666;
	font-weight: normal;
	margin-top:20px;
}

.ruta1 a:hover{
	text-decoration:underline;
}

.ruta2  {
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	margin-top:20px;
}

.ruta2 a {
	text-decoration:underline;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	margin-top:20px;
}

.ruta2 a:hover{
	text-decoration:underline;
}

.ruta3  {
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	margin-top:20px;
}

.rutabar  {
	font-size: 10px;
	color: #999999;
	font-weight: normal;
}

.title  {
	font-size: 20px;
	color: #ff6600;
	text-decoration: none;
	padding-bottom: 5px;
}

.foto   {
float: right;
z-index:0;
}

/* ----------------------- CONTINGUT ----------------------- */


#content {
	font-size: 0.6em;
	line-height: 2em;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#content h1 {
	font-size: 1.2em;
	color: #ff6600;
	font-weight: bold;
}
#content h2{
	font-size: 1em;
	color: #666666;
	font-weight: bold
}


#content a {
	color: #999999;
	text-decoration: underline;
}
#content a :link   {
	text-decoration: underline;
}

#content a:hover   {
	text-decoration: underline;
	color: #000000;
}



.copy {
	font-size: 9px;
	color: #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}


/* -------------------------- NOTICIES -------------------------- */

#titol {
	font-size: 12px;
	color: #ff6600;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#destacat {
	font-size: 10px;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#descripcio {
	font-size: 10px;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.link  {
	font-size: 10px;
	line-height: 18px;
	color: #ff6600;
	text-decoration: none;
}

.link a {
	font-size: 10px;
	line-height: 18px;
	color: #ff6600;
	text-decoration: none;
}
.link a :link   {
	color: #ff6600;
}
.link a:hover   {
	text-decoration: none;
	color: #000000;
}



/* -------------------------- MAPA WEB -------------------------- */


.columna   {
float: left;
}

.columna_contacte   {
float: left;
margin-right:80px;
vertical-align:top;
}


ul{
	list-style-image: url(../img/sq_bullet_orange.gif);
	color:#666666;
}


#nivell1 {
	font-size: 1.10em;
	line-height: 1em;
	color: #333333;
	font-weight: bold;

}

#nivell1 a {
	color: #333333;
	text-decoration: none;
}
#nivell1 a :link   {
	text-decoration: none;
}

#nivell1 a:hover   {
	text-decoration: none;
	color: #000000;
	text-decoration:underline;
}


/* --------------------------------------------------------------- */