/* CSS Document */
body{padding:0; margin:0; background:url(../images/bg.gif) repeat-x #000; color:#A5A5A4;}
a { outline: none; }
a:hover { outline: none; }
div, ul, h1, h2, h3, h4, p, img, form{padding:0; margin:0;}
ul{list-style-type:none;}
.blank{font-size:0px; clear:both; line-height:0px;}

/*--------------------------------transparency---------------------------*/
.transparent{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

/*-------------------------------- header ---------------------------*/
#main_slider {width:50px;height:50px;top:135px;position:relative;}
#header-wrap {position: fixed; top: 0; left: 0; width: 100%; z-index:2; overflow:hidden;}
#header-container {height: 145px; margin:0 50px; overflow:hidden;}
#header {background: transparent url(../images/headerbg1.png) repeat-x left -10px;margin:0 50px; position:relative;}
#header .left{background: transparent url(../images/headerbg_l.png) no-repeat 0 0;height:155px;left:-49px;top:-7px;position:relative;width:49px;}
#header .right{background: transparent url(../images/headerbg_r.png) no-repeat 0 0;height:155px;right:-49px;top:-7px;position:absolute;width:49px;}
#header img {height:140px;position:absolute;top:0px;left:45px;}
#header h1 {color:#fff; text-align:right; width:500px; position:absolute; left:130px; top:40px; font-size:1.02em;}
#header h1 em {color:#eee; font-size: small; display: block;}

/*--------------------------------header pan---------------------------*/
#headerPan form{
	width:397px; height:46px; background:url(../images/search_bg.gif) no-repeat 0 0; margin:0; font-size:0; padding:0; top:300px; position:relative;
	}
#headerPan form label{
	font:24px/26px Arial, Helvetica, sans-serif; color:#CBCBCB; margin:8px 0 0 64px; float:left;  padding:0;
	font-weight:normal; background-color:#000000;
	}
#headerPan form input{
	width:158px; height:22px; display:block; background-color:#171717; border:#494949 1px solid; color:#ACACAC;
	float:left; margin:12px 0 0 20px; padding:0 0 0 5px;
	}
#headerPan form input.sbutton{
	width:31px; height:23px; background:url(../images/search_button.gif) no-repeat 0 0; float:left; cursor:pointer; border:none;
	}
	
/*----------------------------------body part----------------*/
#mainBody{width:950px; overflow:hidden; padding:145px 0 55px;margin:0 auto;}

/*-------------left side------*/
#leftPan{
	width:165px; color:#B6B6B5; background:url(../images/left_side_up.gif) no-repeat 0 0 #171717; padding:19px 0 0 0; float:left;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;	
	}
#leftPan p{
	background:url(../images/left_side_down.gif) no-repeat bottom left; height:8px; font-size:0; display:block;
	}
#leftPan h2{
	background:#171717 url(../images/cross_small2.jpg) no-repeat scroll 0 0; display:block; height:40px; 
	margin:0 0 0 70px; width:95px;text-indent:-2000px;
	}
#leftPan ul{
	width:119px; display:block; margin:6px 0 24px 25px; font-size:0;
	}
#leftPan ul li{
	background:url(../images/left_side_arrow.gif) no-repeat 0 9px; padding: 0 0 0 11px; display:block;
	}
#leftPan ul li a{
	font-family: Verdana; color:#B6B6B5; text-decoration:none; background-color:#171717; display:block;
	}#leftPan h3{
	color:#FFFFFF; display:block; font-family:Helvetica; font-size:14px; font-size-adjust:none; font-weight:bold; margin:0 0 10px 0; text-align:center; width:165px;
	}
	
/*-------------------------------sliding menu navigation-------*/
ul#sliding-navigation{list-style: none;	font-size: 16px; margin: 30px 0; padding: 0;}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a{
	display: block; width: 130px; padding: 5px 18px; margin: 0; margin-bottom: 5px;margin-top:8px;
	}
	
ul#sliding-navigation li.sliding-element h3{
	color: #fff; background:#333 url(../images/heading_bg.jpg) repeat-y; font-weight: normal;
	}
	
ul#sliding-navigation li.sliding-element a{
	color: #FFF; background:#222 url(../images/tab_bg.jpg) repeat-y; 
	}
	
ul#sliding-navigation li.sliding-element a:hover { color: #D7DF23; }

