@import url(catalogue.css);

body{
	margin: 0px;
	padding: 0px;
	background: #f6c837 url(../../img/fons.jpg)  fixed repeat-x 50% top;
	font: normal 12px trebuchet ms, Arial, Helvetica, sans-serif;
}



input, textarea{ /* si no es posa aixo la font del missatge de contacte es diferent */
	font-family: Verdana,Arial,sans-serif;
	font-size: 12px;
}

input[type=submit]{cursor:pointer;}

a{color:#043a7a; text-decoration: none; font-weight:bold; border:0px; outline:none;}
a:hover{ color:#346aaa;cursor:pointer;}
	
img{border:0px;}


/*********************************************************************************/
 /*============= estructura del template =================*/

	

#embolcall{  /*tota la pagina. es centra al navegador per margin: 0 auto*/
	 
	  /* background:#776763; */ /*color de fons a la columna on es el menu, si no posem color a embolcallPag*/
	  width: 995px;
	  height:auto;
	  margin:0 auto;
	  /*background: #f6c837 url(../../img/carreta_repeat.jpg) repeat-y;*/
	  background: #ffffff url(../../img/carreta_repeat2.jpg) repeat-y;
	}
	
#embolcall2{  /*per afegir foto de fons per sobre del fons repetit verticalment a embolcall*/
	  
	  
	  }  	
	  
#capsalera{ /* a dintre de la capçalera normalment hi ha  un altre div amb el logo que linka a index */ 
position:relative;
	width:100%;
	text-align:center;	
	height:164px;
	background: url(../../img/fons_cap.jpg) no-repeat;
	
	}
	  
	#logo{
	   position:absolute;
		top:8px;
		left:70px;
	}
	
	



/*================== MENU ===================*/ 

#barra_menu{/*contenidor del menu horizontal*/
  position:absolute;
  right:0px;
  bottom:0px;	
	width:727px;
	height:37px;
	display:table;
		margin-left: auto; margin-right: auto;
		padding:0px;
    font-size:16px;		
	}
	

#barra_menu	 ul {	
		margin:0px;
		padding:0px;/* es bo */
		padding-top:7px;
		list-style-type: none;
		/*menu centrat. per alinear-lo a un costat: canviar el text-align:center per left (per defecte) o right */
		text-align:center;
		}
		
#barra_menu ul li{	
		display:inline;
		padding: 2px 0px 2px 0px;
		font-weight: bold;
		text-align:center;
		color:#ffffff;
		}
	
/*els estats dels "botons" del menu*/

	#barra_menu ul li a, #barra_menu ul li span{
		padding: 6px 36px 6px 36px;
		color:white;
		/* behavior: url(border-radius.htc); */
	}
	
#barra_menu ul li a:hover{
	   text-decoration:underline;
	/* behavior: url(border-radius.htc); */
}

#barra_menu ul li.itemMenuOn {		
	color:white;
}

/******************************/


#embolcallPag{/*els continguts entre la capçalera i el peu: menu i contingut */
	 
	 
	}
	

#columna_esquerra{/* columna lateral, normalment a l'esquerra i normalment te el menú*/
	width:268px;	
	float:left;		
	color:#FFFFFF;			
	background:  url(../../img/carreta.jpg) no-repeat;
	padding-bottom: 120px;
	*padding-bottom: 170px;
		}
		
.camisa_menu{/* per contenir el menu. aixo fa que no calgui especificar marges ni paddings al div columna*/
	margin-left: 80px;
	margin-top:10px;
	margin-bottom: 0;	/* per IE6  */
		}
		
 /********************************************/

/** Arbre de categories a la column esq **/
#arbre_esq{
		clear:both;
		text-align:left;
		margin:0px;
		padding:0px;		
	}

#arbre_esq ul{
	color:#043a7a;
	margin:0px;
	padding:0px;
	list-style:none;
	padding-left:-5px;
}

#arbre_esq ul li{
padding-left:-5px;
background: url(../../img/boto_categ.jpg) no-repeat;
width: 77px;
line-height: 40px;
font-size:14px;
text-align:center;
}

#arbre_esq ul li a{
		color:white;
}

#arbre_esq ul li a:hover{
	text-decoration:none;
}

#arbre_esq ul ul{
	list-style:square inside;
	margin-left:-5px;
	*margin-left:5px;
	margin-top:4px;
	margin-bottom:5px;
	padding-bottom:0px;
	  
}

