@charset "utf-8";
/* CSS Document */

body {
    font-family: "Open Sans", helvetica, arial;
    background-color: #eeeeee;
    margin: 0;
    padding: 0;
}

#contenido {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#divContenidoWrapper{
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

#header {}

#lema {}

#footer {}

.menu {}

.menu ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.menu a {
    float: left;
    width: 7em;
    text-decoration: none;
    color: white;
    /*background-color:#005d65;*/
    background-color:#9C65CB;
    padding: 0.2em 0.6em;
    border-right: 1px solid white;
}

.menu a:hover {
    /*background-color:#00c899;*/
    color: black;
    background-color:#9A989B;
}

.menu li {
    display: inline;
}

.submenu{margin-top:-10px}

.submenu a {
	color:#6633CC;
    text-decoration: none;
}

.submenu  a:hover {
	color:#9C65CB;
    text-decoration: none;
}

.titulo{
    font-weight:bolder;
    color:#3e3e3e;
}

.subTitulo{
    font-weight:bold;
    color:#808080;
}

.texto{
    color:#808080;
}

.derecha{
    text-align:right;
    vertical-align:top;
    color:#808080;
}

.izquierda{
    text-align:left;
    vertical-align:top;
    color:#808080;
}

.arriba{
    vertical-align:top;
}

.mensaje{
    font-weight:bold;
    margin-top:-5px;
    padding-bottom:10px;
}

#divContenidoHeader{
    position:relative;
    float:left;
    top:0px;
}

#divContenidoFooter{
    position:relative;
    float:left;
    top:-5px;
}

#divContenidoBody{
    position:relative;
    float:left;
    width:1100px;
    top:-5px;
    background-image:url(../images/cuadrorelleno.png);
    background-repeat:repeat-y;
    min-height: 400px; 
    height:auto !important; 
    height: 400px; 
}

#divContenidoBodyWrapper{
    width: 1050px ;
    margin-left: auto ;
    margin-right: auto ;
}