/* Hoja de estilo para la web Murcia Total del Inst. de la Juventud de Murcia. 	*/
/* diseñada por jEsuSdA para Krealia Comunicacion				*/
/* Noviembre 2005								*/

/*-------------------------- ESTILOS IMPORTADOS --------------------------------*/

/*@import "X.css";*/

/*------------------------ ESTILOS DE PÁGINA -----------------------------------*/

html
{
	margin:0;
	padding:0;
}

body
{
	margin:0;
	padding:0;	
	color:#000;
	background:url(pics/back_main.jpg) left top repeat-x #ffde00;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:73%;
}

a
{
	text-decoration:none;
}

a:hover
{
	color:#b42008;
	text-decoration:underline;
}

hr
{
	border:0.1em solid #B41808;
}

img
{
	border:0;
}

h2
{
	display:block;
	padding:0.3em 0em 0em 1.2em;
	background:url(pics/gfx_dot01.gif) 0% 85% no-repeat;
	font-size:150%;
	font-weight:bolder;
	text-decoration:none;
	text-transform:uppercase;
}

h3 , h4 , h5
{
	padding-left:1.5em;
	text-transform:uppercase;
	background:url(pics/gfx_dot01.gif) 0.3em 85% no-repeat;
}

h3{	font-size:120%;}
h4{	font-size:115%;}
h5{	font-size:110%;}


/*--------------------------------------------------------------------------*/
/*--------------------------- ESTILOS INDEX --------------------------------*/
/*--------------------------------------------------------------------------*/
#index-container
{
	color:#000;
	background:url(pics/back_bottom-index.gif) center bottom no-repeat #fff;
 	width:742px;
	height:auto;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	
min-height:44.5em;

	

}

#index-top
{
	color:#000;
	background:url(pics/back_top-index.gif) center top no-repeat;
	height:15px;
	overflow:hidden;
}

#index-bottom
{
	margin:0;
	padding:0;
	color:#000;
	background:url(pics/back_bottom-index.gif) center bottom no-repeat;
	height:7px;
	display:block;
}

#index-menu
{
	text-align:center;
	width:165px;
	float:left;
}

#index-content
{
	background:url(pics/back_top-tarjeta.jpg) left top no-repeat;
	width:570px;
	margin-left:166px;
	padding-bottom:2em;
}


