/* CSS Document */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	background: #fff url(../imatges/fondo.jpg) repeat;
	/*background: #d7d7d7 url(../imatges/background_body.jpg) repeat-x;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
    color:#000;
	}

a img {border:0;}
  img {border:0;}
.marc_web{ width: 77.5em; 
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto; 	
	!font-size:1.01em; 
	border-top: 1px solid #000000;
	border-right: 1px solid #000000; 
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color:#000;
	background-color:#fff;
	 }

.marc_web2{ width: 76.6em; 
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto; 	
	!font-size:1.01em; 
	border-top: 1px solid #000000;
	border-right: 1px solid #000000; 
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color:#000;
	background-color:#FFFFFF;
	 }
.capsalera, .capsalera img{ height:8.3em; margin:0; padding:0; width:77.5em; }
.submenu{ background-color:#0f679a; padding:5px 0; margin:0; width:77.5em;}
	.submenu ul{ padding:0; margin:0;}
	.submenu ul li{ display:inline; color:#fff; font-size:0.9em; padding:0 ;}
	.submenu ul li.separador{ padding: 0 4em 0 1em;}
	.submenu ul li.separador2{ padding:0 0 0 50em; margin:0;}
	.submenu ul li a{ color:#6aadff; height:14px; }
	

#contingut{ background-color:#FFFFFF; height:1%;}
#contingut:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.columna1{ width:17.4em; padding:14px 0 14px 10px; float:left;}

/****************************************** Columna 1 menu **************************************************************************/

	#navcontainer ul
{
margin: 0;
padding: 15px 0 0 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
{
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid #333;
width: 12em;
background-color: #999;
background-image: url(../imatges/l1_down.gif);
}

#navcontainer a:link, #navlist a:visited
{
color: #000;
text-decoration: none;
}

#navcontainer a:hover
{
border: 1px solid #333;
background-color: #F60;
background-image: url(../imatges/l1_over2.gif);
color: #333;
 
}

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #FF6600;
background-image: url(../imatges/l1_over.gif);
color: #fff; 
font-weight:700; text-transform:uppercase;
 
 

}

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

.columna1 .logo{ margin:20px 0 20px 0px;}
.columna1 .logo a{ text-decoration:overline;}
.columna1 .logo a img {border: 0;}

.columna2{ float:left;  width:41.5em; margin:0;  padding-right:15px; padding-top:25px; padding-left:18px; font:Geneva, Arial, Helvetica, sans-serif!important;  font-size:11px;}
.columna2 p{ font:Geneva, Arial, Helvetica, sans-serif!important;  font-size:12px; margin:0 0 1px; padding-bottom:10px; }


