body {
	background-color:#fcc917;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:11px;
	line-height:14px;
	text-align:center; /* Arreglo para la cutrez de Internet Explorer */
	background-image:url(medios/teatrofilos_fondo_interior.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin-bottom:20px;
}

a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	background-color:#fddb63;
}

.enlace_menu {
  display:block;
  position:inline;
}

.enlace_menu:hover {
  background-color:transparent !important;
  border-bottom:2px solid #ffffff;
}

.enlace_amigos:hover {
  background-color:transparent !important;
}

.enlace_foto {
  display:block;
  position:inline;
  padding:0px !important;
}

.enlace_foto:hover {
	background-color:#fdd751 !important;
	border:none;
}

h3 {
  color:#ED6E00;
	font-size:20px;
}

#capa_centradora, #capa_centradora_interior
{
	width:980px;
	height:auto;
	margin:0 auto 0 auto;
	text-align:left;
}

#portada_superior {
  display:relative;
	width:980px;
	height:100px;
}

.portada_reclamo {
  float:left;
  width:auto;
  height:100px;
  padding:0 8px 0 8px;
  border-left:1px solid #ffffff;
}

.portada_botones {
  float:right;
  width:55px;
  height:49px;
  margin-top:30px;
  text-align:center;
}

#portada_central {
  display:relative;
	width:980px;
	height:175px;
	margin-top:120px;
}

#portada_logo_menu {
  float:left;
  width:515px;
  height:175px;
  margin-left:45px;
}

#portada_logo_menu #logotipo {
  float:left;
  clear:right;
  width:483px;
  height:61px;
  margin-top:40px;
}

#menu {
  float:left;
  width:483px;
  height:15px;
  margin-top:10px;
}

#portada_noticias {
  float:left;
  width:199px;
  height:175px;
  border-left:1px solid #ffffff;
  overflow:hidden;
}

#portada_calendario {
  float:left;
  width:219px;
  height:175px;
  border-left:1px solid #ffffff;
}

#portada_amigos {
	position:absolute;
	right:50%;
	margin-right:-490px;
	top:538px;
}

#portada_pie {
  display:relative;
	width:980px;
	height:120px;
	margin-top:185px;
	border-top:1px solid #ffffff;
}

#portada_pie_notas {
  float:left;
  width:305px;
  height:auto;
  margin-top:20px;
  margin-left:20px;
}

#portada_pie_ciudadania {
  float:right;
  width:604px;
  height:106px;
  margin-top:20px;
  margin-right:20px;
  background-image:url(medios/ciudadania_2008.png);
}


/* Pop-ups */


#capa_centradora .popup {
  position:absolute;
  width:400px;
  margin:25px 0 0 550px;
  height:auto;
  visibility:hidden;
  z-index:99999;
}

#capa_centradora_interior .popup {
  position:absolute;
  width:400px;
  margin:8px 0 0 552px;
  height:auto;
  visibility:hidden;
  z-index:99999;
}

.popup {
  position:absolute;
  width:400px;
  margin:25px 0 0 550px;
  height:auto;
  visibility:hidden;
  z-index:99999;
}


.popup_contenido {
  margin-bottom:-2px; /* Fallo de Internet Explorer al posicionar */
  padding:0 20px 10px 20px;
  background-image:url(medios/pop_fondo.png);
  background-color:#fcc917;
}

.popup_separador {
  display:relative;
  height:10px;
  border-top:1px solid #ffffff;
}


/* Interiores */

#interior_superior {
  display:relative;
	width:980px;
	height:140px;
	padding-top:10px;
}

#interior_logo_menu {
  float:left;
  width:515px;
  height:130px;
  margin-left:30px;
}

#interior_logo_menu #logotipo {
  float:left;
  clear:right;
  width:483px;
  height:61px;
  margin-top:20px;
}

.interior_reclamo {
  float:left;
  width:auto;
  height:100px;
  padding:15px 7px 15px 7px;
  border-left:1px solid #ffffff;
}

.interior_botones {
  float:left;
  width:35px;
  height:37px;
  margin-left:20px;
  margin-right:20px;
}

.interior_contenidos, #interior_contenidos {
  display:relative;
	width:780px;
	height:auto;
	margin:20px 100px 30px 100px;
}

.interior_separador {
  display:relative;
	width:980px;
	height:10px;
	border-top:1px solid #ffffff;
}

#interior_pie {
  display:relative;
	width:920px;
	height:auto;
	margin:20px 30px 0px 30px;
}


/* Calendario */

.caleContenedor {
  margin-left:20px;
	width:160px;
	height:175px;
	font-size:11px;
	text-align:center;
}

.caleContenedor img {
	vertical-align:middle;
}
.caleSelectorMes {
}
.caleDesplegable {
	margin-bottom:6px;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:bold;
	padding:1px;
	text-transform:uppercase;
	background:transparent;
	border:none;
}

.caleBloqueCalendario {
	width:160px;
}
.caleDiasSemana {
	display:none;
}
.caleDiaVacio {
  text-align:center;
	font-weight:normal !important;
	padding:1px 0 1px 0;
}
.caleDiaActivo {
  text-align:center;
  padding:1px 0 1px 0;
}
.caleDiaEnlace {}
.caleDiaSeleccionado {
  text-align:center;
	background-color:#fddb63;
	font-weight:bold;
	padding:1px 0 1px 0;
}

.caleListadoEventos {
	margin-top:12px;
	margin-left:4px;
  height:50px;
	width:165px;
	overflow:auto;
	font-size:10px;
	text-align:left;
}
.caleListadoEventos img {
	vertical-align:bottom;
}
.caleListadoAsunto {}
.caleListadoEnlace {}

.caleDetalleImagen {}
.caleDetalleFecha {}
.caleDetalleAsunto {}
.caleDetalleEnlace {}
.caleDetalleTexto {}


/* Formularios */

.formTabla {
  width:100%;
}

.formTitulos {
  width:20%;
	font-size:11px;
	font-weight:bold;
}
.formBloqueBotones {
	padding-top:10px;
	text-align:right;
}
.formCampos {
	font-family:Verdana, Arial;
	font-size:11px;
  width:100%;
	border:2px solid #f2ed82;
	background-color:#f2ed82;
}
.formBotonSubmit {
  font-size:12px;
	border:none;
	background-color:#f2ed82;
}
.formBotonCancel {
  font-size:12px;
	border:none;
	background-color:#f2ed82;
}