@charset "utf-8";

/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
	 outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     vertical-align: baseline

}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

/* Estilos propios */

body
{
	background-color:#e5e5e5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#wrapper
{
	border:1px solid #b2b2b2;
	background-color:#fff;
	width:980px;
	margin:0 auto;
}

#header
{
	height:112px;
	background:transparent url(../imgLib/logo.jpg) no-repeat 51px 6px;
	border-bottom:1px solid #b2b2b2;
	position:relative;
	
}

#header h1
{
	text-indent:-1000em;
}

#header h2
{
	position:absolute;
	left:350px;
	top:20px;
	background:transparent url(../imgLib/telf.jpg) no-repeat left top;
	height:23px;
	width:189px;
	text-indent:-1000em;

}

/***** generales *****/

.no-border
{
	border:none!important;
}

/***** MENU *****/

#header #menu
{
	background:transparent url(../imgLib/actualiaGrupo.jpg) no-repeat 718px 10px;
}

#header #menu ul
{
	padding:64px 0 0 60px;
}

#header #menu ul li
{
	float:left;
	list-style:none;
	background:transparent url(../imgLib/tabLeft.jpg) no-repeat left top;
	margin: 0 5px 0 0;
}

#header #menu ul li:hover
{
	background:transparent url(../imgLib/tabLeft.jpg) no-repeat left -36px;
}

#header #menu ul li a
{
	float:left;
	display:block;
	text-decoration:none;
	line-height:36px;
	background:transparent url(../imgLib/tabRight.jpg) no-repeat right top;
	padding:0 13px;
	color:#083b47;
	font-size:12px;
}

#header #menu ul li a:hover
{
	background:transparent url(../imgLib/tabRight.jpg) no-repeat right -36px;
}

/***** EXPOSITOR *****/

#expositor
{
}

/***** CONTENT *****/

#content
{
	background:transparent url(../imgLib/bg-content.jpg) no-repeat right top;
	padding: 0 0 25px 0;
	position:relative;
	height:100%;
}
#content h2
{
	height:37px;
	text-indent:-1000em;
	margin: 16px auto 12px auto;
}

#content p
{
	margin: 0 50px 15px 50px;
	line-height:16px;
}

#content p strong
{
	font-weight:bold;
}

#content ul
{
	margin: 0 75px 15px 75px;
}

#content ul li
{
	line-height:16px;
	background:url(../imgLib/menu-leaf.png) no-repeat left 5px;
	padding: 0 0 0 12px;
}

.pageIndex h2
{
	background:transparent url(../imgLib/h2-Bienvenido.jpg) no-repeat left top;
	width:425px;
}

#content #empreses
{
	overflow:auto;
	margin:0 auto;
	width:890px;
}

#content #empreses div
{
	float:left;
	width:280px;
	height:345px;
	margin-left:15px;
}

#content #empreses div h3
{
	text-indent:-1000em;
}

#content #empreses div ul
{
	text-indent:-1000em;
	margin:0;
	height:0;
}
#content #empreses div ul li
{
	background:none;

}

#enConstruccio
{
	margin-top:20px;
	background:url(../imgLib/bg-content2.jpg) no-repeat right top;
}
#enConstruccio p
{
	font-size:14px;
	line-height:20px;
	margin-bottom:10px;
}

#enConstruccio p span
{
	font-weight:bold;
}

#enConstruccio p a
{
	color:#083B47;
}
/*#content #empreses h3
{
	float:left;
	display:block;
	margin: 0 20px 10px 0;
}

#content #empreses h3 a
{
	height:107px;
	width:360px;
	display:block;
	cursor: pointer;
	text-indent:-1000em;
}
 
#content #empreses #tecnologia
{
	background:transparent url(../imgLib/emp-tecno.png) no-repeat left top;
}
#content #empreses #saniAmb
{
	background:transparent url(../imgLib/emp-SanAmbiental.png) no-repeat left top;
}
#content #empreses #cAmli
{
	background:transparent url(../imgLib/emp-CAlimentaria.png) no-repeat left top;
}
#content #empreses #cAmb
{
	background:transparent url(../imgLib/emp-CAmbiental.png) no-repeat left top;
}
*/

/***** FOOTER *****/

#footer
{
	background-color:#e5e5e5;
	padding:30px 0 50px 0;
	margin:0 auto;
	width:980px;
}

#footer ul
{
	overflow:auto;
	width:500px;
	margin:0 auto;
	
}

#footer ul li
{
	float:left;
	border-right:1px solid #083b47;
	padding: 0 20px 0 20px;

}

#footer ul li a
{
	float:left;
	display:block;
	color:#083b47;
	text-decoration:none;
	line-height:16px;
	font-size:12px;

}

#footer #magrana
{
	background:transparent url(../imgLib/logoMagrana.png) no-repeat left top;
	width:50px;
	height:40px;
	float:left;
	text-indent:-1000em;
}

#footer #magrana a
{
	display:block;
	height:40px;
}

/****************** Formulari *****************************/
#contactform
{
	overflow:auto;
}

#contactform p
{
	color:#333;
	font-size:12px;
	font-family:Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
}

#contactform label
{
	color:#333;
	font-size:12px;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	display:block;
	line-height:1.5em;
}

#contactform label span
{
	color: #FF0000;
}

#contactform label.error
{
	color: #FF0000;
	font-weight:normal;
}

#contactform input
{
	color:#000000;
	font-family:Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
	font-size:12px;
	margin:0;
	padding:1px;
	width:332px;
	height:18px;
}

#contactform input.btn-submit
{
	width:51px;
	padding:1px;
	height:25px;
}

#contactform #formActualia
{
	width:365px;
	float:left;
	margin:0 0 0 150px;
}

#contactform #formActualia div
{
	margin:1em 0;
}

#contactform textarea
{
	padding:1px;
	width:350px;
	height:95px;
}

.pageContacto h2
{
	background:url(../imgLib/h2-Contacto.jpg) no-repeat left top;
	width:347px;
}

#infContacto {
	float:right;
}

