/* CSS PARA EL MENU */
	
body{
background: #b8e1fc; /* Old browsers */
background: -moz-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(51%,#6ba8e5), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* IE10+ */
background: linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */
Color format: Comments IE9 Support (?)

	color: white;
	font-size: 18px;
	/* background-image:url(ldiLbI.png);background-repeat:repeat; */
	/* background:url(../images/revestimientos-de-fachadas-de-mallas-metalicas-234853.jpg);*/
	/*background:#black;*/
	padding: 10px;
   font:80% Trebuchet MS, Arial, Helvetica, Sans-Serif;
	
	line-height:180%;
	margin:0;
	padding:0;}

 h1, h2, h3, h4, h5{margin: 0 0 15px 0;padding: 0;color: black;font-weight: normal;} 
h1{font-size: 200%;letter-spacing: -2px}
p{margin:1px 0;padding: 5px;line-height:21px; color: black; font-size: 15px;} 
p.datos{margin:1px 0;padding: 5px;line-height:21px; color: black; font-size: 16px;} 
p.footer{margin:1px 0;padding: 5px;line-height:21px; color: black; font-size: 12px;} 
a{color: black;text-decoration: underline;font-weight: bold;}
a:hover{color: #333;text-decoration: none;font-weight: bold;}
img{border:none;}
pre{margin-top:-16px;display:block;font:12px "Courier New", Courier, monospace;padding:10px;border:1px solid #bae2f0;background:#e3f4f9;width:674px;}	



#cabecera{
	width:98;
	padding:10px;
	height: 185px;
	/* border: 3px solid  #DCDCC6; */
	/*-moz-border-radius : 9px;*/
	position: relative;
	margin-bottom: 10px;
	margin-top: 35px;
	/*background:#DCDCC6;*/
	background:white;
	/* Bordes redondeados */
	-webkit-border-radius: 10px; /* Para Safari y Chrome */
	-moz-border-radius: 10px; /* Para Firefox */
	-khtml-border-radius:10px; /* Navegadores de Linux */
	 border-radius: 10px; /* CSS3 */
	

}
#img_cabecera{
padding:10px;
float:left;
width: 10%;
padding-left:10px;
}
#logotipo{
	/*border: 0px double #d0d0d0; 
	-moz-border-radius : 9px; */
	padding-left: 0px;
	padding-top: 10px;
	font-size: 10px;
	letter-spacing: 0px;
	text-align: center;
	width: 42%;
	float:right;
	margin-right: 4px;
}
#datos_empresa{
	float:right;
	padding:10px;
	

	
}
#descripcion_empresa{
	float:right;
	padding:10px;
	background:#E9EAEF;
	/* Para dar sombreado */
	box-shadow: 5px 5px 15px #999;
	/* Bordes redondeados */
	-webkit-border-radius: 10px; /* Para Safari y Chrome */
	-moz-border-radius: 10px; /* Para Firefox */
	-khtml-border-radius:10px; /* Navegadores de Linux */
	 border-radius: 10px; /* CSS3 */
	
}

#cuerpo{
	border: 0px solid ;
	position: relative;
	 padding: 10px;
	 width:98%;
	 height:540px;
	 /* height:1100px; */
	/*background:#DCDCC6;*/
	/*background:#4B4B4B;*/
	background:#42A4F4;
	/* Para dar sombreado */
	box-shadow: 5px 5px 15px #999;
	/* Bordes redondeados */
	-webkit-border-radius: 10px; /* Para Safari y Chrome */
	-moz-border-radius: 10px; /* Para Firefox */
	-khtml-border-radius:10px; /* Navegadores de Linux */
	 border-radius: 10px; /* CSS3 */
	 

	}
#cuerpo2{
	border: 0px solid ;
	position: relative;
	 padding: 10px;
	 width:98%;
	 height:795px;
	 /* height:1100px; */
	/*background:#DCDCC6;*/
	/*background:#4B4B4B;*/
	background:#42A4F4;
	/* Para dar sombreado */
	box-shadow: 5px 5px 15px #999;
	/* Bordes redondeados */
	-webkit-border-radius: 10px; /* Para Safari y Chrome */
	-moz-border-radius: 10px; /* Para Firefox */
	-khtml-border-radius:10px; /* Navegadores de Linux */
	 border-radius: 10px; /* CSS3 */

	}
