@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

Body {
	margin:0px;
	background-color:#E6E6E6
	
}



#proyectos-boton-plantilla {
    text-align: justify;
    margin-bottom: 20px;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    width: 640px;
    padding-left: 26px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #CBCBCB;
    background-image: url(cabecera/proyectos-fondo-flecha.png);
    background-repeat: no-repeat;
}
.proyectos-boton {
    font-family:  'Open Sans', sans-serif;
    font-size: 0.9em;
    color: #1D486B !important;
    text-decoration: none;
	font-weight: 700;
}
#proyectos-titulo {
    font-family: Verdana, Arial, Helvetica;
    font-size: 0.8em;
    color: #FFF;
    text-align: justify;
	margin-bottom: 20px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
    height: auto;
    width: 680px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #0F4A7C;
    text-align: center;
}
#proyectos-fotos {
	height: auto;
	width: 680px;
	margin-bottom: 20px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}
#proyectos-fotos-left {
	height: auto;
	width: 340px;
	float: left;
}
#proyectos-fotos-right {
	text-align: right;
	height: auto;
	width: 340px;
	float: left;
}



#cabeceralogo18 {
	height: 60px;
	width: 950px;
	background-image: url(cabecera/fondo_cabecera.gif);
	float: left;
}
.texto {
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.8em;
	color: #000;
	text-align: justify;
}
.textoclientes {
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.8em;
	color: #000;
	text-align: justify;
}
.textoclientesblanco {
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.8em;
	color: #FFF;
	text-align: justify;
}
.linkvermapa {
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.8em;
	color: #000;
	text-align: justify;
	text-decoration: none;
}
.textoformu {
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.9em;
	color: #000;
	text-align: justify;
}
.textoproductositems {
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.8em;
	color: #1D486B;
	text-align: justify;
}
.textoproductostitulo {
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.8em;
	color: #FFF;
	text-align: justify;
}
.textodireccion {
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.7em;
	color: #000;
	text-align: justify;
}
.textodireccion2 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.6em;
	color: #000;
	text-align: justify;
}
.linkpie {
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.6em;
	color: #666;
	text-align: justify;
	text-decoration: none;
}
.textopie {
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.6em;
	color: #666;
	text-align: justify;
	text-decoration: none;
}
#boton {
	height: 51px;
	width: auto;
	float: left;
	margin-right: 2px;
}
#botonerafoto {
	height: 51px;
	width: 255px;
	float: right;
	background-image: url(cabecera/botonerafoto.gif);
}
#botonerasombreado {
	height: 22px;
	width: 870px;
	background-image: url(cabecera/botonera_sombreado.gif);
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8px;
	padding-left: 120px;
}
#plantilla {
	height: auto;
	width: 1016px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	background-image: url(cabecera/sombra_fondo.png);
	background-repeat: no-repeat;
}
#cabecera {
	height: 60px;
	width: 970px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	background-image: url(cabecera/fondo_cabecera.gif);
	padding-left: 20px;
}
#cabeceralogo {
	height: 60px;
	width: 522px;
	background-image: url(cabecera/fondo_cabecera.gif);
	float: left;
}
#cabecerafoto {
	height: 120px;
	width: 990px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	background-image: url(cabecera/cabecera_fotos.jpg);
}
#botonera {
	height: 51px;
	width: 980px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	background-color: #C4D0D7;
	padding-left: 10px;
}
#cabecera1 {
	height: 246px;
	width: 990px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
#contenido {
	height: auto;
	width: 990px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	background-image: url(cabecera/fondo_contenido.gif);
}
#textomarco {
	height: auto;
	width: 714px;
	float: left;
	margin-left: 10px;
	background-color: #FAFAFA;
	border: 1px solid #E2E2E2;
	padding-top: 10px;
	padding-bottom: 10px;
}
#textomarcogris {
	height: auto;
	width: 254px;
	float: left;
	margin-left: 10px;
	background-color: #EBEBEB;
	padding-top: 11px;
}
#textomarcopie {
	height: 5px;
	width: 990px;
	margin-left: auto;
	clear: both;
	margin-right: auto;
	background-color: #FFF;
}
#titulo {
	height: 50px;
	width: 694px;
	margin-left: auto;
	clear: both;
	margin-right: auto;
	margin-bottom: 22px;
}
#textos {
	height: 350px;
	width: 680px;
	margin-left: auto;
	clear: both;
	margin-right: auto;
}
#textosenter {
	height: 10px;
	width: 680px;
	margin-left: auto;
	clear: both;
	margin-right: auto;
}
#textosfotos {
	height: auto;
	width: 452px;
	float: left;
	margin-right: 12px;
	padding-top: 5px;
}
#textosfotos1 {
	height: auto;
	width: 216px;
	float: left;
}
#textosofrecemos {
	height: auto;
	width: 452px;
	float: left;
	margin-right: 12px;
	margin-bottom: 18px;
}
#textosofrecemos1 {
	height: auto;
	width: 442px;
	float: left;
	margin-right: 12px;
	padding-top: 4px;
	border: 1px dotted #999;
	background-color: #FFF;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
#contenido2 {
	height: auto;
	width: 306px;
	float: left;
	text-align: justify;
	margin-left: 10px;
}
#formulario {
	height: 323px;
	width: 624px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
#contacto1 {
	height: 323px;
	width: 270px;
	float: left;
	padding-left: 20px;
	background-image: url(contacto/fondo.gif);
}
input {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #000;
	background-color: #FFF;
	height: 16px;
	border: 1px solid #353F44;
}
textarea {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #000000;
	border: 1px solid #353F44;
	padding-left: 4px;
}
#contactoform {
	height: 323px;
	width: 320px;
	float: left;
}
#contactocampos {
	height: 26px;
	width: 300px;
	float: left;
}
#direccion1 {
	height: 15px;
	width: 204px;
	float: left;
	padding-left: 12px;
	background-color: #FBFBFB;
	margin-bottom: 4px;
	padding-top: 6px;
	border: 1px dotted #999;
	padding-right: 4px;
	padding-bottom: 6px;
}
#direccionlogo {
	height: 24px;
	width: 222px;
	float: left;
	text-align: center;
}
#piesombra {
	height: 16px;
	width: 990px;
	background-image: url(cabecera/pie_sombra.png);
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
#pielinks {
	height: 28px;
	width: 990px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	text-align: center;
}
#pielogo {
	height: 28px;
	width: 870px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	padding-left: 120px;
}
#pielogo1 {
	height: 17px;
	width: 255px;
	background-color: #FFF;
	float: left;
}
#pielogo2 {
	height: 15px;
	width: 560px;
	background-color: #FFF;
	float: left;
	padding-top: 2px;
}
#pielogodw {
	height: 25px;
	width: 990px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}
#productos {
	height: auto;
	width: 470px;
	margin-left: auto;
	clear: both;
	margin-right: auto;
	margin-bottom: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #0F4A7C;
	text-align: center;
}
#productos1 {
	height: 390px;
	width: 340px;
	text-align: center;
	float: left;
	padding-top: 4px;
	margin-left: 80px;
}
#productos2 {
	height: auto;
	width: 138px;
	margin: auto;
	float: left;
}
#productositems {
	height: 40px;
	width: 235px;
	margin-left: auto;
	clear: both;
	margin-right: auto;
	background-image: url(productos/fondo_productos.png);
	padding-top: 14px;
	padding-left: 37px;
}
#clientes {
	height: auto;
	width: 230px;
	background-color: #006;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
}
#clientesitems {
	height: 27px;
	width: 236px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url(cabecera/clientes_items.png);
	padding-top: 4px;
}