@charset "utf-8";
/* CSS Document */

html, body{
	background-color:#000000;
	margin: 0px;
    padding: 0;
    height: 100%;
    width: 100%;
}
.cartel{
	width:174px;
	height:245px;
	float:left;
	margin:5px 5px 5px 5px;	
}
#home{
	position:absolute;
	z-index:1;
}
/*
#home a{
	border:0px;
	text-decoration:none;
}
#home p{
	/*font-family:Arial, Helvetica, sans-serif;
	font-family:"Arial Black", Gadget, sans-serif;
	color:#FFFFFF;
	font-size:1em;
	margin:95px 0px 0px 5px;
	font-weight:bold;
}
.cortejo{
	/*width:120px;
	height:120px;
	background-color:#F1853D;
	float:left;
	margin:5px;
	background-image:url(../images/ico-cortejo.png);
	background-repeat:no-repeat;
	background-position:50% 20%;
	width:122px;
	height:111px;
	background-image:url(../iconos-portada/el-cortejo.png);
	background-repeat:no-repeat;
	float:left;
	margin:5px;
}
.itinerarios{
	/*width:120px;
	height:120px;
	background-color:#6C1269;
	float:left;
	margin:5px;
	background-image:url(../images/ico-itinerarios.png);
	background-repeat:no-repeat;
	background-position:50% 20%;
	width:122px;
	height:111px;
	background-image:url(../iconos-portada/itinerarios.png);
	background-repeat:no-repeat;
	float:left;
	margin:5px;
	margin-bottom:18px;
}
.agenda{
	/*width:120px;
	height:120px;
	background-color:#690802;
	float:left;
	margin:5px;
	background-image:url(../images/ico-agenda.png);
	background-repeat:no-repeat;
	background-position:50% 20%;
	width:95px;
	height:95px;
	float:left;
	margin:5px;
	background-image:url(../iconos-portada/agenda.png);
	background-repeat:no-repeat;
}
.fotogaleria{
	/*width:120px;
	height:120px;
	background-color:#033F49;
	float:left;
	margin:5px;
	background-image:url(../images/ico-fotogaleria.png);
	background-repeat:no-repeat;
	background-position:50% 20%;
	width:150px;
	height:111px;
	float:left;
	margin:5px;
	background-image:url(../iconos-portada/fotogaleria.png);
	background-repeat:no-repeat;
}
.tiempo{
	/*width:120px;
	height:120px;
	background-color:#ffcc01;
	float:left;
	margin:5px;
	background-image:url(../images/ico-tiempo.png);
	background-repeat:no-repeat;
	background-position:50% 20%;
	width:95px;
	height:95px;
	float:left;
	margin:5px;
	background-image:url(../iconos-portada/el-tiempo.png);
	background-repeat:no-repeat;
}
.visitas{
	/*width:180px;
	height:120px;
	background-color:#fff;
	float:left;
	margin:5px;
	background-image:url(../images/ico-recomendaciones.png);
	background-repeat:no-repeat;
	background-position:50% 20%;
	width:149px;
	height:71px;
	float:left;
	margin:5px;
	background-image:url(../iconos-portada/visitas-recomendadas.png);
	background-repeat:no-repeat;
}
#V p{
	color:#333;
	font-size:.85em;
	margin:98px 0px 0px 5px;	
}
.noticias{
	/*width:180px;
	height:120px;
	background-color:#fff;
	float:left;
	margin:5px;
	background-image:url(../images/ico-recomendaciones.png);
	background-repeat:no-repeat;
	background-position:50% 20%;
	width:150px;
	height:71px;
	float:left;
	margin:5px;
	background-image:url(../iconos-portada/noticias.png);
	background-repeat:no-repeat;
}
.hermandades{
	/*width:180px;
	height:120px;
	background-color:#0E54D0;
	float:left;
	margin:5px;
	background-image:url(../images/ico-hermandades.png);
	background-repeat:no-repeat;
	background-position:50% 20%;
	width:149px;
	height:110px;
	float:left;
	margin:5px;
	background-image:url(../iconos-portada/hermandades.png);
	background-repeat:no-repeat;
}
.twit{
	/*width:180px;
	height:120px;
	background-color:#217CAE;
	float:left;
	margin:5px;
	background-image:url(../images/ico-twitter.png);
	background-repeat:no-repeat;
	background-position:50% 20%;
	width:95px;
	height:95px;
	float:left;
	margin:5px;
	background-image:url(../iconos-portada/twitter.png);
	background-repeat:no-repeat;
}
.ventaL ul{
	margin:0px; padding:0px;
	list-style-type:none;
	display:inline;
}
.ventaL ul li{
	display:inline;
	float:left;
	margin:0px; padding:0px;
	width:150px;
	height:150px;
}
.ventaL ul li img{
	border:5px solid #FFF;	
}
/*******************************	TRANSICIONES ENTRE LOS APARTADOS DE LA WEB		**********************************************/
.panel{
    min-width: 100%;
    min-height: 100%;
	height:100%;
    overflow-y: auto;
    overflow-x: hidden;
    margin-left: -105%;
    position: absolute;
    background-color: #000000;
	
    /*box-shadow: 0px 4px 7px rgba(0,0,0,0.6);*/
    z-index: 2;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.panel:target{
    margin-left: 0%;
    background-color: #000;
	padding-bottom:220%;
}
/**********************************************************************************************************************************/
.content{
    top: 0px;
    position: absolute;
    padding-bottom: 30px;
	z-index:99;
	width:100%;
}
.content h1, .content h2{   
    color: #fff;
	background-color:#000000;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bold;
	text-align:center;
	font-size:1.2em;
	border-bottom:1px solid #FFF;
	padding-bottom:5px;
	padding-top:5px;
	width:100%;
	min-width:97%;
    text-shadow: 2px 1px #666666;
	margin:0px;
}
.content h1{
	/*position:fixed;*/
}
.content h2{
	border:none;	
}
.content p{
	color:#FFFFFF;
	float:left;
	margin:5px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	line-height:2em;
}
#txtAgenda h2{
	float:left;
	margin-top:5px;
}
.image-map{
	float:right;
	border:0px;
	margin-right:5px;	
}
.content h3{   
    color: #fff;
	background-color:#000000;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bold;
	text-align:center;
	font-size:1.2em;
	padding: 0px;
	margin: 10px;
	width:97%;
    text-shadow: 2px 1px #666666;
	float:left;
}
.content li, #detalleAgenda p, #myTiempo p, #dTiempo p, #detalleNoticia p{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:1em;
	line-height:1.5em;
	display:inline-block;
	width:97%;
}
#dTiempo p a{
	color:#ffcc00;
}
.content li img{
	margin:10px;
	padding:5px 10px 5px 10px;
	background:#FFF;
	float:left;
}
.content li a{
	color:#0066FF;
	text-decoration:underline;
}
#back{
	float:left;
	border:0px;
	margin-left:5px;
	padding:5px 5px 5px 0px;
}
#menu{
	float:right;
	border:0px;
	margin-right:5px;
	padding:0px;
}
#hermand h2{
	text-align:left;
	/*float:left;	*/
	background-color:#333;
	/*padding:5px 0px 5px 5px;*/
	margin:0px;
	line-height:1.2em;
}
#txtAgenda h3{
	text-align:left;
	/*float:left;	*/
	background-color:#333;
	/*padding:5px 0px 5px 5px;*/
	margin:0px;
	line-height:1.2em;
}
#txtCortejo h2{
	text-align:left;
	/*float:left;	*/
	background-color:#333;
	/*padding:5px 0px 5px 5px;*/
	margin:2px 0px 0px 5px;
	line-height:1.5em;
	font-size:1.1em;
	width:99%;
}
#hermand li{
	/*background-image:url(../images/flecha.png);
	background-repeat:no-repeat;
	background-position:98% 65%;*/
	float:left;
	width: 98%;;
	height: 145px;
	line-height:.8em;
	background-color:#333;
	padding-left:5px;
	line-height:1.2em;
	text-decoration:none;
	margin-top:8px;
	box-shadow:2px 2px 5px #666666;
	color:#fff;
}
#txtAgenda li, #txtNoticias li{
	background-image:url(../images/flecha.png);
	background-repeat:no-repeat;
	background-position:98% 68%;
	float:left;
	width: 97%;;
	height: 55px;
	background-color:#333;
	padding:5px 0px 0px 5px;
	line-height:1.5em;
	text-decoration:none;
	margin-top:8px;
	box-shadow:2px 2px 5px #666666;
	/*color:#ffcc00;*/
	color:#fff;
}
#txtAgenda li a:link, #txtNoticias li a:link, #hermand li a:link{
	display:inline-block;
	color:#FFcc00;
	text-decoration:none;
}
#txtAgenda li a:visited, #txtAgenda li a:hover, #txtAgenda li a:active, #txtNoticias li a:visited, #txtNoticias li a:hover, #txtNoticias li a:active, #hermand li a:#hermand li a:visited, #hermand li a:hover, #hermand li a:active{
	text-decoration:none;
	color:#FFcc00;
}
#txtCortejo li{
	background-image:url(../images/flecha.png);
	background-repeat:no-repeat;
	background-position:98% 85%;
	float:left;
	width: 97%;;
	height: 90px;
	background-color:#333;
	padding-left:5px;
	line-height:2.5em;
	text-decoration:none;
	margin-top:8px;
	box-shadow:2px 2px 5px #666666;
	color:#ffcc00;
}
#txtCortejo li a:link{
	display:inline-block;
	color:#FFcc00;
	text-decoration:none;
}
#txtCortejo li a:visited, #txtCortejo li a:hover, #txtCortejo li a:active{
	text-decoration:none;
}
#myTiempo li, #iti li{
	background-image:url(../images/flecha.png);
	background-repeat:no-repeat;
	background-position:98% 50%;
	float:left;
	width: 97%;;
	height: 43px;
	background-color:#333;
	padding-left:5px;
	line-height:2.5em;
	text-decoration:none;
	margin-top:8px;
	box-shadow:2px 2px 5px #666666;
}
#myTiempo li img, #dTiempo li img, #iti li img{
	border:0px;
	background:none;
	margin-top:30px;
}
#dTiempo p{
	width:100%;
	float:left;
	margin-left:5px;
	text-align:center;
}
#dTiempo li{
	float:left;
	width: 97%;;
	height: 65px;
	background-color:#333;
	padding-left:5px;
	line-height:2em;
	text-decoration:none;
	margin-top:8px;
	box-shadow:2px 2px 5px #666666;
}
#dTiempo ol{
	margin:0px;
	padding:0px;
	list-style-type:upper-roman;	
}
#dTiempo ol li{
	background:none;
	padding:0px;
	margin-left:5px;
	height:auto;
	box-shadow:none;
	list-style-type:upper-roman;
}
#iti li{
	color:#ffcc00;
	height: 65px;
	line-height:1.5em;
	padding:8px 0px 0px 3px;
}

