BODY
{
background-color: white;
color: #111;
font: 10pt Verdana,Arial,Sans-Serif;
text-align:center;
margin: 0;
}

#contenedor2
{
background-image: url("imagenes/Fondo.jpg");
background-repeat: no-repeat;
width: 770px;
height: 625px;
margin: auto;
text-align: left;
}

#titulo
{
float: right;
width: 530px;
height: 65px;
margin: 3px 40px 10px 0;
}

#flash
{
clear: both;
margin: 10px 0 0 120px;
width: 470px;
height: 66px;
}

#cuerpo
{
width:768px;
height: 500px;
}

#navegacion
{
float:left;
width: 100px;
height: 370px;
margin: 25px 0 0 15px;
}

#navegacion ul
{
display:block;
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}
#navegacion ul li
{
margin-bottom: 10px;
}
#navegacion ul li a
{
font: 14pt Geneva,Arial,Helvetica,sans-serif;
text-decoration: none;
color: #333;
}

#navegacion ul li a:hover
{
font: 14pt Geneva,Arial,Helvetica,sans-serif;
text-decoration: underline;
color: black;
}

a.cross
{
font: 9pt Geneva,Arial,Helvetica,sans-serif;
text-decoration: none;
color: #333;
}

a.cross:hover
{
text-decoration: underline;
}

#pie
{
display:block;
clear: both;
height: 50px;
text-align: center;
font: 8pt Arial,Helvetica,Sans-Serif;
color: #888;
}

#pie a
{
text-align: center;
font: 8pt Arial,Helvetica,Sans-Serif;
color: #888;
text-decoration:none;
}

#pie a:hover
{
text-align: center;
font: 8pt Arial,Helvetica,Sans-Serif;
color: black;
text-decoration:none;
}

#contenido
{
width: 400px;
height: 330px;
float: left;
margin: 20px 0 0 40px;
padding: 3px 3px 3px 10px;
overflow:auto;
/*jugar con estos colores*/
scrollbar-face-color: #FC9F02;
scrollbar-shadow-color: #FEBB08;
scrollbar-highlight-color: #FEBB08;
scrollbar-3dlight-color: gray;
scrollbar-darkshadow-color: #FEBB08;
scrollbar-track-color: #FBB805;
scrollbar-arrow-color: black;
}

#contenido ul
{
list-style-type: circle;
margin:5px 0 15px 0;
padding: 0 0 0 10px;
}

#contenido ul li
{
list-style-type: circle;
color: #111;
font: 9pt Verdana,Arial,Sans-Serif;
margin-bottom: 5px;
}

#contenido H1
{
font: 12pt Geneva,Arial,Helvetica,sans-serif;
font-weight: 800;
text-decoration: none;
color: #111;
margin: 0;
}

#contenido H2
{
color: #111;
font: 9pt Verdana,Arial,Sans-Serif;
text-align: left;
margin: 0 0 10px 0;
}

#contenido H2 B
{
font-weight:800;
}

#contenido H3
{
color: black;
font: 10pt Arial,Sans-Serif;
font-weight: 800;
margin: 0 0 5px 0;
}

#contenido H4
{
color: #777;
font: 8pt Arial,Verdana,Sans-Serif;
text-align: right;
}

A.contenido
{
color: #000;
font: 9pt Verdana,Arial,Sans-Serif;
text-decoration: none;
}

A.contenido:hover
{
color: #000;
font: 9pt Verdana,Arial,Sans-Serif;
text-decoration: underline;
}

TABLE
{
color: #111;
font: 9pt Arial,Sans-Serif;
text-align: left;
}

TABLE B
{
color: red;
}

/* ESTILOS DE LA INTRO */
/* --------------------
----------------------
-----------------------*/

#introcontenedor
{
margin: auto;
padding: 0;
text-align: center;
width: 550px;
}
#introdirvalpo
{
position: absolute;
top: 30px;
right:0px;
width: 250px;
padding: 0;
margin: 0px;
height:158px;
text-align: right;
}
#introdirvalpo B
{
color: #C63;
font-weight: 800;
}
#introauxi
{
height: 200px;
position: relative;
text-align:center;
}
#introflash
{
clear: both;
padding: 0;
width: 545px;
height: 336px;
margin:auto;
margin-top: 0px;
}
#introflag
{
margin: 5px 0 0 0;
text-align: center;
}
#introflag ul
{
display:inline;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#introflag ul li
{
display: inline;
margin-left: 60px;
}
#intrologo
{
position: absolute;
top: 0px;
left:0px;
margin: 0;
background-image: url("imagenes/Logo_valparaiso.jpg");
background-repeat: no-repeat;
width:191px;
height:178px;
padding: 0;
}
#introsalto
{
margin: 5px 0 0 242px;
text-align: left;
}
#introsalto ul
{
display:inline;
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}
#introsalto ul li
{
display: inline;
margin-left: 40px;
}
#introsalto ul li a
{
text-decoration: none;
color: #111;
}
#introsalto ul li a:hover
{
text-decoration: none;
color: #CC6633;
}

a
{
text-decoration: none;
color: #111;
}
a:hover
{
text-decoration: none;
color: #CC6633;
}
a.clase1
{
font-weight: 800;
text-decoration: none;
color: #C63;
}
a.clase1:hover
{
font-weight: 800;
text-decoration: none;
color: #111;
}
/*Estilos de Contacto 2 */
#contenedor3
{
background-image: url("imagenes/Fondo2.jpg");
background-repeat: no-repeat;
background-color: #111;
background-position: bottom;
width: 700px;
height: 550px;
margin: 10px 0 0 0;
padding: 3px 5px 0px 5px;
text-align: left;
}
#contacto2
{
color: white;
font: 10pt Arial,Sans-Serif;
font-weight: 700;
}

#contacto2 H1
{
text-align: center;
font: 14pt Verdana,Arial,Sans-Serif;
font-weight: 800;
}

#contacto2 TABLE
{
color: white;
font: 10pt Arial,Sans-Serif;
font-weight: 700;
}

#datosmary
{
float: left;
margin: 250px 0 0 0;
text-align: left;
color: white;
font: 10pt Arial,Sans-Serif;
font-weight: 600;
}

#datosmary H1, #datoslester H1
{
color: white;
font: 14pt Verdana,Arial,Sans-Serif;
font-weight:700;
}

#datosmary H2, #datoslester H2
{
color: white;
font: 12pt Arial,Sans-Serif;
font-weight:700;
}

#datoslester
{
float: right;
margin: 250px 0 0 0;
text-align: left;
color: white;
font: 10pt Arial,Sans-Serif;
font-weight: 600;
}