#infContacto ul {
	margin:0 auto 25px;
	padding:0;
	width:280px;
}

#infContacto ul li {
	list-style:none;
	list-style-image:none;
	background:none;
	color:#333;
	font-size:12px;
	line-height:20px;
	font-family:Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
}

#infContacto ul li a:visited,
#infContacto ul li a:link
{
	color:#083B47;
}
#infContacto ul li span {
	font-weight:bold;
}

#contactform input.error, #contactform textarea.error, #contactform select.error {
	border:2px solid red;
}

#emailerror
{
	clear:both;
}
#contactform #error2 ul li
{
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 155px;
	color:#E38E4D;
	width:300px;
	list-style:none;
	list-style-image:none;
	background:none;

}
#emailerror ul
{
	margin:0;
}











/*form
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#001621;
	height:350px;
	width:489px;
	padding:20px 20px 0 20px;
	margin:0 auto;
}
form div
{
	overflow:auto;
	width:100%;
}

label
{
	float:left;
	display:block;
	margin:5px;
}	

input.txt
{

	background:transparent url(../imgLib/contacto/input.jpg) no-repeat left top;
	height:28px;
	width:270px;
	border:none;
	padding:0px 5px 0 10px;
	.padding:6px 5px 0 10px;
	color:#fff;
	font-size:12px;
	float:right;
	margin: 0 105px 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


textarea
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	width:277px;
	height:127px;
	background:url(../imgLib/contacto/textarea.jpg) no-repeat right top;
	border:none;
	overflow: auto;
	float:right;
	margin: 0 105px 0 0;
	font-size:12px;
	padding:10px 0px 5px 7px;
}

input.btn-submit
{
	background:url(../imgLib/contacto/boton.jpg) no-repeat left top;
	width:78px;
	height:29px;
	border:none;
	float:right;
	margin: 0 105px 0 0;

}

form#formActualia div
{
	margin-bottom:6px;
}

form#formActualia label.error
{
	font-size:11px;
	color:#E38E4D;
	position:absolute;
	left:630px;
}

#contactform p
{
	margin:20px 0 0 250px;
	color:#083B47;
}

#contactform #error2 ul li
{
	font-size:12px;
	color:#E38E4D;
	margin:0 auto;
	width:300px;
	list-style:none;
	list-style-image:none;

}
#emailerror ul
{
	margin:0;
}*/
/****************** Privacidad *****************************/
.pagePrivacitat h2
{
	background:url(../imgLib/h2-Privacidad.jpg) no-repeat left top;
	width:173px;
}

/****************** Aviso Legal *****************************/
.pageAvis h2
{
	background:url(../imgLib/h2-Aviso.jpg) no-repeat left top;
	width:176px;
}

/*Newsletters*/
#node-181 ul li
{
	list-style:none;
}


/************** Somos Actualia *********************/
.pageSomos h2
{
	background:url(../imgLib/h2-somos.jpg) no-repeat left top;
	width:219px;
}
.pageSomos ul
{
	overflow:auto;
}

.pageSomos ul li
{
	width:190px;
	height:105px;
	float:left;
	margin-bottom:12px;
}
.pageSomos ul .nace
{
	background:url(../imgLib/PDF/somos.jpg) no-repeat left top!important;
}

.pageSomos ul .diptico
{
	background:url(../imgLib/PDF/diptico.jpg) no-repeat left top!important;
}

.pageSomos ul .cal2010
{
	background:url(../imgLib/PDF/calendario2010.jpg) no-repeat left top!important;
}

.pageSomos ul li a
{

	width:190px;
	height:105px;
	text-indent:-1000em;
	display:block;
}