@charset "utf-8";
/* CSS Document */
/* body */
body{
    background-color:#000000;
	SCROLLBAR-FACE-COLOR:#acbe38;
	SCROLLBAR-HIGHLIGHT-COLOR:#fff;
	SCROLLBAR-SHADOW-COLOR:#fff;
	SCROLLBAR-3DLIGHT-COLOR:#fff;
	SCROLLBAR-ARROW-COLOR: #fff;
	SCROLLBAR-TRACK-COLOR:#fff;
	SCROLLBAR-DARKSHADOW-COLOR:#fff;
}
div{
display:block; font-size:inherit;
}
img{
border:0em;
}

/* contenedor que se centra */
#contenedor{
position:relative; width:857px; height:844px;  left: 50%; margin-left: -430px; border:1px solid #acbe38; background-color:#000000; font-family:Arial, Helvetica, sans-serif; overflow:hidden; padding-bottom:10px;
}
#pie{
position:relative; margin:10px 0px 10px 0px; height:20px; width:860px; background-color:#FF0000; left: 50%; margin-left: -430px;
}
#cabecera{
position:relative; width:857px; height:319px; margin:0px 0px 0px 0px; background-color:#000000; background-image:url(../imagenes/cabecera.jpg); background-repeat:no-repeat;
}
.nube{
position:absolute; float:left; margin:125px 0px 0px 60px; opacity: .0; filter: alpha(opacity=0); -moz-opacity: .0;
}
strong.blanco{
font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px; font-weight:bold;
}
h2{
position:absolute; float:left; margin:70px 0px 0px 405px; font-family:"Times New Roman", Times, serif; color:#ffffff; font-size:28pt; font-weight:normal;
}
h2.otrotit{
position:absolute; float:left; margin:110px 0px 0px 520px; font-family:"Times New Roman", Times, serif; color:#b1b1b1; font-size:28pt; font-weight:normal; 
}
address{
position:absolute; float:left; margin:240px 0px 0px 435px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:10px; text-align:right; text-transform:none; font-style:normal;
}
address a{
color:#FFFFFF; text-decoration:none;
}
address a:active,address a:link{
color:#FFFFFF; text-decoration:none;
}
address a:visited{
color:#FFFFFF; text-decoration:none;
}
address a:hover,address a:focus{
color:#95a82a; text-decoration:none;
}

ul#menugestion{
margin:0px 0px 0px 50px; position:absolute; float:left;
}
ul#menugestion li{
display:inline;  padding:5px 2px 2px 2px; float:left; text-align:center; width:156px; height:30px; background-image:url(../imagenes/menu-gestion.jpg); background-repeat:no-repeat; color:#6c5faa; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:0px 0px 0px 0px;
}
ul#menugestion li a{
display:inline;  padding:5px 2px 2px 2px; float:left; text-align:center; width:156px; height:30px; background-image:url(../imagenes/menu-gestion.jpg); background-repeat:no-repeat; color:#6c5faa; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:-5px 0px 0px 0px; text-decoration:none;
}
ul#menugestion li a:active{
text-decoration:none; color:#6c5faa;
}
ul#menugestion li a:visited{
 text-decoration:none;  color:#6c5faa;
}
ul#menugestion li a:hover{
 text-decoration:none;  color:#95a82a; background-image:url(../imagenes/menu-over-gestion.jpg); width:156px; height:30px;
}

#contenido{
position:absolute; width:857px; height:459px; margin:0px 0px 0px 0px; background-image:url(../imagenes/ima-contenido.jpg); background-repeat:no-repeat;
}
.imacontenido{
margin:0px 0px 0px 0px; position:absolute; float:left; width:857px; height:459px;
}
#izq{
 position:absolute; float:left; width:252px; height:282px; margin:-27px 0px 0px 36px; z-index:20;
}
#centro{
 position:absolute; float:left; width:252px; height:282px; margin:-27px 0px 0px 302px; z-index:20;
}
#dch{
 position:absolute; float:left; width:252px; height:282px; margin:-27px 0px 0px 573px; z-index:20;
}
.punto1{
 position:absolute; float:left; width:15px; height:15px; margin:20px 0px 0px 27px;
}
.punto11{
 position:absolute; float:left; width:15px; height:15px; margin:19px 0px 0px 27px;
}
h3{
position:absolute; float:left; margin:15px 0px 0px 50px; font-family:"Times New Roman", Times, serif; color:#564b92; font-size:16pt; font-weight:normal; width:200px;
}
h3.ath{
position:absolute; float:left; margin:15px 0px 0px 50px; font-family:"Times New Roman", Times, serif; color:#564b92; font-size:16pt; font-weight:normal; width:600px;
}
#base{
width:206px; height:102px; overflow:hidden; /* el overflow hace que lo que salga de este contenedor desaparezca */
*position: absolute !important; position:absolute;
*margin:57px 0px 0px 22px!important; margin:57px 0px 0px 22px;
display: table-cell !important;    *display:inherit !important;
vertical-align: middle !important; *vertical-align:inherit !important;
text-align: center !important;     *text-align:inherit !important;
border:1px solid #564b92;
}

