@charset "iso-8859-2";
/* CSS Document */
body{
background-color:#efefef; 
}
div{
display:block;
}
img{
border:0em;
}
#contenedor{
position:relative; float:left;  width:1074px; height:640px; font-family:Arial, Helvetica, sans-serif; background-color:#ffffff; left:50%; margin-left:-537px; 
 border:1px solid #004c5b; margin-top:60px;   
}
/* contenido general de la web */
#contenido{
position:relative; float:left; width:1074px; height:640px; overflow:hidden;  
} 

.logo{
position:relative; float:left; margin:80px 0px 0px 165px; width:496px; height:132px;
}
 
#info ul {padding:0; margin:260px 0px 115px 380px; list-style-type:none; width:278px; height:158px; position:relative;}
#info img {border:0;}
#info li {display:block; height:85px; width:85px; float:left; margin:1px;}
#info a {display:block; width:83px; height:83px; border:1px solid #000; line-height:83px; text-align:center; text-decoration:none; color:#fff;}
#info a em, #info a span {display:none;}
a#link1 {background:#004c5b;}
a#link2 {background:#007088;}
a#link3 {background:#9cd5df; color:#000;}
a#link4 {background:#0082a3;}
a#link5 {background:#9cd5df; color:#000;}
a#link6 {background:#57bfcf; color:#000;}
a#link7 {background:#00abc4; color:#000;}
a:hover#link1 {background:#1f1d20; color:#000;}
a:hover#link1 span {display:block; position:absolute; left:-367px; top:-100px; width:360px; height:208px; border:1px solid #000;background:#1f1d20;}
a:hover#link1 em {display:block; position:absolute; left:-10px; top:-25px; width:55px; height:25px; border-right:1px solid #000; border-top:1px solid #000; line-height:1px;}
 
a:hover#link2 {background:#5f6062; color:#000;}
a:hover#link2 span {display:block; position:absolute; left:-50px; top:-220px; width:360px; height:208px; border:1px solid #000;background:#5f6062;}
a:hover#link2 em {display:block; position:absolute; left:126px; top:-9px; width:1px; height:10px; font-size:1px; overflow:hidden; border-right:1px solid #000; line-height:1px;}
 
a:hover#link3 {background:#cecfd0;}
a:hover#link3 span {display:block; position:absolute; left:268px; top:-100px; width:360px; height:208px; border:1px solid #000; background:#cecfd0; color:#000;}
a:hover#link3 em {display:block; position:absolute; left:218px; top:-25px; width:65px; height:25px; border-left:1px solid #000;  border-top:1px solid #000; line-height:1px;}
 
a:hover#link4 {background:#848587; color:#000;}
a:hover#link4 span {display:block; position:absolute; left:-367px; top:27px; width:360px; height:208px; border:1px solid #000; background:#848587; color:#000;}
a:hover#link4 em {display:block; position:absolute; left:-10px; top:130px; width:12px; height:1px; border-top:1px solid #000; line-height:1px;}
 
a:hover#link5 {background:#e3e4e4;}
a:hover#link5 span {display:block; position:absolute; left:268px; top:27px; width:360px; height:208px; border:1px solid #000; background:#e3e4e4;}
a:hover#link5 em {display:block; position:absolute; left:172px; top:130px; width:135px; height:1px; border-top:1px solid #000; line-height:1px;}
 
a:hover#link6 {background:#c0c1c2;}
a:hover#link6 span {display:block; position:absolute; left:-367px; top:145px; width:360px; height:208px; border:1px solid #000; background:#c0c1c2;}
a:hover#link6 em {display:block; position:absolute; left:-10px; top:258px; width:55px; height:25px; border-right:1px solid #000;  border-bottom:1px solid #000; line-height:1px;}
 
a:hover#link7 {background:#a9aaac;}
a:hover#link7 span {display:block; position:absolute; left:268px; top:145px; width:360px; height:208px; border:1px solid #000; background:#a9aaac;}
a:hover#link7 em {display:block; position:absolute; left:218px; top:258px; width:65px; height:25px; border-left:1px solid #000;  border-bottom:1px solid #000; 
}
address{
position:relative; float:left; margin:5px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#004c5b; font-style:normal;
}
address a{
color:#004c5b; text-decoration:none;
}
address a:active,address a:link{
color:#004c5b; text-decoration:none;
}
address a:visited{
color:#004c5b; text-decoration:none;
}
address a:hover,address a:focus{
color:#004c5b; text-decoration:underline;
}
#textos1{
position:absolute; float:left; width:515px; height:85px; margin:348px 0px 0px 555px; *margin:348px 0px 0px -105px!important; background-color:#ffffff; overflow:hidden;
}
#textos2{
position:absolute; float:left; width:85px; height:360px; margin:435px 0px 0px 468px; *margin:435px 0px 0px -194px; !important; background-color:#ffffff; overflow:hidden; 
}

