/* CSS Document */

/*
COLORES
	azul oscuro: #1E4362
	azul medio: #649ED0
	azul claro: #B3CEE8
	naranja: #FF6600
*/

*{margin: 0; padding: 0;}
img{border: none;}

body{text-align: center; background-color: #B3CEE8 ; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; color:#1E4362;}

div.clear{clear: both;}

h1{font-size: 1.4em; text-align: left; color: #FF6600; font-weight: bold; padding: 0 0 2px 0; margin: 0 0 5px 0; border-bottom: 1px solid #FF6600;}
h2{font-size: 1.3em; text-align: left; color: #FF6600; font-weight: bold; padding: 0 0 2px 0; margin: 0 0 5px 0; border-bottom: 1px solid #FF6600;}
h2.titulocuerpo{font-size: 1.2em; text-align: left; color: #1E4362; font-weight: bold; padding: 0 0 2px 0; margin: 0 0 5px 0; border:none; background-color:#E4EEF8; padding: 3px;}
h3.documentos{float: left; width: 95%;font-size: 1.2em; text-align: left; color: #1E4362; font-weight: bold; border-bottom: 1px solid #1E4362; background: url(../images/docs.gif) no-repeat left top; padding: 7px 0 1px 25px; margin: 0 0 5px 0;}
h3.enlaces{float: left; width: 95%;font-size: 1.2em; text-align: left; color: #1E4362; font-weight: bold; border-bottom: 1px solid #1E4362; background: url(../images/enlaces.gif) no-repeat left top; padding: 0 0 0 25px; margin: 0 0 5px 0;}
h3.galeria{float: left; width: 95%;font-size: 1.2em; text-align: left; color: #1E4362; font-weight: bold; border-bottom: 1px solid #1E4362; background: url(../images/galeria.gif) no-repeat left top; padding: 6px 0 1px 25px; margin: 0 0 5px 0;}

label{margin: 0 5px 5px 0; font-weight: bold;}
input, select, textarea {margin: 5px 0 5px 0; font-size: 1em; color: #1E4362; vertical-align: middle;}

#contenedor{margin: 0 auto; width: 950px; background: #fff url(../images/fondomenu.gif) repeat-x left 83px; min-height: 900px; _height: 900px; overflow: auto; _overflow: none; padding: 0 0 10px 0;}

/*-----------------------------------------LATERAL----------------------------------------------------------*/

#lateral{float: right; width: 226px; _width: 216px; background: #649ED0 url(../images/fondolateral.jpg) repeat-x left top; min-height: 878px; _height: 878px; margin: 15px 28px 0 0; _margin: 15px 14px 0 0; padding: 0 0 5px 0;}
ul.idiomas{float: left; width: 226px; _width: 211px; background: url(../images/fondoidiomas.jpg) no-repeat left top; padding: 12px 0 10px 15px; margin: 0 0 5px 0;}
ul.idiomas li{color: #fff; border-right: 1px solid #fff; text-align: left; list-style: none; display: inline; padding: 0 5px 0 5px;}
ul.idiomas li a{color: #fff; text-decoration: none;}
ul.idiomas li a:hover{color: #000; text-decoration: none;}
ul.idiomas li.sinborde{border-right: 1px solid transparent;}

#buscadorlateral{float: left; border-bottom: 1px dotted #fff; width: 226px; _width: 211px; margin: 0 0 10px 0; padding: 0 0 10px 0;}
#buscadorlateral input.bt_buscar{background: url(../images/fondodesplegables.jpg) repeat-x left top; color: #1E4362; font-weight: bold; text-align: center; border: none; width: 69px; cursor: pointer; font-size: 12px; padding: 1px 0 2px 0; *padding: 2px 0 2px 0 !important; float: left; margin: 0 0 5px 10px; border: 1px solid #1E4362;}
#buscadorlateral label{float: left; width: 80px; color: #1E4362; text-align: left; margin: 0 5px 5px 10px;}
#buscadorlateral input{float: left; border: 1px solid #1E4362; margin: 0 0 5px 0; width: 205px;}

div.cuadrolateral{float: left; width: 208px; background: url(../images/esquinasup.gif) no-repeat left top; margin: 0 0 5px 9px; _margin: 0 0 5px 5px;}
div.cuadrolateralcuerpo{float: left; border-right: 1px solid #68A0D1; border-left: 1px solid #68A0D1; width: 206px; background-color: #FFFFFF; margin: 8px 0 0 0;}
div.cuadrolateralcuerpo h2{font-size: 1.2em; text-align: left; color: #1E4362; font-weight: bold; padding: 6px 0 6px 36px; margin: 0 0 0 4px; border: none;}
div.cuadrolateralcuerpo h2.detalle{background: url(../images/tit_detalle.jpg) no-repeat left top;}
div.cuadrolateralcuerpo h2.agenda{background: url(../images/tit_agenda.jpg) no-repeat left top;}
div.cuadrolateralcuerpo h2.enlaces{background: url(../images/tit_enlaces.jpg) no-repeat left top;}
div.cuadrolateralcuerpo h2.herramientas{background: url(../images/tit_herramientas.jpg) no-repeat left top;}
div.cuadrolateralcuerpo ul{margin: 3px 5px;}
div.cuadrolateralcuerpo ul li{list-style: none; display: block; border-bottom: 1px dotted #B3CEE8;color: #1E4362; text-align: left; padding: 2px 0;}
div.cuadrolateralcuerpo ul li a{color: #1E4362; text-decoration: none;}
div.cuadrolateralcuerpo ul li a:hover{color: #FF6600; text-decoration: none;}
span.fecha{font-size: 0.9em; color: #FF6600; text-align: left;}
span.fecha a{color: #FF6600; text-decoration: none;}
span.fecha a:hover{font-size: 0.7em; color: #1E4362; text-decoration: none;}
div.cuadrolateralpie{float: left; width: 208px;}
div.cuadrolateralpie img{float: left;}

img.evangelio{float: left; margin: 0 5px 5px 9px; _margin: 0 5px 5px 9px;}

/*div.cuadrolateralcuerpo ul.herramientaslista{float: left; margin: 4px 0 4px 20px; _margin: 4px 0 4px 10px; text-align: center;}
div.cuadrolateralcuerpo ul.herramientaslista li{height:40px;float: left; list-style: none; display: inline; color: #666;  font-size: 1em; border: none; width: 60px; text-align: center; padding: 32px 0 0 0; margin: 5px 25px 5px 0;}
div.cuadrolateralcuerpo ul.herramientaslista li a{color: #666; text-decoration: none;}
div.cuadrolateralcuerpo ul.herramientaslista li a:hover{color: #333; text-decoration: none;}
div.cuadrolateralcuerpo ul.herramientaslista li.correo{background: url(../images/ico_correo.gif) no-repeat center top;}
div.cuadrolateralcuerpo ul.herramientaslista li.config{background: url(../images/ico_conf.gif) no-repeat center top;}
div.cuadrolateralcuerpo ul.herramientaslista li.ayuda{background: url(../images/ico_ayuda.gif) no-repeat center top;}
div.cuadrolateralcuerpo ul.herramientaslista li.intranet{background: url(../images/ico_intranet.gif) no-repeat center top;}*/

div.cuadrolateralcuerpo ul.herramientaslista{float: left; margin: 4px 0 4px 25px; _margin: 4px 0 4px 15px; text-align: center;}
div.cuadrolateralcuerpo ul.herramientaslista li{height:60px; float: left; list-style: none; display: inline; color: #666; font-variant: small-caps; font-size: 1em; border: none; width: 60px; text-align: center; padding: 0; margin: 5px 25px 5px 0;}
div.cuadrolateralcuerpo ul.herramientaslista li a{color: #666; text-decoration: none;}
div.cuadrolateralcuerpo ul.herramientaslista li a:hover{color: #333; text-decoration: none;}

/*-----------------------------------------/LATERAL----------------------------------------------------------*/

/*-----------------------------------------CABECERA----------------------------------------------------------*/

#cabecera{float: left; background: #fff url(../images/cabecera.jpg) no-repeat 260px top; width: 694px; text-align: left; margin: 0 0 17px 0;}
img.logo{float: left; margin: 5px;}
h1.nombrecolegio{float: left; font-size: 1.7em; color: #1E4362; font-weight: bold; border: none; font-family: "Arial Black", Arial, Helvetica, sans-serif; margin: 45px 0 0 0;}
ul.menusup{float: right; margin: 64px 5px 0 0; *margin: 67px 5px 0 0 !important; list-style: none; display: inline;}
ul.menusup li{color: #1E4362; border-right: 1px solid #1E4362; text-align: left; list-style: none; display: inline; padding: 0 5px 0 5px;}
ul.menusup li a{color: #1E4362; text-decoration: none;}
ul.menusup li a:hover{color: #FF6600; text-decoration: none;}
ul.menusup li.sinborde{border-right: 1px solid transparent;}

#menu{float: left; text-align: center; width: 694px; margin: 0 0 17px 0;}
#menu ul{text-align: center; width: 412px; margin: 0 auto;}
#menu ul li{list-style: none; display: inline; background: url(../images/bullet.gif) no-repeat left 5px; padding: 0 3px 0 11px; color: #fff; letter-spacing: 1px;}
#menu ul li a{color: #fff; text-decoration: none;}
#menu ul li a:hover{color: #FF6600; text-decoration: none;}

div.descolegio{float: left; width: 696px; background-color:#E4EEF8; text-align: left; }
div.fotocolegio{float: left; /*width: 376px; height: 138px; overflow: hidden; */margin: 0 10px 0 0; }
div.descolegio p{float: left;*float:none !important; font-size: 1em; width: 300px; text-align: justify; margin: 5px 0; }

ul.submenu{float: left; /*width: 300px;*/ text-align: left; padding: 7px 5px; margin: 0 0 5px 0; }
ul.submenu li{color: #1E4362; font-weight: bold; display: block; list-style: none; background: url(../images/flecha.gif) no-repeat left 4px; padding: 2px 0 2px 15px;}
ul.submenu li a{color:#1E4362; text-decoration: underline;}
ul.submenu li a:hover{color:#1E4362; text-decoration: none;}

/*-----------------------------------------/CABECERA----------------------------------------------------------*/

/*-----------------------------------------CENTRO----------------------------------------------------------*/

div.migas{float: left; text-align: left; background-color: #1E4362; width: 692px; padding: 3px 0 3px 4px; margin: 0 0 10px 0; color: #fff; border-top: 1px solid #FF6600;}
div.migas a{color: #fff; text-decoration: none;}
div.migas a:hover{color: #649ED0; text-decoration: none;}

div.bloqueizq{float: left; margin: 0 0 0 10px; border-right: 1px dotted #B3CEE8; width: 205px; padding: 0 10px 0 0; min-height:441px; _height:441px;}
div.bajo{float: left; margin: 5px 0 0 0;}
div.fotocolegio2{float: left; width: 205px; height: 82px; overflow: hidden; margin: 0 0 5px 0; text-align: left;}
p.presentacion{float: left; text-align: justify; margin: 0 0 10px 0;}

div.contacto{float: left; width: 205px; text-align: left;}
div.contacto p.colcont{color: #ff6600; text-align: left; font-weight: bold; margin: 1px 0 5px 0;}
div.contacto span.contcol{float: left; background-color: #E4EEF8; padding: 4px 2px; margin: 0 5px 0 0; width: 125px;}
div.contacto th{background-color: #E4EEF8; padding: 1px;}
div.contacto td{padding: 1px 2px;}
div.contacto table{float: left; widht: 99%; border-collapse: collapse; text-align: left;}


div.bloquedcha{float: left; width: 440px; padding: 0; margin: 0 0 0 10px; min-height:441px; _height:441px;}

div.buscador{float: left; width: 98%; background: #669FD0 url(../images/fondodesplegables.jpg) repeat-x left top; border-top: 6px solid #1E4362; padding: 0 5px 0 5px; _padding: 0 5px 5px 5px; text-align: left; margin: 0 0 8px 0;}
div.buscador h2{color: #1E4362; text-align: left; border: none; margin: 3px 0 2px 0; font-size: 1.2em;}

div.buscador ul{float: left; display: block; text-align: left; list-style: none; margin: 5px;}
div.buscador ul li{color: #1E4362; margin: 0 0 2px 0; display: block; font-weight: bold;}
div.buscador ul li a{color: #1E4362; text-decoration: none;}
div.buscador ul li a:hover{color: #fff; text-decoration: none;}


div.buscador ul li.sub1on{background: url(../images/flecha4.gif) no-repeat left 6px; padding: 2px 0 2px 8px; margin: 0 0 0 2px;}
div.buscador ul li.sub1on a{color:#1E4362; text-decoration: none;}
div.buscador ul li.sub1on a:hover{color:#FF6600; text-decoration: none;}


div.buscador ul li.sub2{list-style: none; display: block; background: url(../images/bullet2.gif) no-repeat left 4px; padding: 2px 0 2px 8px; margin: 0 0 0 2px; font-weight: normal;}
div.buscador ul li.sub2 a{color: #fff; text-decoration: none;}
div.buscador ul li.sub2 a:hover{color: #1E4362; text-decoration: underline;}
div.buscador ul li.sub2on{list-style: none; display: block; background: url(../images/bullet2.gif) no-repeat left 4px; padding: 2px 0 2px 8px; margin: 0 0 0 2px; text-decoration: underline;}
div.buscador ul li.sub2on a{color: #fff; text-decoration: underline;}
div.buscador ul li.sub2on a:hover{color: #fff; text-decoration: underline;}


div.buscador ul li.sub3{list-style: none; display: block; background: url(../images/bullet2.gif) no-repeat left 4px; padding: 2px 0 2px 8px; margin: 0 0 0 10px; font-weight: normal;}
div.buscador ul li.sub3 a{color: #fff; text-decoration: none;}
div.buscador ul li.sub3 a:hover{color: #1E4362; text-decoration: underline;}
div.buscador ul li.sub3on{list-style: none; display: block; background: url(../images/bullet2.gif) no-repeat left 4px; padding: 2px 0 2px 8px; margin: 0 0 0 10px; text-decoration: underline;}
div.buscador ul li.sub3on a{color: #fff; text-decoration: underline;}
div.buscador ul li.sub3on a:hover{color: #fff; text-decoration: underline;}


div.buscadoragenda{float: left; width: 98%; background-color: #eee; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; padding: 5px; text-align: left; margin: 0 0 10px 0;}
p.buscadoragenda{text-align: left; font-size: 14px; font-weight: bold; margin: 0 0 10px 0;}
div.buscadoragenda input.botonagenda{background: url(../images/fondodesplegables.jpg) repeat-x left top; color: #1E4362; font-weight: bold; text-align: center; border: none; width: 69px; cursor: pointer; font-size: 12px; padding: 1px 0 2px 0; *padding: 2px 0 2px 0 !important; float: left; margin: 10px 0 15px 60px; border: 1px solid #1E4362;}
div.buscadoragenda label{float: left; width: 55px; text-align: left; vertical-align:top;}
div.buscadoragenda select{vertical-align:top; width: 184px; margin: 0; padding: 0;}
div.buscadoragenda input{vertical-align:top; width: 180px; margin: 0; padding: 0;}

div.noticiasindex{float: left; margin: 0 0 5px 0;}
div.fotonoticiaindex{float: left; width: 70px; height: 50px; overflow: hidden; margin: 0 5px 0 0;}
div.cuerponoticiaindex{text-align: left; color:#1E4362;}
div.cuerponoticiaindex a{text-align: left; color:#1E4362; text-decoration: none;}
div.cuerponoticiaindex a:hover{text-align: left; color:#666; text-decoration: underline;}
span.titulo{font-weight: bold;}

div.vermas{background-color: #B3CEE8; float :left; width: 100%; text-align: right; color: #1E4362; padding: 2px 5px 2px 0}
div.vermas a{color: #1E4362; text-decoration: none;}
div.vermas a:hover{color: #fff; text-decoration: none;}
div.vermas div.rss{float: left; margin: 0 0 0 3px;}


div.miniaturasindex{float: left; width: 425px; margin: 0 0 0 10px; text-align:center;}
/*div.miniaturasindex img{float: left; margin: 0 8px 8px 0;}*/
div.miniaturasindex a img {float: left; filter:alpha(opacity=100); opacity:1;}
div.miniaturasindex a:hover img {filter:alpha(opacity=80); opacity:0.8;}
div.mini{float: left; width: 105px; margin: 5px 5px 0 0; _margin: 5px 5px 0 0; font-size: 0.8em; color: #666; background: url(../images/fondofotos2.jpg) no-repeat left top; text-align: center; padding: 4px 0 0 0;}
div.miniaturasindexfoto{width: 91px; height: 60px; overflow: hidden; margin: 0 0 7px 0;}

div.revistas{float: left; width: 220px; margin: 0 0 0 25px; background: url(../images/fondorevista.jpg) repeat-x left 21px; height: 140px;}
div.revistas img{float: left; margin: 0 3px 0 5px;}
h3.titrevista{float: left; color:#1E4362; text-align: center; width: 120px; margin: 0 0 3px 0; font-size: 1.2em; height: 80px;}
h3.titrevista a{color:#1E4362; text-decoration: none;}
h3.titrevista a:hover{color:#fff; text-decoration: none;}
div.revistas p{float: left; color:#1E4362; text-align: center; width: 120px; height: 50px;}
div.revistas p.leer{float: right; color: #fff; font-weight: bold; height: 20px; text-align: right; margin: 4px 5px 0 0;}
div.revistas p.leer a{color: #fff; text-decoration: none;}
div.revistas p.leer a:hover{color: #fff; text-decoration: underline;}
h2.titpub{background-color: #fff;}

div.cuerpo{float: left; width: 665px; padding: 0; margin: 0 0 0 10px; text-align: left;}


#iconos_imprimir{float: right; width: 100%; text-align: right; margin: 5px 0;}
#iconos_imprimir a{color: #666; text-decoration: none;}
#iconos_imprimir a:hover{color: #666; text-decoration: underline;}
div.entradilla{font-weight: bold; text-align: justify; margin: 0 0 5px 0;}
div.editorhtml{float: left; margin: 0 0 10px 0; text-align: justify;}
div.editorhtml ul{float:left; list-style:none; width:auto;}
div.editorhtml ul li{list-style:none; background: url(../images/bullet.gif) no-repeat left 6px; padding:0 0 0 8px}
div.editorhtml ol{float:left; width:auto;}
div.editorhtml ol li{text-align: left; list-style-position:inside;}

div.editorhtml img{float: left; padding: 4px; margin: 0 10px 5px 0; border:1px solid #ccc;}
div.fecha{font-size: 0.9em; color: #FF6600; text-align: left; margin: 0 0 5px 0;}


div.galeriaindex{float: left; width: 440px; margin: 0 0 0 7px; text-align:center}
div.galeria{float: left; width: 665px; margin: 10px 0 10px 0;}
div.galeria p{font-size: 11px; text-align: left;}
div.galeria p a{font-size: 12px; text-align: left; text-decoration:none}
div.galeria p a:hover{text-decoration:underline}
div.cajaminiaturas{float: left; width: 95px; height: 59px; padding: 5px; background: url(../images/fondofotos2.jpg) no-repeat left top; margin: 0 5px 5px 0;}
div.cajaminiaturas p{ margin-top:70px}
div.miniaturas{float: left; width: 95px; height: 59px; overflow: hidden; text-align:center}
div.miniaturas img{float: none;}
div.miniaturas a img {filter:alpha(opacity=100); opacity:1;}
div.miniaturas a:hover img {filter:alpha(opacity=80); opacity:0.8;}

div.cajaminiaturaspub{float: left; width: 76px; height: 106px; padding: 5px; background: url(../images/fondofotos3.jpg) no-repeat left top; margin: 0 5px 5px 0;}
div.miniaturaspub{float: left; width: 95px; height: 106px; overflow: hidden;}
div.miniaturaspub img{float: left;}
div.miniaturaspub a img {filter:alpha(opacity=100); opacity:1;}
div.miniaturaspub a:hover img {filter:alpha(opacity=80); opacity:0.8;}

ul.docs{float: left; width: 97%; text-align: left; margin: 5px 0 10px 20px; _margin: 5px 0 10px 10px;}
ul.docs li{list-style: none; display: block; background: url(../images/flecha2.gif) no-repeat left 5px; padding: 2px 0 2px 10px; color: #666;}
ul.docs li a{color: #666; text-decoration: none;}
ul.docs li a:hover{color: #666; text-decoration: underline;}

ul.enlaces{float: left; width: 97%; text-align: left; margin: 5px 0 10px 0; _margin: 5px 0 10px 10px;}
ul.enlaces li{list-style: none; display: block; background: url(../images/flecha3.gif) no-repeat left 5px; padding: 2px 0 2px 15px; color: #1E4362;}
ul.enlaces li a{color: #1E4362; text-decoration: none;}
ul.enlaces li a:hover{color: #1E4362; text-decoration: underline;}

div.zoom{float: left; background: #D1E2F1 url(../images/zoom.gif) no-repeat left top; color: #1E4362; text-align: left;}

ul.agenda{float: left; margin: 0 0 5px 0; width: 98%;}
ul.agenda li{text-align: left; color:#1E4362; list-style: none; display: block; margin: 0 0 5px 0;}
ul.agenda li a{text-align: left; color:#1E4362; text-decoration: none;}
ul.agenda li a:hover{text-align: left; color:#666; text-decoration: underline;}

p.direccion{color: #ff6600; font-weight: normal; padding: 0 5px 5px 10px;}

fieldset{float: left; border: 1px solid #D1E2F1; width: 45%; margin: 0 15px 0 0; padding: 0 0 10px 0;}
fieldset.sugerencias{float: left; border: 1px solid #D1E2F1; width: 99%; margin: 0 15px 0 0; padding: 0 0 10px 0;}
legend{border: 1px solid #D1E2F1; text-align: center; margin: 0 0 10px 10px; padding: 3px; background-color: #1E4362; color:#fff;}
label.contacto{float: left; width: 80px; color: #1E4362; text-align: left; margin: 0 5px 5px 10px;}
input.contacto{float: left; margin: 0 0 5px 0; background-color: #D1E2F1; width: 170px; border: none;}

input.input_home{margin: 0 0 0px 0; width: 30px; border: none; font-weight:bold; border:0px; background-color:transparent; cursor:pointer}

select.contacto{float: left; margin: 0 0 5px 0; background-color: #D1E2F1; width: 170px; border: none;}
textarea.contacto{float: left; margin: 0 0 5px 0; background-color: #D1E2F1; width: 170px; height: 50px; border: none;}
textarea.sugerencias{float: left; margin: 0 0 5px 0; background-color:#D1E2F1; width: 435px; height: 100px; border: none;}
input.botoncontacto{background: url(../images/fondodesplegables.jpg) repeat-x left top; color: #1E4362; font-weight: bold; text-align: center; border: none; width: 69px; cursor: pointer; font-size: 12px; padding: 1px 0 2px 0; *padding: 2px 0 2px 0 !important; float: left; margin: 5px 0 15px 95px; border: 1px solid #1E4362;}

/*-----------------------------------------/CENTRO----------------------------------------------------------*/

/*-----------------------------------------PIE----------------------------------------------------------*/

#pie{clear: both; color: #333; text-align: left; width: 950px; margin: 0 auto; padding: 5px;}
#pie a{color: #333; text-decoration: underline;}
#pie a:hover{color: #fff; text-decoration: none;}

/*-----------------------------------------/PIE----------------------------------------------------------*/

/*------------------------------------------------PAGINACIÓN----------------------------------------------------*/
div.numeracion {
	font-size: 11px;
	color: #666;
	clear: both;
}

div.numeracion a {
	padding: 2px 5px 2px 5px;	
	margin: 2px;	
	text-decoration: none;
	color: #666;
}
div.numeracion a:hover, div.pagination a:active {
	background-color:#eee;
	color: #333;
}
div.numeracion span.current {
	padding: 2px 5px 2px 5px;	
	margin: 2px;
	font-weight: bold;
	color: #1E4362;
	}
div.numeracion span.disabled {
		padding: 2px 5px 2px 5px;		
		margin: 2px;
		color: #ccc;
	}
/*------------------------------------------------PAGINACIÓN----------------------------------------------------*/

/*-----------------------------                        CALENDARIO                            ---------------------------*/
/*agenda calendario*/



#calendario{float: left; width: 245px; border: 1px solid #ccc; margin: 0 10px 5px 0; height: 156px;}
#calendario table{float: left; background-color:#fff; border-collapse:collapse; height: 130px; width: 100%;}
#calendario caption{background-color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#253341; text-align: center; font-weight: bold; padding: 2px 0 0 0;}
#calendario caption img{margin: 0 5px; border: none;}

#calendario td#finde{background-color: #eee; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#000; text-align: center; text-decoration: none;}
#calendario td#finde a{background-color: #ccc; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#000; text-align: center; text-decoration: none;}
#calendario td#finde a:hover{background-color: #999;}
#calendario td#finde.highlighted{background-color: #253341; color: #fff; display:block;}
#calendario td#finde.highlighted a{background-color: #253341; color: #fff;}
#calendario td#finde.highlighted a:hover{background-color: #666; color: #fff;}


.calendar {
	float: left; width: 30%;
	}

.calendar caption {background-color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#253341; text-align: center; font-weight: bold; padding: 2px 0 0 0;border-bottom: 1px solid #E2E2E2;}
.calendar caption a{color:#253341; text-decoration: none;}
.calendar caption a:hover{color:#253341; text-decoration: underline;}
.calendar caption img{margin: 0 18px; border: none;}	
.calendar th {padding: 2px 4px; background-color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#666; text-align: center; font-weight: bold; border-bottom: 1px solid #E2E2E2;}
.calendar td {background-color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#000; text-align: center;
	}
.calendar td a {
	color: #000;
	text-decoration: none;

	}

.calendar td.today {
	background-color:#D4DDE1; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#000; text-align: center;display: block; text-decoration: none;}

.calendar td.selected {
	/*background-color:#FF9900; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#000; text-align: center;display: block; text-decoration: none;*/
	border: 2px solid #FF9900;
	}

/*
.calendar td.selected highlighted {
	background-color:#FF9900; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#000; text-align: center;display: block; text-decoration: none;
	}
.calendar td.selected highlighted a{
	background-color:#FF9900; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#000; text-align: center;display: block; text-decoration: none;
	}
*/	
.calendar td.highlighted {
	background: #253341; color: #fff;
}
.calendar td.highlighted a{
	background: #253341;width:100%;
	display:block;
	 color: #fff;
}
.calendar td.highlighted a:hover{
	background: #E4EDF1;
	width:100%;
	display:block;	
	color: #000;
}
.calendar a:hover{background-color:#E4EDF1; text-decoration: none; color:#000;}
	
.calendar td:hover, .calendar td.today:hover, 
.calendar td.selected:hover, .calendar td.highlighted:hover {
	background-color:#E4EDF1; text-decoration: none; color:#000;
	}
	
table.calendar td.pad:hover {
	background: none;
	border: 0;
	}	
	
/*-----------------------------                        /CALENDARIO                            ---------------------------*/


/*----------------------------------------MAPA WEB----------------------------------------------------------------*/

#mapaweb{float: left; width: 665px;}
#mapaweb p{float: left; margin: 0 0 10px 0;}
#mapaweb dl{float: left; list-style: none; display: block; padding: 5px 0 5px 0; margin: 0 20px 10px 5px; width: 45%;}
#mapaweb dl dt {color: #1E4362; display: block; background: none; padding: 0; margin: 0; font-weight: bold; text-align: left; border-left: 2px solid #1E4362; font-size: 13px; padding: 0 5px; margin: 10px 0;}
#mapaweb dl dt a{color: #1E4362; text-decoration: none;}
#mapaweb dl dt a:hover{color: #333; text-decoration: none;}
#mapaweb dl dd{display:block; list-style: none; border-bottom: 1px solid #ccc; text-align: left; padding: 5px 0;}
#mapaweb dl dd a{text-decoration: none; color: #666; background: url(../images/flecha2.gif) no-repeat left 5px; padding: 0 0 5px 10px;}
#mapaweb dl dd a:hover{text-decoration: none; color: #333;}

/*----------------------------------------MAPA WEB----------------------------------------------------------------*/