@charset "utf-8";
/* CSS Document */

#primerDIV { width:100%; position:relative; }

body {background-image:url(../ima/fondo.jpg);background-repeat:repeat; font-family: Arial, Helvetica, sans-serif; color: #7f7f7f; font-size: 13px;  }


#logDIV { width:100%; position:relative; width:289px; height:60px; position:absolute; left:703px; top:1px; background-image:url(../ima/logo.jpg)}
#encaDIV { width:100%; position:relative; width:820px; height:226px; position:absolute; left:189px; top:70px; background-image:url(../ima/enca.jpg)}
#menuDIV{ width:100%; position:relative; width:820px; height:50px; position:absolute; left:189px; top:296px; background-image:url(../ima/barra2.jpg)}
#contenedorDIV{ float:left; width:820px; height:480px; background-image:url(../ima/body.jpg);position:absolute; left:189px; top:346px;}
#contenedor1DIV{ float:left; width:820px; height:455px; background-color:#666666;position:absolute; left:189px; top:346px;}
#contenedor2DIV{ float:left; width:820px; height:455px; background-color:#fbfbfb;position:absolute; left:189px; top:346px;}
.barra{ width:100%; position:relative; width:820px; height:5px;background-image:url(../ima/barrita.jpg);}
.barra2{ width:100%; position:relative; width:820px; height:5px;background-image:url(../ima/barrita.jpg);}
.Box{
    width:50%;	
	left:70px;
	top:38px;
	position:absolute;
	width:438px;
	width:460px;
	font-family:"Franklin Gothic Medium", Arial;
	font-size:14px;
	color:#333333;
	height: 18px;
	
}

.Box1{
	width:50%;
	position:relative;
	width:820px;
	height:217px;
	left:0px;
	top:1px;
	background-color:#666666;
	
}
.Box2{
	width:50%;
	position:absolute;
	width:320px;
	left:500px;
	top:45px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:14px;
}
.Box3{
	width:50%;
	position:absolute;
	width:225px;
	height:171px;
	left:60px;
	top:220px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:14px;
	background-image:url(../ima/muestra.jpg)
}
.Box4{
		width:50%;
	position:absolute;
	width:820px;
	height:340px;
	left:0px;
	top:115px;
	background-color:#666666;
}
.Green{ font-family:"Franklin Gothic Medium"; font-size:36px; color:#999933;}
.cuadrito{ width:58px; height:45px; left:95px; top:45px; position:absolute; background-image:url(../ima/mini1.jpg);}
.cuadrito2{ width:58px; height:45px; left:170px; top:45px; position:absolute; background-image:url(../ima/mini2.jpg);}
.cuadrito3{ width:58px; height:45px; left:95px; top:100px; position:absolute; background-image:url(../ima/mini3.jpg);}
.cuadrito4{ width:58px; height:45px; left:170px; top:100px; position:absolute; background-image:url(../ima/mini4.jpg);}
.cuadrito5{ width:58px; height:45px; left:95px; top:155px; position:absolute; background-image:url(../ima/mini5.jpg);}
.cuadrito6{ width:58px; height:45px; left:170px; top:155px; position:absolute; background-image:url(../ima/mini6.jpg);}
#pieDIV{ float:left; width:820px; height:35px; background-color:#e0e0e0;position:absolute; left:189px; top:800px;background-image:url(../ima/pie.jpg);}
.scroll{ width:50%; left:10px; top:90px; position:absolute; width:31px; height:37px;background-image:url(../ima/menos.jpg);}
.scroll2{ width:50%; left:780px; top:90px; position:absolute; width:31px; height:37px;background-image:url(../ima/mas.jpg);}
.caja1{ width:50%; left:60px; top:25px; position:absolute; width:225px; height:171px;background-image:url(../ima/muestra.jpg); }
.caja2{ width:50%; left:300px; top:25px; position:absolute; width:225px; height:171px;background-image:url(../ima/muestra.jpg); }
.caja3{ width:50%; left:540px; top:25px; position:absolute; width:225px; height:171px;background-image:url(../ima/muestra.jpg); }


 #boton1 {
    border: 0 0 0 0;
    padding: 0;
    text-align: center;
	
	left:100px;
	position:absolute;
    }
   
    #boton1 a{
    background-image:url(../ima/inicio.jpg);
    height:53px;
    width:96px;
    background-position: center top;
    display: block;
    color: #990000;
    text-decoration: none;
    padding-top: 5px;
    background-repeat: no-repeat;
    font-weight: bold;
    }
    #boton1 a:hover{
    background-image:url(../ima/inicio2.jpg);
    }
    #boton1 a:focus{
    background-image:url(../ima/inicio3.jpg);
    }
	
	
	 #boton2 {
    border: 0 0 0 0;
    padding: 0;
    text-align: center;

	left:220px;
	position:absolute;
    }
   
    #boton2 a{
    background-image:url(../ima/nosotros.jpg);
    height:53px;
    width:96px;
    background-position: center top;
    display: block;
    color: #990000;
    text-decoration: none;
    padding-top: 5px;
    background-repeat: no-repeat;
    font-weight: bold;
    }
    #boton2 a:hover{
    background-image:url(../ima/nosotros2.jpg);
    }
    #boton2 a:focus{
    background-image:url(../ima/nosotros3.jpg);
    }
	
	
	
	 #boton3 {
    border: 0 0 0 0;
    padding: 0;
    text-align: center;

	left:340px;
	position:absolute;
    }
   
    #boton3 a{
    background-image:url(../ima/servicios.jpg);
    height:53px;
    width:96px;
    background-position: center top;
    display: block;
    color: #990000;
    text-decoration: none;
    padding-top: 5px;
    background-repeat: no-repeat;
    font-weight: bold;
    }
    #boton3 a:hover{
    background-image:url(../ima/servicios2.jpg);
    }
    #boton3 a:focus{
    background-image:url(../ima/servicios3.jpg);
    }
	
	
	 #boton4 {
    border: 0 0 0 0;
    padding: 0;
    text-align: center;

	left:460px;
	position:absolute;
    }
   
    #boton4 a{
    background-image:url(../ima/proyectos.jpg);
    height:53px;
    width:96px;
    background-position: center top;
    display: block;
    color: #990000;
    text-decoration: none;
    padding-top: 5px;
    background-repeat: no-repeat;
    font-weight: bold;
    }
    #boton4 a:hover{
    background-image:url(../ima/proyectos2.jpg);
    }
    #boton4 a:focus{
    background-image:url(../ima/proyectos3.jpg);
    }
	
	
	#boton5{
    border: 0 0 0 0;
    padding: 0;
    text-align: center;

	left:580px;
	position:absolute;
    }
   
    #boton5 a{
    background-image:url(../ima/contacto.jpg);
    height:53px;
    width:96px;
    background-position: center top;
    display: block;
    color: #990000;
    text-decoration: none;
    padding-top: 5px;
    background-repeat: no-repeat;
    font-weight: bold;
    }
    #boton5 a:hover{
    background-image:url(../ima/contacto2.jpg);
    }
    #boton5 a:focus{
    background-image:url(../ima/contacto3.jpg);
    }