@charset "utf-8";
/* @author Mauricio Damián Araoz */
/* CSS Document of esqueleto */
body{
    background:url(imagenes/background.png) repeat-x #fff;
}
/********************************************* Disposición de los elementos *********************************************/
/* ++++++++++++++++++++++ PARTE SUPERIOR ++++++++++++++++++++++ */
div#superior{
    width:100%;
}
div#cabecera{
    width:100%;
    height:200px;
    background:url(imagenes/cabecera1.png) no-repeat #6666ff;
}
img#cabecera2{
    float:right;
}
div#sombra{
    width:100%;
    height:200px;
    position:absolute;
    top:10px;
    background:url(imagenes/pie.png) bottom repeat-x;
}
/* ++++++++++++++++++++++ PARTE CENTRAL ++++++++++++++++++++++ */
div#contenido{
    width:100%;
    margin-top:5px;
    background:url(imagenes/fondoContenido.png) repeat-x;
}
/* ++++++++++++++++++++++ Contenido izquierdo ++++++++++++++++++++++ */
div#contenidoIzquierdo{
    position:absolute;
    margin:1%;
    width:220px;
    z-index:100;
}
/* ++++++++++++++++++++++ Contenidos central y este ++++++++++++++++++++++ */
div#contenidos{
    float:left;
    width:100%;
    margin:1%;
}
/* ++++++++++++++++++++++ Contenidos central ++++++++++++++++++++++ */
div#contenidosCentro{
    float:left;
    padding-left:250px;
    padding-right:250px;
    min-height:570px;
}
/* ++++++++++++++++++++++ Contenido este ++++++++++++++++++++++ */
div#contenidosEste{
    position:absolute;
    right:5px;
    width:220px;
}
img#collage{
    display:block;
    margin:5px auto;
}
/* ++++++++++++++++++++++ PIE DE PÁGINA ++++++++++++++++++++++ */
div#pie{
    clear:both;
    width:100%;
    height:30px;
    background: url(imagenes/pie.png) repeat-x bottom;
    text-align:right;
    font-family:monospace;
    color: #cccccc;
    font-size: 12px;
    background-color: #072580;
}
/********************************** MENU ****************************************************/
ul.menu{
    margin-top:0px;
    padding:0;
    list-style:none;
    width:100%;
    font-size:large;
}
ul li.menuItem{
    position:relative;
    margin-top:1px;
}
li ul.menuItem{
    position:absolute;
    left:100%;
    top:0;
    display:none;
}
ul li a.menuItem{
    display:block;
    text-decoration:none;
    color:#333333;
    background:#fff;
    padding:5px;
    background: url(imagenes/menuItem.png) repeat-x;
}
ul li a.seleccionado{
    background: url(imagenes/seleccionado.png) repeat-x;
}
ul li a.menuItem:hover{
    background: url(imagenes/menuItemOver.png) repeat-x;
}
li:hover ul.menuItem {
    display:block;
}
/*********************************Sección Chicago Bears*******************************************/
img#logoChicagoBears{
    display:block;
    padding:10px;
    margin:10px auto;
}
#bears{
    background:url(imagenes/bearsBackground.png) black bottom no-repeat;
}
#ligasBears a{
    color: #cccccc;
}
#ligasBears{
    background: url(imagenes/fondoContenidoEste.png) repeat;
    color: #ff3300;
}
/********************************* Calendario *****************************************************/
#calendario{
    width:151px;
    height:159px;
    background:url(imagenes/calendar.png) no-repeat;
    margin:15px auto;
}
#tituloCalendario{
    font-size: 1em;
    color: #000000;
}
#diaNumero{
    font-size: 5.2em;
    font-family: Geneva,Arial,Helvetica,sans-serif;
}
#dia{
    color: #ccccff;
}
/********************************* Estilos y tipografia *******************************************/
.centrado{
    text-align: center;
}
.izquierda{
    text-align: left;
}
.derecha{
    text-align: center;
}
.normal{
    font-family: serif;
    font-size: 1em;
    color: #504e4e;
}
.negrita{
    font-weight: bold;
}
.cursiva{
    font-style: italic;
}
.subrayado{    
    text-decoration: underline;
}
.encabezado{
    font-family: 'Courier New',Courier,monospace;
    font-size: 3em;
    font-style: normal;
    font-weight: bold;
    color: #333333;
    text-decoration: underline;
}
.encabezado2{
    font-size: 2em;
    font-family: 'Times New Roman',Times,serif;
    color: #003333;
}
.encabezado3{
    font-size: 1.2em;
    font-family: sans-serif;
    font-weight: bold;
    color: #333300;
}
.liga{
    color: #666600;
    font-family: cursive;
}
.visited{
    color: #660066;
    font-family: cursive;
}
applet{
    display:block;
    margin:5px auto;
}
.mensaje{
    color: #009900;
    font-family: monospace;
    font-size: 1.2em;
    font-weight: bold;
}
.alerta{
    color: #990000;
    font-family: monospace;
    font-size: 1.2em;
    font-weight: bold;
}
.fondoDifuminado{
    background: url(imagenes/fondoContenidoEste.png) repeat;
}