/*MAIN PREFERENCES*/
html {font-size: 100.1%;}
body {
	font: small Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin: 0 auto;
	background: #C7E2E1 url(../images/fondo.jpg) no-repeat center top;
}

form {
	display: inline;
	padding: 0;
	margin: 0;
}
li {list-style: none;}
/*first element in lists*/
li.first {
	padding: 0 !important;
	background: none !important;
}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
a:focus {outline: none;}
img {border: none;}
.hidden-text {
	overflow: hidden;
	text-indent: -9999px;
	display: block;
}
/*MAIN CONTAINER*/
#global {
	margin: 0 auto;
	width: 814px;
}
#main {
	float: left;
	margin: 0;
	width: 814px;
	background: url(../images/fondo-inferior.jpg) no-repeat center bottom;
	padding: 0 0 0 0;
}
/*HEADER*/
#header {
	width: 100%;
	background: url(../images/fondo-superior.jpg) no-repeat;
	margin: 0;
	padding: 0;
}
/*logo*/
.logo {
	margin: 0;
	padding-bottom: 19px;
	background: url(../images/logo-vidres.jpg) no-repeat 37px 63px;/*logo image*/
	height: 136px;
	width: 254px;
	text-indent: -9999px;
}
/*idiomas*/
ul.idiomas{
	float: right;
	padding: 0 0 0 0;
	margin: 60px 40px	 0 0;
}
ul.idiomas li{
	float: left;
	color: #9D9D9D;

}
ul.idiomas li a{
	color: #C1B400;
	text-decoration: underline;
}
ul.idiomas li a:hover{
	text-decoration: none;
}
/*main navigation*/
#nav {
	width: 800px;
	margin: 0 0 0 38px;
	padding: 0 0 21px 0;
	height: 30px;
}
#nav li{
	height: 30px;
	float: left;
}


#nav li.primero a, #nav li.primeroactive a{ width: 111px; margin-left: 9px}
#nav li.segundo a{ width: 130px;}
#nav li.tercero a{ width: 180px;}
#nav li.ultimo a{ width: 110px;}

#nav li a {
	float: left;
	line-height: 30px;
	color: #000;
	font-weight: bold;
	padding-left: 10px;
	background: #E0E0E0  url(../images/pes-med-ofof.jpg) no-repeat right;
}
#nav li a:hover {
	text-decoration: underline;
}
#nav li a.active {
	background: #333333 url(../images/pes-med-onof.jpg) no-repeat right;
	color: #fff;
}
#nav li a.activeant {
	background: #E0E0E0 url(../images/pes-med-ofon.jpg) no-repeat right;
}

