/*  
Theme Name: fesj2
Theme URI: http://www.fesj.org.mx
Description: Ver1
Version: 0.01
Author: Info fesj.org.mx
Author URI: http://www.fesj.org.mx/

*/

*{
	margin: 0;
	padding: 0;
}

a{
	color: #0080d6;
}

a:hover{
	color: #0069B0;
}

a:visited{
	color: #7DC0FA;
}

em{
	font-style: italic;
}

img{
	max-width: 100%;
	height: auto;
}

html{
	height: 100%;
}

* html #cuerpo{
	height: 100%;
}

body{
	font-family: 'Trebuchet MS', arial, helvetica, sans-serif;
	color: #444444;
	letter-spacing: -.01em;
	background: #E1E8F5;
	height: 100%;
}

#novedades .post:hover{
	background: #f8f8f8;
}

#novedades .post{
	border-top: 2px dotted #0080d6;
	padding-bottom: 16px;
}

#novedades .entry h3{
	font-size: 14px;
}

img.miniatura{
	height: 110px;
	width: auto;
	float: left;
	margin: 0 10px 4px 0;
}

h1.logo{
	text-indent: -5000px;
	height: 0px;
}

h2{
	margin: 0;
	padding: .5em 0 .2em 0;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	color: #444;
	font-size: 32px;
	line-height: 28px;
	letter-spacing: -.03em;
	font-weight: normal;
}

img.borde{
	border: 1px solid #4d4d4d;
	padding: 4px;
	background: #efefef;
}

p{
	margin: .7em 0;
}

.alignleft{
	float: left;
	margin-right: 6px;
}

.alignright{
	float: right;
	margin-left: 6px;
}

.post ul{
	margin-bottom: 20px;
}

.clearboth{
	clear: both;
}

.editorial{
	clear: both;
}

#benefactores{
	border-top: 4px dotted #0080d6;
	border-bottom: 4px dotted #0080d6;
	margin: 3.2em 0 2.8em 0;
	clear: both;
	padding-top: 14px;
}

#container{
	width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	border: 2px solid #9bafba;
}

#contenido{
	width: 760px;
	float: left;
	padding: 0 20px 22px 20px;
	background: white;
}

#cuerpo{
	background: url('img/grad3.jpg');
}

#encabezado{
	background: #ececec url('img/path4083.png') repeat-x;
	border-bottom: 1px solid #CECECE;
	height: 133px;
}

#encabezado a img{
	border: none;
}

#misioneras{
	margin-top: 30px;
}

#misioneras p{
	padding-top: 30px;
}
	
#footer{
	text-align: center;
	height: 130px;
	padding-top: 12px;
	clear: both;
	background: #ececec url('img/grad04.jpg') repeat-x;
	border-top: 1px solid #cecece;
}

#clearfooter{
	height: 70px;
}

#footer ul li{
	display: inline;
}

#footer p{
	font-size: smaller;
}

#holder{
	width: 100%;
	position: relative;
	top: 28px;
	left: 13px;
}

#contenido img{
	-moz-box-shadow: 1px 1px 3px #aaaaaa;
	-webkit-box-shadow: 1px 1px 3px #aaaaaa;
}

img.medio{
	height: 180px;
	width: auto;
}

img.small{
	border: none;
	height: 70px;
	width: auto;
}

img.alignright{
	float: right;
	display: inline;
	margin: 0 0 6px 10px;
}

img.bloque{
	margin: 0 auto 1em auto;
	display: block;
}

img.alignleft{
	float: left;
	display: inline;
	margin: 0 10px 6px 0;
}

#mvv{
	width: 600px;
	border: 1px dotted #0080d6;
	margin: .8em auto;
	padding: .3em 1em;
	clear: both;
}

#nav1{
	margin-top: 20px;
}

#novedades{
	margin-top: 32px;
}

#bienvenidos{
	font-size: 13px;
	padding: 0 12px;
	color: #f0f0f0;
	font-family: tahoma, sans-serif;
}

#bienvenidos h2{
	color: #f0f0f0;
	font-size: 22px;
	margin-top: 12px;
	padding-bottom: 0;
}

#novedades .postmetadata{
	margin: 2px 0 15px 0;
	font-size: 13px;
	color: #707070;
}

#novedades h3{
	font-size: 23px;
	margin-top: 10px;
}

