body,html{
background: #584c3d;
margin: 0;
}

body img,body img a{
border: 0;
}

#webmail{
margin: 1em 0 0 1em;
}

#webmail a{
color: #a4725c;
text-decoration: none!important;
}

#mapa a{
color: #a4725c;
text-decoration: none!important;
}

#webmail a:hover,#mapa a:hover{
text-decoration: underline!important;
}

.ico_new{
margin: 0;
padding: 0 0.5em 0 0;
float: left;
}

.clear{
clear: both;
}

fieldset{
margin: 0;
padding: 0;
border: 0;
}

form{
margin: 0;
padding: 0;
}

h1{
position: absolute;
visibility: hidden;
}

#contenedor {
background: #eeebdf;
margin: 0 auto;
width: 56.2em;
}

#contenedor2 {
background: #eeebdf;
margin: 0 auto;
width: 20em;
}

#casas2 {
min-height: 20em;
padding-left: 2em;
}

#casas2 p{
color:#101010;
font: 0.8em verdana,helvetica,arial;
}

#contenedor_portada {
background: #eeebdf;
margin: 0 auto;
width: 56.3em;
}

#contenedor2 {
background: #eeebdf;
margin: 0 auto;
width: 56.3em;
}

#contenido{
min-height: 25em;
padding: 0 1em 1em 1em;
}

#casas {
margin: 0 auto;
width: 55em;
margin-left:-1em;
}

#contenido p{
color:#101010;
font: 0.8em arial,helvetica;
}

#contenido li{
color:#101010;
font: 0.8em arial,helvetica;
}

#contenido .autor{
float:right;
color: #315b7f;
font-style: italic;
}

.listado{
color:#101010;
}

.listado_enlaces{
float: left;
color:#101010;
width: 27em;
}

.listado a,.listado_enlaces a{
text-decoration: none;
font: 0.8em arial,helvetica;
color:#101010;
}

.listado a:hover,.listado_enlaces a:hover{
text-decoration: underline;
color: #315b7f;
}

.listado span{
color: #315b7f;
}

#zona_blanca{
background: #cbde8e;
padding: 0 1em 0.7em 1em;
}

#desplegable{
font: 0.8em arial,helvetica;
color:#101010;
margin: 0;
padding: 0;
}

#desplegable select{
font: 0.9em arial,helvetica;
}

#desplegable input{
cursor:pointer;
font: 0.9em arial,helvetica;
margin-left:0.5em;
}

#formulario{
margin: 5em 0 0 10em;
width: 23em;
color:#101010;
font: 0.8em arial,helvetica;
}

.row{
height: 2em;
clear: both;
}

.label{
padding-right: 1em;
float: left;
text-align: right;
width: 10em;
}

.formw{
float: left;
}

#cabecera {
height: 11.8em;
background: url(../img/cabecera.jpg) no-repeat #fff;
border-bottom: 1px solid #e5e0cf;
}

#animacion{
position: absolute;
margin: -11.87em 0 0 36em;
}

#inicio{
position: absolute;
margin:6.7em 0 0 7em;
}

#inicio li{
margin-left: 1.2em;
float: left;
list-style-type: none;
}

#inicio li a{
text-transform: uppercase;
font-weight: bold!important;
font: 0.7em arial,helvetica;
color: #fff;
text-decoration : none;
}

#inicio li a:hover{
text-decoration: underline;
}

.flotaderecha{
float: right;
padding: 1em 0 0 1em;
}

 .flotaizquierda_vocacional{
float: left;
padding: 0.3em 1em 1em 0;
}

 .flotaizquierda_forma{
float: left;
padding: 0.2em 0.4em 0 0;
}

 .flotaizquierda_buena{
float: left;
margin: 0 0.4em 0 0;
border-right: 5px solid #d7d7d7;
}

 .flotaizquierda_misi{
float: left;
margin: 0 0.4em 0 0;
border-right: 5px solid #d3e3d3;
}

 .flotaizquierda{
float: left;
padding: 0.6em 1em 0 0;
}