#button {  
   padding: 0;  
}  
#button li {  
display: inline;  /* Lista Horizontal. */
} 
#button li a {  
/* Aplicamos colores y fuentes al menu */
    /* font-family: Arial;  comentado porque en IEXPLORER se ve mal el menu */
    font-size:15px;  
    text-decoration: none;  
    float:none;  
    padding: 12px 64px 15px 64px;  
    background-color: #2175bc;  
	/*background:url(../images/fondo_menu.jpg) repeat-x; */
    color: #fff;  
	
	
    }  
#button li a:hover {  
/*Efecto cuando pasamos el ratón por encima */
    background-color: #2586d7;  
    margin-top:-2px;  
    padding-bottom:12px;  
    }
#contenido {
	padding: 10px;
	padding-left:10px;
	float:left;
/*	width: 90%; */
	width: 100%;
/*	border: 3px solid  #DCDCC6; */
    
}
#trabajos {
	padding: 10px;
	padding-left:150px;
	float:left;
	width: 90%;
/*	border: 3px solid  #DCDCC6; */
}

#img_aleatorias{
padding: 20px;
float:rigth;
}


#footer{
	/*background:#DCDCC6;*/
	background:#42A4F4;
	position: relative;
	float:left;
	padding: 10px;
	padding-top: 10px;
	text-align: center;
	width:98%;
	height:20px;
	/* Bordes redondeados */
	-webkit-border-radius: 10px; /* Para Safari y Chrome */
	-moz-border-radius: 10px; /* Para Firefox */
	-khtml-border-radius:10px; /* Navegadores de Linux */
	 border-radius: 10px; /* CSS3 */
	}
/* Estilos para las imagenes que rotan. */
#slider {
    width:696px;
}
#slider img{
    border:none;
}
#slider ul, #slider li{
    margin:0;
    padding:0;
    list-style:none;
}
#slider li { 
    width:696px;
    overflow:hidden; 
}
/* FIN Estilos para las imagenes que rotan. */



 ul{
list-style: none;
}

