table.agenda{
	border: solid 2px;
	border-collapse:collapse;
}

table.agenda tr.ag_titulo{
	background-color:#9CC02C;
	height: 25px;
	text-color: #FFFFFF;
	color: #FFFFFF;
	text-align:center;
	font-weight: bold;
}

table.agenda tr.ag_titulo_dia{
	background-image: url('http://juventudtorrox.es/resources/imagenes/calendario/tile.png');
	height: 30px;
	text-color: #FFFFFF;
	color: #FFFFFF;
	text-align:center;
	vertical-align: middle;
}
table.agenda tr.ag_titulo_dia td{
	vertical-align: middle;
}
table.agenda tr td.ag_dia{
	background-color: #DDDDDD;
	border: solid 1px #FFF;
	vertical-align: top;
	height: 50px;
}
table.agenda tr td.ag_dia:hover{
	background-color: #BBBBBB;
}
table.agenda tr td.ag_dia_mes_ant{
	background-color: #F1F1F1;
	border: solid 1px #FFF;
}
table.agenda span.ag_num_dia{
	font-weight: bold;
	font-size: 10px;
	font-color: #29363E;
	color: #29363E;	
	margin: 2px;
}


table.agenda td.ag_semana{
	background-color:#9CC02C;
	text-color: #000000;
	color: #000000;
	width: 2%;
	text-align:center;
	vertical-align: middle;
}
table.agenda div.ag_evento{
	background-color:#FFD36D;
	text-color: #444444;
	color: #444444;
	margin: 2px;
	padding: 2px;
	font-weight:normal;
	font-size: 10px;	
}
table.agenda div.ag_evento:hover{
	text-decoration: underline;	
}
div span.titulo1 {
	font-size: large;
	font-weight: bold;
	color: #003466;
}

.titulo2 {
	font-weight: bold;
	font-size: 16px;
	margin: 10px 0px 4px 0px;
	text-decoration: underline;
	color: #222222;
}

.sub_titulo2 {
	font-weight: bold;
	font-size: 12px;
	margin: 6px 0px 4px 0px;
	color: #222222;
}

.enlace1 a:link, .enlace1 a:visited {
	color: #003466;
	text-decoration: none;
	cursor: pointer;
    font-size: 12px;
    font-weight: bold;
}
.enlace1 a:hover{
	color: #222222;
	text-decoration: underline;
}

.titulo1 {
	font-size: 24px;
	margin: 10px 0px 4px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
.sub_titulo1 {
	font-size: 20px;
	margin: 10px 0px 4px 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

div:hover > .titulo_portada {
	color: #222222;
	text-decoration: underline;
}

.titulo_portada {
	font-weight: bold;
	font-size: 16px;
	margin: 10px 0px 4px 0px;
	color: #333333;
}

/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */

/* ----[ LINKS ]----*/

/* all menu links */
#nav a{
	text-decoration:none;
	display:block;
    font-size: 18px;
	padding:5px 10px 5px 10px;
	margin:0;
	float:left;
}

#subMenusContainer a{
	text-decoration:none;
	display:block;
    font-size:14px;
    margin-left: 5px;
	padding: 6px 15px 6px 5px;
	background-color: #fff ;
	color:#000;
    border-radius: 15px;
    border-bottom: solid 1px #444444;
}



/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus {
	color:#000;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused{
	background-color:#217B81 ;
	color:#FFF;
}

#subMenusContainer a:hover, #subMenusContainer, #subMenusContainer a.subMenuParentBtnFocused{
	background-color:#217B81 ;
	color:#FFF;
}




/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	background: url(http://juventudtorrox.es/resources/imagenes/icon_submenu.png) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	background: url(http://juventudtorrox.es/resources/imagenes/icon_submenu.png) right center no-repeat;  
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
	 
	border: solid 2px transparent;
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{
	border:solid 2px #4D7A37;
    border-radius:10px;
	color:#000;
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}


/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}


/* All submenu OLs and ULs */



/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol elment */
#nav{
	display:block;
	position: absolute;
	list-style:none;
	margin:0 0 0 0;
	z-index:5;
	top:0px;
	left:0%;
	text-align: center;
	display:block;
}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }


/* CSS Document */
* {
	outline: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #111111;
}
a.no_style{
    text-decoration:inherit;
    color:inherit;
    text-color:inherit;
    font-size:inherit;
    font-family:inherit;
    background-color:inherit;
}


