body{
	margin: 0px;
	padding: 0px;	
  margin: 0 auto;	
	background:url("../../img/es/fons.gif") top left repeat-x #2d7ec7;
}

div#head{
	margin: 0 auto;	
	width: 958px;
	height: 148px;
	position:relative;
}

#idiomes{
        position:absolute;
        right:20px;
        bottom:1px;
}

#idiomes img{
		margin-top:10px;
}

#idiomes a{
        font: 11px Trebuchet MS, sans-serif;
        font-weight:bold;
        text-decoration:none;
        color:#ffb10f;
}


#contents{
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	margin: 0 auto;		
	width: 958px;
	clear: both;
	vertical-align: middle;
}
#contents >table{
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	width: 958px;
	background:url("../../img/es/fonsmenu.gif") top left repeat-x #2d7ec7;
}
#contents table td{
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

#contingut{
	width: 731px;
	margin: 0 auto;
}

#cercador{
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

.cercadorb{
	background-image:url("../../img/es/fons_cercador.gif");
	text-align: center;
}

input.article {  background-color: #d6edfd; border: 1px #055c9b solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #055c9b; font-style: normal;}
textarea.article {  background-color: #d6edfd; border: 1px #055c9b solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #055c9b; font-style: normal;}
select.article {  background-color: #d6edfd; border: 1px #055c9b solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #055c9b; font-style: normal; width:139px; overflow: hidden;}
/*input.cerca {  background-color: #d6edfd; border: 1px #055c9b solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #055c9b; font-style: normal;}*/

#foot{
	clear: both;
	margin: 0 auto;
	width: 958px;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 20px;
}

.phone{
	font-size: 12;
}

.foot2 {
	margin: 0 20 0 20;
	width: 400px;
	clear:both	
}

/*.foot2 img {
	margin: 0 auto;
}*/

.foot2 a{
	clear: both;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 20px;
	text-decoration: none;
}

.foot2 a:hover{
	clear: both;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #ffb10f;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 20px;
	text-decoration: none;
}

.footblau{
	font-family: Trebuchet,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	letter-spacing: 1px;
}

div#foot a{
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}

div#foot .contact{
	margin: 0 auto;
	width: 90%;	
	height: 20px;
	background-color: #013D86;
	font-weight: bold;
	color: #ffffff;
	font-family: tahoma,Verdana,Arial,Helvetica;
	font-size: 11px;
	font-weight: bold;
}
div#foot .copiright{
	margin: 0 auto;
	width: 90%;	
	height: 20px;
	font-weight: bold;
	color: #013D86;
	font-family: tahoma,Verdana,Arial,Helvetica;
	font-size: 11px;
	font-weight: bold;
	text-align:left;
}
/************************/
div#destacat {
	margin: 0px;
	padding: 0px;
	height: 73px;
	width: 197px;
	background-image: url("../../img/es/tituldestacat.gif");

}
div#destacat img {
	border: 0px;
	vertical-align: top;
}
div.destacatcontent{
	width: 197px;
	margin: 0 auto;
	background-image:url("../../img/es/fonsdestacat.gif");
	background-repeat: repeat-y;
	text-align: center;
}
div.fotodest{
	background-color: white;
	margin: 0 auto;
	width:134px;
	height:101px;
}
/**********************/
/***     CARD      ****/
/**********************/
div#map{
	border: 1px solid;
	margin-bottom:20px;
}
div#cardDetails{
	width: 96%;
	padding: 2px;
	border: 1px #DCDFE4 solid;
}
div#cardDetails .title{
	font-family: arial,helvetica,tahoma,verdana;
	font-size: 11px;	
	background-color: #E2E300;
	color: #013D86;
}

div#cardDetails .body{
	margin: 4px;
	font-family: arial,helvetica,tahoma,verdana;
	font-size: 11px;	
	font-weight: bold;
	color: #97A1AD;
	text-align: left;
}
div#cardDetails .body img{
	padding: 2px;
	border: 1px #DCDFE4 solid;
}
div#cardDetails .body table td {
	width: 33%;
}
div#cardDetails .details{
	padding-left: 5px;
	height: 21px;
	font-family: arial,helvetica,tahoma,verdana;
	font-size: 11px;	
	background-color: #DCDFE4;	
	color: #033F88;
	text-align: left;
}
div#cardDetails .details img{
	cursor: pointer;
}
/*-----------------------*/
/* Card Details          */
/*-----------------------*/