#arbre_esq ul ul li{
	padding-left:10px;
	*padding-left:0px;
	background:none;
	width: 180px;
  font-size:12px;
  text-align:left;
  line-height: 17px;
  
}

#arbre_esq ul ul li a{
		color: #043A7A;
}

#arbre_esq
 ul ul li a:hover{
	text-decoration:none;
}




/************************************/

/****************************************************/


#columna_dreta{	/* normalment aqui va el contingut principal de la pagina a la dreta del menu*/
	width:727px; /*l'amplada total es aixo més el padding d'esquerra i dreta! */
	overflow:hidden; /*per IE 6 */
	float:left;
	text-align:left;
	background:white;
	}
	
.camisa_contingut{/* per contenir el contingut (valga la rebuznancia). aixo fa que no calgui especificar marges ni paddings al div columna*/
	margin: 25px;
	margin-top:22px;
	margin-bottom: 0;	/* per IE6  */ 	
	
	}

#barra_titol_seccio{
    border-bottom:3px solid #033975;
    width:100%;
}

#titol_seccio{
margin-top:-14px;
font-size:18px;
font-weight:bold;
color:#033975;
margin-bottom:20px;
position:relative;
z-index:10;
}

#titol_seccio span{
     background-color:white;
     padding-right:12px;
}
	
#peu{
    position:relative;   
    height:185px;
     margin:0 auto; 
     width:995px; 
     background: url(../../img/peu.jpg) no-repeat;
}	

	#links_peu{
	float:right;
	text-align:right;
	position:absolute;
	bottom:9px;
	right:86px;
	}
	
	#links_peu a{
		
	color:white;
	}
	
	#links_peu a:hover{
		color:#548ECD;
	}
	



/*##########################################################################*/

#map{width:100%; height:400px;}

/*##########################################################################*/


/*el llistat de categ a la portada del cataleg */	
.categ_list {
margin-right:16px;
float:left;
width:157px;
}
	
.categ_list.last {margin-right:0px;}
 


/************** MAIN *******************/
#main{
	margin: 0 auto;
}
#mainLeft{
  height:267px;
	vertical-align: top; 
	width: 165px;
	background-color: #fff;
	background: url(../../img/tira.jpg) repeat-y !important;
	
}

/*********************************************************************************/

/* noticies */

#noticias .noticia{ margin-bottom:15px; border-bottom:1px solid #ccc;}