#body_prin {
	background-color: #FFFFFF;
    overflow:visible;
    background-position: top center;
    background-attachment: fixed;
	background-image: url(http://juventudtorrox.es/resources/imagenes/fondo.jpg);
	background-repeat: no-repeat;
}

#body_root {
}
#body_inicio {
	position: relative;
	width: 938px;
    margin: auto;
	padding: 0px;
}
#indicator {
	position: absolute;
	left: 375px;
	top: 40px; 
	display: none;
	z-index:1000;
}

#cabecera {
    position:relative;
	margin: auto;
	margin-top: 20px;
	padding: 0px;
    padding-top: 0px;
	color: #555555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    overflow:visible;
    background-position: top center;
	background-image: url(http://juventudtorrox.es/resources/imagenes/cabecera_juventud.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 192px;
	margin: auto;
}

#eslogan {
	position: relative;
	margin-top: 20px;
	margin-left: 20px;
	z-index:1000;
}


#idiomas {
	position: absolute;
	top:18px;
	margin:auto;
	border: solid 0px;
	padding-left: 0px;
	padding-right: 10px;
	cursor: pointer;
	z-index: 1000;
}

#prev_tiempo {
	position: absolute;
	right: 40px;
	top: 73px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #015586;
}
#prev_tiempo_icono { 
	position: absolute;
	right: 15px;
	top: 71px;
}

#contenedor_prin {
	position: relative;
	width: 100%;
	margin: auto;
	border: solid 0px;
}
#contenedor_prin tr td {
	vertical-align: top;
}

#data{
	width: 95%;
	margin: auto;
}

.listado_archivos a:link, .listado_archivos a:visited {
	color: inherit;
	text-decoration: none;
}
.listado_archivos a:hover{
	color: #222222;
}

.fb-like-box {
    background-color:#FFF;
    opacity:0.8;
}



/********************************/
/* MENU_PRIN */
/********************************/

#menu_prin {
    position:relative;
    top: 120px;
}
#menu_prin table tr td{
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#menu_prin table tr td img{
	cursor: pointer;
}
.menu_prin_item{
    cursor: pointer;
}
/* FIN MENU_PRIN */
/********************************/


/********************************/
/* PIE_DE_PÁGINA */
/********************************/
#pie_de_pagina {
	background-image: url(http://juventudtorrox.es/resources/imagenes/pie.png);
	background-repeat:no-repeat;
	background-position: center;
	position: relative;
	margin-bottom: 10px;
	border: solid 0px;
	text-align: center;
	left: 0px;
	width: 100%;
	height: 69px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	z-index: 10;
}
#pie_notas {
	position: relative;
	font-size: 10px;
	text-align: center;
	border: solid 0px;
	margin:auto;
	top: 10px;
	color: #015586;
}

/* FIN PIE_DE_PÁGINA */
/********************************/



/********************************/
/* BUZON DEL CIUDADANO			*/
/********************************/
#buzon_formulario {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	left: 0px;
	top: 10px;
	margin: auto;
	z-index: 1000;
}
#formulario_contacto {
	text-align: center;
}
#formulario_contacto table tr td{
	vertical-align: middle;
}
.con_formulario_label {
	color: #000033;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
}
.con_formulario_text {
	background-color: #F7FAFB;
	border: solid 1px #DDDDDD;
	color: #000033;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.con_formulario_form {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
/* FIN BUZON */
/********************************/

/********************************/
/* CONTENIDO */
/********************************/

#contenido{
    width: 100%;
	min-height: 400px;
}

/* FIN CONTENIDO */
/********************************/


/********************************/
/* REMOOZ */
/********************************/

.remooz-element
{
	cursor:					-moz-zoom-in;
}

/**
 * Box layout
 */