div#card{
	width: 144px;
	padding: 0px;
	background-image:url("../../img/es/fonscaixa.gif");
}

div#dalt{
	width: 144px;
}

div#ref{
	width: 130px;
	background-color: #a7c9e0;
	font-family: arial,helvetica,tahoma,verdana;
	font-size: 11px;	
	font-weight: bold;
	color: #055c9b;
	text-align: left;
	 margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	border-bottom: solid 1px #afd3f9;
}

div#desc{
	width: 130px;
	font-family: arial,helvetica,tahoma,verdana;
	font-size: 11px;	
	font-weight: bold;
	color: #055c9b;
	text-align: left;
	border-bottom: solid 1px #afd3f9;
}

div#card .title{
	font-family: arial,helvetica,tahoma,verdana;
	font-size: 11px;	
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background-color: #ffb10f;
	width: 130px;	
	height: 20px;
  margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

div#card .body{ 
	margin: 4px;
	font-family: arial,helvetica,tahoma,verdana;
	font-size: 11px;	
	font-weight: bold;
	color: #97A1AD;
}
div#card .body a{
	font-family: arial,helvetica,tahoma,verdana;
	font-size: 11px;	
	font-weight: bold;
	color: #97A1AD;
	text-decoration: none;
}
div#card .body img{
	background-color: #c7dceb;	
}
div#card .details{
	padding-left: 5px;
	height: 21px;
	font-family: arial,helvetica,tahoma,verdana;
	font-size: 11px;	
	background-color: #DCDFE4;	
	color: #033F88;
	text-align: left;
}
div#card .details img{
	cursor: pointer;
}

div.section{
	position:absolute; 
	left:230px; 
	top:100px; 
	width:185px; 
	height:17px; 
	z-index:1;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #E2E404;
	font-weight: bold;	
}
div.section3{
	position:absolute; 
	left:390px; 
	top:100px; 
	width:185px; 
	height:17px; 
	z-index:1;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #013D86;
	font-weight: bold;	
}


/* ---------------------------
 *      Login Page
 * ---------------------------
 */

div#loginBox{
		margin: 0 auto;
		width: 400px;
        border: 1px #042D89 solid;
}
div#loginBox label{
        width: 150px;
        padding-left: 70px;
        padding-right: 10px;
        font-family: verdana,arial,tahoma,lucida;
        font-size: 11px;
        color: #7590C7;
        font-weight: bold;
}
div#loginBox input{
        border: 1px #042D89 solid;
        padding: 1px 3px 1px 3px;
}
div#loginBox input.button{
        border: 1px #042D89 solid;
        padding: 1px 3px 1px 3px;
        float:right;
        margin-right: 10px;
        color: #000000;
        background-color: #ffffff;
}
div#loginBox input.button:hover{
        border: 1px #042D89 solid;
        padding: 1px 3px 1px 3px;
        float:right;
        margin-right: 10px;
        color: #ffffff;
        background-color: #7590C7;
}

/* ---------------------------
 *      CLIENTS DOCUMENTS
 * ---------------------------
 */

div#contContainer{
	clear: both;
	margin: 0px 0px 20px 0px;
	width: 450px;
	text-align: left;
	text-decoration: none;
	font-face: Arial,Tahoma,Verdana,Helvetica;
	font-size: 11px;
	color: #000000;
	border:1px #476BB7 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: #476BB7;	
	text-align: left;
	font-weight: bold;
	color: #ffffff;
}
div#contContainer div.summary{
	padding: 10px;
	text-align: left;
}
div#contContainer div.summary img{
	padding-right: 5px;
	padding-bottom: 5px;
}
div#contContainer div.summary img.icon{
	padding:1px 5px 0px 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: #476BB7;	
}

table#contContainer{
	clear: both;
	margin: 0px 0px 20px 0px;
	width: 700px;
	text-align: left;
	text-decoration: none;
	font-face: Arial,Tahoma,Verdana,Helvetica;
	font-size: 11px;
	color: #000000;
	border:1px #476BB7 solid;
	background-color: #476BB7;
}
table#contContainer th{
		color: #FFFFFF;
}
table#contContainer td{
	background-color: #FFFFFF;
}
td.date{
	text-align: left;
	color: #FF0000;
}
table#contContainer td.title{
	padding-left: 5px;
	text-align: left;
	font-weight: bold;
}
table#contContainer td.summary{
	padding: 10px;
	text-align: left;
}
table#contContainer td.details,table#contContainer td.details a{
	clear: both;
	height: 20px;
	padding-right: 5px;
	text-decoration: none;
	text-align: right;
	font-weight: bold;
}
/***************** PAGINATION ******************/
div#paginationDown{
	width: 715px;
	margin: 0 auto;
	background-image:url("../../img/es/fonsanterior.gif");
}