#iti li h2{
	background:none;
	text-align:left;
	font-size:1.2em;
	padding:0px;
	margin:0px 0px 5px 0px;
}
.smallmap{
	width: 100%;
    position: absolute;
    height: 100%;
	top:46px;
}
.fotosCortejo{
	width:100%;
	max-width:640px;
}
/******************************************	MENU PRINCIPAL DE LA WEB	********************************************/
	#toc {
				
		width: 100%;						
		height: 100%;									
		background-color: #2b2b2b;	
		z-index:9999;
	}
	#toc .content h1{
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.2em;
			color:#FFF;
			/*text-align:center;*/
			margin:0px;
			height:50px;			
		}
		#toc .content h1 img{			
			margin:5px 0px 0px 25px;
		}
		#toc:hover {		
		left: 0;					
		}		
		#toc ul {		
		margin: 0;		
		padding: 0;	
		}		
		#toc li { display: block; }		
		#toc li a {	
		font-family:Arial, Helvetica, sans-serif;	
		display: block;		
		color: #d4d4d4;		
		padding: 1em 1.2em;		
		border-bottom: 1px solid #4a4a4a;		
		text-decoration:none;	
		}		
/***************************************		PARA LA GALERIA DE FOTOS			************************/
.swiper-slide img{
	display:block;
	max-width:100%;
	max-height:100%;
}
/**************************************			PRELOADER							***********************/
#wrap {	
    width:46px;
    height:46px;
    position:absolute;
    top:200px;
    left:50%;
    margin-top:-23px;
    margin-left:-23px;
	overflow:hidden;
}
/**		ACORDEON		*/
.accordion{border: 1px solid #ddd; border-top: none; margin: 10px 0; float: left; width: 98%; position: relative;}
.accordion a{display: block; text-decoration: none;}
.accordion h2, .accordion a{background-color: #fff; 
background-image: -moz-linear-gradient(bottom, #f1f1f1, #fff);
background-image: -ms-linear-gradient(bottom, #f1f1f1, #fff);
background-image: -o-linear-gradient(bottom, #f1f1f1, #fff);
background-image: -webkit-linear-gradient(bottom, #f1f1f1, #fff);
background-image: linear-gradient(bottom, #f1f1f1, #fff); border-top: 1px solid #ddd;
color: #222;  height: 30px; margin: 0; padding: 0; text-indent: 10px;}


/**********************************************************************************************************/
.olControlAttribution {
            position: absolute;
            font-size: 10px;
            bottom: 0 !important;
            right: 0 !important;
            background: rgba(0, 0, 0, 0.1);
            font-family: Arial;
            padding: 2px 4px;
            border-radius: 5px 0 0 0;
    }
/*
#home:target ~ #header #navigation #link-home,
#portfolio:target ~ #header #navigation #link-portfolio,
#about:target ~ #header #navigation #link-about,
#contact:target ~ #header #navigation #link-contact{
    background: #000;
    color: #fff;
}
*/