/* CSS Document */
body { margin:4em 0 0 0; padding:0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: url(../img/bg_body.jpg) repeat-y;
	color: #555; 
}
img { border:0;}
a{ color:#EC6A1F; text-decoration:none;}
p{ color:#000000;}
.marca{color:#EC6A1F;}
.especial{ color:#999999;}
.volver { text-align:right; margin-right:4em;}
h1{ font-size:1em;}
h3{ font-size:12pt;}
h1 img{ width:72.1em; height:12em;}


#marc-web{
	width: 77.8em;
	margin: 0 auto;}
#contenidor{ background:url(../img/bg_home.gif) no-repeat; height:1%;
			 width:77.8em; position:relative; margin:0 0 2em 0; padding:0 0 2em 0;}

#contenidor.segones { background:url(../img/bg_contenidor.gif) repeat-y; padding:1em;position:relative;}

/** Cantonades **********************************************************************************************/
.cantonades{ position: relative;}

#contenidor .ie, 
#contenidor .id, 
#contenidor .se, 
#contenidor .sd{ position: absolute;}
#contenidor .ie{ width:382px; height:13px; }
#contenidor .id{ width:400px; height:13px;}
#contenidor .se, 
#contenidor .sd{ width:5px; height:8px;}

#contenidor .ie{ background:url(../img/cantonada_ie.jpg) left no-repeat; left:-0.1em;bottom:0; }
#contenidor .id{ background:url(../img/cantonada_id.jpg) right no-repeat;bottom:0; right:1.9em;}
#contenidor .se{ background:url(../img/cantonada_se.jpg) no-repeat; top:-.1em; left:0;}
#contenidor .sd{ background:url(../img/cantonada_sd.jpg) no-repeat;top:-.1em; right:2.4em;}





/** SubMenu **************************************************************************************************/

#submenu{ margin-top:-.5em; margin-bottom:3em;}
#submenu p{ color:#848484; float:left;margin:0 0 0 10px;; padding:0;}
#submenu ul{ text-align:right; margin-right:6.5em;} 
#submenu ul li{ margin:0; padding:0; display:inline; list-style-type:none;}
#submenu ul li.separador{ background: url(../img/separador.gif) right no-repeat; padding-right:.5em;}
#submenu a{ border-bottom: 1px dotted;}
#submenu a#contacta{ background:url(../img/ico_contacta.gif) left no-repeat; padding-left:1.4em;}
#submenu a#inici{background:url(../img/ico_inici.gif) left no-repeat; padding-left:1.4em;}
#submenu a#mapa{background:url(../img/ico_mapa.gif) left no-repeat; padding-left:1.4em;}

#submenu a:hover{ border-bottom:1px solid;}

/** Menu **************************************************************************************************/
#menu{  width:18.3em; clear:both; padding-top:4.3em; margin-left:1.2em; float:left; }
	
	#menu.clientes{ background:url(../img/bg_menu_clientes.gif) top no-repeat;} 
	#menu.franquicias{ background:url(../img/bg_menu_franquicias.gif) top no-repeat;}
	#menu.asociado{  background:url(../img/bg_menu_asociados.gif) top no-repeat;}
	
#menu ul{font-size:1.1em;   list-style-type:none; margin:0; padding:0; background:url(../img/bg_menu_bottom.gif) bottom no-repeat;
			padding-bottom:2.2em;}
#menu ul li{color:#FFFFFF; background-color:#B85217; margin-bottom:1px; padding:.5em 0 0.5em 1.2em; }
#menu ul li a{ color:#FFFFFF; background:url(../img/ico_menu.gif) left no-repeat; padding-left:1.5em;}
#menu ul li a:hover{ color: #FFCC66;}
#menu ul li a.select{ color:#FCFF00; font-weight:bold;  background:url(../img/ico_menu_select.gif) left no-repeat; padding-left:1.5em;}
#menu ul li a.select:hover{ color:#FCFF00;}
#menu ul li a.select.normas{ font-size:.9em;}
.aclara{clear:both;}

/** Home **************************************************************************************/
#contenidor .z-superior{ padding:0; margin-left:4em; margin-bottom:3em;}
#contenidor .z-superior img.logo{ margin-right:16.2em; padding-top:2em;}
#contenidor .z-superior img.asociados{ padding-bottom:4.7em; padding-top:.4em;}

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

#contingut{ width:48.7em; float:right; margin-right:5.7em; padding:0; }
#contingut p{ margin-top:0; margin-bottom:1.5em; font-size:1.1em;}
#contingut p img{ float:right; margin-bottom:.5em;}
#contingut h2{ color:#FFFFFF; background:url(../img/bg_subtitol.gif) no-repeat; font-weight:bold; font-size:1.2em; padding:.1em .1em .2em 1.4em;}
#contingut ul{font-size:1.1em; list-style-type:none;color:#000000; padding-left:2em;}
#contingut ul.despachos{ float:left; margin-right:3.8em;}
#contingut ul li{ background:url(../img/ico_llista.gif) left 2px no-repeat; padding-left:1.5em; padding-bottom:.2em; }
#clip1 { position:absolute; top:-3.6em; left:-2.7em;}
#clip2{ position:absolute;top:-1.7em; right:2em;}
#clip1 img{ width:10.3em; height:10.9em;}
#clip2 img{ width:4.9em; height:5.2em;}

#contingutespecial{ width:52em; float:right; margin:0 4em 0 0; padding:0; }
#contingutespecial h2{ margin:0; color: #FF6600; font-weight:bold; font-size:1.6em; padding:0 .1em .2em 0;}

ul#home{ list-style-type:none; margin:0; padding:0;}
ul#home li{ float:left; margin-left:2.3em;}

ul#objetivos li{ margin-bottom:1.5em;}
.firma img {float:left; margin-right:12em;}


/***** formularis **************************/

input.general, input.particular{ border:1px solid #A7A6AA; text-align:center; color:#FF6600; }
input.general{ width:5.8em; vertical-align:middle;}
input.particular{ width:24.3em; vertical-align:middle;}
input.envia{ vertical-align:middle; margin-left:.5em;}
input.envia2{ vertical-align:middle; margin-left:1.1em;}

label{margin:1em;}
label span{ color:#EC6A1F;  font-weight:bold; text-decoration:underline;  }
form.form-despacho{ padding-top:1em;}
form.form-despacho p{ margin:1em; padding-top:1em;}

form#contacta{ font-size:1.1em;padding-top:3em; height:34.5em; background: url(../img/bg_contacta.jpg) no-repeat;}
form#contacta p{ margin:0 0 0.3em 0; padding:0; width:19.3em;} 
form#contacta p{text-align:right;}
form#contacta p.area{ text-align:left; margin-top:1.3em; font-size:12px}
form#contacta input,
form#contacta textarea { background-color:#F9CEA6; border:2px solid #F27C29; font-size:1em;}
form#contacta input{ width:8em; height:.9em;}
form#contacta textarea{ width:19em; margin-left:10.8em; height:7.3em;}
form#contacta input.envia{ width:75px; height:28px; margin-top:.2em;}
form#contacta p.envia{ padding-left:5em;}

form#gestion,
form#webmail{  width:479px; height:247px;
 margin-bottom:2em; padding-top:71px; }
form#gestion{ background:url(../img/bg_form_gestion.jpg) no-repeat;}
form#webmail{ background:url(../img/bg_form_webmail.jpg) no-repeat;}
form#gestion input,form#webmail input{ border:1px solid #A7A6AA; }
form#webmail p{ text-align:right; margin-right:225px;}
form#gestion p { margin-left:65px; margin-top:30px;}
form#gestion input.aceptar,
form#webmail input.aceptar{border:none; margin-right:125px; padding-top:2em;}



/**** Mapa WEB ***************************************/
ul.mapa{ list-style-type:none; font-size:1.1em; float:left; margin-left:3em; color:#000000;}
ul.mapa li{ padding-left:1.5em; margin-bottom:1.2em;}
ul.mapa li a{ color:#000000;}
ul.mapa li a:hover{ color:#EC6A1F;}
ul.mapa li.marca{ padding:0;}
#contingut.mapa img{ padding-left:10em; }


dl dt{ float:left; width:13em; font-weight:bold;}
dl{ font-size:1.1em; margin:3em; color:#000000;}
/****************/
p#peu-segones{ clear:both;text-align:right; margin:0; padding:0 6em 2em 0 ;}
p#peu{ clear:both; padding:.8em 2em 1.2em; text-align:right; }
a#copy{color:#A2A2A2; font-weight:bold; text-decoration:none; }

/*************************  Formato especial listado tablas ******************************/

table#tlist {
	width: 530px;
	border-collapse:collapse;
	border:1px solid #FFCA5E; margin-bottom:20px;
	
	 padding-bottom:20px;
}
thead th { background:#666666 url(../img/bg_th.jpg); 
	height: 47px;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: center;
	border-right: 1px solid #FCF1D4;
}
tbody tr {
    background: url(bg_td1.jpg) repeat-x top;
    color: #FFFFFF; 
	
	font-size: 14px;
}
tbody tr.odd {
	background: #FFF8E8 url(bg_td2.jpg) repeat-x;
	color: #FFFFFF; 
	
	font-size: 14px;

}

tbody th,td {
	font-size: 0.8em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	padding: 10px 7px;
	border-top: 1px solid #FFCA5E;
	border-right: 1px solid #DDDDDD;
	text-align: left;
}
a#tlist {
	color: #777777;
	font-weight: bold;
	text-decoration: underline;
}
a#tlist:hover {
	color: #F8A704;
	text-decoration: underline;
}