div#paginationDown td{
	background-image:url("../../img/es/fonsanterior.gif");
}

div#paginationTop{
	width: 715px;
	margin: 0 auto;
	background-image:url("../../img/es/fons_tit.gif");
}
div#paginationTop td{
	background-image:url("../../img/es/fons_tit.gif");
}
/**************************  MENU   ****************************/


ul#menu  {
list-style-type: none;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}


#menuBar{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
ul#menu {
    margin: 0px 0px 0px 0px;    
    padding: 0px;
    display: block;
    list-style-type: none;

    font-family: tahoma, verdana,arial,lucida;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
    text-align: Left;
	text-decoration:none;
}
ul#menu li.itemMenu  {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;	
    color: #033E84;    
    size: 12px;
    font-weight: bold;	 
    cursor: pointer; 
}

ul#menu li.itemMenuOn  {
    padding: 0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    color: #003181;
    size: 12px;
    font-weight: bold;	  
    cursor: pointer; 
}
/*-----------------------*/
/* Card Details  Nen     */
/*-----------------------*/

.web {
	width:717px;
	margin: 0 auto;
}

/*.ref{	
    background-color: #cadce8;
    font-family: Verdana,Arial,Helvetica;
    color: #6089a9;
    font-size: 11px;
    text-align: left;
    margin: 3px;
	padding: 3px;
}*/

.categoria{	
    background-color: #3E5B83;
    font-family: Verdana,Arial,Helvetica;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin: 3px;
	  padding: 3px;
}

.categoriab{	
    background-color: #7D90B1;
    font-family: Verdana,Arial,Helvetica;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin: 3px;
	  padding: 3px;
}


.zona{	
    background-color: #ffb10f;
    font-family: Arial,Verdana,Helvetica;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    height: 20px;
}

.caracte{	
   font-family: Verdana, Arial, Helvetica, sans-serif;
	 color:#013D86;
	 font-size:10px;
   margin: 3px;
	 padding: 3px;
	 font-weight: bold;
}

div#photoLayer {
	margin: 0 auto;
	text-align: center;
}

div#photoLayer .head{
	margin: 0px;
	height: 6px;
}
div#photoLayer .contents{
	margin: 0px auto;
	text-align: center;
	
}
div#photoLayer .contents img.gran{
	margin: 5px 5px 5px 1px;	
}

div#photoLayer .contents img.mini{
	margin: 1px 0px 1px 1px;
}

div#photoLayer .foot{
	margin: 0px;
	height: 13px;
}

table.card{
background-color: #ffffff;
}

table.cardDestacat{
background-color: #ffffff;
border-left: 5px solid #ffb10f;
border-right: 5px solid #ffb10f;
width: 731px;
}

table.coscardDestacat{
background-color: #ffffff;
border-left: 5px solid #ffb10f;
border-right: 5px solid #ffb10f;
border-bottom: 5px solid #ffb10f;
width: 731px;
}

div#dataLayer{
	margin: 0 auto;
}
#dataLayer .description{
	margin: 0 20 0 20;
	font-family: Verdana, Helvetica, sans-serif;
	color: #055C9B;
	font-size:12px;
    line-height: 14px; 
    text-align:justify;
    width: 400;
}

div#dataLayer div#features {
	margin: 0 20 0 20;
	text-align: center;
	width: 400px;
}

div#dataLayer div#features .head{
	padding: 2px 0px 2px 5px;
	margin-bottom: 3px;
	background-color: #6eb0e4;
	color: #055C9B;
	font-weight: bold;
	font-size: 12;
  font-family: Verdana, Helvetica, sans-serif;
  text-align: left;
}

div#dataLayer div#features table{
	margin: 0 auto;
  	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	font-size:11px;
	background: none;
	width: 80%;
}

div#dataLayer div#features td{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#6eafea;
  font-size:12px;
  height: 17px;
  text-align: left;
  margin: 2px;
}

div#dataLayer div#features .value{
  font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#055c9b;
	font-size:12px;
	text-align: left;
	margin: 2px;
}
div#dataLayer div#features .separador{
	width: 30px;
}

