﻿/* CSS Document */
img, div, body,#menu,#cabeceraweb,#cuerpoweb,#cuerpowebindex { behavior: url('pngfix/iepngfix.htc') }
body
{
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color:#fffdd1;
background-image: url('imagenes/sombra.png') !important;
background-repeat: repeat-y;
background-position:center top;
}
.contenedor
{
	width:800px;
	position:absolute;
	margin-left:-400px;
	left:50%;
	float:left;
	top: 0px;
	height: 366px;
}
.caja_encabezado
{
	float:left;
	width:600px;
	margin-left:165px;
	margin-top:15px;
}
.texto_pie
{
	float:left;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:White;
	width:410px;
	margin-top:15px;
	padding-left:15px;
	height: 15px;
}
a.texto_pie a
{
}
a:hover.texto_pie 
{
	color:#181c6e;
}
.logotipo_aspocam
{
	float:right;
	width:70px;
	height:65px;
	margin-top:0px;
	margin-right:20px;
	
}
.foto_camara
{
	float:left;
	margin-top:10px;
	width:280px;
	height:235px;
	margin-left:50px;
}
.caja_certificado
{
	float:left;
	width:588px;
	height:834px;
	position:absolute;
	margin-left:-299px;
	left:50%;
	top: 100px;
	margin-top:20px;
}
.iempresa_web_madrid
{
	float:left;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	width:80px;
	text-decoration:none;
	height: 20px;
}
a.iempresa_web_madrid
{
	text-decoration:none;
	color:#ffffff;
}
a:hover.iempresa_web_madrid
{
	color:#181c6e;
	text-decoration:underline;
}
.empresa
{
	float:left;
	width:408px;
	height: 36px;
	text-align:center;
	margin-left:15px;
	margin-top:5px;
}
	
.fondo
{
	width:800px;
	position:absolute;
	margin-left:-400px;
	left:50%;
	height:834px;
	top: 0px;
	right: 227px;
	background-color:#fffdd1;
}
.cabecera
{
	float:left;
	width:800px;
	height:100px;
	margin-top:0px;
	margin-left:0px;
}
ul
{
	float:left; 
	width: 412px;
	height:25px;
	margin-left:0px;

}
li 
{
	color:#6065ce;
	width:75px;
	float:left;
	height:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	padding-left:5px;
	line-height:11px;
	padding-top:10px;
	float:left;
}
li a
{
	color:#5257c2;
	text-decoration:none;
}
li a:hover
{
	text-decoration:underline;

}
.servicios
{
	float:left;
	height:30px;
	width:136px;
	text-align:center;
	margin-top:20px;
	margin-left:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.servicios_web
{
	float:left;
	height:30px;
	width:200px;
	text-align:center;
	margin-top:20px;
	margin-left:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.texto_obras
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:5px;
	margin-left:40px !important;
	margin-left:5px;
	padding-left:10px;
	float:left;
	color:White;
	width:480px !important;
	width:485px !important;
}
.caja_formulario
{
	float:left;
	margin-top:10px;
	width: 282px;
	position:relative;
	top: 0px;
	left: 0px;
}
.texto_contacto
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:5px;
	margin-left:40px !important;
	margin-left:5px;
	padding-left:10px;
	float:left;
	position:relative;
	color:White;
	margin-right:10px;
	width:230px !important;
	width:230px;
}
.email
{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:italic;
	color:#7176dc;
	text-decoration:none;
	}
a.email
{
	text-decoration:none;
	}
a:hover.email
{
	color:#ffffff;
	text-decoration:underline;
	}
	
.google
{
	float:right;
	width:400px;
	margin-top:5px;
	height: 300px;
	padding-top:20px;
	padding-right:20px;
}
.caja_derecha
{
	float:right;
	height: 341px;
	width: 260px;

}
h1
{
	float:left;
	margin-left:50px;
	font-size:25px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	color:White;
	width: 574px;
}
	
.texto_obras_web
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top:5px;
	margin-left:100px;
	float:left;
	color:White;
	margin-right:20px;
	width:400px;
}
.impresa_enlace
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:White;
	text-decoration:none;
}
a.impresa_enlace
{
text-decoration:none;
}
a:hover.impresa_enlace
{
text-decoration:underline;
}
.texto_obras2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:5px;
	margin-left:20px;
	float:left;
	color:White;
	margin-right:20px;
	width:500px;
}
	
.informacion
{
	float:right;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin-right:25px;
	height:21px;
	text-decoration:underline;
	width: 163px;
	margin-top:10px;
	
}
a.informacion
{
}
a:hover.informacion
{
	color:#7176dc;
}

