@import url("menu-azul.css");
/*-----------------------------------------------*/
body{
   background-image: url(imagenes/body_bg_azul.gif);
   background-repeat: repeat-x;
   margin: 0;
   padding: 0;
   text-align: justify;
   font-family:  "Trebuchet MS", Arial,Tahoma,Verdana,Helvetica,sans-serif;
	 font-size: 12px;
   color:#4e4e4e;
}
#cajaazul{
   position:absolute;
   left:382px;
   top:25px;
   background-image: url(imagenes/caja-azul.gif);
   background-repeat: no-repeat;
   width: 551px;
   height: 567px;
}
#contenedor{
   margin-left: 15px;
   margin-top: 20px;
   width: 100%;
   text-align: justify;
}
div#pie {
  position: absolute;
  font-family: Arial;
  font-size: 9px;
  margin-left:5px;
  line-height:14px;
  color:#666;
  bottom:0px;
  left:0px;
}
body > div#pie {
  position:fixed;
}
#pie a{
  color:#000;
  text-decoration: underline;
}
#pie a:hover, a:active{
  color:#ccc;
  text-decoration: none;
  background-color: transparent;
}
#pie img{
  float:left;
  margin-top: 2px;
  margin-right: 5px;
}
#logoazul{
   position:absolute;
   left:20px;
   top:380px;
   width:208px;
   height:49px;
   background-image: url(imagenes/logo_azul.gif);
}
#menucontenedor{
   margin-top: 5px;
   margin-left: 10px;
   margin-right: 30px;
}
#flash{
   position:absolute;
   left:0px;
   top:25px;
   width:72px;
   height:65px;
}
#iconoempresa{
 position:absolute;
 left:20px;
 top:441px;
 width:158px;
 height:21px;
 font-size:10px;
}
#iconocontacto{
 position:absolute;
 left:20px;
 top:464px;
 width:158px;
 height:21px;
 font-size:10px;
}
#iconoempresa a{
  color: #9c9c9c;
  background-color: transparent;
}
#iconoempresa a:hover, a:active{
  color: #002a90;
  background-color: transparent;
}
#iconocontacto a{
  color: #9c9c9c;
  background-color: transparent;
}
#iconocontacto a:hover, a:active{
  color: #002a90;
  background-color: transparent;
}
/*---------------------Txt-Cabezales------------------*/
p{
   margin-right: 40px;
}
h1{
   font-family:  "Trebuchet MS";
   font-size: 20px;
   color: #002a90;
   margin-right: 40px;
}
h2{
   font-family:  "Trebuchet MS";
   font-size: 16px;
   color: #5e5e5e;
   margin-right: 40px;
}
h3{
   font-family:  "Trebuchet MS";
   font-size: 14px;
   color: #5e5e5e;
   margin-right: 40px;
   border-bottom: 1px solid #ccc;
   color:#00298f;
}
.cuadrogris{
   padding: 5px;
   background-color: #fbfbfb;
   border: 1px solid #dfdfdf;
   color: #000;
   font-style: italic;
   margin-left: 10px;
}
/*-----------------Links---------------------*/
a:link, a:visited {
	text-decoration: underline;
	color: #002a90;
   background-color: #fff;
}

a:hover, a:active {
	text-decoration: none;
	color: #fff;
   background-color: #002a90
}
/*-----------------Cajas Contacto-----------------*/
.detalle{
  padding-left:10px;
  width: 90%;
  float:left;
  background-color:#f7f7f7;
  margin-bottom: 5px;
}
.cajasform{
  width: 90%;
  margin-left: 20px;
  margin-bottom:15px;
}
.cajasformenviar{
  width: 140px;
  margin-left: 10px;
  margin-bottom:15px;
  text-align: right;
}
.alertaform{
  font-size: 9px;
  font-family: Arial;
  color:#999; 
}
textarea, input{
  font-size: 9px;
  font-family: Arial;
  color:#666;
  border: 1px solid #ccc;
  padding:0;
}

/*---------------------------Muestras de Obras---------------------------*/
.contenidosobras{
  width: 98%;
}
.obrasderecha{
  width: 55%;
  float: right;
}
.muestraobra{
  width: 212px;
  height: 115px;
  float: left;
  background-image: url(imagenes/fondo-muestras.gif);
  background-repeat: no-repeat;
}
.recuadroimagen{
  margin-left: 94px;
  margin-top: 7px;
  width: 112px;
  height: 84px;
  /*border: 1px solid #fff;*/
  background-color:#ccc;
}
.direcciones{
  z-index:10px;
  position:absolute;
  color:#777777;
  font-size: 12px;
  font-weight:bold;
  margin-left:2px;
}
.limpia{
  clear:both;
}
.separador{
  width: 492px;
  height: 18px;
  background-image: url(imagenes/separador-obras.gif);
  background-repeat: no-repeat;
  margin-bottom: 10px;
}
.cajabotonera{
  background-image: url(imagenes/borde-superior-obras.gif);
  width:513px;
  height:35px;
  margin-bottom: 25px;
  margin-top: 4px;
}
.boton{
  margin-left:5px;;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
  border-left:1px solid #cbcbcb;
  border-right:1px solid #cbcbcb;
  border-top:1px solid #cbcbcb;
  border-bottom:none;
  text-align: center;
  font-size: 11px;
}
.botonactivo{
  margin-left:5px;;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
  border-left:1px solid #cbcbcb;
  border-right:1px solid #cbcbcb;
  border-top:1px solid #cbcbcb;
  border-bottom:none;
  text-align: center;
  background-color:#ebebeb;
  font-size: 11px;
}
/*--------------------------Test---------------------------*/