/******** aspectes generics **********/
body {background-color: #000000; color: #FFFFFF; font-family: Verdana, Helvetica, sans-serif; font-size: 75%; margin: 0px; padding: 0px;}

* a {text-decoration: none;}
* a:hover {text-decoration: underline;}
span.clear {clear: both; display: block; margin: 5px 0px;}

ul.idiomes {background-color: #303030; float: right; font-size: 0.85em; list-style: none; margin: 0px; padding: 6px;}
ul.idiomes li {display: inline; margin: 0px 5px 0px 5px;}
ul.idiomes li a {color: #C3C2BF;}
ul.idiomes li a.on {color: #FFFFFF;}

#container {margin-left: auto; margin-right: auto; padding: 0px 0px 0px 0px; width: 900px;}
h1 {color: #BBBBBB; float: right; display: inline; margin: 0px; padding: 0px 435px 0px 0px; font-size: 1.3em;}
h1.cat {padding: 0px 430px 0px 0px !important;}
h1.ang {padding: 0px 470px 0px 0px !important;}
p {margin: 10px 0px 10px 0px;}

/******************* header *******************/
#header {border-bottom: 1px solid #999999; height: 90px; padding-bottom: 0px;}
#header img {float: left; margin: 0px 20px 0px 0px;}

ul.mainmenu {font-size: 1.2em; list-style: none; margin: 0px; padding: 60px 0px 0px 10px;}
ul.mainmenu li {display: inline;}
ul.mainmenu li a {color: #FFFFFF; margin: 0px 20px 0px 0px; padding: 5px 0px 0px 0px;}
ul.mainmenu li a.on {border-top: 4px solid #FFFFFF;}

/***************** continguts ***********/
#continguts {padding: 20px 20px 20px 20px;}

#presentacion {
	background-image: url(../img/presentacion.jpg);
	background-repeat: no-repeat;
	color: #000000;
	height: 440px;
	padding: 10px 45px 6px 540px;
	text-align: justify;
}

/**** servicios ****/
#servicios {
	background-image: url(../img/servicios.jpg);
	background-repeat: no-repeat;
	color: #000000;
	height: 440px;
	padding: 16px 555px 6px 45px;
	text-align: justify;
}

/**** calidad ****/
#calidad {
	background-image: url(../img/calidad.jpg);
	background-repeat: no-repeat;
	color: #000000;
	height: 450px;
	padding: 6px 25px 6px 405px;
	text-align: justify;
}

ul {list-style: none; margin: 0px; padding: 0px;}
ul li {margin: 0px 0px 10px 0px;}
ul li ul {margin: 10px 0px 20px 10px !important;}
ul li ul li {background-image: url(../img/ico.gif); background-repeat: no-repeat; background-position: 0px 4px; padding-left: 10px;}

/**** contacto ****/
#contacto {
	background-image: url(../img/contacto.jpg);
	background-repeat: no-repeat;
	color: #000000;
	height: 405px;
	padding: 45px 25px 6px 20px;
	text-align: justify;
}

#contacto p {padding: 80px 0px 0px 0px;}
#contacto img {background-color: #FFFFFF; float: left; margin: 0px 30px 0px 0px; padding: 9px;}
#contacto strong {display: block;}
#contacto a {color: #D8001D; font-weight: bold; text-decoration: none;}
#contacto a:hover {color: #000000;}

/**** contacto formulario ****/
#contacto2 {
	background-image: url(../img/contacto2.jpg);
	background-repeat: no-repeat;
	color: #000000;
	height: 405px;
	padding: 45px 25px 6px 15px;
	text-align: justify;
}

#contacto2 form {padding-top: 20px; width: 430px; text-align: right;}
#contacto2 form label {display: block; margin: 0px 0px 15px 0px;}
#contacto2 form input {width: 240px; margin: 0px 0px 0px 20px; border: 1px solid #BBBBBB;}
#contacto2 form input.enviar {background-color: #D8001D; border: none; color: #FFFFFF; cursor: pointer; width: 65px;}

#contacto2 p.avis {padding: 30px !important; width: 400px;}

/**** proyectos ****/
#proyectos {
	background-image: url(../img/proyectos.jpg);
	background-repeat: no-repeat;
	color: #000000;
	height: 445px;
	padding: 5px 25px 6px 15px;
	text-align: justify;
}

#proyectos ul {font-size: 0.9em;}
#proyectos ul li {margin: 0px 0px 6px 0px;}

/*** peu *****/
#footer {text-align: center;}