.flotaizquierda_libros{
float: left;
padding: 0 1em 0 0;
}

.mozilla {
display: block;
}

h1 {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: Gray;
text-align : justify;
font-weight : 100;
}

h2{
border-bottom: 1px dotted #964b4f;
color: #5c2d2f;
font: 1.2em georgia,helvetica,arial,verdana;
margin: 0 0 0.5em 0;
padding-top: 0.5em;
}

.noth2{
border-bottom: 1px dotted #964b4f;
color: #5c2d2f;
font: 1.2em georgia,helvetica,arial,verdana;
margin: 0 0 0.3em 0;
padding: 0;
}

.noth2_peque{
border-bottom: 1px dotted #964b4f;
color: #5c2d2f;
font: 1.2em georgia,helvetica,arial,verdana;
margin: 0 0 0.3em 0;
padding: 0;
}

.noth2center{
border-bottom: 1px dotted #964b4f;
color: #5c2d2f;
font: 1.2em georgia,helvetica,arial,verdana;
margin: 0 0 0.3em 0;
padding: 0;
text-align: center;
}

.ven{
padding-top: 2em;
color: #978451;
font: 1.8em georgia,helvetica,arial,verdana;
text-align: center;
font-style: italic;
}

#ageh2{
background: url(../img/icon-calendar.jpg) no-repeat left;
border-bottom: 1px dotted #964b4f;
color: #5c2d2f;
font: 1.2em georgia,helvetica,arial,verdana;
margin: 0.35em 0 0.3em 0;
padding: 0 0 0 1.5em;
}

#mapah2{
border-bottom: 1px dotted #964b4f;
color:#964b4f;
font: 1em georgia,helvetica,arial,verdana;
margin: 0 0 0 0;
padding-top: 1em;
}

h2 a{
color: #964b4f;
text-transform: lowercase;
text-decoration: none;
}

h3{
clear: both;
border-bottom: 1px dotted #964b4f;
color: #964b4f;
font: 1em georgia,helvetica,arial,verdana;
margin: 1em 0 1em 0;
}

h4{
color: #315b7f;
font: 0.9em georgia,helvetica,arial,verdana;
margin: 1em 0 1em 0;
}

#noticias {
width: 34.6em;
float: left;
}

#agenda{
width: 19em;
float: right;
}

.clear{
clear: both;
}

#bloque2 {
width: 35em;
float: left;
}

.noticia a,.noticia2 a{
text-decoration: none;
font: 0.8em verdana,helvetica,arial;
color:#101010;
}

.noticia span{
color: #4682b4;
}

.noticia a:hover,.noticia2 a:hover {
text-decoration: underline;
color: #315b7f;
}

.noticia{
border-bottom: 1px dotted #999;
padding: 0.3em 0 0.3em 0;
}

.noticia_agenda{
border-bottom: 1px dotted #999;
padding: 0.3em 0 0.4em 0;
}

.noticia_agenda a{
text-decoration: none;
}

.noticia_agenda a:hover{
text-decoration: underline;
}

.noticia2{
padding: 0;
margin: 0;
}

.noticia2 p a{
font: 0.9em verdana,helvetica,arial;
}

.noticia span,.noticia2 span,.noticia_agenda span,{
color: #315a7e;
}

.titulo{
color: #2c2c2c!important;
font: 0.8em arial,helvetica!important;
}

.titulo a{
color: #773c3f!important;
font: 0.9em arial,helvetica;
}

.mas{
text-decoration: none!important;
font: 0.8em arial,helvetica;
color: #4682B4!important;
}

.mas:hover{
text-decoration: underline!important;
}

.vertodas{
float: right;
color: #623133;
}