h1{
position:relative; float:left; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#004c5b; margin:0px; padding:0px; text-align:justify; text-transform:uppercase; margin:0px; padding:0px; 
}
h2{
position:relative; float:left; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#9cd5df; margin:0px; padding:0px; text-align:justify; width:300px; 
}
p{
position:relative; float:left; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#848587; margin:0px; padding:0px; text-align:justify; font-weight:bold;
clear:both; width:515px;
}
p.ges{
position:relative; float:left; font-size:10px;  font-family:Arial, Helvetica, sans-serif; color:#cecfd0; margin:0px; padding:0px; text-align:justify; font-weight:bold;
width:300px;
}
span.azul1{
color:#007088
}
span.azul2{
color:#57bfcf
}
span.gris1{
color:#1f1d20;
}
span.gris2{
color:#848587
}
/* multimedia general */
ul.info2{
position:relative; float:left; padding:0px; margin:62px 0px 0px 105px;  width:900px; height:649px; overflow:hidden;

}
ul.info2 li{
display:inline;  list-style-type:none;  width:202px; height:auto; margin:2px; padding:2px; 
}
.web{
width:150px; height:117px; margin:2px; padding:2px;   border:1px solid #1f1d20;
}
.web:hover{
background-color:#00abc4;
}
ul#menu{
position:relative; float:left; padding:0px; margin:10px 0px 0px 9px;  width:1074px;
}
ul#menu li{
display:inline; list-style-type:none; color:#788284; font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold;  
}
ul#menu li.estamos{
display:inline; list-style-type:none; color:#0082a3; font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; w
}
ul#menu li a{
color:#788284; text-decoration:none;
}
ul#menu li a:active,ul#menu li a:link{
color:#788284; text-decoration:none;
}
ul#menu li a:visited{
color:#788284; text-decoration:none;
}
ul#menu li a:hover,ul#menu li a:focus{
color:#0082a3; text-decoration:none;
}
/* tu pagina web por menos de lo que crees */
#promo1{
position:absolute; float:left; margin:90px 0px 0px 280px; width:332px; *margin:63px 0px 0px -726px!important; height:385px; background-color:#FFFFFF; overflow:hidden;
}
h1.paginaweb{
font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#008da1; text-align:justify; font-style:italic; text-transform:none; font-weight:normal; 
line-height:140%;
}
h2.paginaweb{
font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; text-transform:none; font-weight:510; margin:20px 0px 0px 0px; line-height:140%;
width:329px;  
}
p.textos{
font-size:12px;  font-family:Arial, Helvetica, sans-serif; color:#788284; margin:20px 0px 0px 0px;  word-spacing:90%; line-height:140%; width:330px;
}
#promo2{
position:absolute; float:left; margin:348px 0px 0px 626px; *margin:321px 0px 0px -382px!important; width:332px; height:127px; background-color:#FFFFFF; overflow:hidden;
}
.logo2{
position:relative; float:left; margin:23px 0px 0px 15px; width:296px; height:79px;
}


/* internet una venatana abierta al mundo */
#promo1a{
position:absolute; float:left; margin:90px 0px 0px 110px; *margin:55px 0px 0px -898px!important;  width:332px; height:525px; background-color:#FFFFFF; overflow:hidden;
z-index:100;
}
#promo2a{
position:absolute; float:left; margin:478px 0px 0px 626px; *margin:450px 0px 0px -382px!important; width:332px; height:127px; background-color:#FFFFFF; overflow:hidden;
}
h1.internet{
font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#008da1; text-align:justify; font-style:normal; text-transform:none; font-weight:normal; 
line-height:140%;
}
h2.internet{
font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; text-transform:none; font-weight:510; margin:20px 0px 10px 0px; line-height:160%; 
width:322px;
}
p.internet{
font-size:12px;  font-family:Arial, Helvetica, sans-serif; color:#788284; margin:20px 0px 0px 0px;  word-spacing:90%; line-height:160%; padding-right:10px; width:330px; 
}
/* tu exito es nuestro exito */
#promo1b{
position:absolute; float:left; margin:222px 0px 0px 110px; *margin:193px 0px 0px -898px!important; width:845px; height:125px; background-color:#FFFFFF; overflow:hidden;
}
#promo2b{
position:absolute; float:left; margin:348px 0px 0px 283px; *margin:320px 0px 0px -724px!important; width:502px; height:127px; background-color:#FFFFFF; overflow:hidden;
}
h1.exito{
font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#008da1; text-align:center; font-style:normal; text-transform:none; font-weight:normal; 
line-height:140%; width:845px;
}
h2.exito{
font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; text-transform:none; font-weight:510; margin:10px 0px 0px 0px; line-height:160%;
text-align:center;  width:845px;
}
p.exito{
font-size:12px;  font-family:Arial, Helvetica, sans-serif; color:#788284; margin:10px 0px 0px 0px;  word-spacing:90%; line-height:160%; padding-right:10px;
text-align:center;  width:845px;
}
.logoexito{
position:relative; float:left; margin:23px 0px 0px 105px; width:296px; height:79px;
}
 /* mas de 10 anos de... */