ul#sliding-navigation li.sliding-element a.active { color: #D7DF23; font-size:1.15em; padding-left: 25px; }

/*---------------- slider para comision para causa de todos los santos -------*/
#carousel-block {height:196px;width:165px;overflow:hidden;position:relative;}

#carousel-block .carousel-1 {
	width:1650px; /*------  class overlay height * number of mystuff divs (165 * 9 = 1485) -------*/
	position:absolute;
	height:196px;
}
#carousel-block .mycarousel {height:196px;width:165px;float:left;padding:0 0;text-align:justify;}

#carousel-block .carousel1 {background:url(../images/comision/01.jpg) no-repeat 0px 0;}
#carousel-block .carousel2 {background:url(../images/comision/02.jpg) no-repeat 0px 0;}
#carousel-block .carousel3 {background:url(../images/comision/03.jpg) no-repeat 0px 0;}
#carousel-block .carousel4 {background:url(../images/comision/04.jpg) no-repeat 0px 0;}
#carousel-block .carousel5 {background:url(../images/comision/05.jpg) no-repeat 0px 0;}
#carousel-block .carousel6 {background:url(../images/comision/06.jpg) no-repeat 0px 0;}
#carousel-block .carousel7 {background:url(../images/comision/07.jpg) no-repeat 0px 0;}
#carousel-block .carousel8 {background:url(../images/comision/08.jpg) no-repeat 0px 0;}
#carousel-block .carousel9 {background:url(../images/comision/09.jpg) no-repeat 0px 0;}
#carousel-block .carousel10 {background:url(../images/comision/11.jpg) no-repeat 0px 0;}

#carousel_buttons {height:33px; padding:0 40px;margin-bottom:5px;}

#carousel_buttons .carousel-control {
		cursor:pointer; display:inline-block; height:40px; line-height:999px; overflow:hidden; vertical-align:middle;
		width:40px;
		}
		
#carousel_buttons .next{ background:transparent url(../images/next.png) no-repeat scroll 0 0;}
#carousel_buttons .back{ background:transparent url(../images/prev.png) no-repeat scroll 0 0;}

#carousel_cover{ 
	height:196px;width:165px;overflow:hidden;position:absolute;z-index:1;padding:163px 0 0;font-size:13px;
	background:transparent url(../images/comision_back.png) no-repeat scroll left top; text-align:center; 
	cursor:pointer;
	}
	
/*-------------------------------right-------*/
#rightPan{
	border-radius: 1em;
	width:750px; margin:0 0 0 0px; float:right; padding:13px 0 0 0;
	background:#48021E url(../images/slidebk.png) no-repeat scroll 0 38px;
	}
	
/*-------------------------------Welcome text-------*/
#welcome{color:#FFF; display:block; font-size:38px; font-style:italic; font-weight:bold; height:50px; margin-left:25px;}

#typewriter{width:700px; text-align:justify;height:65px;margin-left:25px;color:#fff;}

/*-------------------------------Ends welcome text-------*/
#rightPan p{
	width:740px; font:14px/20px Arial, Helvetica, sans-serif; color:#A5A5A4; background-color:#000000; display:block;
	margin:0 0 0 0;
	}
#rightPan p span{
	color:#2BCB02; background-color:#000000; font-size:17px; font-weight:bold;
	}
#rightPan h2{
	height:95px; width:204px; display:block; float:left;
	}
#rightPan h2 a{
	width:204px; height:95px; display:block; text-decoration:none; text-indent:-2000px;
	}
#rightPan h3{
	-x-system-font:none; color:#FFFFFF; display:block; font-family:Trebuchet MS,arial,helvetica; font-size:24px; font-weight:bold;
	margin:12px; text-align:center;
	}

/*-------------------------------main slider---------*/
#myoverlay {height:300px;overflow:hidden;padding:0 50px;position:absolute;width:650px;z-index:1;}
	
#myslide {width:650px;overflow:hidden;position: relative;height:300px;margin-bottom:20px;margin-left:50px;margin-right:50px;}
 
#myslide .cover {
	width:7150px; /*------- class mystuff width * number of mystuff divs (650 * 10 = 6500)---------- */
	position: absolute;
	height:300px;
}

#myoverlay .coverlay {
	height:3300px; /*------  class overlay height * number of mystuff divs (300 * 10 = 3000) -------*/
	position:absolute;
	width:650px;
	background:transparent url(../images/myoverlay.png) repeat-y scroll left top;
}

