.texte_foto  {
padding:52px 0px 0px 50px;
font-family: Helvetica Condensed,  Franklin Gothic Medium Cond,  Trebuchet MS, Optima, Andale Mono,  Arial Narrow,  Futura, Verdana, sans-serif;
font-size:18px;
}


.foto_vidrio {
	background:url(../imatges/vidrio.jpg);
	width:760px;
	height:128px;
}
.foto_quines_somos {
	width:760px;
	height:128px;
}
.foto_obras_realizadas {
	background:url(../imatges/obras_realizadas.jpg);
	width:760px;
	height:128px;
}
.foto_actualidad {
	background:url(../imatges/actualidad.jpg);
	width:760px;
	height:128px;
}
.foto_contacto {
	background:url(../imatges/contacto.jpg);
	width:760px;
	height:128px;
}
.foto_calidad {
	background:url(../imatges/calidad.jpg);
	width:760px;
	height:128px;
}



/* 
----------------------------------------------------------------------
INTERIOR DRET PRODUCTES "3" "NUMERACIO PAGINES"
*/
.numero_pagines {
	color:#CCCCCC;
	background-image: url(../imatges/fons_numero_pagines.jpg);
	height:25px;
	padding:7px 0px 5px 0px;
	line-height: 10px;
	text-align:center;
	
}
.numero_pagines2 {
	color:#CCCCCC;
	background-image: url(../imatges/fons_numero_pagines2.jpg);
	height:25px;
	padding:13px 0px 0px 0px;
	clear: both;
	text-align:center;
}
.numero_pagines2 img {
	position:relative; 
	top:2px;
}
.numero_pagines img {
	position:relative; 
	top:2px;
}
.numero_pagines a {
	color:#2A3A4F;
}
.numero_pagines2 a {
	color:#2A3A4F;
}
.numero_pagines2 a:hover {
	color:#FF9900;
}
.numero_pagines a:hover {
	color:#FF9900;
}
/* 

/* 
----------------------------------------------------------------------
PRIVACIDAD
*/
.texte_pri{
background-color:#ECEFF2;
padding:20px;
margin:10px 13px 10px 0px;
}		
.trigger{
	cursor:pointer;
	margin:0px 0px 10px 0px;
}		
.hide {
	display:none;
}
.privacidad img {
border:0;
margin:-3px 3px 0px 0px;
padding:0px;
display:none;
}
.privacidad {
border:0;
margin:0px 0px 30px 10px;
padding:0px;
}

.sense_justificar  {
	text-align: left;
}


/* 
----------------------------------------------------------------------
GENERAL
*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#203B72;
	background-image: url(../imatges/fons_web.jpg);
	margin:0px;
	padding:0px;
}
a {
	color:#203B72;
	text-decoration:none;
}

ul {
	margin:-7px 0px 0px 14px;
	padding:0px;
}

li {
	margin:2px 0px 2px 0px;
}

img {
border:0px;
}

embed {
	margin:0px;
}
.fon_bol_bermell {
	color:#990000;
	font-size: 12px;
	font-weight: bold;
}
.fon_bol_blau {
	font-size: 12px;
	font-weight: bold;
}
.fon_blau {
	font-size: 12px;
}
.general {
	border:solid 9px #596B81;
	width:760px;
	background:#FFFFFF;
	margin:auto;
}
.clear {
	clear:both;
}
.fon_blau {
	font-size: 9px;
	position:relative;
	bottom:2px;
}
/* 
----------------------------------------------------------------------
CAPSALERA
*/
.fons_menu {
	background: url(../imatges/fons_menu.jpg);
	height: 92px;
}
.logo {
/*	background: url(../imatges/logo.gif);
	width: 127px;
	height: 79px;*/
	margin: 6px 0px 0px 34px;
	float:left;
}
.mapaweb {
	float:right;
	margin: 12px 18px 0px 0px;	
}
.mapaweb a {
	text-decoration:none;
	color:#596B81;	
}
.mapaweb a:hover {
	color:#990000;	
}
.mapaweb a.hover {
	color:#990000;
}
.iso {
	float:right;
	background:url(../imatges/iso.gif);
	width: 58px;
	height: 36px;
	margin: 12px 18px 0px 0px;	
}
.menu {
	float:right;
	margin: 18px 18px 0px 0px;
	width:580px;
	clear:right;
	
}	
.menu ul {
	margin:0px;
	padding:0px;
	border:0px;	
	float:right;
}
.menu li {
	float:left; 
	list-style:none;
	margin:0px 0px 0px 10px;
	}
