html, body{
	height: 100%;
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	cursor: default;
}
.contenedor{
	left:50%;
	margin-left:-495px;
	width: 990px;
	height: auto !important; /* con esto funciona para todos los navegadores */
	height: 100%;
	margin: 0 auto;
	background:url(fons_columna.gif) repeat-y;
}
img{
	margin: 0;
	padding: 0;
	border: 0;
}
h1{
	display: none;
}
h2{
	margin: 0;
	padding: 0;
	width: 680px;
	height: 28px;
	border-bottom: 3px solid #a9cde4;
	color:#3f89c3;
}
h2 span{
	display:none;
}
h3{
	color: #3f89c3;
	font-weight: bold;
	font-size: 11px;
	border-bottom: 1px solid #a9cde4;
	margin: 0;
	padding: 0;
}
/*HEADER*/
#header{
	width: 990px;
	height: 90px;
	background: url(../static/fons_superior.jpg) no-repeat;
	margin: 0;
	padding: 0;
}
/*LOGO IR INICIO*/
#logo{
	width: 440px;
	height: 90px;
	margin: 0;
	padding: 0;
	float: left; 
}
#tel_superior{
	margin: 0;
	padding: 0;
	width: 300px;
	height: 90px;
	float: right;
	display: none;
}

/* MENU*/
.cont_menu{
    background: url(../static/fons_menu.gif) top repeat-x;
	height:26px;
	margin:0 0 0 0;
	padding:0 0 0 198px;
	border-top: 1px solid #fff;
}
#menu{
	height:26px;
	margin:0;
	padding: 0;
	list-style-type:none;
	border-left: 1px solid #fff;
}
#menu li{
	float:left;
	border-right: 1px solid #fff;
	text-transform:uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	position:relative;
}
#menu li a{
	padding: 3px 15px;
	height:20px; /* 16px */
    *height:auto; /* IE BUG FIX */
	color:#fff;
	text-decoration: none;
	line-height: 20px;
	background: url(../static/fons_menu.gif) repeat-x;
	display: block;
}
#menu li a:hover{
	background-position:bottom;
	color: #FFF;
}
#menu li .activo {
	padding: 3px 15px;
	height:20px; /* 16px */
    *height:auto; /* IE BUG FIX */
	color:#fff;
	display:block;
	text-decoration: none;
	line-height: 20px;
	background: url(../static/fons_menu.gif) bottom repeat-x;
}
#menu li.sub a {
	color:#003366;
	height:20px;
	font-size:11px;
	line-height:20px;
	width:239px;/*20px - que superior per restar es padding, sino es fa +llarg=padding*/
	text-decoration:none;
	text-align:left;
	margin: 0;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #1a518b;
	border-right: 1px solid #1a518b;
	background: #fff;
}
#menu li.sub a:hover {
	color:#FFFFFF;
	background: #2683DF;
}
/* for IE5.5 and IE6 only */
#menu table {
	border-collapse:separate;
	position:absolute;
	top:0;
	left:0;
	z-index:200;
	font-size:1em;
}
#menu ul{
	position:absolute;
	left:-9999px;
	width:240px;
	list-style-type: none;
	margin: 0;
	padding:0;
	border-left: 1px solid #1a518b;
}