.sidebar{
	width: 200px;
	float: left;
}

.sidebar ul.menu{
	padding: 0 0 0 4px;
	text-align: right;
}

.leer{
	font-size: 13px;
}

.sidebar ul.menu li{
	list-style-type: none;
}

.sidebar ul.menu a{
	display: block;
	border: 1px outset #cecece;
}

.alignleft{
	float: left;
	display: inline;
	margin: 0 10px 6px 0;
}

.centro{
	text-align: center;
}

.alignleft{
	float: left;
	display: inline;
	margin: 0 10px 6px 0;
}

.centro{
	text-align: center;
}

span.chen{
	font-style: italic;
	color: #FF0000;
	font-weight: bolder;
}

/* MENU */

ul{
	padding: 10px 25px 0 25px;
}

.entry ul li{
	margin-bottom: .5em;
}

ul.menu{
	color: white;
	font-family: Verdana, 'Lucida Grande', Arial, sans-serif;
	margin-bottom: 30px;
}

ul.menu li{
	position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */
}

ul.menu ul
{
	position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
	left:158px; /* Para que no monte sobre el <li> */
	top:-1px;
	display:none;
	list-style:none;
	width: 180px;
	font-size: 12px;
	text-align: left;
}

ul.menu li:hover > ul{
	display:block;
}

ul.menu a{
	color: #4D585E;
	padding: 3px 8px;
	height: 24px;
	background: url('/img/fondogris.jpg') repeat-x #e6e6e6;
	border: 1px solid #cecece;
}

ul.menu a:hover, ul.menu a:active{
	background: #e6e6e6;
	color: white;
}

ul.menu li{
	padding: 0 0 0 1.2em;
}

ul.menu li.activo{
	background: url('/img/li-f.gif') left no-repeat;
}

ul.menu li.activo a{
	color: #0080d6;
}

div.caja{
	border: 1px solid gray;
	margin: 20px auto;
	padding: 20px;
	width: 75%;
}

ul.linea{
	padding: 0;
}

ul.linea li{
	display: inline;
	margin: 0;
}

ul.valores li{
	list-style-type: square;
	padding: 0 .7em;
	text-decoration: underline;
	display: inline;
}


/* Galerías */

div.album{
	margin: .7em auto;
	padding: .4em 1.4em;
	width: 570px;
	border-top: 1px dashed #d0d0d0;
	clear: both;
}

div.gal1{
	margin: 8px;
	border: 1px solid #0A6FA6;
	height: auto;
	width: 250px;
	display: inline-block;
	text-align: center;
}
	
div.gal1 img{
	display: inline;
	margin: 3px;
	border: 1px solid #ffffff;
	width: 90%;
	height: auto;
}

div.gal1 p{
	font-size: smaller;
	font-weight: bold;
}

div.gal1 a:hover img {
	border: 1px solid #0A6FA6;
	background: #E1E8F5;
}

div.gal2{
	margin: 8px;
	border: 1px solid #0A6FA6;
	height: auto;
	width: 260px;
	display: inline-block;
	text-align: center;
}
	
div.gal2 img{
	display: inline;
	width: 90%;
	height: auto;
	margin: 3px;
	border: 1px solid #ffffff;
}

div.gal2 a:hover img {
	border: 1px solid #0A6FA6;
	background: #E1E8F5;
}

div.descr{
	text-align: center;
	font-weight: normal;
	margin: 6px;
	font-size: smaller;
}

/* Tabs */
.tabs_title{
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 5px 0px 2px 0;
	height: 24px;
}

.tabs_title a{
	background-color: #0A6FA6;
	color: white;
	padding: 2px 8px 2px 8px;
	margin-right: 2px;
	height: 24px;
}

.tabs_title a.activo{
	background-color: #e6e6e6;
	color: #0080d6;
	padding: 2px 8px 2px 8px;
	margin-right: 2px;
	height: 24px;
}

/*.tabs_title li a:hover{
	background-color: ;
	color: ;
} */

.tabs_title li a.active{
	background-color: #e6e6e6;
	color: #0080d6;
	padding: 2px 8px 2px 8px;
	margin-right: 2px;
	height: 20px;
	width: 180px;
	text-align: center;
}

.tabs_title li{
	float: left;
}


#slideshow {
	position:relative;
	height: 180px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.activo {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}