.fotobase{
*margin-top: expression((102 - this.height)/2) !important;/* el num de alt,es el de la alt del contenedor en el que esta la imagen, esto solo para el explorer 7 */
margin-top: expression((102 - this.height)/2) !important; /* firefox y los demas */
margin-left: expression((206 - this.width)/2);
max-height:102px;
max-width:206px;
}
ul#datos{
position:absolute; float:left; width:206px;  margin:165px 0px 0px 22px; 
}
ul#datos li{
color:#010101; font-family:Arial, Helvetica, sans-serif; font-size:8pt; list-style-type:none; line-height:120%;
}
p#mas{
position:absolute; float:left; width:206px;  margin:260px 0px 0px 22px; font-family:"Times New Roman", Times, serif; font-size:10pt; padding:0px 0px 0px 15px;
}
p#mas a{
color:#010101; text-decoration:none; font-weight:bold;
}
p#mas a:active,p#mas a:link{
color:#010101; text-decoration:none;
}
p#mas a:visited{
color:#010101; text-decoration:none;
}
p#mas a:hover,p#mas a:focus{
color:#010101; text-decoration:none;
}
.punto2{
 position:absolute; float:left; width:15px; height:15px; margin:2px 10px 0px -18px; 
}
h1{
position:absolute; float:left; margin:300px 0px 0px 40px; font-family:"Times New Roman", Times, serif; color:#656464; font-size:18pt; font-weight:normal;
}
p.textoprin{
position:absolute; float:left; margin:340px 0px 0px 40px; font-family:Arial, Helvetica, sans-serif; color:#494949; font-size:9pt; font-weight:bold; width:450px; line-height:150%;
}
#eleccion{
position:absolute; float:left; *margin:180px 0px 0px 615px!important; margin:180px 0px 0px 570px;
}
select{
font-family:Arial, Helvetica, sans-serif; color:#654a8f; border:1px solid #654a8f; font-weight:bold;
}
/* producto */
#cabecerapro{
position:relative; width:857px; height:319px; margin:0px 0px 0px 0px; background-color:#000000; background-image:url(../imagenes/cabecera-ficha.jpg); background-repeat:no-repeat;
}
#contenidopro{
position:absolute; width:857px; height:459px; margin:0px 0px 0px 0px; background-image:url(../imagenes/contenido-producto.jpg); background-repeat:no-repeat;
}
#contepro{
 position:absolute; float:left; width:784px; height:469px; margin:-26px 0px 0px 40px; z-index:20; 
}
.parketflo{
 position:absolute; float:left; width:204px; height:100px; margin:54px 0px 0px 36px; border:1px solid #656464;
}
p.textoparket{
 position:absolute; float:left; width:490px; height:100px; margin:54px 0px 0px 250px; font-family:Arial, Helvetica, sans-serif; 
 font-size:9pt; color:#4e4e4e;
}
p.textoparketb{
 position:absolute; float:left; width:240px; height:100px; margin:199px 0px 0px 490px; font-family:Arial, Helvetica, sans-serif; 
 font-size:9pt; color:#4e4e4e;
}
#gallery {width:750px; margin:190px 0px 0px -140px;}
#gallery ul {list-style:none; padding:0; margin:0; width:580px; position:relative; float:right;}
#gallery ul li {display:inline; width:92px; height:44px; float:left; margin:0 0 7px 7px;}
#gallery ul li a span {display:none;}
#gallery ul li a {display:block; width:90px; height:42px; text-decoration:none; border:1px solid #654a8f;}
#gallery ul li a img {display:block; width:90px; height:42px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#95a82a;}
#gallery ul li a:hover img {position:absolute; left:515px; top:0; width:204px; height:100px; border:1px solid #654a8f;}
#gallery ul li a:hover span {display:block; position:absolute; left:515px; top:120px; color:#434343; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto; line-height:120%;}

ul#pagi2{
position:absolute; *margin:390px 0px 0px 710px!important; margin:390px 0px 0px 640px; z-index:50;
}

