/* --------------------------- ESTILS GENERALS ----------------------------- */
body {
	margin: 0px;
	color: #666;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 10pt;

}

a {
  text-decoration: none;
}

a img {
  border: 0;
}

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

ul.menu a {
  display: block;
}

ul.menu_h li {
  display: inline;
  float: left;
  padding: 0;
}

h1 {
  margin: 0;
  padding-left: 24px;
  background: transparent url(../media/image/icona_titol.gif) no-repeat 0 4px;
  color: #bd3e38;
  font-size: 14pt;
  font-weight: bold;

}

p {
  margin: 0 0 1em 0;
	text-align:justify;
}

/* -------------------------- FI ESTILS GENERALS --------------------------- */

/* -------------------------- LAYOUT GENERAL     --------------------------- */

.screen {
  /* position: relative; */
	width: 1003px;
	margin: 0 auto;
	text-align: left;
}

.screen.front {
	width: 750px;
}

#area_top {
	background: transparent url(../media/image/fons_top.jpg) no-repeat 0 0;
}

.front #area_top {
    background: none;
}
  
.area_cen {
    padding-bottom: 50px;
    border-left: 1px solid #cbcbc9;
    border-right: 1px solid #cbcbc9;
    position: relative;
  }
.screen .noticia{
	margin-bottom:20px;
	border-bottom:1px solid #CBCBC9;
	border-top:1px solid #CBCBC9;
	background-color:#F6F6F7;}

.screen .noticia .titol{
	color:#BD3E38;
	font-size:12pt;
	font-weight:bold;
	margin-left:10px;
}
.screen .noticia .subtitol{
	color:#BD3E38;
	font-size:10pt;
	margin-bottom:5px;
	margin-left:10px;
	
}
.screen .noticia p{
	line-height:18px;
	margin-right:10px;
	margin-left:10px;
	}

.screen .noticia img{
	margin-right:10px;
	float:left;
	_position:relative;
	
	
	
}

.screen .noticia.ampliacio img{
	position: relative;
	float:left;
	_position:relative;
}

.screen .noticia a.mes{
	/*font-size:7pt;*/
	margin-right:10px;
		}
.screen .noticia a.volver{
	
	margin-right:10px;
		}
.front .area_cen {
    padding: 0;
    border: 0;
  }
.screen .projecte{
	border-bottom:1px solid #CBCBC9;
	border-top:1px solid #CBCBC9;
	background-color:#F6F6F7;
	margin-bottom:10px;
	padding:10px;
}


.screen .projecte h2{
	color:#DD995A;
	font-weight:bold;
	margin-left:5px;
	}


.screen .projecte h3{
	color:#DD995A;
	font-weight:bold;
	margin-left:5px;
	}
.seccio .projecte img{
  float: left;
  position: relative;
  margin-left: 5px;
margin-right:10px;
}

.seccio .projecte p {
  margin-left: 170px;
}

.seccio .projecte.fitxa p {
  margin-left: 120px;
}

.seccio .projecte.nomargin p{
  margin-left: 5px;
}

  #area_peu {
    padding: 15px 0 40px;
    background: transparent url(../media/image/fons_peu.jpg) repeat-x 0 0;
  }

  .front #area_peu {
    padding: 7px 0;
    background: #0b141b;
    color: #FFF;
    font-size: 7pt;
    text-align: center;
	width:750px;
  }

/* CORTINA */
#cortina { /* Per tapar la pagina mentre es carrega */
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background: #FFF;
}

/* -------------------------- FI LAYOUT GENERAL  --------------------------- */

/* -------------------------- AREA TOP ------------------------------------- */

.front img {
  display: block;
}

.front #idiomes {
  padding: 3px 0 3px 15px;
  border-left: 1px solid #d3d8db;
  border-bottom: 1px solid #f4ded3;
  background-color: #0b141b;
  text-align: center;
}