.vertodas a{
text-decoration: none;
font: 0.8em arial,helvetica;
color:#623133;
text-transform: uppercase;
}

.vertodas a:hover{
text-decoration: underline;
}

#verdenak{
float: right;
width: 4.8em;
margin: -2em 0 0 0;
}

#verdenak2{
float: right;
width: 4.8em;
margin: -6em 0 0 0;
}

#verdenak a,#verdenak2 a{
text-decoration: none;
font: 0.8em arial,helvetica;
color:#000;
}

#verdenak a:hover,#verdenak2 a:hover{
text-decoration: underline;
}

#mapa {
width:18.5em;
float: left;
margin: 0.5em 0 0 0.3em;
}

#pie {
clear: both;
height: 5em;
width: 56.3em;
}

#pie p{
color: #964b4f;
text-transform: uppercase;
font: 0.7em arial,helvetica;
padding: 3.3em 0 0 0;
text-align: center;
}

#tablaparroquias{
font: 0.9em arial,helvetica;
width: 100%;
}

#tablaparroquias th{
text-align: left;
font: 1em arial,helvetica;
color: #315b7f;
}

#tablaparroquias tr{
padding: 0.6em;
background: #fff;
}

#tablaparroquias td{
padding: 0.6em;
background: #fff;
}

#defuncion{
float: left;
width: 24em;
margin: 0.2em 0 0 0;
font: 0.9em arial,helvetica;
color: #315b7f;
font-weight: bold;
}

.difunto{
float: left;
min-height: 13em;
width: 25em;
margin: 0 1.4em 0 0;
}

.difunto .nombre{
background: url(../img/cross.png) no-repeat left top;
padding-left: 1em;
border-bottom: 1px solid #315b7f;
color: #315b7f;
font: 0.9em arial,helvetica;
font-weight: bold;
margin: 1em 0 0.3em 0;
}

.fecha_defun{
clear: both;
margin: 0;
padding: 0;
font: 0.8em arial,helvetica;
color: #315b7f;
}

.difunto a{
color: #315b7f;
text-decoration: none;
}

.difunto a:hover{
text-decoration: underline;
}

#col1_enlaces{
float: left;
width: 28em;
}

#col2_enlaces{
float: right;
width: 21em;
}

.ano{
color: #315b7f;
}

.libroflota{
float: left;
padding-right: 1em;
}

#cuadro1{
margin-top: 0.8em;
padding: 0.5em 0.5em 0 0.5em;
background: #cbde8e;
min-height:15em;
border: 1px solid #fff;
}

#cuadro2{
width: 14em;
margin-top: 0.4em;
padding: 0.5em;
background: #ddd5bf;
min-height: 23.4em;
border: 1px solid #fff;
float: left;
}

#cuadro3{
width: 17.9em;
float: left;
margin-left: 0.5em;
margin-top: 0.4em;
padding: 0.5em;
background: #b8dfe8;
min-height: 6em;
border: 1px solid #fff;
}

#cuadro4{
width: 17.9em;
float: left;
margin-top: 0.4em;
margin-left: 0.5em;
padding: 0.5em;
background: #d3d9de;
min-height: 4em;
border: 1px solid #fff;
}

#cuadro5{
width: 17.9em;
float: left;
margin-top: 0.4em;
margin-left: 0.5em;
padding: 0.5em;
background: #d3e3d3;
min-height: 7em;
border: 1px solid #fff;
}

#menu_contenedor{
clear:both;
width:100%;
z-index:900;
}

/* style the outer div to give it width */
.menu {
position: absolute;
margin: 9.5em 0 0 1em;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}

/* style the sub-level lists */
.menu ul ul {
width:8em;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:2em;line-height:3em;}

/* style the sub level list items */
.menu ul ul li {
display:block;
width:8em;
height:auto;
line-height:1em;
}

/* style the links for the top level */
.menu a{
display:block;
float:left;
height:100%;
font:0.9em arial,helvetica;
text-decoration:none;
color:#fff;
padding:0 1em 0 1em;
}