ul#pagi2 li.botant{
width:42px; height:42px; background-image:url(../imagenes/anterior.jpg); list-style-type:none; cursor:hand;
}
ul#pagi2 li.botant:hover{
width:42px; height:42px; background-image:url(../imagenes/anterior-hover.jpg); list-style-type:none; cursor:hand;
}
ul#pagi2 li.botsig{
width:42px; height:42px; background-image:url(../imagenes/siguiente.jpg); list-style-type:none; *margin:-42px 0px 0px 50px!important; margin:-42px 0px 0px 50px;  cursor:hand;
}
ul#pagi2 li.botsig:hover{
width:42px; height:42px; background-image:url(../imagenes/siguiente-hover.jpg); list-style-type:none; cursor:hand;
}

/* ficha producto */
#gallery2 {width:350px; margin:230px 0px 0px -190px;}
#gallery2 ul {list-style:none; padding:0; margin:100px 0px 0px 0px; width:130px; position:relative; float:right;}
#gallery2 ul li {display:inline; width:55px; height:28px; float:left; margin:0 0 7px 7px;}
#gallery2 ul li a span {display:none;}
#gallery2 ul li a {display:block; width:53px; height:26px; text-decoration:none; border:1px solid #654a8f;}
#gallery2 ul li a img {display:block; width:53px; height:26px; border:0;}
#gallery2 ul li a:hover {white-space:normal; border-color:#95a82a;}
#gallery2 ul li a:hover img {position:absolute; left:135px; top:-79px; width:425px; height:210px; border:1px solid #654a8f;}
#gallery2 ul li a:hover span {display:block; position:absolute; left:515px; top:120px; color:#434343; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto; line-height:120%;}

#gallery3 {width:390px; margin:-45px 0px 0px 50px;}
#gallery3 ul {list-style:none; padding:0; margin:100px 0px 0px 0px; width:170px; position:relative; float:right;}
#gallery3 ul li {display:inline; width:40px; height:28px; float:left; margin:0 0 7px 7px;}
#gallery3 ul li a span {display:none;}
#gallery3 ul li a {display:block; width:38px; height:26px; text-decoration:none; border:1px solid #654a8f;}
#gallery3 ul li a img {display:block; width:38px; height:26px; border:0;}
#gallery3 ul li a:hover {white-space:normal; border-color:#95a82a;}
#gallery3 ul li a:hover img {position:absolute; left:-235px; top:105px; width:429px; height:300px; border:1px solid #654a8f;}
#gallery3 ul li a:hover span {display:block; position:absolute; left:-235px; top:370px; color:#434343; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto; line-height:120%;}

#gallery4 {width:350px; margin:-45px 0px 0px 50px;}
#gallery4 ul {list-style:none; padding:0; margin:100px 0px 0px 0px; width:130px; position:relative; float:right;}
#gallery4 ul li {display:inline; width:55px; height:28px; float:left; margin:0 0 7px 7px;}
#gallery4 ul li a span {display:none;}
#gallery4 ul li a {display:block; width:53px; height:26px; text-decoration:none; border:1px solid #654a8f;}
#gallery4 ul li a img {display:block; width:53px; height:26px; border:0;}
#gallery4 ul li a:hover {white-space:normal; border-color:#95a82a;}
#gallery4 ul li a:hover img {position:absolute; left:-235px; top:150px; width:425px; height:210px; border:1px solid #654a8f;}
#gallery4 ul li a:hover span {display:block; position:absolute; left:-235px; top:370px; color:#434343; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto; line-height:120%;}
p.textoparket2{
 position:absolute; float:left; width:490px; height:100px; margin:165px 0px 0px 35px; font-family:Arial, Helvetica, sans-serif; 
 font-size:9pt; color:#4e4e4e; line-height:120%;
}
p.textoparket2b{
 position:absolute; float:left; width:490px; height:100px; margin:50px 0px 0px 435px; font-family:Arial, Helvetica, sans-serif; 
 font-size:9pt; color:#4e4e4e; line-height:120%;
}
.fotoporta {position:absolute; left:165px; top:251px; width:425px; height:210px; border:1px solid #654a8f;
}
.fotoporta50 {position:absolute; left:35px; top:160px; width:429px; height:300px; border:1px solid #654a8f;
}
.fotoporta100 {position:absolute; left:35px; top:205px; width:425px; height:210px; border:1px solid #654a8f;}
ul#pagi{
position:absolute; *margin:390px 0px 0px 680px!important; margin:390px 0px 0px 620px; z-index:50;
}

