body {
	margin: 0;
	text-align: center;
	background: #FE0000;
	color: #000;
	font: 12px arial,helvetica,sans-serif;
}

#contenedor {
	background: #fff;
	position: relative;
	margin: 0 auto;
	width: 776px;
	text-align: left;
}

/* elementos principales */

a img {
	border: 0;
}

p {
	margin: 0 0 12px 0;
}

p, td, li {
	font: 12px arial,helvetica,sans-serif;
}

li {
	list-style: square;
}

input {
	border: 1px solid #FE0000;
}

textarea {
	border: 1px solid #FE0000;
}

/* fondos de tabla, la esquinita de abajo derecha */
.azul {
	background: #fff url("../images/fondo_azul.gif") bottom right no-repeat;
}
.verde {
	background: #fff url("../images/fondo_verde.gif") bottom right no-repeat;
}
.naranja {
	background: #fff url("../images/fondo_amarillo.gif") bottom right no-repeat;
}
.rojo {
	background: #fff url("../images/fondo_naranja.gif") bottom right no-repeat;
}/* fondos de tabla, la esquinita de abajo derecha */


.color_azul{ color:#0083d8; text-decoration:none; }
#secciones_azul {
	background: #0083d8;
	text-align: center;
	color: #fff;
	height: 18px;
	margin-right: 6px;
}

#secciones_azul a {
	color: #fff;
	text-decoration: none;
}

#secciones_azul a:hover {
	color: #FE0000;
}

.color_rojo{ color:#DA251E; text-decoration:none; }
#secciones_rojo {
	background: #DA251E;
	text-align: center;
	color: #fff;
	height: 18px;
	margin-right: 6px;
}

#secciones_rojo a {
	color: #fff;
	text-decoration: none;
}

#secciones_rojo a:hover {
	color: #fff;
	font-weight: bold;
}

.color_verde{ color:#16A937; text-decoration:none; }
#secciones_verde {
	background: #16A937;
	text-align: center;
	color: #fff;
	height: 18px;
	margin-right: 6px;
}

#secciones_verde a {
	color: #fff;
	text-decoration: none;
}

#secciones_verde a:hover {
	color: #FE0000;
}

.color_naranja { color:#ED941E; text-decoration:none; }
#secciones_naranja {
	background: #ED941E;
	text-align: center;
	color: #fff;
	height: 18px;
	margin-right: 6px;
}

#secciones_naranja a {
	color: #fff;
	text-decoration: none;
}

#secciones_naranja a:hover {
	color: #FE0000;
}	

#menu {
	background: #FE0000 url("../images/fondo_menu.gif") bottom center no-repeat;
	color: #fff;
}

#menu ul {
	margin-left: 17px;
	padding-left: 4px;
	padding-right: 2px;
}

#menu ul ul {
	margin-left: 8px;
}

#menu ul li {
	list-style: square url("../images/bullet_big.gif");
	margin: 5px 0;
}

#menu ul li:hover {
	list-style: square url("../images/bullet_big_gris.gif");
}

#menu ul ul li {
	list-style: square url("../images/bullet.gif");
}
#menu ul ul li:hover {
	list-style: square url("../images/bullet_gris.gif");
}

#menu li{
	font: 10px arial,helvetica,sans-serif;
	color: #fff;
}

#menu li a {
	text-decoration: none;
	color: #fff;
}

#menu li a.selected {
	color: #7C929D;
	list-style: square url("../images/bullet_big_gris.gif");
}

#menu li a:hover {
	color: #7C929D;
}

#menu ul ul li a.selected {
	color: #7C929D;
	list-style: square url("../images/bullet_gris.gif");
}


/* la imagen  que sale diciendo donde está */
#seccion {
	position: absolute;
	top: 180px;
	left: 134px;
}
#seccion2 {
	position: absolute;
	top: 190px;
	left: 134px;
}

/* el subtitulo que aparece en texto */
.sub_rojo, .sub_verde, .sub_azul, .sub_naranja {
	background: #fff url("../images/fondo_secciones.gif") 0 0 no-repeat;
	padding-left: 20px;
	font: 13px arial,helvetica,sans-serif;
}

.sub_rojo {
	color: #FE0000;
}

.sub_verde {
	color: #00a643;
}

.sub_azul {
	color: #0083d8;
}

.sub_naranja {
	color: #f79a00;
}

.destacado { /* columna de la derecha */
	background: #f57c54;
	border: 1px solid #fff;
	font: 10px arial, helvetica,sans-serif;
}

.destacado th {
	color: #fff;
	border: 1px solid #7c929d;
	padding: 2px;
}

.destacado td {
	color: #49545A;
	padding: 2px;
	font: 9px arial,helvetica,sans-serif;
}

.destacado a {
	color: #49545A;
	text-decoration: none;
}

.boton3 {
	background:  #FE0000;
	padding: 3px 6px;
	color: #fff;
	text-decoration: none;
}

.boton_deportes {
	background:  #0083d8;
	padding: 3px 6px;
	color: #fff;
	text-decoration: none;
}
.boton_educacion {
	background:  #ED941E;
	padding: 3px 6px;
	color: #fff;
	text-decoration: none;
}
.boton_juventud {
	background:  #16A937;
	padding: 3px 6px;
	color: #fff;
	text-decoration: none;
}
.boton_turismo {
	background:  #DA251E;
	padding: 3px 6px;
	color: #fff;
	text-decoration: none;
}

/* llistes de les activitats */

#arealist_deportes li {
	list-style: square url("../images/bullet_big_act_blau.gif");
	margin-bottom: 10px;
}

#arealist_deportes li:hover {
	list-style: square url("../images/bullet_big_act_blau_ple.gif");
}

#arealist_deportes li a {
	text-decoration: none;
	color: #000;
}

#arealist_deportes li a:hover {
	text-decoration: none;
	color: #000;
}

#arealist_educacion li {
	list-style: square url("../images/bullet_big_act_groc.gif");
	margin-bottom: 10px;
}

#arealist_educacion li:hover {
	list-style: square url("../images/bullet_big_act_groc_ple.gif");
}

#arealist_educacion li a {
	text-decoration: none;
	color: #000;
}

#arealist_educacion li a:hover {
	text-decoration: none;
	color: #000;
}

#arealist_juventud li {
	list-style: square url("../images/bullet_big_act_verd.gif");
	margin-bottom: 10px;
}

#arealist_juventud li:hover {
	list-style: square url("../images/bullet_big_act_verd_ple.gif");
}

#arealist_juventud li a {
	text-decoration: none;
	color: #000;
}

#arealist_juventud li a:hover {
	text-decoration: none;
	color: #000;
}

#arealist_turismo li {
	list-style: square url("../images/bullet_big_act_roig.gif");
	margin-bottom: 10px;
}

#arealist_turismo li:hover {
	list-style: square url("../images/bullet_big_act_roig_ple.gif");
}

#arealist_turismo li a {
	text-decoration: none;
	color: #000;
}

#arealist_turismo li a:hover {
	text-decoration: none;
	color: #000;
}

/* final de les llistes de les activitats */

#texte_index li {
	list-style: square url("../images/bullet_big_roig.gif");
}