.front #idiomes a {
    margin-right: 30px;
    color: #FFF;
    font-size: 10pt;
    font-weight: bold;
  }
  
#logo {
  float: left;
  margin-left: 22px;
  padding-top: 22px;
}

#logo img {
    display: block;
  }

#menu_sup {
  float: right;
  margin-right: 14px;
}

#menu_sup li {
    padding: 18px 0 32px 0;
    border-top: 6px solid #de1a24;
  }
  
#menu_sup li.sel, #menu_sup li:hover {
    border-top: 6px solid #000;
  }
  
#menu_sup a {
      padding: 0 8px;
      border-right: 2px dotted #FFF;
      color: #FFF;
      font-size: 12pt;
    }
    
#menu_sup li.last a {
      border-right: none;
    }
    
#menu_sup li.sel a {
      font-weight: bold;
    }
    
.barra_taronja {
  clear: both;
  margin-left: 0px;
/*  
  position: absolute;
  top: 78px;
  left: -40px;
*/
  width: 1003px;
  height: 24px;
  background-color: #000000;
}

#submenu_sup {
    float: left;
    margin: 3px 3px 0 0;
  }
  
#submenu_sup a {
      margin-left: 10px;
      color: #FFF;
    }
    
#submenu_sup a:hover {
      text-decoration: underline;
    }

.text_top {
  margin-top: 215px;
  padding: 10px 0 20px;
  border-left: 1px solid #cbcbc9;
  border-right: 1px solid #cbcbc9;
  text-align: center;
}

.ruta {
  margin: 232px 0 0 138px;
  padding-bottom: 30px;
  color: #b9b9b7;
}

.ruta a {
    color: #b9b9b7;
  }


/* -------------------------- FI AREA TOP ---------------------------------- */

/* -------------------------- AREA CEN ------------------------------------- */
.content {
	margin-top:20px;
}
/* DUES COLUMNES */
.dues_col #center_left {
  float: left;
  width: 366px;
  border-left: 137px solid #FFF;
}
.dues_col #center_left h2, .descripcio_productes .descripcio h2 {
    margin: 5px 0 10px;
    font-family: Arial, sans-serif;
    font-size: 15pt;
    font-weight: normal;
    line-height: 24px;
	color:#DD995A;
  }

.dues_col .noticies {
    padding: 10px 30px 0 0;
    border-right: 1px solid #BBB;
  }
  
.dues_col .noticia {
	overflow: auto;
	margin: 0 0 30px;
    padding: 12px 10px;
    border-top: 2px solid #d4d4d2;
    border-bottom: 2px solid #d4d4d2;
    background-color: #F6F6F7;
    }
    
.dues_col .noticia img {
	float: left
      }
      
.dues_col .noticia h2 {
	margin: 0 0 5px 125px;
    color: #bd3e38;
    font-size: 12pt;
      }
      
.dues_col .noticia p {
        margin: 0 0 0 5px;
        line-height: 18px;
      }
      
.descripcio_productes {
		/*margin-left:137px;
		margin-right:128px;*/
}

.dues_col .producte, .descripcio_productes .descripcio {
	border-top: 1px solid #d4d4d2;
    border-bottom: 1px solid #d4d4d2;
	background:#F6F6F7;
	overflow: auto;
	margin: 0 0 5px;
    padding: 1px 1px;
  }

.dues_col .producte img, .descripcio_productes .descripcio img {
	margin-right:10px;
	float:left;
	
  }

.dues_col .projecte {
      overflow: auto;
      margin: 0 0 30px;
      padding: 12px 10px;
      border-top: 2px solid #d4d4d2;
      border-bottom: 2px solid #d4d4d2;
      background-color: #F6F6F7;
    }  
    