#nav li.primero{
	background: url(../images/pes-pri-of.jpg) no-repeat left;
}
#nav li.primeroactive{
	background: url(../images/pes-pri-on.jpg) no-repeat left;
}
#nav li.active{
	background: url(../images/pes-pri-on.jpg) no-repeat left;
}
#nav li.ultimo a{
	background: #E0E0E0  url(../images/pes-ult-of.jpg) no-repeat right;
}
#nav li.ultimo a.active{
	background: #333333  url(../images/pes-ult-on.jpg) no-repeat right;
}
/*INDEX*/
#breadcrumbs-index {
	width: 100%;
	background: url(../images/fondo-breadcrumbs-index.jpg) no-repeat;
	height: 266px;
	margin: 0;
	padding: 0;
}
p.introduccion{
	width: 300px;	
}
#container-index {
	width: 814px;
	height: 223px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(../images/fondo-medio-index.jpg) no-repeat;
}
#content-index{
	/*background-color: #F2F9F8;*/
	margin: 0; 
	padding: 22px 0 100px 75px;
	float: left;
	background: none;
}
h2.h2index{
	float: left;
	margin: 0;
	padding: 18px 0 10px 74px;
	width: 740px;
	font-style: italic;
	font-weight: normal;
	color: #fff;
	font-size: 1.6em;
}
h3.h3index{
	background: url(../images/h3index.jpg) no-repeat;
	height: 23px;
	width: 144px;
	margin: 0 0 21px 0;
	padding: 0;
	text-indent: -9999px;
}
h3.h3index-es{
	background: url(../images/h3index-es.jpg) no-repeat;
	height: 23px;
	width: 168px;
	margin: 0 0 21px 0;
	padding: 0;
	text-indent: -9999px;
}
p.introduccion{
	float: left;
	margin: 0 0 0 74px; 
	padding: 0;
	width: 300px;
	color: #fff;
	line-height: 1.4em;
	font-size: 1.2em;
}
div.columna-derecha-index{
	float: left;
	margin: 0 0 0 0;
	padding: 0;
}
ul.llista-index{
	margin: 0 69px 0 0;
	padding: 0;	
}
ul.llista-index li{
	width: 202px;
	height: 22px;
	background: url(../images/pastilla-index.jpg) no-repeat;
	float: right;
	margin: 0 0 9px 14px;
	padding: 8px 0 0 20px;
	font-weight: bold;
	font-size: 0.9em;
}
ul.llista-index li.pastillagran{
	height: 37px;
	background: url(../images/pastilla-gran-index.jpg) no-repeat;
}
/*RESTA PAGINES*/
#breadcrumbs {
	width: 100%;
	background: url(../images/fondo-breadcrumbs.jpg) no-repeat;
	height: 106px;
	margin: 0;
	padding: 0;
}
p.bread{
	line-height: 10px;
	margin: 0 0 0 71px;
	padding: 0; 
	color: #999999;

}
h2.h2quisom{
	background: url(../images/h2quisom.jpg) no-repeat;
	height: 34px;
	width: 111px;
	margin: 30px 0 0 71px;
	padding: 0;
	text-indent: -9999px;
}
h2.h2quisom-es{
	background: url(../images/h2quisom-es.jpg) no-repeat;
	height: 34px;
	width: 200px;
	margin: 30px 0 0 71px;
	padding: 0;
	text-indent: -9999px;
}
h2.h2serveis{
	background: url(../images/h2serveis.jpg) no-repeat;
	height: 34px;
	width: 241px;
	margin: 30px 0 0 71px;
	padding: 0;
	text-indent: -9999px;
}
h2.h2serveis-es{
	background: url(../images/h2serveis-es.jpg) no-repeat;
	height: 34px;
	width: 279px;
	margin: 30px 0 0 71px;
	padding: 0;
	text-indent: -9999px;
}
h2.h2contacta{
	background: url(../images/h2contacta.jpg) no-repeat;
	height: 34px;
	width: 122px;
	margin: 30px 0 0 71px;
	padding: 0;
	text-indent: -9999px;
}
h2.h2notalegal{
	background: url(../images/h2notalegal.jpg) no-repeat;
	height: 34px;
	width: 137px;
	margin: 30px 0 0 71px;
	padding: 0;
	text-indent: -9999px;
}
h3{
	background: url(../images/vineta.png) no-repeat 0px 5px;
	padding: 0 0 10px 15px;
	margin: 0;
	font-size: 1.2em;
}

/*SERVEIS*/