#myoverlay .mystuffover {width:220px;height:300px;padding:0px 10px;color:#fff;text-align:center;font-size:14px;font-weight:bold;}

#myoverlay .mystuffover p {background-color:transparent; color:#848484; font-family:arial,helvetica; font-size:12px; width:220px;}

#myoverlay .mystuffover a {text-decoration:none;color:#fff}

#myoverlay .mystuffover a:hover {text-decoration:none;}

#myoverlay .left {text-align:left;}

#myslide .mystuff {width:650px;float:left;padding:20px 0;text-align:justify;height:300px;}

#myoverlay .overlay1 {margin-top:35px;}

#myslide .stuff1 {background:url(../images/slidebk1.jpg) no-repeat 0px 0;}
#myslide .stuff2 {background:url(../images/slidebk2.jpg) no-repeat 0px 0;}
#myslide .stuff3 {background:url(../images/slidebk3.jpg) no-repeat 0px 0;}
#myslide .stuff4 {background:url(../images/slidebk4.jpg) no-repeat 0px 0;}
#myslide .stuff5 {background:url(../images/slidebk5.jpg) no-repeat 0px 0;}
#myslide .stuff6 {background:url(../images/slidebk6.jpg) no-repeat 0px 0;}
#myslide .stuff7 {background:url(../images/slidebk7.jpg) no-repeat 0px 0;}
#myslide .stuff8 {background:url(../images/slidebk8.jpg) no-repeat 0px 0;}
#myslide .stuff9 {background:url(../images/slidebk9.jpg) no-repeat 0px 0;}
#myslide .stuff10 {background:url(../images/slidebk10.jpg) no-repeat 0px 0;}
#myslide .stuff11 {background:url(../images/slidebk1.jpg) no-repeat 0px 0;}

.clear{clear:both;}

/*----------------------------combobox for lightbox1---------*/
#myoverlay .comboSlider {
	background:#222222 none repeat scroll 0 0; border:1px solid #000000; color:#FFFFFF;
	font-family:trebuchet MS,arial,helvetica; font-weight:bold; padding:2px; width:210px;
	-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
	}

/*----------------------------Accordion---------*/
#accordion {width:650px;border-bottom:2px dotted #B51DBF;margin:0 50px;}

#accordion .accordion-title {
	background-color:#272727; color:#A5A5A4; font-family:trebuchet MS; font-size:14px; padding:5px 10px;
	border-left:2px dotted #B51DBF; border-right:2px dotted #B51DBF; border-top:2px dotted #B51DBF;
	cursor: pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	-webkit-box-shadow:1px 1px 3px #888; -moz-box-shadow:1px 1px 3px #888;
	}
	
#accordion .accordion-content {
	border-bottom:2px solid #333; border-left:2px solid #333; border-right:2px solid #333;
	color:#fff; font-family:arial; font-size:16px; padding:40px; display:none;
	-webkit-transition: all 2s ease-in 1s;
	-moz-transition: all 2s ease-in 1s;
	}
	
#accordion .accordion-bg1 {background:transparent url(../images/accordion-bg_1.jpg) repeat scroll 0 0;display:block;}
#accordion .accordion-bg2 {background:transparent url(../images/accordion-bg_2.jpg) repeat scroll 0 0;}
#accordion .accordion-bg3 {background:transparent url(../images/accordion-bg_3.jpg) repeat scroll 0 0;}
#accordion .accordion-bg4 {background:transparent url(../images/accordion-bg_4.jpg) repeat scroll 0 0;}
#accordion .accordion-bg5 {background:transparent url(../images/accordion-bg_5.jpg) repeat scroll 0 0;}
	
/*-------------------------------sponsor & links ---------*/
#sponsor {margin-bottom:35px;margin-left:65px;height:105px;}

#rightPan h2 a.sponsor1{
	width:204px; height:105px; display:block; text-decoration:none;
	background:url(../images/andrade1-b.jpg) no-repeat #000;	color:#FFFFFF;margin:5px 0;
	}
#rightPan h2 a.sponsor1:hover{
	width:204px; height:105px; display:block; text-decoration:none;
	background:url(../images/andrade1.jpg) no-repeat #000; color:#FFFFFF;
	}
