body { /* redefinimos el body para que todos los otros objetos lo hereden */
	font-family: arial;
	font-size: 10px;
	text-align: center; /* forzamos un centrado por defecto */
	background-color: #EBEBEB;	 /* color de fondo de toda la pagina */
	margin: 10px; /* estos son los margenes de toda la pagina */
    padding: 0;
    border: 3px outset #BBBBBB;
    scrollbar-face-color: #CDE4FF;
	scrollbar-shadow-color: Navy;
	scrollbar-highlight-color: Navy;
	scrollbar-3dlight-color: #CDE4FF;
	scrollbar-darkshadow-color: #CDE4FF;
	scrollbar-track-color: transparent;
	scrollbar-arrow-color: Navy;
}

#contenedor { /* Este es el contenedor principal */
    float: left;
	text-align: left; /* el contenedor esta centrado pero el contenido NO esta centrado */
	background-color: #FFF; /* color de fondo del contenedor: blanco */
	width: 100%; /* le forzamos un ancho */
	margin: auto; /* para centrar el contenedor para Firefox y Opera */
    }

#cabecera {
	background-color: #F0F3EA;
	color: #333300;
	font-size: 14px;
	font-weight: bold;
	background-image: url("images/header_bg.jpg");
	background-repeat: no-repeat;
	height: 150px;
}

#pie {
	background-color: #CCCCCC;
    background: url("images/header_bg.jpg") repeat center;
	text-align: right;
	clear: both;
    height: 120px;
    font-family: arial;
	font-size: 14px;
    margin-top: 10px;
   }

#cuerpo {
    float: left;
    width: 100%;
    }

#principal {
	margin: 0 15% 0 20%;
	}

#lateral { /* esto es el menu */
    float: left;
    width: 20%; /*Width of left column in percentage*/
    margin-left: -100%;
	text-align: left;
    margin-top: 15px;
            }


#otrolado{
  float: left;
  width: 15%; /*Width of right column in pixels*/
  margin-left: -15%; /*Set margin to that of -(RightColumnWidth)*/
  margin-top: 15px;
}

.separador{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


#mic{
  position: absolute;
  left: 240px;
  top: 33px;
}

#logo{
  position: absolute;
  left: 5px;
  top: 5px;
}

#logo2{
  position: abosolute;
  right: 10px;
  top: 10px;
  }

#logo3{
   position: absolute;
  right: 10px;
  top: 10px;
  font-family: Tahoma;
  font-size: 20px;
  color: #000;
}

#sombra{
  position: absolute;
  right: 10px;
  top: 10px;
  }

#fecha {
    font-family: Tahoma;
	font-size: 12px;
	text-align: center;
    font-weight: bold;
    border: 1px outset #0099FF;
    color: #0033FF;
    margin: 2px 0px 5px 0px;
    }

#clima {
  float: left;
  margin: 3px 0px 0px 3px;
  text-align: center;
}

#player {
    float: left;
    color:black;
	font-family:tahoma, verdana;
	font-size:12px;
    text-align: center;
	  }
#reproductor {
    float: left;
  /*  border: 1px outset #0033FF; */
    margin: 2px 2px 0px 4px;
       }

#marquee{
 position: relative;
width: 100%; /*marquee width */
height: 400px; /*marquee height */
background-color: white;
overflow: auto;
border: 2px outset #0099FF;
 /* padding: 2px; */
padding-left: 4px;
text-align: left;
}