h5{padding-left:6px; font-size: 10px; color:#ED932C; margin-top:0px; margin-bottom:0px;}

#noticias .noticia .contingut{ display: block; }

#noticias .noticia .contingut .titol{ display: block; text-transform:uppercase; font-weight: bold; background:#FCE4B4; 
 padding: 2px 0px 2px 6px; color:#00003C;}

#noticias img{ border: 1px solid #F6C837; margin-right: 10px; margin-top: 8px; marign-bottom:8px;}

#noticias .noticia .contingut .foto{}

#noticias .noticia .contingut p{display: block; padding-left:6px; padding-top:6px;}

#noticias .noticia .more{ text-align: right; padding-right:8px; color:#014188;}
#noticias .noticia .more a{ text-align: right; padding-right:8px; color:#014188;}
#noticias .noticia .more a: link{ text-align: right; padding-right:8px; color:#014188;}
#noticias .noticia .more a: visited{ text-align: right; padding-right:8px; color:#014188;}
#noticias .noticia .more a:hover{ text-align: right; padding-right:8px; color:#4b4b4b;}


#newsCard{}
h2{font-size:15px;font-weight: bold; border-bottom:1px dotted #ccc; padding-left:6px;}
h3{display: block; text-transform:uppercase; font-weight: bold; background:#FCE4B4; 
 padding-left:6px; color:#00003C;}
#newsCard img{ border: 1px solid #F6C837; margin-right: 10px; margin-top: 8px; marign-bottom:8px;}
 .more{ text-align: right; padding-right:8px; color:#014188;}
 .more a{ text-align: right; padding-right:8px; color:#014188;}
 .more a: link{ text-align: right; padding-right:8px; color:#014188;}
 .more a: visited{ text-align: right; padding-right:8px; color:#014188;}
 .more a:hover{ text-align: right; padding-right:8px; color:#4b4b4b;}



#navega{background: url(../../img/fons_menu.jpg)  no-repeat; height: 267px;margin:0px; padding:0px;}

#espai{height: 40px;}

#continua { background: url(../../img/tira.jpg) repeat-y !important;
margin:0px; padding:0px;}

.final{background: url(../../img/loquekeda.jpg) no-repeat; height: 188px;margin:0px; padding:0px;}

#mainContents{
	width: 607px;
	background-color: #ffffff;  
	vertical-align: top; 
	text-align: left; 
	font-size: 12px;
	color: #67726e;
}
#contents{
	width: 90%;
	margin: 0 auto;
}


#foot{ background: url(../../img/peu.jpg) no-repeat; height: 47px;	margin: 0 auto;}

.peu{color: #fff; font-size: 11px; font-weight:normal;text-align: right;padding: 20px 85px 0px 0px;}


#sectionTitle{
background: url(../../img/seccio.jpg);
	background-color: #F6A90D;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	text-align: left;	
  width: 100%;
  height: 29px; 
}

#sectionTitle .titol{	
 	

	margin-left: 10px;
	padding: 4px 2px 2px 2px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}

/************** MENU *******************/
ul#menu{
	width: 60%;
	padding: 0px;
	float:right;
	padding-right:10px;
	margin: 0 auto;
	list-style: none;
	font-family: tahoma,verdana,arial,helvetica;
	font-size: 12px;
}

ul#menu li.itemMenu{
	border-bottom:1px solid #ffe96c;
	padding: 1px 0px 2px 0px;
	color: #014188;
	text-align: right;
	font-weight: bold;
	line-height:20px;
}
ul#menu li.itemMenu:hover{
	border-bottom:1px solid #ffe96c;
	padding: 1px 0px 2px 0px;
	color: #fff;
	
	text-align: right;
	font-weight: bold;
	cursor: pointer;
	line-height:20px;
}
ul#menu li.itemMenuOn{
	border-bottom:1px solid #ffe96c;
	padding: 1px 0px 2px 0px;
	color: #fff;
	text-align: right;
	font-weight: bold;
	cursor: pointer;
	line-height:20px;
}
/****************************************/
.presen {
    font-family: tahoma,Verdana,Arial,Helvetica;
    color: #F6800D;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
#error{
	font-size: 18px;
	font-weight: bold;
	color: #F6A90D;
}
img.left{
	float:left;
	padding-right: 10px;
}
/****************** Llistats ***************/
div#contContainer{
	clear: both;
	margin: 0px 0px 20px 0px;
	text-align: left;
	text-decoration: none;
	font-face: tahoma,Verdana,Helvetica;
	font-size: 11px;
	color: #000000;
	border:1px #F6A90D solid;
	background-color: #ffffff;
}
div.date{
	text-align: left;
	color: #FF0000;
}
div#contContainer div.date{
	text-align: left;
	color: #FF0000;
}
div#contContainer div.title{
	padding-left: 5px;
	background-color: #F6A90D;	
	text-align: left;
	font-weight: bold;
	color: #404040;
}
div#contContainer div.summary{
	padding: 5px 5px 10px 5px;
	text-align: left;
}
div#contContainer div.summary img{
	padding-right: 5px;
	padding-bottom: 5px;
}
div#contContainer div.details,div#contContainer div.details a{
	clear: both;
	height: 20px;
	padding-right: 5px;
	text-decoration: none;
	color: #FFFFFF;
	text-align: right;
	font-weight: bold;
	background-color: #F6A90D;	
}
/************** CARDS *************/
div#contContainer div.extraFields{
	margin: 10px 0px 10px 0px;
}
div#contContainer div.link{
	color: #000000;
	font-weight: bold;
}
div#contContainer div.link a{
	color: #F6A90D;
}
div#contContainer div.link a:hover{
	color: #000000;
}

#paginationDown a {
 font-size:13px;
}
/************ FORMS ***************/

label{
    text-decoration: none;
    font-family: tahoma,Verdana,Arial,Helvetica;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    color: #F6A90D;
    white-space: nowrap;
	cursor:pointer;
}
labelForm{
        vertical-align: top;
}
input {
        padding-left: 3px;
        padding-right: 3px;
        background-color: #ffffff;
        border: 1px #F6A90D solid;
        font-family: tahoma,Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #000000;
        font-style: normal;
        }

	textarea {
        padding-right: 6px;
        padding-left: 6px;

                background-color: #ffffff;
        border: 1px #F6A90D solid;

        width: 300px;
        height: 100px;

        font-family: tahoma,Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #000000;
        font-style: normal
        }