ul#pagi li.botant{
width:42px; height:42px; background-image:url(../imagenes/anterior.jpg); list-style-type:none; cursor:hand;
}
ul#pagi li.botant:hover{
width:42px; height:42px; background-image:url(../imagenes/anterior-hover.jpg); list-style-type:none; cursor:hand;
}
ul#pagi li.botsig{
width:42px; height:42px; background-image:url(../imagenes/siguiente.jpg); list-style-type:none; *margin:-45px 0px 0px 50px!important; margin:-42px 0px 0px 50px;  cursor:hand;
}
ul#pagi li.botsig:hover{
width:42px; height:42px; background-image:url(../imagenes/siguiente-hover.jpg); list-style-type:none; cursor:hand;
}
#pdf{
position:absolute; *margin:380px 0px 0px 525px!important; margin:385px 0px 0px 525px;
}
#empre{
 position:absolute; float:left; margin:0px 0px 0px 0px;
}
.imaempresa{
 float:left; width:204px; height:100px; margin:54px 10px 10px 36px; border:1px solid #656464; 
}
.imaempresa20{
position:absolute; float:left; width:180px; height:110px; margin:54px 10px 10px 20px; border:1px solid #656464; 
}
.imaempresa21{
position:absolute; float:left; width:180px; height:110px; margin:54px 10px 10px 220px; border:1px solid #656464; 
}
.imaempresa22{
position:absolute; float:left; width:180px; height:110px; margin:184px 10px 10px 20px; border:1px solid #656464; 
}
.imaempresa23{
position:absolute; float:left; width:180px; height:110px; margin:184px 10px 10px 220px; border:1px solid #656464; 
}
.imaempresa24{
position:absolute; float:left; width:180px; height:110px; margin:324px 10px 10px 20px; border:1px solid #656464; 
}
.imaempresa25{
position:absolute; float:left; width:180px; height:110px; margin:324px 10px 10px 220px; border:1px solid #656464; 
}
p.textoempresa {
position:absolute; float:left; margin:54px 0px 0px 438px; font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#4e4e4e; padding:0px 10px 0px 10px; line-height:140%; width:300px;
}
/* servicio */
ul#listado{
*margin:30px 0px 0px -975px!important; margin:210px 0px 0px -225px; width:600px;  position:absolute; float:left;
}
ul#listado li{
display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:right; padding:2px 0px 0px 0px; list-style-type:none;
}
.boton{
color:#64498f; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #64498f; background-color:#FFFFFF;
}
input[type="text"],input[type="password"],input[type="file"],textarea,select{
font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #64498f; text-align:left;
}
#map{
position:absolute; float:left;  width:41.19em; height:17.63em; margin:0.63em 0.63em 0.63em 0.63em; border:1px solid #64498f;
}
p#textoloca2{
position:absolute; float:left; width:50.81em; margin:50px 0px 0px 58px; color:#4e4e4e; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:9pt;
line-height:130%
}
p#textoloca2 a{
color:#4e4e4e; text-decoration:none;
}
p#textoloca2 a:active,p#textoloca2 a:link{
color:#4e4e4e; text-decoration:none;
}
p#textoloca2 a:visited{
color:#4e4e4e; text-decoration:none;
}
p#textoloca2 a:hover,p#textoloca2 a:focus{
color:#acbe38; text-decoration:none;
}
#loca{
position:absolute; float:left;  width:42.44em; height:18.88em; margin:150px 0px 0px 58px; border:1px solid #64498f; 
}
#tiralogos{
position:absolute; float:left; margin:459px 0px 0px 0px; border-top:1px solid #acbe38;
}
.imaempresa2{
 float:left; width:204px; height:380px; margin:54px 10px 10px 36px; border:1px solid #656464; 
}
.imaempresa3{
 float:left; width:404px; height:120px; margin:44px 10px 10px 36px; border:1px solid #656464; 
}
p.textoempresa2 {
float:left; margin:-135px 0px 0px 467px; font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#4e4e4e; padding:0px 10px 0px 10px;  width:280px; line-height:150%
}
/* Trabajos */
p.textotrabajos{
 position:absolute; float:left; width:250px; height:100px; margin:280px 0px 0px 276px; font-family:Arial, Helvetica, sans-serif; 
 font-size:9pt; color:#4e4e4e; text-align:center;
}
.trabajoantes{
 position:absolute; float:left; width:306px; height:150px; margin:90px 0px 0px 51px; border:1px solid #656464;
}
h3.titantes{
position:absolute; float:left; margin:65px 0px 0px 170px; font-family:"Times New Roman", Times, serif; color:#564b92; font-size:14pt; font-weight:normal; width:600px;
}
.trabajodespues{
 position:absolute; float:left; width:306px; height:150px; margin:90px 0px 0px 425px; border:1px solid #656464;
}
h3.titdespues{
position:absolute; float:left; margin:65px 0px 0px 560px; font-family:"Times New Roman", Times, serif; color:#564b92; font-size:14pt; font-weight:normal; width:600px;
}