ul.menu{ 
width:180px;
list-style: none;
margin:0;
padding:0;
border: 1px solid #7C7C7C;
border-bottom:none;

/*background-color: gray ;*/

}
ul.menu li{
border-bottom: 1px solid #7C7C7C;
border-top: 3px solid #FFF;
background: #F4F4F4;
padding: .2em 0 .2em .5em;
color: #333;

}
/* FORMULARIO */
#for_datos{
	/* border: 2px solid ; */
	position: relative;
	float:left;
	 padding: 10px;
	 width:40%;
	 height:auto;
	 /* height:1100px; */
	/*background:#DCDCC6;*/
	/*background:#4B4B4B;*/
	background:#E9EAEF;
	/* Para dar sombreado */
	box-shadow: 5px 5px 15px #999;
	/* Bordes redondeados */
	-webkit-border-radius: 10px; /* Para Safari y Chrome */
	-moz-border-radius: 10px; /* Para Firefox */
	-khtml-border-radius:10px; /* Navegadores de Linux */
	 border-radius: 10px; /* CSS3 */

}
#for_datos2{
	/* border: 2px solid ; */
	float:left;
	 padding: 10px;
	 width:532px;
	 height:auto;
	 /* height:1100px; */
	/*background:#DCDCC6;*/
	/*background:#4B4B4B;*/
	background:#E9EAEF;
	
	/* Bordes redondeados */
	-webkit-border-radius: 10px; /* Para Safari y Chrome */
	-moz-border-radius: 10px; /* Para Firefox */
	-khtml-border-radius:10px; /* Navegadores de Linux */
	border-radius: 10px; /* CSS3 */

	
	
}	
#for_datos3{
	
	float:left;
	 padding: 0px;
	 width:200px;;
	 height:auto;
	 /* height:1100px; */
	/*background:#DCDCC6;*/
	/*background:#4B4B4B;*/
	background:#E9EAEF;

}
#div_con_borde{
	background:#E9EAEF;
	padding: 10px;
	width:96%;
	text-align: center;
	/* Para dar sombreado */
	box-shadow: 5px 5px 15px #999;
	/* Bordes redondeados */
	-webkit-border-radius: 10px; /* Para Safari y Chrome */
	-moz-border-radius: 10px; /* Para Firefox */
	-khtml-border-radius:10px; /* Navegadores de Linux */
	 border-radius: 10px; /* CSS3 */
	  float:none;
	
}
#div_con_borde2{
	background:#E9EAEF;
	padding: 20px;
	width:39%;
	height:325px;
	/* Para dar sombreado */
	box-shadow: 5px 5px 15px #999;
	/* Bordes redondeados */
	-webkit-border-radius: 10px; /* Para Safari y Chrome */
	-moz-border-radius: 10px; /* Para Firefox */
	-khtml-border-radius:10px; /* Navegadores de Linux */
	 border-radius: 10px; /* CSS3 */
	 float:left;
	
}
#div_con_borde4{
	background:#E9EAEF;
	padding: 20px;
	width:39%;
	height:325px;
	/* Para dar sombreado */
	box-shadow: 5px 5px 15px #999;
	/* Bordes redondeados */
	-webkit-border-radius: 10px; /* Para Safari y Chrome */
	-moz-border-radius: 10px; /* Para Firefox */
	-khtml-border-radius:10px; /* Navegadores de Linux */
	 border-radius: 10px; /* CSS3 */
	 float:left;
	 margin-left: 122px;
	
}
#div_con_borde5{
	background:#E9EAEF;
	padding: 20px;
	width:39%;
	height:210px;
	/* Para dar sombreado */
	box-shadow: 5px 5px 15px #999;
	/* Bordes redondeados */
	-webkit-border-radius: 10px; /* Para Safari y Chrome */
	-moz-border-radius: 10px; /* Para Firefox */
	-khtml-border-radius:10px; /* Navegadores de Linux */
	 border-radius: 10px; /* CSS3 */
	 float:left;
	 margin-left: 0px;
	 margin-top: 20px;
	
}
#div_con_borde6{
	background:#E9EAEF;
	padding: 20px;
	width:39%;
	height:210px;
	/* Para dar sombreado */
	box-shadow: 5px 5px 15px #999;
	/* Bordes redondeados */
	-webkit-border-radius: 10px; /* Para Safari y Chrome */
	-moz-border-radius: 10px; /* Para Firefox */
	-khtml-border-radius:10px; /* Navegadores de Linux */
	 border-radius: 10px; /* CSS3 */
	 float:left;
	 margin-left: 122px;
	 margin-top: 20px;
	
}
#div_con_borde3{
	background:#E9EAEF;
	padding: 20px;
	width:94%;
	height:129px;
	/* Para dar sombreado */
	box-shadow: 5px 5px 15px #999;
	/* Bordes redondeados */
	-webkit-border-radius: 10px; /* Para Safari y Chrome */
	-moz-border-radius: 10px; /* Para Firefox */
	-khtml-border-radius:10px; /* Navegadores de Linux */
	 border-radius: 10px; /* CSS3 */
	 float:left;
	 margin-top: 20px;
	 
	
	 
	
}
#bloque_form{
margin:0 auto;/*para centrarlo el contenedor debe poseer este margen*/

	 padding: 0px;
	 width:800px;
	 height:auto;
	 position:absolute;
	 /* height:1100px; */
	/*background:#DCDCC6;*/
	/*background:#4B4B4B;*/
	background:#E9EAEF;
	/* Para dar sombreado */
	box-shadow: 5px 5px 15px #999;
	/* Bordes redondeados */
	-webkit-border-radius: 10px; /* Para Safari y Chrome */
	-moz-border-radius: 10px; /* Para Firefox */
	-khtml-border-radius:10px; /* Navegadores de Linux */
	 border-radius: 10px; /* CSS3 */


}