.dues_col #center_right {
	float: right;
	width: 334px;
	border-right: 128px solid #FFF;
	
}

  .dues_col img.foto_proj {
    margin-top: 10px;
	float:left;
	margin-right:10px;
  }
  
  .dues_col #center_right h2 {
    margin: 5px 0 10px;
    color: #dd995a;
    font-family: Arial, sans-serif;
    font-size: 15pt;
    font-weight: normal;
    line-height: 24px;
  }
  
  .dues_col #center_right p {
    margin-bottom: 15px;
	text-align:left;
  }

.dues_col #center_right .separador {
    margin-bottom: 15px;
    border-bottom: 1px solid #cbcbcb;
}
  
.dues_col #center_right .foto {
    float: left;
    padding: 8px 9px 4px 9px;
    border-right: 9px solid #FFF;
    background: #EEE url(../media/image/fletxa_vermella.gif) no-repeat right bottom;
    color: #999;
    font-size: 8pt;
}
  
.dues_col #center_right .foto.last {
    border: none;
}
  
.dues_col #center_right .foto img {
    margin-bottom: 2px;
}


.front #center_main{
		margin:0;
}
#center_main{
		margin-left:137px;
		margin-right:138px;
}
#center_main #form1{
	margin: 20px 0 0;
	padding: 0;
}

#center_main #form1 #label{
	margin-bottom:20px;
	border-right:20px;;
	}
#center_main #form1 .opcions{
	
	margin-bottom:5px;
	}

#center_main #form1 .opcions label{
	
	margin-right:10px;
	float:left;
	
	}
/*}
#center_main #form1 .opcions #content{
	width:350px;
	height:100px;}
*/
#center_main #form1 .opcions .input_field{
	width:350px;
	margin: 0;
	font-size:11px;
	}
#center_main #form1 .opcions .input_textarea{
	width:350px;
	margin: 0;
	font-size:12px;
	}
#center_main #form1 .opcions select{
	
	margin:0;
	}

#center_main #form1 .opcions #enviar{
	margin: 0;
	}
	
.descripcio_contact {
  float: right;
  width: 250px;
  margin-top: 20px;
}
/* -------------------------- FI AREA CEN ---------------------------------- */

/* -------------------------- AREA PEU ------------------------------------- */

.front #area_peu a {
  color: #FFF;
}

#logo_petit {
  float: left;
  margin-left: 135px;
}

#text_peu {
  margin-left: 257px;
  padding-left: 30px;
  border-left: 2px dotted #FFF;
  color: #FFF;
  line-height: 16px;
}

  #text_peu a {
    color: #FFF;
  }

/* -------------------------- FI AREA PEU ---------------------------------- */

/*.productes .producte {
	width:45%;
	float:left;
}
*/
.productes .producte {
	padding-left:20px;
	padding-right:20px;
}
.productes .producte h2 {
	color: #BD3E38;
    font-size: 12pt;
    font-weight: bold;
    /*margin-left: 10px;*/
	border-bottom:1px dotted #666;
	margin-top:2px;
}
.productes .producte p {
	margin: 1px 0 1px;
}

.producte h2 a.more_info {
	float:right;
	cursor:pointer;
}

.producte h2 a.more_info_text {
	cursor:pointer;
}

.producte .more_info {
	margin-left:100px;
}


.productes .categoria {	
	width:45%;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	min-height:100px;
	border:1px solid #D4D4D2;
	background-color:#F6F6F7;
}
.productes .categoria .wrapper {
	margin:0 105px 0 20px;
}
.productes .categoria h2{
	/*color: #BD3E38;*/
    font-size: 14pt;
    font-weight: bold;
    /*margin-left: 10px;*/
	/*border-bottom:1px dotted #666;*/
	margin-top:3px;
}

.productes .categoria h2 a {
	color:#666;
}
.productes .categoria p {
	margin: 3px 0 3px;
}

.productes .categoria p.more {
	margin-top:10px;
}

.categoria h2 a.more_info {
	float:right;
	cursor:pointer;
}

.categoria .more_info {
	margin-left:100px;
}