#menu :hover ul{
	left:0px;
	top:26px;
	z-index: 2000;
}
#menu :hover > a {
	background-position:bottom;
	color: #FFF;
}
/*COLUMNA ESQUERRA*/
#columna_esq{
	margin: 0;
	padding: 0;
	height: auto;
	width: 198px;
	float: left;
	background-color: #ebebeb;
	position: absolute;
	top: 91px;
	/*PER POSAR SOBRE MENU
	position: absolute;
	top: 91px;
	*/
	/*PER SOTA MENU
	position:relative;	
	*/
}
.sec_columna{
	width: 188px;
	height: auto;
	margin: 5px 5px 10px 5px;
	padding: 0 0 5px 0;
	background: url(../static/fons_col.jpg) center bottom repeat-x #fff;
	border: none;
}
.titulo_sec_columna{
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 2px;
	line-height: 18px;
	color: #003366;
	text-transform: uppercase;
}
.sec_columna p{
	margin: 5px;
	padding: 0;
	width: 178px;
}
.sec_columna span{
	display: none;
}
.sec_columna ul{
	margin: 2px 5px 5px 5px;
	padding: 0;
	width: 178px;
	list-style-type:none;
}
.sec_columna li{
	text-transform: uppercase;
	color: #003366;
}
.sec_columna a:hover{
	text-decoration: none;
	color: #0072BC;
	font-weight: bold;
}
.sec_columna a{
	text-decoration: none;
	color: #003366;
	font-size: 12px;
	font-weight: normal;
}
.clearer{
	clear: both;
}
/*CONTENIDO*/
.principal{
	width: 680px;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
}
.contenido{
	margin: 0;
	padding: 10px;
	width: 772px;
	background-color:#FFFFFF;
	min-height: 450px;
	height: auto !important; /* con esto funciona para todos los navegadores */
	height:450px;
	float: right;
	color: #333;
	font-size: 12px;
}
.titulo_seccion{
	border-bottom: 2px solid #1a518b;
	height: 20px;
	color: #1a518b;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
}
.contenido p{
	margin: 5px 5px 10px 5px;
	text-align: justify;
	text-indent: 5px;
	line-height: 16px;
	padding: 0;
}
.contenido img{
	border: 1px solid #036;
	margin: 5px 0 0 0;
	padding: 0;
}
.dos_columnas{
	width: 376px;
	height: auto;
	margin: 0;
	padding: 5px;
	float: left;
}
.dos_columnas_quienes{
	width: 376px;
	height: auto;
	margin: 5px 0 0 0;
	padding: 5px 5px 0 5px;
	float: left;
}
.dos_columnas_quienes img{
	margin: 0;
	padding: 0;
}
.dos_columnas_quienes p{
	margin: 0 0 9px 0;
	padding: 0 0 0 5px;
	line-height: 18px;
	text-align: justify;
}
.cuatro_columnas{
	clear: both;
	margin: 0 0 10px 0;
	padding: 5px 5px 10px 5px;
}
.cuatro_columnas_quienes{
	margin: 0 0 0 0;
	padding: 0 5px;
	float: left;
	width: 755px;
}
.cuatro_columnas_quienes p{
	margin:0;
	padding: 0 0 0 5px;
	line-height: 18px;
	text-align: justify;
}
/*PRODUCTOS*/
.contenido_productos{
	margin: 0;
	padding: 10px;
	width: 972px;
	background-color:#FFFFFF;
	min-height: 450px;
	height: auto !important; /* con esto funciona para todos los navegadores */
	height:450px;
	float: right;
	color: #333;
	font-size: 12px;
}
.una_columna{
	width: 183px;
	height: 150px;
	margin: 0px;
	padding: 5px 5px 10px 5px;
	float: left;
	background: url(../static/1columnaBajo.gif) center bottom no-repeat #fff;
}
.titulo_columna{
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 0 5px;
	color: #FFFFFF;
	line-height: 16px;
	background-color: #8CC63E;
	border-bottom: 1px solid #4F7021;
}
.desc_columna{
	margin: 0;
	padding: 0;
}
.desc_columna a{
	margin: 0;
	padding: 0;
	text-decoration:none;
	display:block;
}
.desc_columna a img{
	margin: 0;
	padding: 0;
	border: none;
}
.desc_columna a .enlace_sec{
    display:block;
	margin: 5px;
	padding: 0 0 0 2px;
	height: 20px;
	border: 1px dotted #ccc;
	border-left: none;
	border-right: none;
	line-height: 20px;
	text-align: left;
	width: 172px;
	text-decoration: none;
	background: url(../gfx/productos/fons_mas_info.jpg) top no-repeat;
	display: block;
	cursor: pointer;
}
.desc_columna a {
	color: #003366;
}
.desc_columna a:hover .enlace_sec{
	background-position: bottom;
	cursor: pointer;
}
.desc_columna a:hover {
	color: #2683DF;
}