/*--------------------------------------------------------------------------*/
/*--------------------------- ESTILOS 2º NIVEL -----------------------------*/
/*--------------------------------------------------------------------------*/
#container
{
	color:#000;
	background:url(pics/back_bottom-index.gif) center bottom no-repeat #fff;
	width:742px;
	min-height:44.5em;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

#container a
{
	color:#b41a07;
}

#container a:hover
{
	color:#FF8639;
/*	text-decoration:none;*/
}

/*------------------- MODULO MENU --------------------------------*/

#menu 
{
	margin:1em 0em 2em 0em;
}

#menu a
{
	font-family:Arial,Verdana,Helvetica,sans-serif; 
	color:#000;
	text-decoration:none;
	font-weight:bolder;
}

#menu a:hover
{
	color:#b42008;
	text-decoration:underline;
}

#menu ul
{
	text-align:left;
	margin:0;
	padding:0 0 0 0.5em;
}

#menu li
{
	list-style-type:none;
}

#menu .link1 , .link2 , .link3 , .link4
{
	padding:0.5em 0em 0.5em 2.2em;
}

.link1{
	background:url(pics/ico_des.gif) left center no-repeat;
}
.link2{
	background:url(pics/ico_tgt.gif) left center no-repeat;
}
.link3{
	background:url(pics/ico_act.gif) left center no-repeat;
}
.link4{
	background:url(pics/ico_ij.gif) left center no-repeat;
}



/*-----------------------------------------------------------------*/
#index-banner
{
	padding-top:120px;
}


/*------------------- MODULOS LOGIN y MENU ZONA PERSONAL --------------------------------*/
#menupersonal  
{
	display:block;
	text-align:left;
	margin: 0 0 0 0.3em;
	border-bottom:2px solid #b41808;

}

#menupersonal  strong
{
	display:block;
	text-align:center;
	border-bottom:2px solid #b41808;
}

#menupersonal  ul
{
	margin-top:1em;

}

#menupersonal li
{
	margin-left:-1em;
	padding-left:0;
	list-style-image:url(pics/gfx_dot02.gif);
}




#login
{
	margin-top:1em;
}


#login form
{
	margin:0em 1em 0em 1em;
	border:2px solid #b41a07;
}


#login p
{
	margin:0.3em 0em 0.2em 0em;
	padding:0;
}

#login .inputtext
{
	font-size:1em;
	display:block;
	margin:auto;
	border:0.1em solid #000;
	width:8em;
}

#login .inputbutton
{	
	display:block;
	margin:0.5em auto 0.5em auto;
	font-size:1em;
	background:url(pics/back_button.gif) top left repeat #b41a07;
	border:1px solid #000;
	color:#fff;
}

/*------------------- MODULO NOTICIAS --------------------------------*/
#noticias
{
	margin:-0.9em 1.5em 0em 0em;
	padding:0em 0em 0em 0em;
	display:block;
}

#noticias.index
{
	background: url(pics/back_noticias.gif) bottom right no-repeat #fff;
}

#noticias dl.destacado
{
	border:3px solid #b41a07;
	background:url(pics/back_destacado.gif) top left no-repeat;
}

#noticias dl.semidestacado
{
	border-bottom:3px solid #f90;
	background:url(pics/back_semidestacado.gif) top left no-repeat;
}

#noticias dl.semidestacado-list
{
	padding-top:1em;
	border:3px solid #f90;
	background:url(pics/back_semidestacado-list.gif) top left no-repeat;
}

#noticias dt
{
	margin:0;
	padding:0em 0em 0em 3em;
	line-height:1em;
	font-weight:bold;
}

#noticias dd
{
	margin:0.5em 0em 0.7em 0.3em;
	padding:0em 1em 0em 3em;
	height:auto;
	min-height:6em;
	font-size:90%;
}

#noticias dt a
{
	color:#000;
	background-color: transparent;
	text-decoration:none;
	text-transform:uppercase;
}

#noticias dt a:hover
{
	color:#FF8639;
	text-decoration:underline;
}

#noticias dd img
{
	float: left;
	margin:-1.5em 1em 0em 0em;
	padding:1.5em 0em 0em 0em;
	vertical-align: middle;
	line-height: 100%;
}

#noticias .fechanoticia
{
	font-weight:bold;
	font-style:italic;
}

#noticias .cierre
{
	
	margin:0em 0em 0em 0em;
	padding:0.3em 2em 0.3em 0em;
	text-align:right;
	font-size:1em;
	font-weight:bolder;
	text-decoration:none;
	background:url(pics/ico_info.gif) center right no-repeat;

}

#noticias .cierre a
{
	color:#b41a07;
}

#noticias .cierre a:hover
{
	color:#FF8639;
	text-decoration:underline;
}



/*------------------- MODULO MIGAS DE PAN --------------------------------*/
#migaspan
{
	display:block;
	margin:0.5em 2em 0em 0em;
	padding-left:0.5em;
	border-bottom:0.2em solid #b41808;
	font-size:90%;
	font-weight:bolder;
	text-transform:lowercase;

}

#migaspan a
{
	text-decoration:none;
}

#migaspan a:hover
{
	text-decoration:underline;
}

#migaspan .migaspansep
{
	font-size:50%;
	font-weight:bolder;
}


/*-----------------------  PÁGINA GENÉRICA  -----------------------------*/

#gen
{
	display:block;
	margin:0em 2em 0em 0em;
	min-height:29.5em;

}


#gen ul
{
	list-style-image:url(pics/gfx_dot02.gif);
}

#gen img
{
	margin:auto;
	text-align:center;
	display:block;
	padding:5px;
/* 	border:1px solid #b41808; */
	border:0;

}

#gen img.float-left
{
	margin:1em 1em 0.5em 0.5em;
	float:left;
}
	
#gen a
{
	font-weight:bolder;
}

#gen a:hover
{
	text-decoration:underline;
}



#gen table
{
	width:100%;
	margin:auto;
	border:1px solid #b41808;
	
}

#gen td img
{
	border:0;
}

#gen caption
{
	margin:auto;
	padding:0.2em;
}

#gen td
{

	margin:0;
	padding:0.5em;
	border:1px solid #ffefd6;
}

#gen th
{
	text-align:center;
/*	border-left:1px solid #ff9900;
	border-right:1px solid #ff9900;*/
	background-color:#ffefd6;
}

#gen caption
{
	font-size:90%;
	font-weight:bolder;
	color:#fff;
	background-color:#b41808;
}



#gen .button-apuntate
{
	color:#fff;	
	text-align:center;
	vertical-align:middle;
	background:url(pics/back_button_apuntate.gif) center center no-repeat;
	padding:1em;
	font-size:1.5em;
}
#gen .button-apuntate a
{
	color:#fff;
}
#gen .button-apuntate a:hover
{
	color:#ffca00;
	text-decoration:none;
}

#gen .align-center
{
	text-align:center;
}

#gen h2.link1 , h2.link2 , h2.link3 , h2.link4
{
	padding-left:1.6em;
}


#gen .personal-actividades
{
	text-align:center;
}

#gen .preinscrito
{
	color:#ffa800;
}

#gen .aceptado
{
	color:green;
}

#gen .cancelado
{
	color:red;
}


/*------------------- FORUMULARIO DE ALTA -------------------------------------*/



#formalta fieldset
{
	margin-top:2em;
	padding:0em 2em 2em 2em;
	border: solid #b41808;
}

#formalta input
{
	border: 1px solid #b41808;
}

#formalta label
{
	display:block;
}


#formalta #nombre ,#formalta #apellidos ,#formalta #email ,#formalta #ocupaciondesc ,#formalta #direccion-p ,#formalta #direccion-h
{
/* 	margin-left:1em; */
	display:block;
 	width:99%;
}

#formalta #nif
{
 	width:8em;
}

#formalta #nif-let
{
 	width:1em;
}

#formalta #dia , #formalta #mes
{
 	width:2em;
}

#formalta #anno
{
 	width:4em;
}

#formalta #codigopostal-h ,#formalta #codigopostal-p
{
	width:5em;
}

#formalta input
{
	left:10em;
}




/*------------------- MODULO AGENDA -------------------------------------*/



#agenda
{
	display:block;
	margin:auto;
	min-height:29.5em;
}

#agenda p
{
	
	margin:0em 1.5em 1em 1em;
}

/*------------------- submodulo actividades --------------------------------*/


#colright
{
	float:right;
	width:14em;
	overflow:hidden;
	border:0;
}

#colleft
{
	padding-right:15em;
	border:0;
}


#listado-actividades h3
{
	background-image:none;
	padding-left:0;
}

#listado-actividades ul
{
	padding:0em 0em 0em 1em;
	margin:0em 0em 0em 1em;
}

#listado-actividades img
{

	margin-bottom:-0.3em;
	margin-right:0.5em;
}

#listado-actividades li
{
	list-style-image:url(pics/gfx_dot02.gif);
}


/*------------------- submodulo calendario -------------------------------------*/


#calendario
{
	text-align: center;
}

#calendario table , caption
{
	margin:auto;
}

#calendario form
{
	margin:0; padding:0;
}

.dia-actual
{
	color:#fff;
	background: #b41808;
}

.dia-ocupado
{
	background: #e6d6d5;

}


/*------------------- MODULO FOOT -------------------------------------*/
#foot
{
	text-align:center;
	
}

#foot .copyright
{
	margin:0;
	padding:0;
	font-size:75%;
}

#foot .links
{
	margin:0;
	padding:0;
	font-size:90%;
}

#foot .links a
{
	color:#b41a07;
}

/*------------------- MODULO VOLVER A ARRIBA ---------------------------*/

#volverarriba
{
	display:block;
	margin:auto;
	padding-bottom:2em;
	text-align:center;
}

#volverarriba a
{
	font-weight:bolder;
	text-decoration:none;
}

#volverarriba a:hover
{
	border-bottom:0;
}


/*-----------------------  MÓDULO PAGINADOR  -----------------------------*/

#paginador
{
	margin:0em 1.5em 0em 0em;
	display:block;
	text-align:center;
}

#paginador p
{
	margin:0;
}

#paginador a
{
	font-weight:bolder;
}

#paginador .list-primeras
{
	background: url(pics/ico-primeras.gif) left center no-repeat;
	padding-left:1.2em;
}

#paginador .list-anteriores
{
	background: url(pics/ico-anteriores.gif) left center no-repeat;
	padding-left:1.2em;
}

#paginador .list-siguientes
{
	background: url(pics/ico-siguientes.gif) right center no-repeat;
	padding-right:1.2em;
}

#paginador .list-ultimas
{
	background: url(pics/ico-ultimas.gif) right center no-repeat;
	padding-right:1.2em;
}

/*------------------- CLASES GENERALES --------------------------------*/

.inputbutton
{	
	display:block;
	margin:0.5em auto 0.5em auto;
	font-size:1em;
	background:url(pics/back_button.gif) top left repeat #b41a07;
	border:1px solid #000;
	color:#fff;
}

.display-none
{
	display:none;
}

.align-center
{
	display:block;
	margin:auto;
	text-align:center;
}

.border-none
{
	border:0;
}

img .border-none
{
	border:0;
}

.inputbutton
{	
	display:block;
	margin:0.5em auto 0.5em auto;
	font-size:1em;
	background:url(pics/back_button.gif) top left repeat #b41a07;
	border:1px solid #000;
	color:#fff;
}


.obligatorio
{
	color:red;
	font-weight:bolder;
	font-size:130%;
}

.error
{
	
	color:red;
	font-weight:bolder;
}




.block
{display:block;}

.inline
{display:block;}