.flecha_informacion
{
	float:left;
	margin-left:25px !important;
	margin-left:12px;
	width:40px;
	height:40px;
	z-index:1;
	
}
.flecha_desatrancos
{
	margin-right:70px;
	width:42px;
	height:23px;
	padding-top:0px;
	float:right;
}
.flecha_web
{
	margin-left:90px;
	width:657px;
	height:23px;
	padding-top:0px;
	float:left;
}
.foto_obras_contenido
{
	float:left;
	margin-top:10px;
	width:259px;
	height:289px;
}
.flecha
{
	margin-left:85px;
	width:652px;
	height:23px;
	padding-top:0px;
	float:left;
}
.flecha_informes
{
	float:left;
	margin-left:485px;
	width:275px;
	height:23px;
	padding-top:0px;
}
.flecha_inspecciones
{
	margin-left:285px;
	width:232px;
	height:23px;
	padding-top:0px;
	float:left;
}
.caja_blanca
{
	float:left;

	height:50px;
	width:135px;
	background-color:#ffffff;
}
.caja_blanca_desatrancos
{
	float:left;

	height:50px;
	width:135px;
	background-color:#ffffff;
}
.caja_blanca_inspecciones
{
	float:left;
	margin-left:50px !important;
	margin-left:5px;
	height:50px;
	width:135px;
	background-color:#ffffff;
}
.caja_blanca_informes
{
	float:left;
	margin-left:50px !important;
	margin-left:5px;
	height:50px;
	width:135px;
	background-color:#ffffff;
}
.caja_blanca_web
{
	float:left;
	height:50px;
	width:200px;
	background-color:#ffffff;
	margin-left:90px !important;
	margin-left:20px;
}

.lema
{
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size:25px;
	margin-top:80px;
	margin-left:250px;
	color:#ffffff;
	position:absolute;
	z-index:1;
	top: 0px;
	left: 0px;
}

#secciones
{
	float:left;
	width:798px;
	margin-top:40px;	
}
#mini_secciones
{
	float:left;
	width:798px;
	margin-top:2px;	
}
.texto_secciones_obras
{
	float:left;
	margin-left:50px;
	margin-right:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-align:center;	
	text-decoration:none;
	padding-top:19px;
	width:110px;
height:40px;
}
a.texto_secciones_obras
{
	text-decoration:none;

}
a:hover.texto_secciones_obras
{
	text-decoration:underline;

}
.texto_secciones
{
	float:left;
	margin-left:60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	text-align:center;	
	text-decoration:none;
	padding-bottom:5px;
}
a.texto_secciones
{

}
a:hover.texto_secciones
{
	color:#7176dc;
}
.texto_mini_secciones
{
	float:left;
	padding-left:100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#b0b0b1;
	text-align:center;	
}
#cuadrados
{
	float:left;
	width:697px;
	margin-top:5px;
	padding-left:85px;
}
	
.cuadrado_blanco
{
	float:left;
	display:block;
	background-color:White;
	width:120px;
	height:90px;
}
.texto_foto
{
	float:left;
	width:800px;
	margin-top:5px;
}
.caja_texto
{
	float:left;
	width:130px;
	margin-top:5px;

}
.texto_formulario
{
	float:left;
	width:120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:White;
	width:70px;
	
}
.texto
{
	float:left;
	width:120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:White;
}
a.texto 
{
	color:#ffffff;
	text-decoration:none;
}
a:hover.texto
{

	color:#7176dc;
}
	
.foto
{
	float:left;
	width:110px;
	height:80px;
	margin:5px;

}

.telefono
{
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	word-spacing:.10em;
	font-weight:lighter;
	text-align:right;
	margin-right:15px;
	margin-top:20px;
	width: 368px;
	margin-bottom:5px;
}
.logo
{
	float:left;
	width:110px;
	height:73px;
	padding-left:0px;
	margin-top:20px;
}
.menu
{
	float:right;
	width:419px;
	height:25px;
}

.foto_principal 
{
	float: left;
	width: 800px;
	
}
.texto_logotipo
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	float:left;
	width: 242px;
	margin-top:15px;
	padding-left:10px;
}
.financiar
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	float:left;
	width: 253px;
	margin-top:1px;
	padding-left:10px;

}
.financiar_negro
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	float:left;
	width: 185px;
	margin-top:1px;
	padding-left:10px;
	margin-left:0px;
	color:Black;
	font-weight:bold;
	margin-bottom:5px;
}
.grupo_cabecera
{
	float:left;
	padding-left:7px;
	width:261px;
}
.grupo_menu
{
	float:right;
	width:422px;
	height: 99px;
}
.barra_azul
{
	float:left;
	height:10px;
	background-color:#181c6e;
	width:800px;
}
.barra_azul_obra
{
	float:left;
	height:50px;
	background-color:#181c6e;
	width:800px;
	text-align:center;
}
.caja_contenido
{
	float:left;
	position:relative;
	width:800px;
	height:528px;
	background-color:#252aa3;
	top: 0px;
	left: 0px;
}
.caja_contenido_empresa
{
	float:left;
	position:relative;
	width:800px;
	height:440px;
	background-color:#252aa3;

}
.caja_contenido_saneamiento
{
	float:left;
	position:relative;
	width:800px;
	height:810px;
	background-color:#252aa3;

}
.caja_pie
{
	float:left;
	width:800px;
	height:68px;
	background-color:#3b42d6;
}
	