.remooz-box
{
	position:				absolute;
	top:					0;
	left:					0;
	background:				#fff no-repeat center;
	z-index:				100;
}
.remooz-loading
{
	background-image:		url(http://juventudtorrox.es/resources_comun/imagenes/remooz/spinner.gif);
}
.remooz-body
{
	width:					100%;
	height:					100%;
}
.remooz-box-focus.remooz-type-image .remooz-body
{
	cursor:					-moz-zoom-out;
}
.remooz-box-dragging .remooz-body
{
	cursor:					move;
}

/**
 * Close button
 */

.remooz-btn-close
{
	position:				absolute;
	left:					-15px;
	top:					-15px;
	width:					30px;
	height:					30px;
	text-decoration:		none;
	border:					0;
	background:				url(http://juventudtorrox.es/resources_comun/imagenes/remooz/closebox.png) no-repeat center;
	visibility:				hidden;
	cursor:					pointer;
}
.remooz-engine-trident4 .remooz-btn-close
{
	background-image:		url(http://juventudtorrox.es/resources_comun/imagenes/remooz/closebox.gif);
}

/**
 * Caption title
 */

.remooz-title
{
	position:				relative;
	left:					0;
	top:					15px;
	text-align:				left;
}
.remooz-title-bg
{
	position:				absolute;
	left:					0;
	top:					0;
	width:					100%;
	height:					100%;
	background-color:		#000;
	z-index:				99;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	/* shadow opacity differs from box shadow because its default set to opacity 0.8 */
	-webkit-box-shadow:		0 0 10px rgba(0, 0, 0, 0.9);
}
.remooz-title-content
{
	position:				relative;
	padding:				5px 15px;
	color:					#fff;
	z-index:				101;
	font:					11px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.remooz-engine-trident4 .remooz-title-bg
{
	display:				none;
}
.remooz-engine-trident4 .remooz-title-content
{
	background-color:		#333;
}

.remooz-title-content h6
{
	font-size:				1.2em;
	font-weight:			bold;
	color:					#eee;

	margin:0px;
	padding:0px;
}
.remooz-title-content p
{
	color:					#eee;
}

/**
 * Type specific
 */

.remooz-type-image img
{
	display:				block;
	border:					0;
	width:					100%;
	height:					100%;
}

/**
 * Shadow
 */

.remooz-bg
{
	position:				absolute;
	width:					33px;
	height:					40px;
}

.remooz-bg-n
{
	left:					0;
	top:					-40px;
	width:					100%;
	background:				url(http://juventudtorrox.es/resources_comun/imagenes/remooz/remo_bg_n.png) repeat-x;
}
.remooz-bg-ne
{
	right:					-33px;
	top:					-40px;
	background:				url(http://juventudtorrox.es/resources_comun/imagenes/remooz/remo_bg_ne.png) no-repeat;
}
.remooz-bg-e
{
	right:					-33px;
	top:					0;
	height:					100%;
	background:				url(http://juventudtorrox.es/resources_comun/imagenes/remooz/remo_bg_e.png) repeat-y;
}
.remooz-bg-se
{
	right:					-33px;
	bottom:					-40px;
	background:				url(http://juventudtorrox.es/resources_comun/imagenes/remooz/remo_bg_se.png) no-repeat;
}
.remooz-bg-s
{
	left:					0;
	bottom:					-40px;
	width:					100%;
	background:				url(http://juventudtorrox.es/resources_comun/imagenes/remooz/remo_bg_s.png) repeat-x;
}
.remooz-bg-sw
{
	left:					-33px;
	bottom:					-40px;
	background:				url(http://juventudtorrox.es/resources_comun/imagenes/remooz/remo_bg_sw.png) no-repeat;
}
.remooz-bg-w
{
	left:					-33px;
	top:					0;
	height:					100%;
	background:				url(http://juventudtorrox.es/resources_comun/imagenes/remooz/remo_bg_w.png) repeat-y;
}
.remooz-bg-nw
{
	left:					-33px;
	top:					-40px;
	background:				url(http://juventudtorrox.es/resources_comun/imagenes/remooz/remo_bg_nw.png) no-repeat;
}

/* REMOOZ */
/********************************/



/*-----------------------------------------------*/
/* Noticias										 */
/*-----------------------------------------------*/
#menu_noticias {
	position: relative;
	right: 0px;
	padding-top: 10px;
	border: solid 0px;
}
#listado_noticias {
	position: relative;
	border: solid 0px;
	width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
    left: 0px;
}
.noticias_listado{
    cursor:pointer;
    height:110px;
    overflow:hidden;
    padding-top:8px;
    line-height:17px;
    font-size:14px;
    text-align:justify;
}
.noticias_listado:hover > .noticias_titulo_listado{
    font-size: 16px;
    padding: 0px 0px 5px 0px;
	color: #222;
	font-weight: bold;
	color: #000080;
    cursor: pointer;
}
.noticias_titulo_listado{
	font-size: 16px;
    padding: 0px 0px 5px 0px;
	color: #222;
	font-weight:bold;
	color: #003466;
    text-align:left;
    font-family:'century gothic',verdana,arial,helvetica,sans-serif;
}
.noticias_leer_mas{
	cursor:pointer;
	position:relative;
	float:right;
	width: 150px;
	height: 20px;
	top:-10px;
	color: #000080;
	background-image: url('http://juventudtorrox.es/resources/imagenes/b_leer.png');
}
.noticias_leer_mas_hover{
	cursor:pointer;
	position:relative;
	float:right;
	top:-10px;
	width: 150px;
	height: 20px;
	color: #BA2828;
	background-image: url('http://juventudtorrox.es/resources/imagenes/b_leer_hover.png');
}
.noticias_bottom{
	border-bottom: dotted 1px;
	position: relative;
	margin: auto;
	font-size: 12px;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 6px;
	width: 100%;
	height: 0px;
}
.noticias_head{
	border-bottom: dotted 1px;
	position: relative;
	margin: auto;
	font-size: 18px;
	padding: 0px;
	padding-top: 4px;
	padding-bottom: 5px;
    margin-bottom: 20px;
	width: 100%;
	height: 18px;
}
.noticias_volver{
	cursor:pointer;
	text-align:right;
	color: #000000;
	float:right;
}
.noticias_volver_hover{
	cursor:pointer;
	text-align:right;
	color: #000080;
	float:right;
}

.noticias_pag{
	cursor:pointer;
	color: #000000;
}
.noticias_pag_hover{
	cursor:pointer;
	font-weight: bold;
	color: #BA2828;
}

#cont_menu_noticias {
	position: relative;
	margin: auto;
	top: 20px;
	text-align: left;
	font-size: 12px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: solid 0px;
	width: 100%;
}
/*-----------------------------------------------*/
/* Tips											 */
/*-----------------------------------------------*/
.tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
}

.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(http://juventudtorrox.es/resources/imagenes/bubble.png) top left;
}

.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(http://juventudtorrox.es/resources/imagenes/bubble.png) bottom right;
}

/*-----------------------------------------------*/
/* Juventud     								 */
/*-----------------------------------------------*/
#juventud_portada {
    position:relative;
    width:100%;
    margin-top: 10px;
    martin-bottom: 10px;
}

.box_menu {
    margin-top:10px;
    width: 936px;
    padding: 5px 0px 5px 0px;
    border:solid 1px #4D7A37;
    background-image: url(http://juventudtorrox.es/resources/imagenes/bg_box_menu.png);
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #111111;
    font-size: 16px;
    font-weight: bold;
    
}

.box_1 {
    width: 100%;
    padding: 0px 0px 0px 0px;
    border:solid 1px #4D7A37;
    background-image: url(http://juventudtorrox.es/resources/imagenes/bg_box.png);
}

.linea_corta{
    height: 7px;
    width: 205px;
    margin: auto;
    background-image: url(http://juventudtorrox.es/resources/imagenes/linea_corta.png);
}
.linea_larga{
    height: 10px;
    width: 640px;
    margin: auto;
    background-image: url(http://juventudtorrox.es/resources/imagenes/linea_larga.png);
}


#kwick        { width:235px; }
#kwick .kwicks       { height:80px; list-style-type:none; margin:0; padding:0; }
#kwick li       { margin: 0px 0px 0px 0px}
#kwick .kwick       { display:block; cursor:pointer; overflow:hidden; height:80px; width:235px; }
#kwick .kwick span     { display:none; }

#kwick .k_juventud_1      { background:url(http://juventudtorrox.es/resources/imagenes/kwick_revista.jpg) no-repeat; }
#kwick .k_juventud_2       { background:url(http://juventudtorrox.es/resources/imagenes/kwick_carnet_joven.jpg) no-repeat; }
#kwick .k_juventud_3       { background:url(http://juventudtorrox.es/resources/imagenes/kwick_actividades.jpg) no-repeat; }
#kwick .k_juventud_4       { background:url(http://juventudtorrox.es/resources/imagenes/kwick_formacion.jpg) no-repeat; }
#kwick .k_juventud_5       { background:url(http://juventudtorrox.es/resources/imagenes/kwick_concursos.jpg) no-repeat; }