ul.llistaserveis{
	margin-top: 40px;
	margin-left: 0px;
	padding: 0;
}
ul.llistaserveis li{
	padding-left: 0px; 
	margin-top: 20px; 
	margin-right: 60px;
}
ul.llistaserveis li h3{
	padding-top: 0px;
}
/*ul.llistaserveis li.servei_1{
	background: url(../images/servei-1.jpg) no-repeat 0px 0px;	
}
ul.llistaserveis li.servei_1 h3{
	height: auto;
}
ul.llistaserveis li.servei_2{
	background: url(../images/servei-2.jpg) no-repeat 0px 0px;	
}
ul.llistaserveis li.servei_3{
	background: url(../images/servei-3.jpg) no-repeat 0px 0px;	
}
ul.llistaserveis li.servei_4{
	background: url(../images/servei-4.jpg) no-repeat 0px 0px;		
}
ul.llistaserveis li.servei_5{
	background: url(../images/servei-5.jpg) no-repeat 0px 0px;	
}
ul.llistaserveis li.servei_6{
	background: url(../images/servei-6.jpg) no-repeat 0px 0px;	
}
ul.llistaserveis li.servei_7{
	background: none;
}*/
img.img_servei{
	margin: 40px 0 33px 65px;
	float: left;
	width: 54px;
	height: 54px;
}
/*CONTAINER*/
#container {
	width: 800px;
	margin: 0 7px;
	float: left;
	background: url(../images/fondo-contenedor.jpg) repeat-y;
}
#content{
	/*background-color: #F2F9F8;*/
	width: 770px;
	margin: 0; 
	padding: 0 0 100px 30px;
	float: left;
	background: url(../images/fondo-inferior-contenido.jpg) no-repeat center bottom;
}
#nota{
	margin: 40px 70px 20px 40px;
}
#nota p{
	margin: 0 0 20px 0;
	padding: 0;
	text-align: justify;
}
img.img_qui_som{
	margin: 40px 0 0 15px;
	float: left;
}
div.texte_qui_som{
	width: 330px;
	float: right;
	margin: 40px 60px 0 0;
	padding: 0; 	
	font-size: 1.1em;
}
div.texte_serveis{
	width: 580px;
	float: right;
	margin: 40px 0 0 0;
	padding: 0; 	
	font-size: 1.1em;
}
div.img_serveis{
	width: 185px;
	float: left;
	margin: 40px 5px 0 0;
	padding: 0; 	
}
/*CONTACTA*/
#columna-derecha-contacta{
	width: 280px;
	float: right;
	margin: 25px 25px 0 0;
	padding: 0;	
}
#map{
	width: 250px;
	height: 250px;
	margin: 0 0 8px 0;
	padding: 0;
	overflow: hidden;
}
#columna-derecha-contacta p{
	margin: 0 0 25px 0;
	padding: 0;

}
/*formulari*/
#formulari{
	float:left;
	width: 365px;
	padding: 0 15px 0 15px;
	margin: 25px 0 0 25px;
	background: #fff url(../images/fondo-formulario-superior.jpg) no-repeat top;
}
h3.h3formulari{
	float: left;
	margin: 5px 0;
	background-color: #fff;
	width: 365px;
	background: none;
}
p.campsobligatoris{
	margin: 5px 0 5px 0;
	font-size: 0.8em;
}
#formularicontacte{
	float:left;
	margin:0;
	padding: 0;
	background: #fff url(../images/fondo-formulario-inferior.jpg) repeat-x bottom;
}
#formularicontacte fieldset{
	border: none;
	padding:0;
	margin:0;
}
#formularicontacte legend{
	display: none;
}
#formularicontacte p{
	margin:0 0 15px 4px;
	font-size:0.9em;
}
#formularicontacte label{
	display: block;
	width: 95px;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}
#formularicontacte input{
	/*width:240px;*/
	width: 245px;
	height: 23px;
	vertical-align: middle;
	margin-bottom:5px;
	/*border:1px solid #ccc;*/
	padding:2px 5px;
	background: url(../images/fondo-input.jpg) no-repeat;
}
#formularicontacte textarea{
	/*width:240px;*/
	width: 245px;
	height: 102px;
	vertical-align: middle;
	margin-bottom:5px;
	/*border:1px solid #ccc;*/
	padding:2px 5px;
	background: url(../images/fondo-textarea.jpg) no-repeat;
}
#formularicontacte label.imatgeerror{
	color: #f33a00;
	font-weight: bold;
}
#formularicontacte label.lbldeclaracio{
	float:none;
	width:auto;
	font-size:0.9em;
	margin:10px 0 5px 0;
}
#formularicontacte label.frasedeclaracio{
	float:left;
	padding: 18px 0 20px 0;
	width:auto;
}
#formularicontacte .txtdeclaracio{
	width: 345px;
	font-size:0.9em;
	margin:0;
	padding:0 0 0 0;
	color:#999;
	background:#eee;
}
#formularicontacte input.chkdeclaracio{
	float:left;
	display:inline;
	width: auto;
	margin: 15px 5px 0 0;
	padding: 0 0 0 0;
	border: none;
}
#formularicontacte input.chkerror{
	background-color: #FCADA4;
}
#formularicontacte input.submit{
	float: right;
	width: 99px;
	height: 25px;
	margin: 0 20px 18px 115px;
	padding: 0;
	border: none;
	background: url(../images/boto-enviar.jpg) no-repeat;
}
#formularicontacte .backgrounderror{
	background-color: #FCADA4;
	border:1px solid #f33a00;
}
.aviserror{
	color: #f33a00;
	padding: 10px 0 0 0;
}
.aviscorrecte{
	color: #0bb100;
	padding: 10px 0 0 0;
}








#footer{
	height: 66px;
	margin: 0;
	padding: 0;
	float: left;
	width: 814px;
}
#footer ul{
	margin: 0;
	padding: 10px 0 0 37px;
}
#footer ul li{
	float: left;
}
#footer ul li.nota{
	padding-left: 40px;
}
#footer ul li a{
	color: #C1B400;
	text-decoration: underline;
}
#footer ul li a:hover{
	text-decoration: none;
}
a.empatica{
	float: right;
	width: 20px;
	margin-right: 38px; 
}