#global { width:1000px; margin:0px auto; position: relative; }
body {text-align:center; height:100%; background-color: #ff9c00; }
h1 { font-family: 'Georgia'; color: rgb(102,51,0); font-size: 28px; margin-top : 0; text-align:center; }
h2 { font-family: 'Arial'; color: rgb(0,0,0); font-size: 16px;  margin-top : 0; text-align:left; font-weight: 700; text-decoration: underline;}
p { color: rgb(0,0,0); margin: 0px; padding: 4px;}
.titulo { font-family: 'Georgia'; color: rgb(102,51,0); font-size: 50px; margin-top : 0; text-align: center; font-weight: 700; }
.textonormal { font-family: 'Arial'; color: rgb(0,0,0); font-size: 14px; }
.textocontacto { font-family: 'Arial'; color: rgb(153,0,0); font-size: 21px; }
#cabecera { position: absolute; left: 100px; top: 20px; width: 800px; height: 209px; }
#titulo { position: absolute; left: 345px; top: 25px; width: 300px; height: 50px; }
#subtitulo { position: absolute; left: 176px; top: 80px; width: 650px; height: 25px; }
#instalacion { position: absolute; left: 115px; top: 165px; width: 115px; height: 16px; }
#deshollinador { position: absolute; left: 315px; top: 165px; width: 280px; height: 16px; }
#sinhollin { position: absolute; left: 635px; top: 175px; width: 280px; height: 16px; }
#centrar { text-align: center; text-indent: 0px;}
#linkmenu { font-family: 'Georgia'; color: rgb(153,0,0); font-size: 17px; font-weight: 700; margin-top : 0; text-align:center; text-decoration: none ;}
#linkmenu a {color: rgb(153,0,0); text-decoration: none ; }
#linkcontacto1 { font-family: 'arial'; color: rgb(0,0,0); font-size: 12px; margin-top: 0; text-align: center; font-weight: 700; }
#linkcontacto1 a {color: rgb(0,0,0);  }
#linkcontacto3 { font-family: 'arial'; color: rgb(0,0,0); font-size: 14px; margin-top: 0; text-align: center; font-weight: 700;  }
#linkcontacto3 a {color: rgb(0,0,0);  }
#foto-1 { position: absolute; left: 100px; top: 270px; width: 160px; height: 120px; }
#foto-2 { position: absolute; left: 740px; top: 270px; width: 160px; height: 120px; }
#foto-3 { position: absolute; left: 100px; top: 410px; width: 160px; height: 120px; }
#foto-4 { position: absolute; left: 740px; top: 410px; width: 160px; height: 120px; }
#foto-5 { position: absolute; left: 100px; top: 550px; width: 160px; height: 120px; }
#foto-6 { position: absolute; left: 740px; top: 550px; width: 160px; height: 120px; }
#foto-7 { position: absolute; left: 100px; top: 690px; width: 160px; height: 90px; }
#foto-8 { position: absolute; left: 740px; top: 690px; width: 160px; height: 90px; }
#foto-9 { position: absolute; left: 100px; top: 800px; width: 160px; height: 90px; }
#foto-10 { position: absolute; left: 740px; top: 800px; width: 160px; height: 90px; }
#foto-11 { position: absolute; left: 100px; top: 910px; width: 160px; height: 90px; }
#foto-12 { position: absolute; left: 740px; top: 910px; width: 160px; height: 90px; }
#foto-13 { position: absolute; left: 100px; top: 1020px; width: 160px; height: 90px; }
#foto-14 { position: absolute; left: 740px; top: 1020px; width: 160px; height: 90px; }
#foto-15 { position: absolute; left: 100px; top: 1130px; width: 160px; height: 90px; }
#foto-16 { position: absolute; left: 740px; top: 1130px; width: 160px; height: 90px; }
#texto-0 { text-indent: 0px; width: 800px; text-align: center; }
#texto-3 { position: absolute; left: 280px; top: 250px; width: 445px; text-align: left; }
#texto-4 { position: absolute; left: 100px; top: 1260px; width: 800px; text-indent: 30px; text-align: justify;}
#linkmailto { font-family: 'arial'; color: rgb(0,0,0); font-size: 16px; margin-top: 0; text-align: center; text-decoration: underline; }
#linkmailto a {color: rgb(0,0,0); text-decoration: underline; }
#linkmailto a:link { ;}
#linkmailto a:visited { ;}
#linkmailto a:hover { ;}
#linkmailto a:active { ;}
#ventana-flotante {
width: 800px;  /* Ancho de la ventana */
height: 16px;  /* Alto de la ventana */
background: #FFCC04;  /* Color de fondo */
position: relative;
top: 0px;
left: 100px;
border: 2px solid #000000;
border-radius: 5px;
z-index:999;
}

#ventana-flotante  .contenido {
font-size: 12px;  /* Tamaño del texto del mensaje */
color: #000;  /* Color del texto del mensaje */
font-family: Arial;
margin: 0px 3px 0px 3px;
}

#ventana-flotante .cerrar {
float: right;
border: 3px solid #ff0000;
color: rgb(153,0,0);
background: white;
line-height: 14px;
text-decoration: none;
padding: 0px 1px;
margin: 0px 0px 1px 0px;
font-family: Arial;
border-radius: 5px 5px 5px 5px;

font-size: 12px;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
}

#ventana-flotante .cerrar:hover {
background: #ff6868;
color: white;
text-decoration: none;
text-shadow: -1px -1px red;
}

.oculto { 
-webkit-transition:1s;
-moz-transition:1s;
-o-transition:1s;
-ms-transition:1s;
opacity:0;
-ms-opacity:0;
-moz-opacity:0;
visibility:hidden;
}