.menu a {
	font-family: Helvetica Condensed,  Franklin Gothic Medium Cond,  Trebuchet MS, Optima, Andale Mono,  Arial Narrow,  Futura, Verdana, sans-serif;
	font-size:13px;
}
.menu a:hover {
	color:#990000;	
}
.menu a.hover {
	color:#990000;	
}
/* 
----------------------------------------------------------------------
MENU 2
*/
.menu2 {
	background:url(../imatges/fons_menu2.jpg) repeat-x;
	float:left;
	width: 200px;
	margin:0px 0px 20px 0px;
	
}
.menu2 h2 {
	font-size:11px;
	margin:17px 0px 10px 17px;
	padding:0px;
	line-height:11px;
	color:#75869B;
}
.menu2 ul {
	margin:15px 0px 0px 17px;
	border:0px;
	padding:0px;
}
.menu2 li { 
	list-style:none;
}
.menu2 a {
	display:block;
	width:155px;
	height:22px;
	color:#FFFFFF;
	background:url(../imatges/fons_boto_menu2.gif) no-repeat;
	padding:0px 0px 0px 10px;
	line-height:22px;
}
.menu2 a.blanc {
	color:#FFFFFF;
	height:10px;
	padding:3px 0px 15px 0px;
	line-height:11px;
	background: none;
	font-weight:bold;
}
.menu2 a.blanc2 {
	color:#FFFFFF;
	height:10px;
	padding:3px 0px 5px 0px;
	line-height:11px;
	background: none;
	font-weight:bold;
}
.menu2 a.blanc3 {
	color:#75869B;
	height:10px;
	padding:3px 0px 15px 0px;
	line-height:11px;
	background: none;
	font-weight:bold;
}
.menu2 a.blanc4 {
	color:#75869B;
	height:10px;
	padding:3px 0px 5px 0px;
	line-height:11px;
	background: none;
	font-weight:bold;
}
.menu2 a.ultim {
	padding:1px 0px 10px 10px;
	line-height:21px
}
.menu2 a.ultim2 {
	padding:1px 0px 10px 10px;
	line-height:21px;
	color:#75869B;
}
.menu2 a:hover {
	color:#75869B;
}
.menu2 a.hover {
	color:#75869B;
}
/* 
----------------------------------------------------------------------
IMATGE
*/
.flash {
	/*background:url(../imatges/fons_destacado.jpg) repeat-x;*/
}
.quienes_somos {
	background:url(../imatges/quines_somos_fons.jpg);
	height:128px;
}
.vidrio {
	background:url(../imatges/fons_vidrio.jpg);
	height:128px;
}
.calidad {
	background:url(../imatges/calidad_fons.jpg);
	height:128px;
}
.obras {
	background:url(../imatges/obras_realizadas_fons.jpg);
	height:128px;
}
.actualidad  {
	background:url(../imatges/actualidad_fons.gif);
	height:128px;
}
.contacto  {
	background:url(../imatges/contacto_fons.jpg);
	height:128px;
}
/* 
----------------------------------------------------------------------
IMATGE 2
*/
.barra_decotativa {
	background:#2A3A4F;
	height:20px;
}
.fons_interior {
	background:url(../imatges/fons_interior.jpg) repeat-y;
}
/* 
----------------------------------------------------------------------
FOTOS OBRAS
*/
.fotos_obras{
	float:left;
	margin:10px;
}
.fotos_obras_foto{
	background:#596B81;
/* centrar vertical ment */
	height:135px;
	width:160px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
/* centrar vertical ment */
	
}
.fotos_obras_tex {
	margin:5px 0px 0px 0px;
	width:160px;
	height:15px;
}			
/* 
----------------------------------------------------------------------
ACTUALIDAD I CONTACTO
*/
.actualidad_fons  {
	background:url(../imatges/fons_actualidad.gif) repeat-y;
}
.actualidad_fons hr  {
	color:#C5D1DF;
	background: url(../imatges/separado.gif);
	height: 1px;
	display: block;
	border: 0px;
	margin:5px 0px 10px 0px;
}
.texte_fotos hr {
	color:#C5D1DF;
	background: url(../imatges/separado.gif);
	height: 1px;
	display: block;
	border: 0px;
	margin:5px 0px 10px 0px;
}
.dreta_adresa  {
	float:left;
	
	
}
.esquerra_adresa {
	float:left;
	width:270px;
	margin:0px 20px 0px 0px;
}
.adresa {
	margin:0px 0px 0px 0px;
}