#promo1c{
position:absolute; float:left; margin:352px 0px 0px 110px; *margin:324px 0px 0px -898px!important; width:505px; height:255px; background-color:#FFFFFF; overflow:hidden;
}
#promo2c{
position:absolute; float:left; margin:88px 0px 0px 623px; *margin:64px 0px 0px -382px!important; width:332px; height:127px; background-color:#FFFFFF; overflow:hidden;
}
h1.historiaweb{
font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#008da1;  font-style:normal; text-transform:none; font-weight:normal; 
line-height:140%; 
}
h2.historiaweb{
font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; text-transform:none; font-weight:510; margin:10px 0px 0px 0px; line-height:160%;
width:505px;
}
p.historiaweb{
font-size:12px;  font-family:Arial, Helvetica, sans-serif; color:#788284; margin:10px 0px 0px 0px;  word-spacing:90%; line-height:160%; padding-right:10px;
  width:505px; font-weight:normal;
}
/* el mejor redimiento para tu web */
#promo1d{
position:absolute; float:left; margin:88px 0px 0px 453px; *margin:64px 0px 0px -554px!important; width:505px; height:259px; background-color:#FFFFFF; overflow:hidden;
}
#promo2d{
position:absolute; float:left; margin:352px 0px 0px 110px; *margin:320px 0px 0px -898px!important; width:332px; height:127px; background-color:#FFFFFF; overflow:hidden;
}
h1.redimientoweb{
font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#008da1;  font-style:normal; text-transform:none; font-weight:normal; 
line-height:140%; 
}
h2.redimientoweb{
font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; text-transform:none; font-weight:510; margin:20px 0px 0px 0px; line-height:160%;
width:505px;
}
p.redimientoweb{
font-size:12px;  font-family:Arial, Helvetica, sans-serif; color:#788284; margin:20px 0px 0px 0px;  word-spacing:90%; line-height:160%; padding-right:10px;
  width:505px; font-weight:normal;
}
/* localizacion */
#loca{
position:relative; float:left;  width:540px; height:495px;  background-color:#fff; margin:57px 0px 0px 27px; z-index:20; border:1px solid #0082a3;
}
#map{
position:absolute; float:left;  width:530px; height:485px;  margin:5px 0px 0px 5px; z-index:20;
}
#promo2con{
position:absolute; float:left; margin:88px 0px 0px 623px; *margin:64px 0px 0px 82px!important; width:532px; height:527px; background-color:#FFFFFF; overflow:hidden;
}
#promo2con p{
float:left; margin:27px 0px 0px 19px; padding:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; width:790px; line-height:160%;
*margin:0px 0px 0px 0px!important;
}
#promo2con p a{
color:#333333; margin:0px; padding:0px;
}
#promo2con p a:active{
color:#333333;
}
#promo2con p a:visited{
color:#333333;
}
#promo2con p a:hover{
color:#333333;
}
/* */
.logo3{
position:relative; float:left; margin:80px 0px 0px 65px; width:496px; height:132px; *margin:80px 0px 0px 65px!important;
}
#textosconstru{
position:absolute; float:left; width:515px; height:85px; margin:348px 0px 0px 275px; *margin:348px 0px 0px -105px!important; background-color:#ffffff; overflow:hidden;
}
#textosconstru p{
font-size:12px;  font-family:Arial, Helvetica, sans-serif; color:#788284; margin:20px 0px 0px 0px;  word-spacing:90%; line-height:140%;
}
/* contacto */
#promo2loca{
position:relative; float:left; margin:88px 0px 0px 423px; *margin:64px 0px 0px -622px!important;  background-color:#FFFFFF; overflow:hidden;
}
#promo2loca p{
float:left; margin:27px 0px 0px 19px; padding:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; width:790px; line-height:160%;
}
ul#loc{
position:relative; float:left; margin:38px 0px 0px 63px; clear:both; padding:0px; width:690px; *margin:38px 0px 0px 63px!important;
}
ul#loc li{
list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-align:right; padding:5px 0px 0px 0px;
}
input[type="submit"]{
border:1px solid #333333; background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;
}
input[type="reset"]{
border:1px solid #333333; background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;
}
input[type="text"],textarea{
border:1px solid #333333; background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;
}