.tres_columnas{
	width: 595px;
	height: auto;
	margin: 0;
	padding: 0 80px 5px 100px;
	float: left;
	border-left: 1px dotted #ccc;
}
.tres_columnas p{
	margin: 5px 0 0 -5px;
	padding: 0;
	text-indent: 0px;
	clear: left;
}
.tres_columnas span{
	padding: 0;
	font-style:italic;
	color:#003366;
	margin: 0 0 0 2px;
	font-size:22px;
	float: left;
}
.tres_columnas ul{
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0 0 30px 0;
	clear: left;
}
.tres_columnas li{
	margin: 0;
	padding: 0 0 0 0;
	background:url(../gfx/productos/flecha_li.gif) top left no-repeat;
	text-indent: 12px;
}
.columna_submenu{
	width: 183px;
	height: auto;
	margin: 0;
	padding: 0 5px;
	float: left;
	/*background: url(../static/1columnaBajo.gif) center bottom no-repeat #fff;*/
	background:#fff;
}
.titulo_submenu{
	font-size: 13px;
	font-weight: normal;
	background-color: #003366;
	padding: 0 0 0 5px;
	color: #FFFFFF;
	line-height: 16px;
	text-transform: uppercase;
}
.columna_submenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.columna_submenu li{
	line-height: 19px;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	padding: 0;
	text-align: left;
}
.columna_submenu li a{
	color: #003366;
	text-decoration: none;
	display: block;
	padding: 0 5px;
	margin: 0;
}
.columna_submenu li a:hover{
	color: #2683DF;
}
.columna_submenu li .actual{
	color: #FFFFFF;
	background: #89BBED;
	padding: 0 5px;
}
.pie_columna_submenu{
	width: 183px;
	height: 8px;
	margin: 0 0 5px 0;
	padding: 0px 5px;
	background: url(../static/1columnaBajo.gif) center bottom no-repeat #fff;
}
.oferta_submenu{

}
/*CONTACTO*/
.personal{
    width:386px; 
	float:right;
	height:auto;
}
.una_columna_contacto_superior{
	width: 280px;
	height: 185px;
	margin: 0px;
	padding: 0 0 0 100px;
	float: left;
}
.una_columna_contacto{
	width: 183px;
	height: 175px;
	margin: 0px;
	padding: 0 5px 10px 5px;
	float: left;
	background: url(../static/1columnaBajo.gif) center bottom no-repeat #fff;
}
.titulo_columna_contacto{
	padding: 0;
	margin:0;
	border-top:1px solid #ccc;
}
.desc_columna_contacto{
	margin: 0;
	padding: 0;
	overflow:hidden;
	/*height: 175px;*/
}
.desc_columna_contacto p{
	text-indent: 0px;
	margin: 0 0 0 0;
	padding: 0;
	text-align: left;

}
.desc_columna_contacto span{
	font-size: 13px;
	font-weight: bold;
}
.desc_columna_contacto img{
	margin: 0;
	padding: 0;
	border: none;
}
.dos_columnas_contacto{
	width: 374px;
	min-height:630px;
	height:auto !important;
	height:530px;
	margin: 0;
	padding: 5px;
	float: left;
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
}
.dos_columnas_contacto img{
	margin: 0;
	padding: 0;
	border: none;
}
.dos_columnas_contacto p {
	margin: 0;
	padding: 0 0 15px 15px;
	text-indent: 0px;
	border-bottom: 1px dotted #ccc;
	line-height: 20px;
}
.dos_columnas_contacto a{
	color: #0072BC;
	text-decoration: none;
}
#mapa_google_contacto{
	margin: 5px 0 0 15px;
	padding: 0;
}
/*FORMULARIO*/
.formulario_contacto {
	float:left;
	height:320px;
	width: 350px;
	margin: 20px 0 0 10px;
	padding: 0;
	font-size:12px;
}
.formulario_contacto p{
	margin:0;
	padding:0;
	font-size:11px;
}
.etiquetas{
	float:left;
	margin:20px 0 0 0;
	text-align:right;
	width:80px;
}
.formulario_contacto .obligatorios{
	font-size: 10px;
	color: #5F5F5F;
}
.formulario_contacto label{
	clear:right;
	color:#5F5F5F;
	float:right;
	font-size:12px;
	margin:0 0 11px 0;
}
.inputs {
	float:left;
	margin:8px 0 0 10px;
	padding:0;
	text-align:left;
	width:220px;
	height: 265px;
	
}
.formulario_contacto input {
	border:1px solid #ccc;
	height:14px;
	width:190px;
	margin: 0 0 8px 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.formulario_contacto form{
	margin: 0;
	padding: 0;
}
.formulario_contacto textarea {
	border:1px solid #ccc;
	height:103px;
	width:190px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
}
.formulario_contacto a {
	color:#004D93;
	font-size:12px;
	margin-top:0px;
}
#incheck {
	border:0;
	float:left;
	margin:0 5px 5px 0;
	height: 15px;
	text-align: left;
	width: 20px;
	padding: 10px;
}
.enviar_btn{
	margin: 15px 0 0 0;
	height: 40px;
	width: 230px;
	padding-left: 0px;

}
#boton_enviar{
	width: 75px;
	margin:0 40px 0 0;
	background-color: #3f89c3;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0;
	height: 20px;
	line-height: 18px;
	float: left;
	border: none;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
}
#boton_enviar:hover{
	color: #FFFFFF;
	background-color: #003366;
	border: none;
	cursor:pointer;
}
/*FIN FORMULARIO*/
/*FORM PRESUPUESTO*/
.img_tarificacion{
	margin: 0 0 10px 5px;
	padding: 0;
	width: 755px;
	height: 250px;

}
.tabla_formulario td{
	height: 18px;
	line-height: 18px;
	vertical-align: middle;

}
.presupuesto_input{
	border:1px solid #ccc;
	height:18px;
	width:190px;
	margin: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.presupuesto_input_doble{
	border:1px solid #ccc;
	height:18px;
	width:250px;
	margin: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.presupuesto_select{
	border:1px solid #ccc;
	height:18px;
	width:190px;
	margin: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.presupuesto_radio{
	margin: 0;
	line-height: 18px;
}
.presupuesto_labels{
	text-align:right;
	padding: 0 5px 0 0;
	vertical-align: bottom;
}
.presupuesto_labels_iz{
	text-align:left;
	padding:0 0 0 5px;
	vertical-align: bottom;
}
.entre_secciones{
	width: 100%;
	height: 5px;
	margin: 0 0 5px 0;
	padding: 0;
	border-bottom: 1px dotted #ccc;
}
.titulo_sec_presupuesto{
	font-size: 14px;
	color: #003366;
	font-weight: bold;
	letter-spacing: 2px;
	border-bottom: 1px solid #003366;
	padding: 0 0 0 10px;

}
.aclaracion_presupuesto{
	font-size: 14px;
	color: #006699;
	padding: 0 0 2px 10px;
	border-bottom: 1px dotted #006699;
	margin: 0;
}
#aceptar_privacidad {
	color: #004D93;
	text-decoration:none;
}
.gracias{
	margin: 120px 0 0 0;
}
.gracias p{
	text-align: center;
	font-size: 18px;
	border: none;

}
/*FOOTER*/
#footer{
	width: 975px;
	height: 25px;
	clear: left;
	color: #5d5d5d;
	font-size: 12px;
	line-height: 24px;
	border-top: 1px solid #dbdbdb;
	padding: 0 10px 0 5px;
	text-align: right;
	background: #fff;
}
#footer  a{
	color: #5d5d5d;
	text-decoration:none;
	margin:0 5px;
	padding:0;
}
#footer  a:hover{
	color: #5d5d5d;
	text-decoration:underline;
}
/*FLASH INTRO*/
.flash_intro{
	width: 600px;
	height: 400px;
	margin: 0;
	padding: 0;
	z-index: 100;
}