.fons_interior_mapaweb{
background-color:#3A5170;
}

#links{
padding:10px;
}
#links a{
color:#FFFFFF
}

.construmat {
margin:0px 0px 0px 360px;
}
/* 
----------------------------------------------------------------------
INTERIOR
*/
.contingut {
	margin:0px 0px 0px 200px;
}
.contingut_calidad {
	margin:0px 0px 0px 0px;
}
.fotos_vidres {
	float:right;
	width:178px;
	background-color:#CDD4DC;
	margin:1px 0px;
	padding: 0px 0px 9px 0px;
}
.contingut img {
	padding: 9px 0px 0px 9px;
}
.texte_fotos2 img {
	padding: 0px 0px 0px 0px;
}
.texte_fotos2 {
	background:url(../imatges/fons_texte_fotos.jpg) repeat-x;
	min-height:110px;
	padding:20px;
	margin:0px 178px 0px 0px;
}
.texte_fotos2 p {
	padding:0px;
	margin:0px 0px 10px 0px;
	line-height:14px;
	text-align:justify;
	
}
.texte_fotos3 p {
	padding:0px;
	margin:0px 0px 10px 0px;
	line-height:14px;
	text-align:justify;	
}
.texte_fotos3 {
	background:url(../imatges/fons_texte_fotos.jpg) repeat-x;
	min-height:110px;
	padding:20px;

}


.texte_fotos_obras {
	background:url(../imatges/fons_texte_fotos.jpg) repeat-x;
	min-height:110px;
	padding:20px;

}
.texte_fotos3 img {
	padding:0px;
	

}
.certificat{
	float:left;
}

.certificat_tex {
	
	margin:0px 0px 0px 190px;
	
	
}
.certificat_tex2 {

	padding:0px 0px 0px 190px;
}
.titul{
	background:url(../imatges/fons_titul.jpg);
}
.titul h3 {
	font-size:14px;
	margin:0px;
	padding:15px 0px 15px 20px;
	color:#FFFFFF;
}
.texte_fotos {
	background:url(../imatges/fons_texte_fotos.jpg) repeat-x;
	min-height:110px;
	padding:20px;

}
.texte_fotos img {
	padding:10px 0px 20px 0px;
	float:left;
}
.texte_fotos p {
	padding:0px;
	margin:0px 0px 10px 0px;
	line-height:14px;
	text-align:justify;
}
.texte_fotos object  {
	float:left;
	margin:10px 20px 20px 0px;
}
.dreta_acero  {
	float:right;
	width:300px;
}
.acero  {
	float:left;
	margin:0px 0px 20px 0px;}