#rightPan h2 a.sponsor2{
	width:204px; height:105px; display:block; text-decoration:none; margin:0 0 0 15px;
	background:url(../images/andrade2-b.jpg) no-repeat #000; color:#FFFFFF; margin:5px 0;
	}
#rightPan h2 a.sponsor2:hover{
	width:204px; height:105px; display:block; text-decoration:none; 
	background:url(../images/andrade2.jpg) no-repeat #000; color:#FFFFFF;
	}
#rightPan h2 a.sponsor3{
	width:204px; height:105px; display:block; text-decoration:none; margin:0 0 0 15px;
	background:url(../images/andrade3-b.jpg) no-repeat #000; color:#FFFFFF; margin:5px 0;
	}
#rightPan h2 a.sponsor3:hover{
	width:204px; height:105px; display:block; text-decoration:none; 
	background:url(../images/andrade3.jpg) no-repeat #000; color:#FFFFFF;
	}

#links {margin-bottom:55px;margin-left:35px;}

#links img { border: 0; }

#main_bottom{
	background:url("../images/main_bottom.png") no-repeat scroll 0 0 transparent;
	float:right;
	height:27px;
	width:750px;
}

/*-------------------------------- footer ---------------------------*/

#footer-wrap {	position: fixed; bottom: 0; left: 0; width: 100%;  z-index:2; overflow:hidden;}

#footer-container {height: 40px; margin:0 50px; overflow: hidden;}

#footer {background: url(../images/footerbg1.png) repeat-x scroll left top;margin: 0 50px;position: relative;}

#footer .left{background: transparent url(../images/footerbg_l.png) no-repeat 0 0;height:40px;left:-49px;top:0px;position:relative;width:49px;}

#footer .right{background: transparent url(../images/footerbg_r.png) no-repeat 0 0;height:40px;right:-49px;top:0px;position:absolute;width:49px;}

#footer .center{left:55px;position:absolute;top:20px;width:800px;}

#footer p a{text-decoration:none; color:#fff;font-family:arial,helvetica;font-size:12px;font-weight:bold;}

#footer img{float:left;height:50px;margin-right:15px;position:relative;top:-20px;width:83px;}

/*-------------------------------- popupbox ---------------------------*/

#popupbox{ text-align:justify;padding:20px;}

#popupbox img{width:185px;height:260px;margin-left:15px;margin-right:15px;}

#popupbox h1{font-size:20px;text-align:center;}

#popupbox h2{font-size:14px;text-align:center;}

#popupbox .center{text-align:center;}

#popupbox .center img{width:150px;height:200px;}

#popupbox .center .small{width:150px;height:122px;}

#popupbox .obispos{width:165px;height:196px;}


/*Imagen de la noticia*/
#noticia{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
	background: rgba(0,0,0,0.5);
	text-align: center;
}
#noticia section{
	text-align: center;
	margin-top: 5em;
	width: 60%;
	padding: 5em;
	margin:0 auto;
}
#noticia section h2{
	color: white;
	font-family: arial;
	margin: .5em;
}
#noticia section img{
	box-shadow: 10px 10px 10px rgba(255,255,255,0.6);
	border:2px solid black;
}
#cerrar{
	margin: 1em;
	color: white;
	background: #257893;
	border: 2px solid rgb(16, 57, 102);
	border-radius:.5em;
	padding: .6em;
	cursor:pointer;
}
#alerta{
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 1em;
	color: white;
	background: #257893;
	border: 2px solid rgb(16, 57, 102);
	border-radius:.5em;
	padding: .6em;
	cursor:pointer;
	display: none;
	z-index: 10000;
	-webkit-animation: mymove infinite;
	-o-animation: mymove infinite;
	animation: mymove infinite;
}
@-webkit-keyframes mymove {
    from {
    	background: #257893;
		color: white;
    }
    to {
    	background:white;
		color:#257893;
    }
}
@-o-keyframes mymove {
    from {
    	background: #257893;
		color: white;
    }
    to {
    	background:white;
		color:#257893;
    }
}  
@-moz-keyframes mymove {
    from {
    	background: #257893;
		color: white;
    }
    to {
    	background:white;
		color:#257893;
    }
} 
/* Standard syntax */ 
@keyframes mymove {
    from {
    	background: #257893;
		color: white;
    }
    to {
    	background:white;
		color:#257893;
    }
}