/* Estilos de Template */

html {
margin: 0; 
padding: 0; 
background-color: transparent;
}
body { 
margin: 0; 
padding: 0;
text-align: left;
font-family: Arial, Sans-serif;
}

/* ID  GENERAL*/
#contenedor {
width: 900px;
margin: auto;
background-color: #CEE2E8; /*  */
opacity: 0.9;
}
#header {
height: 220px;
}
#head {
position: absolute;
width: 900px;
height: 220px;
opacity: 1;
left: 50%;
margin-left: -450px;
}
#head:hover {
opacity:0.7;
}
#logo { 
position: absolute;
width: 369px;
height: 127px;
left: 50%;
margin-left: -185px;
margin-top: 64px;
}

/*  Pie de página   */

#backgr {
position: absolute;
width: 900px;
height: 50px;
left: 50%;
margin-left: -450px;
}

#footer {
padding-top: 20px;
text-align: center;
color: #9E9E9E;
font-size: .8em;
position: relative;
}

#footer a {
color: #9E9E9E;
}

#transparencia { 
position:absolute;
width: 900px;
height: 100%;
background-color: #001951;
opacity: 0.8;
}
#transparencia:hover {
opacity: 0.8;
}

/* CLASES  GENERAL */
.clear { 
clear: both; 
}
.divisor1 { 
border-bottom: 3px  dotted #cbcbcb; /* Gris Claro */
margin: 10px 0px;
}
.divisor2 { 
border-bottom: 3px  solid #330000; /* Rojo Oscuro */
margin: 3px 0px;
}

/* Titulos */
h1.titulo1 {
font-size: 2.2em;
color: #350300; /* Marron oscurecido */
margin-left: 50px;
margin-top: 20px;
margin-bottom: 20px;
}
h1.titulo1 span {
color: #4877BD;  /* Azul */
}
h2.titulo2 {
font-size:1.5em;
color: #1D0053; /* Violeta oscuro */
margin-left: 50px;
margin-top: 20px;
margin-bottom: 20px;
}
h3.nombre {
color: #1D0053; /* Violeta oscuro */
font-size:1em;
font-style: none;
text-decoration: underline;
text-align: center;
}