/* Estilos Agenda */

/* para desplegar mas info TEST */
.desplegable {
	display:none;
}

html {
	margin:0px;
	padding:0px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin:0px;
	padding:0px;
	color:#333333;
	scrollbar-base-color: #F5821F;;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #eeeeee;
	
	
}

/* #top {
	display:block;
	background-color:#eeeeee;
	height:50px;
	
	margin:0px;
	padding:0px;	
	
	}


/*

/* titulo general */

h1 {
	margin:0 0 0.5em 0;
	padding:0.7em 0 0 3em;
	font-size:200%;
	color: #666666;
	margin:0 0 0.5em 0;
	background-image:url(../barrasuperior/imagenes/agenda_out.png);
	background-repeat:no-repeat;
	height: 45px;
	background-position:10px 7px;
	border-bottom: 2px solid #cccccc;
	
	
	
} 

/* calendario, categorias grandes */

h2 {
	font-size:140%;
	margin:0px 0px 2px 0px;
	color:#FFFFFF;
	text-align:right;	
	padding: 12px 20px 8px 0px;	
	background-color:#999999;
	
}

/* días */

h3 {
	background-color: #EE9041; 
	color:#FFFFFF;
	font-size:115%;
	font-weight:bold;
	padding:5px 0px 6px 20px;
	margin:0px;
	clear:both;
	
}
	
/* titulos actividad */

h4 {
	font-size:110%;
	font-weight:bold;
	color:#666666;
	margin:1em 0 0.7em 0;
	padding:4px 6px 4px 10px;
	border-top: 2px solid #cccccc;
	background-color: #eeeeee; /* #F9F5EE;	 */
}


/* datos utiles */

h5 {
	font-size:100%;
	font-weight:bold;
	margin:0px 0px 2px 0px;
	padding:2px 8px 2px 6px;
	color:#666666;
	
}

/* bannercitos */

.banner {
	float: right;
	margin:10px;
}

/* Párrafos comunes */

p {
	margin:0px 0px 8px 0px;
	display:block;
}

/* Vínculos */

a:link {
	text-decoration:none;
	color:#EE9041;
}

a:hover {
	text-decoration:none;
	color:#666666 ;
	
}

a:visited {
	text-decoration:none;
	color: #F5821F;
	clear: both;
}

/* Párrafos con vinieta */

.vinieta {
	text-indent:1.4em;
	text-align:left;
	padding: 0px 6px 0px 0px;
	margin: 0px 0px 8px 0px;
	background-image: url(../estilos/imagenes/circulito.png);
	background-repeat:no-repeat;
	background-position: 0 2px;
	line-height: 110%;
}
	
/* para los "arriba" usar con DIV  ( no con P )  */



/* calendario */ 

#calendario {
	margin: 0px 8px 0px 8px;
	padding: 0;
}

#calendario table {
	margin:6px 0px 6px 0px;
	text-align:center;
	width:230px;
	border:none;
	font-size:110%;
	
}

#calendario table caption {
	color:#990000;
}


#calendario table thead {
	border-bottom:1px solid #666666 !important;
}

/* nombres de los dias */

#calendario table th {
	color:#666666;
	padding:2px;
	font-weight: bold;
}

#calendario table th {
	color:#666666;
	padding:2px;
	font-weight: bold;
	border-bottom:1px solid #999999;
	
}
/* Celdas indivuduales */

#calendario table td a {
color:#666666;
}

#calendario table td a:hover{
	font-weight:bold;
}



/* dias feriados */
.feriado {
	background-color: #eeeeee;
	color:#EE9041;
}

.feriado a {
	background-color: #eeeeee;
	color:#EE9041;
}

.feriado a:hover {
	font-weight:bold;
}


	

/* logo del MR */

#logopie {
	text-align: center;
	font-size:80%;
	width: 230px;
	margin: 10px 0 0 5px;
	
}

#logopie a {
	background-image:url(imagenes/logo_agenda.png);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	height:46px;
}

#logopie a:hover {
background-image:url(imagenes/logo_agenda_over.png);

}

/* Menú principal a la derecha */
	
#menu {
	width: 230px;
	margin:0px 10px 5px 10px;
	font-size: 110%;
}

#menu ul {
	list-style:none;
	margin:5px 5px 4px 0px;
	padding:0px;
	font-size:90%;
	font-weight:bold;
}

#menu ul li {
	margin:0;
	padding:0;
	border-bottom:1px solid #dddddd;
}

#menu ul li a{
	display:block;
	padding:7px 4px 3px 8px;
	text-decoration:none;
	color:#F5821F;
	position: relative;
	z-index: 1;
	background-color: #ffffff;
}

#menu ul li a:hover{
	color:#333333 !important;
	background-color: #eeeeee !important;
}




/* Div de la izquierda scrolable */
	
#contenido {
	float:left;
	overflow: auto;
	width:430px;
	height:400px;
	padding:0px 20px 10px 20px;
}

#contenido img{
	float: right;
	margin:6px;

}

#contenido .galeria {
	border:1px solid #333333;
	clear:both;
	float: right;
	padding:0;
	margin:0 0 0.5em 1em;
}

#contenido .galeria img {
	clear:both;
	float: none;
	margin:0;
	padding:0;
	border:5px solid #eeeeee;

}

#contenido .galeria a {
	
	background-color:#eeeeee;
	display:block;
	/*  width:100%;  */
	padding:0;margin:0;
}

#contenido .galeria a:hover {	
background-color:#cccccc;	
}

#contenido .galeria a span {
	
background-repeat:no-repeat;
background-image: url(imagenes/galeria_chica.png);
background-position:2px 2px;
margin:0.2em;
padding:0.2em;
text-indent:2em;
display:block;

}


#colder {
	float:right;
	width: 240px;
	margin:0px 5px 0px 0px;
	_margin:0px;
}



/* estilos INLINE ( para destacar dentro de los párrafos ) */

.destacado {
	font-weight:bold;
	color: #F5821F;
}

.titulodestacado {
	font-weight:bold;
	color: #F5821F;
	font-size: 110%;
}

.masinfo {
	background-color:#eeeeee;
	margin: 20px 0px 20px 0px;
	padding:0.1em 0.2em;
	display:block;
	clear:both;
	
	
}

/********************/
.arriba {
	
	margin: 20px 0px 20px 0px;
	padding:0px 0px 4px 0px;
	display:block;
	text-align:right;
	
	
}

.arriba a {
	background-repeat: no-repeat;
	background-image: url(../estilos/imagenes/arriba_out.png);
	background-position: right;
	padding: 1px 16px 0px 0px;
	
}

.arriba a:hover {
	background-image: url(../estilos/imagenes/arriba_over.png);
	color:#999999 !important;
}

strong {
	color:#666666;
}

/***********************/





/* Equipo Web 2006 - MR */