.dreta  {
	float:right;
}
.esquerra {
	float:left;
}
.logos {
	float:left;
	margin:0px 0px 20px 0px;
}
/* 
----------------------------------------------------------------------
HOME DESTACADOS
*/
.destacados {
	border-top:solid 9px #596B81;
	clear:both;
	background:url(../imatges/fons_destacado.jpg) repeat-x;
}
.destacados_titul {
	background:#990000;
	color:#FFFFFF;
	padding:3px 3px 3px 10px;
}
.destacado2 {
	background:url(../imatges/fons_destacado.jpg) repeat-x;
	float:left;
	width:25%;
	font-size:10px;
	min-height:135px;
}
.destacado2 img {
	
	margin:0px 0px 10px 0px;
}
.destacado2 h2 {
	font-size:11px;
	margin:0px 0px 10px 0px;
	padding:0px;
	line-height:11px;
}
.destacado_1, .destacado_2, .destacado_3, .destacado_4{
	border:solid 1px #FFFFFF;
	border-left:0px;
	padding:10px;
	border-bottom:0px;
}

.destacado_1{
	border-left:solid 1px #FFFFFF;
}
.ver_mas_clear {
	clear:both;
}
.ver_mas{
	background:#FFFFFF;
	font-size:10px;
	float:left;
	width:25%;
}
.ver_mas a {
	color:#990000;
	margin:0px 10px 10px 10px;
	display:block;

}
.ver_mas a:hover {
	color:#2F4152;
}
/* 
----------------------------------------------------------------------
PART DE BAIX
*/
.baix {
	clear:both;
	height:43px;
	background:url(../imatges/fons_baix.jpg);
	text-align:center;
	color:#CCCCCC;
	font-size:10px;
	padding:18px 0px 0px 0px;
}
.baix a {
color:#FFFFFF;
}
.baix a:hover {
color:#CCCCCC;
}
/* 
----------------------------------------------------------------------
PRIVACIDAD
*/
.texte_pri{
background-color:#ECEFF2;
padding:20px;
margin:10px 13px 10px 0px;
}		
.trigger{
	cursor:pointer;
	float:left;
	margin:0px 0px 10px 0px;
}
.baix2_ {
float:left;
margin:-2px 0px 10px 0px;
}		
.hide {
	display:none;
}
.privacidad img {
border:0;
margin:-3px 3px 0px 0px;
padding:0px;
display:none;
}
.privacidad {
border:0;
margin:10px 0px 30px 0px;
padding:0px;
}

.privacidad2 {
border:0;
margin:10px 0px 0px 5px;
padding:0px;
}
.privacidad2 img {
border:0;
margin:-3px 3px 0px 0px;
padding:0px;
display:none;
}
/* 
----------------------------------------------------------------------
FORMULARI
*/

fieldset {
	margin: 0px 0px 0px 0px;
	border: 0;
	
}
label {
	display: block;
	padding: 0px 0px 5px 0px;
}

input , textarea {
	padding: 5px;
	border: 1px solid #FFFFFF;
	background-color:#ECEFF2;
	font-size:11px;
	color:#2F4152;

}


.dreta2_, .esquerra2_{
	float: left;
	width: 250px;
}
.dreta2_ input {
	width: 250px;
}
.esquerra2_ input {
	width: 247px;
}


.dreta2, .esquerra2{
	float: left;
	width: 245px;
}
.dreta2 input {
	width: 245px;
}
.esquerra2 input {
	width: 230px;
}
.sense input, .sense textarea  {
	width: 490px;
}
.sense {
	
	width: 490px;
}
.baix2 {
clear:both;
}
.dreta2 input {
	width: 245px;
}



.esquerra3 {
	width: 200px;
}
.esquerra3 input {
	width: 370px;
}

.sense3 textarea  {
	width: 370px;
}
.sense3   {
	width: 330px;
}

.baix3 {
clear:both;
	
}


#popup {
	position: absolute;
	width: 340px;
	height: 316px;
	top: 50%;
	left: 50%;
	margin-top: -158px;
	margin-left: -180px;
	z-index: 1;
	border: 3px solid #596B81;
	background-color:#FFFFFF;
}