.especial{color:#0f679a; font-size:1.2em; font-weight:bold;} 
.especial2{color:#fff; background-color:#ff8d2a; font-size:1.4em; font-weight:bold; } 

.subr{ text-decoration:underline;}

.columna3{ float:left; padding:25px 0 0  0;}
.columna3 ul{ margin:0; padding:0 0 0 0;}
.columna3 ul li{ list-style-type:none; margin-top:3px;}
.columna3 ul li a img{ border:0;}
.fi{  clear:both; width:78.3em; height:2.3em; margin:0 auto;!margin:0 0 0 238px;}

#contactar{ width:200px; padding:0 0 0 10px; margin:10px; float:left;}
#contactar2{ width:200px; padding:0 0 0 10px; margin:5px; float:left;}
#contactar3{ width:450px; padding:0 0 0 10px; margin:5px; float:left;}

p.nom{padding:0 0 0 10px;margin: 16px 0 0 0; color:#000; }
p.cognom{padding:0 0 0 4px;margin: 10px 0 0 0; color:#000;}
p.telefono{padding:0 0 0 6px;margin: 10px 0 0 0; color:#000;}
p.movil{padding:0 0 0 26px;margin: 10px 0 0 0; color:#000;}
p.correo{padding:0 0 0 20px;margin: 10px 0 0 0; color:#000;}
p.enviara {padding:0 0 0 20px;margin: 14px 0 0 0; color:#000;}
p.mensaje {padding:0 0 0 20px;margin: 14px 0 0 0; color:#000;}
p.enviar {padding:0 0 0 20px;margin: 14px 0 0 0; color:#000;}

#contimg {padding:0; margin:0;}
#contimg2 { margin-top:10px; padding:0;}
#contimg3 { margin:30px 0 0 30px; padding:0;}

.especial a {  text-indent:10px;
			   font-size: 11px; 
			   font-weight:100;
			   color:#3d3685;	
			   border:0; border-style:none;
			 }

.especial a:hover {  
			       font-weight:900;
			  	 }
			 
.texta {
 font-size: 10px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #FFD7AF;
 border: 1px solid #FF9000;
}

.foto p {text-align:center; margin:0 0 15px 0; padding:0;}
.foto img { display: block; margin: auto; padding-top:10px; padding-bottom:5px; text-align: center;} 

.titol-socios { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }

.clientes {width:42em; margin:10px auto;background:#CCCCCC; }
.clientes ul{ list-style-type:none; margin:10px 0 0 0; padding:0 0 10px 15px;}
.clientes ul li{ padding:0; margin:0;}
.clientes ul li ul{ padding:0 0 10px 0; margin:0;}

.caja-socios {background:#d7d7d7; width:42em; margin:10px auto;}
.caja-socios ul{ list-style-type:none; margin:10px 10px 20px 0; padding:0 0 0 20px;}
.caja-socios ul li{ padding:8px 0 0 10px; margin:0;}


.piepagina {margin:15px 0 0 0;text-align:center;  background:#0f679a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;}
.piepagina p{ margin:0;padding:5px;}



.columna2 ul { list-style-type:none; margin:0; !margin:10px 0 0 20px; padding:0 0 0 20px;}

.columna2 ul li{ background:url(../imatges/raquo1.jpg) 0 10px  no-repeat; padding:8px 0 0 20px; margin:0;}

 .columna2 ul li.check{background:url(../imatges/raquo2.jpg) 0 10px  no-repeat;padding:8px 0 0 20px;}
 
form{ margin:0; padding:0;}
.text_form{width:450px; margin:0;padding:0 0 0 10px; background:url(../imatges/presconta.jpg) no-repeat;}
.text_form h1{font-size:1em; text-transform:uppercase; color:#044EC0;  padding:13px 0 0 0; }
.text_form img{ margin:0 0 0 28px;}
.text_form p{ padding:0; margin:0;}
		.text_form p.nom{ padding:3px 0 0 50px; margin:0;}
		.text_form p.empr{ padding:3px 0 0 52px; margin:0;}
		.text_form p.telefono{ padding:3px 0 0 52px; margin:0;}
		.text_form p.correo{ padding:3px 0 0 73px; margin:0;}
		.text_form p.direccion{ padding:3px 0 0 50px; margin:0;}
		.text_form p.poblacion{ padding:3px 0 0 46px; margin:0;}
		.text_form p.cp{ padding:3px 0 0 20px; margin:0;}
		.text_form p.coment{ padding:3px 0 0 30px; margin:0;}
		.text_form p.coment2{ padding:3px 0 10px 110px; margin:0;}
		.text_form p.enviar{ padding:3px 0 10px 110px; margin:0;}

.text_form2{width:450px; margin:0;padding:0 0 0 10px; background:url(../imatges/contapres.jpg) no-repeat;}
.text_form2 h1{font-size:1em; text-transform:uppercase; color:#044EC0;  padding:13px 0 0 0; }
.text_form2 img{ margin:0 0 0 28px;}
.text_form2 p{ padding:0; margin:0;}
		.text_form2 p.nom{ padding:3px 0 0 58px; margin:0;}
		.text_form2 p.empr{ padding:3px 0 0 51px; margin:0;}
		.text_form2 p.telefono{ padding:3px 0 0 52px; margin:0;}
		.text_form2 p.correo{ padding:3px 0 0 73px; margin:0;}
		.text_form2 p.direccion{ padding:3px 0 0 50px; margin:0;}
		.text_form2 p.poblacion{ padding:3px 0 0 46px; margin:0;}
		.text_form2 p.cp{ padding:3px 0 0 20px; margin:0;}
		.text_form2 p.coment{ padding:3px 0 0 30px; margin:0;}
		.text_form2 p.coment2{ padding:3px 0 10px 110px; margin:0;}
		.text_form2 p.enviar{ padding:3px 0 10px 110px; margin:0;}

.especialt { width:400px; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:9px!important; color:#999999; font-style:italic;} 

.cajas {background:#bee2f1; width:36em; padding:10px 5px 15px 5px; margin:10px auto;}
.cajas2 {background:#ffb7b9; width:36em; padding:10px 5px 15px 5px; margin:10px auto;}
.cajas3 {background:#e5e4e4; width:36em; padding:10px 5px 15px 5px; margin:10px auto;}
.cajas4 {background:#bee2f1; width:41em; padding:10px 5px 15px 5px; margin:10px auto;}


.texta { 
 color:#000000;
 font-size: 10px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #c3e8ff;
 border: 1px solid #085a8c;

}