body
{ font-family: verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .71em;
  color: #369;
  background:url(back.gif) repeat;
}

p
{ margin: 1px;
  padding: 5px 0px 5px 0px;
  line-height: 1.6em;
}

h1
{ font-size: 105%;
  color: #009970;
}

h2
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 100%;
  color: #009970;
}

h3
{ margin: 20px 0px 0px 0px;
  font-size: 99%;
  color: #069;
}

h4
{ margin: 3px 0px 20px 0px;
  font-size: 99%;
  color: #069;
}

h5
{ margin: 5px 0px 0px 30px;
  font-size: 100%;
  color: #009970;
}

h6
{ padding: 0px 0px 5px 5px; 
  margin: 0px 5px 12px 5px; 
  color: #006699;
  border-bottom: 1px solid;
  font-size: 110%;
}

img{border: 0px;}

a{outline: none;}

/* imagenes posicion - izquierda, derecha y centro */
.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.center
{ padding: 10px;
  margin: 0px 0px 20px 50px;
  border-style: solid solid solid solid;
  border-color: #009966;
  border-width: 1px;
  text-decoration: none;
}

.leftlogo
{ float: left; 
  padding: 6px 0px 0px 45px;
}

.rightlogo
{ float: right; 
  padding: 15px 40px 0px 0px;
}

.left enlace
{ float: left;
  padding: 10px 8px 0px 20px;
  margin: 10px 8px 0px 20px;
}

/* unordered list */
ul
{ margin: 0px;
  padding: 0px;
}

ul li
{ list-style: none;
  margin: 0px; 
  padding: 0px; 
}


#main, #cabecera, #pie, #logo, #menu, #content
{ margin: 0px  auto;
  padding: 0px;
}

/* main contenido*/
#main
{ width: 794px;
  background: url(main.png) repeat-y;
  color: #336699;
}


/* cabecera pie y logo */

#cabecera, #pie
{ width: 740px;
  height: 18px;
  padding: 10px 21px 2px 19px;
  border-bottom: 1px solid;
  border-bottom-color: #bbb; 
}

#cabecera
{ text-align: right;
  background: #eee; 
  border-top: 1px solid;
  border-top-color: #bbb; 
}

#pie
{ text-align: center;
  font-size: 80%;
  text-transform: uppercase; 
  color: #336699; 
  background: #eee; 
  border-top: 1px solid;
  border-top-color: #bbb;
}

#cabecera a
{ margin: 0px 0px 0px 18px;}


/* logo */
#logo
{ background: #FFF;
  width: 780px;
  height: 130px;
  border-bottom: 4px solid;
  border-bottom-color: #009970;
}


/* menu principal */

#menu
{ height: 25px;
  width: 730px;
  margin-top: -25px;
  position: relative;
}

#menu ul{margin: 0px auto;} 

#menu li
{ float: right; 
  margin: 0px 2px 0px 0px; 
  padding: 0px;
  list-style: none;
} 

#menu li a 
{ display: block;
  float: left;
  height: 16px;
  font-weight: bold;
  text-decoration: none;
  padding: 6px 19px 2px 19px;
  background: url(menu.png);
  color: #FEFFFF; 
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-top: 1px solid;
  border-left: 1px solid;
  border-color: #009970;
  text-transform: capitalize;
} 

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{ background: #FFF;
  color: #336699;
  border-color: #AAA;
} 

/* contenido */
#content
{ width: 780px;
  overflow: hidden;
  background: url(contenido.png);
  background-repeat: no-repeat;
}

/* columna 1 - menu-noticias */
#column1
{ width: 163px;
  float: left;
  margin: 8px 0px 0px 0px;
  padding: 0px 0px 30px 0px;
}

.boxnotas, .boxenlaces
{ width: 133px;
  float: left;
  text-align: left;
  padding: 15px 10px 15px 15px;
  color: #336699;
  background: #fff;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-color: #ddd; 
}

.boxnotas
{ margin: 60px 0px 20px 0px;}

.boxnotas h1, .boxenlaces h1
{ font-size: 110%;
  margin: 0px 0px 16px 0px;
  border-bottom: 1px solid;
  border-color: #ddd;
  font-weight: bold;  
}

.boxnotas p, .boxenlaces p, .imgizqrevista p
{ line-height: 16px; 
  padding: 1px 0px 5px 0px;
}

.boxnotas a, .boxnotas a:hover, .boxenlaces a, .boxenlaces a:hover, .imgizqrevista a, .imgizqrevista a:hover
{ padding: 1px 0px 8px 0px;
  text-decoration: none;
  color: #336699;
}

.boxnotas a:hover, .boxenlaces a:hover, .imgizqrevista a:hover
{ color: #009970;
} 

#submenu 
{ width: 158px;
  background: #fff;
  margin: 28px 0px 0px 0px;
  padding: 0px;
  text-transform: capitalize;
  float: left;
  border-top: 1px solid;
  border-right: 1px solid;
  border-color: #ddd;
}