#col_left{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#055c9b;
	font-size:12px;
	text-align: left;
	margin: 2px;
	border-bottom:1px solid #6eb0e4;
	width:200px;
	display:table;
	float:left;
}

#col_left_preu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#055c9b;
	font-size:18px;
	text-align: right;
	margin-top: 20px;
	display:table;
	float:left;
	width:190px;
	
}



#col_right{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#055c9b;
	font-size:12px;
	text-align: left;
	margin: 2px;
	border-bottom:1px solid #6eb0e4;
	width:180px;
	display:table;
	float:right;	
}





div#dataLayer div#features .foot{
	margin: 0px;
	height: 21px;	
}



#caixa{
width: 144px;
margin: auto;
}

#dalt{
width: 144px;
}

#peu{
padding-top:6px;
background:url("../../img/es/fons_caixa.gif");
} 

#conti{
background:url("../../img/es/fons_caixa.gif");
} 

.ref{
width: 120px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#055C9B;
font-size:11px;
font-weight: bold;
background:#A7C9E0;
height: 14px;
margin-top: 3px;
padding: 3px;
text-align: left;
} 

.zona2{	
    background-color: #0465AC;
    font-family: Arial,Verdana,Helvetica;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    height: 20px;
    vertical-align: middle;
}

#ref2{
width: 150px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#6089a9;
font-size:11px;
font-weight: bold;
background:#cadce8;
} 

.txt{
width: 126px;
padding-top:4px;
padding-bottom:4px;
border-bottom: 1px solid #ADD6FF;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#055C9B;
font-size:11px;
font-weight: bold;
text-align: left;
}

.foto{
width: 129px;
height: 95px;
padding-bottom:5px;
padding-top:5px;
} 

.tit{
width: 129px;
padding-top:3px;
height: 20px;
background: url("../../img/es/fons_titol.gif") no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:11px;
font-weight: bold;
} 

.conta{
width: 200px;
padding-top:4px;
padding-bottom:4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:11px;
font-weight: bold;
text-align: right;
}


input.form {  background-color: #badcf5; border: 1px #7aadd3 solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #015490; font-style: normal}
textarea.form {  background-color: #badcf5; border: 1px #7aadd3 solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #015490; font-style: normal}
select.form {  background-color: #badcf5; border: 1px #7aadd3 solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #015490; font-style: normal}

#mes_info,#cerrar {
 color:#015490;
 font-size:14px;
 margin-top:30px;
 /*text-align:center;*/
 /*border-bottom:2px dotted #ff9900;*/
}

#mes_info:hover,
#cerrar:hover {
 color : #ff9900;
 /*border-color: white;*/
}

#contact_form {
 width:400px;

 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 color: #055c9b; 
 margin: 0 0 0 20;
}

#contact_form form {
  padding:4px;
}

#contact_form b {
 display:block;
 margin:5px;
}

#contact_form form div {
 /*width:400px;*/
 display:block;
 /*float:left;*/
 clear: both;
}

#contact_form form label {
 width:100px;
 text-align:right;
 float:left;
 padding:3px;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 color: #055c9b; 
 font-weight: bold;
}

#contact_form form input,
#contact_form form textarea {
 width:260px;
 float:left;
 background:#badcf5;
 border: 1px #7aadd3 solid; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 color: #015490; 
 font-style: normal;
 padding:2px;
 margin-bottom:3px;
}
#contact_form form textarea {
	height: 100px;
}
#contact_form #submit {
 width:90px;
 margin-top:10px;
 margin-left:150px;
 background:#badcf5;
 border: 1px #7aadd3 solid; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 color: #015490; 
 font-weight: bold;
 padding:2px;
}

#contact_form form .error {
 background:red;
 color:yellow;
 font-weight:bold;
 border:2px solid white;
}

#texto {
 font-size:12px;
 color:white;
 text-align:justify;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 width:720px;
 margin:0px;
 padding:0px;
 padding-top:10px;
}

#texto p {
 margin-top:10px;
 margin-bottom:4px;
}

#texto a {
 color:white;
 font-weight:bold;
 text-decoration:none;
 border-bottom:1px dashed white;
}

#texto a:hover {
 background:#0465ac;
}


.hidden {
 visibility:hidden;
}

#contact_form form .warning {
 font-weight:bold;
 margin-left:5px;
 padding:2px;
}