body{
  background-color: #003056;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
#fondo{
  background: #FFFFFF url(../imagenes/fondo.jpg) repeat-y
}

#menu{
  width: 100%;
  background-color: #00a851;
  height: 45px;;
  font-size: 122%
}
#calendario{

  margin-bottom: 22px
}


#menu ul {
   margin: 0;
   padding: 0;
   list-style: none;

}
#menu li{
   display: inline;
   display: block;
   float: left;
  height: 30px;
    margin: 1px;
}
#menu A{
    height: 30px;
    color: #fff;
    display: block;
    float: left;
    width: 132px;
    text-align: center;
    letter-spacing: 1px;
    text-decoration: none;
    font-weight: bold;
}

#menu A:hover{
   font-weight: bold;
   color: #fac403;
}
#menu .active A{
    color: #fac403;
    font-weight: bold;

}
h1{
  color: #6a1c15;
  margin-bottom: 5px
}

h2{
   color: #6a1c15;
  font-size: 105%
}
h3{
   color: #6a1c15;
  font-size: 150%;
}
#bienv{
  text-align: justify;
  font-size: 115%
}


#galeria{
  padding: 5px;
}
.foto_derecha{
     float:right;
}
#p_fecha {
  font-size: 80%;
  font-style: italic;
  text-align: right;
  font-weight: bold
}
#programa_fecha {
  font-size: 99%;
  font-style: italic;
  text-align: left;
  font-weight: bold
}
#enlace A{
  color:#367e34;
  text-align: right;
  font-weight: bold;
  letter-spacing: 2px
}
#hoy{
  background-color:#E8E8E8}
.enlace{
  color:#367e34;
  text-align: right;

}
.foto_cubo{
     float:left;
     margin: 4px
}
#cubo-rojo{
  width: 70px;
  height: 70px;
  background-color: #ef3829;
  float:left;
  margin: 4px
}

#cubo-azul{
  width: 150px;
  height: 150px;
  background-color: #005ba8;
  float:left;
   margin: 4px
}
#cubo-verde{
  width: 100px;
  height: 150px;
  background-color: #00a851;
  float:left;
   margin: 4px
}
#cubo-amarillo{
  width: 50px;
  height: 50px;
  background-color: #ffca38;
  float:left;
   margin-right: 4px
}

.tTip { cursor: pointer; color: #000000; font-weight: bold;}
.tip {color: #333;}
.tip {
   width: 212px;
   padding-top: 37px;
   overflow: hidden;
   display: none;
   position: absolute;
   z-index: 500;
   background: transparent url(../imagenes/tipTop.png) no-repeat top;}

.tipMid {background: transparent url(../imagenes/tipMid.png) repeat-y; padding: 0 25px 20px 25px; width: 162px; }
.tipBtm {background: transparent url(../imagenes/tipBtm.png) no-repeat bottom; height: 32px;}

#Cfecha
{
	background-color: #EEEEEE;
	width: 250px;
	height: 15px;
		font-size: 12px;
}
#Cpersona
{
	background-color: #EEEEEE;
	width: 250px;
	font-size: 12px;
}
#encuestas
{
	background-color: #ffffff;
	height: 400px;
	color: #000;
	margin-bottom: 10px;
	overflow: scroll;
}