* {
margin: 0px;
padding: 0px;
}

body
{
margin-top: 0px;
padding: 0px;
background-color: #eee;
font: normal 0.8em Arial, Verdana, Sans-Serif;
text-align: center;
color: #333;
}


img
{
border: 0px;
}

#contenedor
{
/*border: 1px dotted #eee;*/
margin: auto;
margin-top: 5px;
width: 780px;
height: 576px;
background-image: url('imagenes/fondo2008.jpg');
background-repeat: no-repeat;
text-align: left;
padding: 2px;
position: relative;
}

#top {
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
width: 450px;
height: 115px;
}
#top h1 {
font: normal 1em Arial, Verdana, Sans-Serif;
}
#top a span {
visibility: hidden;
}
#top a {
display: block;
width: 450px;
height: 115px;
text-decoration: none;
}

#palabras {
position: absolute;
right: 10px;
top: 0px;
width: 300px;
height: 115px;
overflow: hidden;
text-align: right;
font: bold 2em/0.9em Verdana,Arial,Sans-Serif;
color: #FF9933;
}
#palabras strong {
font: normal 0.7em "Times New Roman",Times,Serif;
color: #888;
}

#navegacion
{
position: absolute;
top: 115px;
left: 160px;
width: 600px;
padding: 0px;
}

#navegacion ul
{
padding: 0px;
margin: 0px;
list-style-type: none;
text-align: center;
}

#navegacion ul li
{
float: left;
padding: 0px 0px 0px 0px;
margin: 7px 0px 0px 5px;
height: 21px;
}

#navegacion ul li a
{
height: 21px;
display: block;
padding: 4px 13px 0px 13px;
color: white;
background-color: #FF9933;
text-decoration: none;
font: 0.9em Arial,Sans-Serif;
font-weight: 500;
}

#navegacion ul li a:hover
{
background-color: #999;
color: white;
font-weight: 500;
}
#navegacion ul li.active a {
display: block;
color: white;
background-color: #999;
text-decoration: none;
font: 0.9em Arial,Sans-Serif;
font-weight: 500;
}

#submenu
{
position: absolute;
top: 130px;
left: 3px;
width: 130px;
height: 370px;
overflow: hidden;
margin-top: 40px;
padding: 10px;
}

#submenu A
{
font: 1.4em Times, Serif;
color:#E17100;
text-decoration: none;
font-weight: 600;
}

#submenu A:hover
{
text-decoration: none;
border-bottom: 1px solid #E17100;
}


#contenido
{
position: absolute;
bottom: 10px;
right: 5px;
overflow: auto;
width: 600px;
height: 360px;
line-height: 20px;
/*jugar con estos colores para las barras de scroll (Solo en msie5+)*/
scrollbar-face-color: #999;    /*#FFFFCC; este es el color principal*/
scrollbar-shadow-color: white;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: white;
scrollbar-darkshadow-color: white;
scrollbar-track-color: #DDD;
scrollbar-arrow-color: black;
}

#contenido p
{
margin: 15px 40px 0px 0px;
padding: 0px;
text-align: justify;
font: normal 0.9em/1.1em Arial, Verdana, Sans-Serif;
color: #555;
}

#contenido p a {
font: normal 1em Arial, Verdana, Sans-Serif;
color: black;
text-decoration: none;
border-bottom: 1px dotted gray;
}
#contenido p a:hover {
color: #FF9933;
}

#contenido h2
{
margin-top: 20px;
font: bold 1.5em Verdana, Arial,Sans-Serif;
text-align: center;
color:#FF9933;
}
#contenido h3
{
font: bold 1em Verdana, Arial,Sans-Serif;
margin-top: 20px;
}

#contenido ul
{
color: #555;
margin-top: 20px;
margin-left: 15px;
margin-bottom: 10px;
list-style-type: circle;
line-height: 20px;
}

#contenido ul li
{
margin-bottom: 10px;
}

.negro
{
color: #333;
font-style: normal;
}

#pie {
margin-left: 140px;
margin-top: 10px;
color: black;
font: bold 0.8em Verdana,Arial,Sans-Serif;
}

#piediseno
{
margin: 30px 0px 20px 0px;
padding: 20px;
font: 0.8em Arial, Verdana, Sans-Serif;
border-top: 1px dotted silver;
}

#piediseno a
{
color: #555;
text-decoration: none;
}

#piediseno a:hover
{
font-weight: 600;
}

/* FORM */

form {
margin-top: 0px;
}

label {
margin-left: 40px;
font: bold 1.1em Arial, Verdana, Sans-Serif;
}

input,textarea {
margin-left: 40px;
width: 480px;
}

input.botonform {
float:right;
width: 120px;
margin: 10px 40px 0px 0px;
}


/* ESTILOS PARA USAR EN MODX */

.floatleft{
float: left;
margin: 0px 15px 10px 0px;
}
.floatright{
float: right;
margin: 0px 0px 10px 15px;
}
.negro{
color: black;
}
.naranja{
color: #FF9933;
}
.gris{
color: #666;
}