#submenu li a 
{ height: 20px;
  background-image: url(OF.png);
  background-repeat: no-repeat;
  text-decoration: none;
  border-bottom: 1px solid;
  border-color: #ddd;  
} 

#submenu li a
{ color: #336699;
  display: block;
  padding: 7px 1px 2px 19px;
} 

#submenu li a:hover, #submenu li a.selected, #submenu li a.selected:hover
{ background-image: url(ON.png);
  background-repeat: no-repeat;
  color: #009970;
} 


/* contenido */
#column2
{ text-align: justify;
  width: 570px;
  float: left;
  color: #336699;
  margin: 45px 0px 0px 27px;
  padding: 0px 0px 0px 0px;
}

#column2 h1
{ padding: 0px 0px 5px 5px; 
  margin: 0px 5px 12px 5px; 
  border-bottom: 1px solid;
  font-size: 110%;
}

#column2 a
{ text-decoration: none;
  color: #006699;
}

#column2 a:hover
{ color: #009966;
}

.contexto
{ width: 405px;
  float: left;
  margin: 0px;
  padding: 10px 0px 30px 0px;
}

.contextoSJudas
{ width: 280px;
  float: left;
  margin: 0px;
  margin: 5px 10px 0px 30px;
}

.contextoangelus
{ width: 300px;
  float: left;
  margin: 0px;
  margin: 5px 10px 0px 30px;
}

.columna3
{ width: 140px;
  float: right;
  margin: 0px;
  padding: 0px 0px 10px 0px;
  background: #FFF;
}

/* página galerias */

#galerias 
{ width: 280px;
  background: #fff;
  margin: 0px;
  float: left;
}

#galerias li a 
{ height: 25px;
  background-image: url(Off.png);
  background-repeat: no-repeat;
  text-decoration: none;
} 

#galerias li a, #galerias li a:hover
{ color: #336699;
  display: block;
  padding: 0px 0px 0px 35px;
} 

#galerias li a:hover, #galerias li a#selected
{ background-image: url(In.png);
  background-repeat: no-repeat;
  color: #009970;
} 

.columna3galerias
{ width: 260px;
  float: left;
  padding: 0px 0px 10px 0px;
}

/* página contacto */

form{margin-top: 0px;}

div.row
{ clear: both;
  width: 448px;
}

div.row span.formlabel 
{ float: left;
  width: 150px;
  text-align: left;
}

div.row span.forminput
{ float: right;
  text-align: right;
} 

div.spacer
{ clear: both;
  width: 80px;
}

input, textarea
{ width: 259px; 
  font-family: verdana, arial, sans-serif;
  font-size: 100%;
  border: 1px solid;
  margin: 2px;
  background: #FFF;
  color: #096;
  border-color: #069
}

.submit
{ font-family: verdana, arial, sans-serif;
  font-size: 100%; 
  border: 1px solid;
  width: 70px;
  height: 25px;
  cursor: pointer;
  color: #009970;
  border-color: #009970
}

.reset
{ font-family: verdana, arial, sans-serif;
  font-size: 100%; 
  border: 1px solid;
  width: 70px;
  height: 25px;
  cursor: pointer;
  color: #069;
  border-color: #069
}

.imgizq, .imgder
{ float: right; 
  padding: 5px;
  margin: 40px 0px 20px 0px;
  border-bottom: 1px solid #555;
  border-right: 1px solid #555; 
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa; 
  background: #fff 
}

.imgder
{margin: 40px 0px 18px 0px;
} 

.imgizq img, .imgder img, .imgizqSJudas img
{ border: 1px solid #000;
} 

.imgizq p, .imgder p, .imgizqSJudas p
{ margin: 0px;
  padding: 5px 0px 5px 0px;
  font-style: oblique; 
  color: #57696F;
  text-align: center;
}
  
.imgizqrevista
{ float: left; 
  padding: 0px;
  margin: 80px 0px 0px 0px;
}

.imgizqrevista img
{ border: 1px solid #ddd;
} 
.imgizqSJudas
{ float: right; 
  padding: 5px;
  margin: 100px 0px 50px 0px;
  border-bottom: 1px solid #555;
  border-right: 1px solid #555; 
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa; 
  background: #fff 
}

#noticias
{ width: 540px;
  background: #fff;
  margin: 0px 0px 20px 0px;
  float: left;
}

.revista
{ float: left;
  padding: 0px 0px 0px 0px;
  margin: 10px 10px 12px 10px;
  text-align: center;
}

.revista img
{ border: 1px solid #666;
} 

.revista p
{ text-align: center;
}

.revistas
{ float: left;
  width: 120px;
  height: 170px;
  padding: 0px;
  margin: 10px 10px 12px 10px;
}

.indice
{ text-align: left;
  margin: 0px 0px 0px 200px;
}

.revleft
{ float: left; 
  padding: 0px 0px 0px 200px;
}

.revright
{ float: right; 
  padding: 0px 8px 0px 0px;
}