@charset "utf-8";
body {
	font: 90% helvetica,arial,sans-serif;
	background-image: url(img/bg.png);
	background-position: center top;
	background-repeat: repeat-x;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 960px;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	background-color: #FFFFFF;
	background-image: url(img/bg/head.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center 0;
}
.oneColFixCtrHdr #header {
	
	padding: 0 10px 0 20px;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
}
.oneColFixCtrHdr #mainContent, .oneColFixCtrHdr #mainContent-serveis, .oneColFixCtrHdr #mainContent-equip, .oneColFixCtrHdr #mainContent-equip-contacte,.oneColFixCtrHdr #mainContent-peritatges,.oneColFixCtrHdr #mainContent-prevencio,.oneColFixCtrHdr #mainContent-projectes,.oneColFixCtrHdr #mainContent-valoracions, .oneColFixCtrHdr #mainContent-estudis  {
	margin-left: 20px;
	padding-top: 1px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 275px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}
.oneColFixCtrHdr #mainContent {
	background-image: url(img/home.jpg);
	background-position: left 20px;
	height: 400px;
}
.oneColFixCtrHdr #mainContent-serveis {background-image: url(img/serveis.jpg);height: 800px;}
.oneColFixCtrHdr #mainContent-peritatges {background-image: url(img/peritatges.jpg);}
.oneColFixCtrHdr #mainContent-prevencio {background-image: url(img/prevencio.jpg);height: 400px}
.oneColFixCtrHdr #mainContent-projectes {background-image: url(img/projectes.jpg);height: 400px;}
.oneColFixCtrHdr #mainContent-valoracions {background-image: url(img/valoracions.jpg);height: 400px}
.oneColFixCtrHdr #mainContent-estudis {background-image: url(img/estudis.jpg);height: 400px;}
.oneColFixCtrHdr #mainContent-equip {background-image: url(img/equip.jpg);}
.oneColFixCtrHdr #mainContent-equip-contacte {background-image: url(img/contacte.jpg);height: 400px;}
.oneColFixCtrHdr #footer {
	width: 940px;
	height: 74px;
	font-size: 10px;
	text-align: right;
	background-color: #F6F6F6;
	background-image: url(img/bg/head.png);
	background-repeat: no-repeat;
	background-position: bottom;
	border-top: 1px solid #CCCCCC;
	margin: 40px auto 0 auto;
}


.oneColFixCtrHdr #footer p {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
}

#header {
	height: 150px;
	

}
#logo {
	float: left;
	width: 230px;
	background-image: url(img/logo/logoMain_02.png);
	text-indent: -9999px;
	background-repeat: no-repeat;
	border-right: 1px solid #CCCCCC;
	height: 72px;
	margin-left: 0px;
	margin-right: 0;
	margin-top: 30px;
	padding-right: 26px;
}

#header h1 {
	

}
#menu {
	width: 650px;
	float: right;
	margin-top: 30px;
	font-size: 8px;
	background-color: #F1F1F1;
}

#menu1 {
	width: 650px;
	float: right;
	margin-top: 46px;
	font-size: 8px;
}

#mainContent h1, #mainContent-serveis h1, #mainContent-equip h1, #mainContent-equip-contacte h1 {
	font-size: 16px;
	font-weight: bold;
	color: #EB7B17;
}
#mainContent-serveis ul {list-style:none; margin: 0px; padding: 0px;}

#menu ul {
	list-style-type: none;
	padding: 0px;
}
#menu ul li {
	display: inline;
	margin-left: 9px;	
}
#menu1 ul {
	list-style-type: none;
	padding: 0px;
}
#menu1 ul li {
	display: inline;
	margin-left: 13px;
}

#mainNav li a {
	color: #888888;
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
}
#mainNav li a.selected {
    color: #EB7B17;
}
#mainNav li a:hover {
    color: #EB7B17!important;
}
.taronja { color: #EB7B17;
font-weight:bold;}
#googlemaps { font-size:11px; width: 312px; float: left; color: #000000;
font-weight:bold; text-align:center;  margin: 5px 0 0 165px; padding-bottom: 25px; background-color: #f1f1f1;}
#googlemaps p{ height: 16px;}
#map_canvas,#map_canvas2 { margin-left: 31px; padding-bottom: 10px;}
#contact-adreça { clear:both; text-align:center; color: #EB7B17;
font-weight:bold;}
#flags {
	width: 50px;
	padding: 0px;
	float: left;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 600px;
	 height: 15px;
}
#flags img padding, margin {0px;}
#flags ul li .selected {
	font-weight: bold;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#flags ul {
	margin: 0;
	padding: 0;

}

#flags ul li {
	float: left;
	list-style-type: none;
	margin-left: 8px;
}

.cat {
	background-image:url(img/cat.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 11px;
	  width: 15px;
	  display: block;
  overflow: hidden;
}
.cast {
	background-image: url(img/esp.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 11px;
	  width: 15px;
	  display: block;
  overflow: hidden;
}
.cast a, .cat a {display: block;
  overflow: hidden;}


#contingut h1 {
	font-size: 16px;
font-weight: bold;
color: #EB7B17;
}
#contingut ul {
	list-style-type: disc;
	margin: 25px;
}
#contingut ul li {

	margin: 10px;
}