/* style the sub level links */
.menu ul ul a{
display:block;
background: #a4725c;
color:#fff;
width:12em;
height:100%;
line-height:1em;
padding:0.3em 0 0.3em 1em;
}

* html .menu ul ul a
{width:14em; w\idth:12em;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
position:absolute;
left:1px;
top:0;
width:0;
height:0;
font-size:1em;
z-index:-1;}

/* style the sub level 1 background */
.menu ul :hover a.sub1 {background: #b58b79;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background: #a4725c;}

/* style the level hovers */
/* first */
* html .menu a:hover {color:#000;position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#fff!important;}
/* second */
* html .menu ul ul a:hover{color:#000;background: #b58b79; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#fff;background: #b58b79;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:1.5em;left:-1.5em;width:14em;}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}

.comuni{
width: 8.8em;
text-align: center;
margin: 0.5em 0.5em 0.5em 0.5em;
float: left;
padding: 0.4em;
border: 1px solid #d8a571;
}

.comuni a{
text-decoration: none;
border: 0;
color: #a76b2e;
font:0.9em arial,helvetica;
}

#listafrailes{
width: 18em;
float: left;
margin-right: 1em;
}

#listafrailes2{
width: 13em;
float: left;
margin-right: 1em;
}

#listafrailes3{
width: 11em;
float: left;
margin-right: 1em;
}

#listafrailes4{
width: 9em;
float: left;

}

#listafrailes ul,#listafrailes2 ul,#listafrailes3 ul,#listafrailes4 ul{
list-style-type: none;
margin: 0;
padding: 0;
}

#listafrailes ul li,#listafrailes2 ul li,#listafrailes3 ul li,#listafrailes4 ul li{
list-style-type: disc;
margin-left: 1em;
margin-bottom: 0.3em;
color:#ccc;
}

#listafrailes ul li a,#listafrailes2 ul li a,#listafrailes3 ul li a,#listafrailes4 ul li a{
text-decoration: none;
color:#666;
}

#listafrailes ul li a:hover,#listafrailes2 ul li a:hover,#listafrailes3 ul li a:hover,#listafrailes4 ul li a:hover{
text-decoration: underline;
}

#divNewsCont{
position: absolute;
background: #f5daf4;
width:300px;
height:150px;
overflow:hidden;
top:15em;
left:48.4em;
clip:rect(0,350,150,0);
visibility:hidden;
}

#divNewsText{
position: absolute;
top:30em;
left:0;
}

#contactar{
position: absolute;
margin: 4em 0 0 51em;
text-align: center;
}

#contactar a{
color: #8a836e;
text-decoration: none;
font: 0.9em arial,helvetica;
}

#contactar img{
padding: 0;
margin: 0 0 -0.5em 0;
}

#imagenes{
float: right;
}

#direc{
margin: 0;
float: left;
}

#direc a{
text-decoration: none;
color:#623133;
}

#calendario{
padding: 0.4em 0.5em 0.4em 0.5em;
background: #ebe8d6;
border: 1px solid #dfdabd;
}

#calendario table{
width: 100%;
}

#calendario caption a{
text-decoration: none;
font: 1.1em georgia,helvetica,arial;
color:#352f26;
}

#calendario tr{
text-align: right;
font: 1em arial,helvetica;
color:#352f26;
}

#calendario tr a{
text-decoration: none;
color:#352f26;
}

.noevento{
padding: 0 0.3em 0 0.3em;
}

.evento a{
background: #fff;
padding: 0 0.3em 0 0.3em;
border: 1px solid #c2b881;
}

.evento a:hover{
background: #f3f3f3;
}

#mes_der{
position: absolute!important;
margin: -2.9em 0 0 0.5em;
}

#mes_izq{
position: absolute!important;
margin:-2.9em 0 0 16em;
}