#wrapper{ min-height: auto !important; margin-bottom: 4vw;}

.submenu{ float: right; width: 22%; list-style: none; margin: 0; padding: 0; margin-top: 4vw;}
.submenu li{ float:left; width: 100%; background-color: #000; height: 13vw; margin: 0; padding: 0; margin-bottom: 1vw; background-repeat: no-repeat; }

.submenu li a{ float:left; width: 94%; padding-right: 3% !important; padding-left: 3% !important; background-color: rgba(0,0,0,0.7); font-size: 1.4vw; text-decoration: none; line-height: 4vw; color: #fff; height: 4vw; margin: 0; padding: 0; margin-bottom: 1vw; background-repeat: no-repeat; margin-top: 9vw; }

.submenu li.imagen{ background-image:url("../img/imagen.jpg");  background-size: 110% auto; background-position: 0 -10px;}
.submenu li.documentos{ background-image:url("../img/documentos.jpg");  background-size: 110% auto; background-position: 0 -10px;}
.submenu li.procesion{ background-image:url("../img/procesion.jpg");  background-size: 110% auto; background-position: 0 -50px;}
.submenu li.historia{ background-image:url("../img/historia.jpg");  background-size: 110% auto; background-position: 0 -10px;}
.submenu li.saluda{ background-image:url("../img/saluda.jpg");  background-size: 110% auto; background-position: 0 -10px;}
.submenu li.despedida{ background-image:url("../img/despedida.jpg");  background-size: 110% auto; background-position: 0 -10px;}
.submenu li.parroquia{ background-image:url("../img/parroquia.jpg");  background-size: 110% auto; background-position: 0 -10px;}
.submenu li.uniformidad{ background-image:url("../img/uniformidad.jpg");  background-size: 110% auto; background-position: 0 -10px;}

.subseccionContent{ float:left; width: 75%; min-height: 40vw; margin-top: 75px;}



.submenuPrincipal{ float: left; position: relative; list-style: none; margin: 0; padding: 0; margin-top: 3vw; }
.subseccion{ float: left; position: relative; list-style: none; margin: 0; padding: 0; margin-top: 120px; }

@media screen and (min-width : 1280px)
{
	.submenuPrincipal{ left: 50%; margin-left: -640px; width:1280px; min-width:1280px;}
	.subseccion{ left: 50%; margin-left: -640px; width:1280px; min-width:1280px;}
}
@media screen and (min-width : 1600px)
{
	.submenuPrincipal{ float:left; left: 50%; margin-left: -800px; width:1600px; }
	.subseccion{ float:left; left: 50%; margin-left: -800px; width:1600px; }
}
@media screen and (min-width : 1920px)
{
	.submenuPrincipal{ float:left; left: 50%; margin-left: -960px; width:1920px; }
	.subseccion{ float:left; left: 50%; margin-left: -960px; width:1920px; }
} 

.submenuPrincipal li{ float:left; width: 31.33%; margin-left: 1% !important; margin-right: 1% !important; background-color: #000; height: 19vw; margin: 0; padding: 0; margin-bottom: 1vw; background-repeat: no-repeat; }

.submenuPrincipal li a{ float:left; width: 92%; padding-right: 3% !important; padding-left: 5% !important; background-color: rgba(0,0,0,0.7); font-size: 1.6vw; text-decoration: none; line-height: 6vw; color: #fff; height: 6vw; margin: 0; padding: 0; margin-bottom: 1vw; background-repeat: no-repeat; margin-top: 13vw; }

.submenuPrincipal li.imagen{ background-image:url("../img/imagen.jpg");  background-size: 110% auto; background-position: 0 -10px;}
.submenuPrincipal li.documentos{ background-image:url("../img/documentos.jpg");  background-size: 110% auto; background-position: 0 -10px;}
.submenuPrincipal li.procesion{ background-image:url("../img/procesion.jpg");  background-size: 110% auto; background-position: 0 -50px;}
.submenuPrincipal li.historia{ background-image:url("../img/historia.jpg");  background-size: 110% auto; background-position: 0 -10px;}
.submenuPrincipal li.saluda{ background-image:url("../img/saluda.jpg");  background-size: 110% auto; background-position: 0 -10px;}
.submenuPrincipal li.despedida{ background-image:url("../img/despedida.jpg");  background-size: 110% auto; background-position: 0 -10px;}
.submenuPrincipal li.uniformidad{ background-image:url("../img/uniformidad.jpg");  background-size: 110% auto; background-position: 0 -10px;}
.submenuPrincipal li.parroquia{ background-image:url("../img/parroquia.jpg");  background-size: 110% auto; background-position: 0 -10px;}


.bloqueTexto{ width: 100%; float:left; margin-bottom: 3vw;}
.bloqueTexto h4{ font-family: 'Libre Baskerville',arial; font-size: 1.4vw;}
.bloqueTexto img{ width: 50%; float:left; margin-right: 20px;}
.bloqueTexto p{font-family: 'Libre Baskerville',arial; font-size: 1vw; line-height: 1.2;}

.bloqueTextoEstatutos{ width: 80%; float:right; margin-bottom: 3vw;}
.bloqueTextoEstatutos h4{ font-family: 'Libre Baskerville',arial; font-size: 1.4vw; margin-top: 0px;}
.bloqueTextoEstatutos img{ width: 30%; float:left; margin-right: 20px;}
.bloqueTextoEstatutos p{font-family: 'Libre Baskerville',arial; font-size: 1vw; line-height: 1.2;}
.bloqueTextoEstatutos a{ float: left; background-image: url("../../../../../templates/default/img/download-pdf.png"); background-repeat: no-repeat; height: 30px; line-height: 30px; color: #000; font-size: 1vw; padding-left: 40px; background-size: contain; background-position: left;}

.bloqueTextoProcesion{ width: 69%; float:right; margin-right: 2%; margin-bottom: 3vw;}
.bloqueTextoProcesion h4{ font-family: 'Libre Baskerville',arial; font-size: 1.4vw;}
.bloqueTextoProcesion p{font-family: 'Libre Baskerville',arial; font-size: 1vw; line-height: 1.2; text-align: justify;}

.hermandades{float:left; width: 100%; margin: 0; padding: 0; list-style: none;}
.hermandades li{float:left; width: 32.33%; background-color: #000; height: 12vw; margin-bottom: 0.5vw; background-repeat: no-repeat; background-size: cover; background-position: top center;}
.hermandades li h5{ margin-top: 8.5vw; height: 2.6vw; padding-top: 1vw; text-align: center; float: left; width: 90%; padding-left: 5%; padding-right: 5%; color: #fff; font-size: 1vw; font-weight: normal; line-height: 1; background-color: rgba(0,0,0,0.80);}
.huerto,.negacion{margin-left: 1.5%; margin-right: 1.5%;}
.amargura{margin-left: 33.9%;}
.huerto{background-image: url("../img/huerto.jpg");}
.cena{background-image: url("../img/cena.jpg");}
.sanpedro{background-image: url("../img/sanpedro.jpg");}
.ecce-homo{background-image: url("../img/ecce-homo.jpg");}
.amargura{background-image: url("../img/amargura.jpg");}
.negacion{background-image: url("../img/negacion.jpg");}
.prendimiento{background-image: url("../img/prendimiento.jpg");}

.bloqueTextoHistoria{ width: 69%; float:right; margin-right: 2%; margin-bottom: 3vw;}
.bloqueTextoHistoria h4{ font-family: 'Libre Baskerville',arial; font-size: 1.4vw;}
.bloqueTextoHistoria img.imagenHistoria1{ width: 100%; float:left; margin-right: 0px; margin-bottom: 50px;}
.bloqueTextoHistoria img.imagenHistoria2{ width: 100%; float:left; margin-right: 0px; margin-bottom: 10px;}
.bloqueTextoHistoria img.imagenHistoria3{ width: 40%; float:left; margin-right: 20px; margin-bottom: 10px;}
.bloqueTextoHistoria img.imagenHistoria4{ width: auto; height: 16vw; float:left; margin-bottom: 10px;}
.bloqueTextoHistoria img.imagenHistoria5{ width: auto; height: 16vw; margin-bottom: 10px;}
.bloqueTextoHistoria p{font-family: 'Libre Baskerville',arial; font-size: 1vw; line-height: 1.2; text-align: justify;}

.parroquia{ float:left; width: 50%; margin-right: 20px; margin-bottom: 10px; }
.uniformidad{ float:left; width: 50%; margin-right: 20px; margin-bottom: 10px; }
.parroquia2{ float:left; width: 100%; }

@media screen and (max-width : 780px)
{
	.submenuPrincipal{float: right; width: 102% !important; margin-right: 0%; margin-top: 50px; }
	.submenuPrincipal li{ float:left; width: 100% !important; background-color: #000; height: 35vw !important; margin: 0; padding: 0; margin-bottom: 2vw; background-repeat: no-repeat; }

	.submenuPrincipal li h5{ margin-top: 0px; margin-bottom: 0px; font-weight: normal;}
	.submenuPrincipal li a{float: left; width: 94%; padding-right: 3% !important; padding-left: 3% !important; background-color: rgba(0,0,0,0.3); font-size: 6vw; text-decoration: none; line-height: 36vw; color: #fff !important; height: 35vw; margin: 0; margin-top: 0px; margin-bottom: 0px; text-shadow: 0px 1px 12px rgba(0,0,0,0.88);
	padding: 0; padding-right: 0px; padding-left: 0px; margin-bottom: 1vw; background-repeat: no-repeat; margin-top: 0vw; text-align: center;}

	.submenu{float: right; width: 60% !important; margin-right: 20%; margin-top: 50px; display: none;}
	.submenu li{ float:left; width: 100% !important; background-color: #000; height: 30vw !important; margin: 0; padding: 0; margin-bottom: 2vw; background-repeat: no-repeat; }

	.submenu li h5{ margin-top: 0px; margin-bottom: 0px; font-weight: normal;}
	.submenu li a{float: left; width: 94%; padding-right: 3% !important; padding-left: 3% !important; background-color: rgba(0,0,0,0.3); font-size: 5vw; text-decoration: none; line-height: 30vw; color: #fff !important; height: 30vw; margin: 0; margin-top: 0px; margin-bottom: 0px;
	padding: 0; padding-right: 0px; padding-left: 0px; margin-bottom: 1vw; background-repeat: no-repeat; margin-top: 0vw; text-align: center;}
	
	.subseccion{ margin-top: 0px;}
	.subseccionContent{ margin-top: 0px; width: 96% !important; margin-left: 2% !important; float:left;}
	.bloqueTextoHistoria{ width: 100% !important; margin-left: 0px; float: left; margin-right: 0px !important;}
	.bloqueTextoHistoria h4{ font-size: 4vw;}
	.bloqueTextoHistoria p{ font-size: 3vw; line-height: 1.3;}
	
	.bloqueTexto{ width: 100%; float:left; margin-bottom: 3vw;}
	.bloqueTexto h4{ font-family: 'Libre Baskerville',arial; font-size: 4vw; margin-top: 0px; margin-bottom: 10px;}
	.bloqueTexto img{ width: 40%; float:left; margin-right: 20px;}
	.bloqueTexto p{font-family: 'Libre Baskerville',arial; font-size: 3vw; line-height: 1.3;}
	

	.bloqueTextoEstatutos{ width: 100%; float:right; margin-bottom: 6vw;}
	.bloqueTextoEstatutos h4{ font-family: 'Libre Baskerville',arial; font-size: 4vw; margin-top: 0px; margin-bottom: 0px;}
	.bloqueTextoEstatutos img{ width: 40%; float:left; margin-right: 20px; margin-bottom: 50px;}
	.bloqueTextoEstatutos p{font-family: 'Libre Baskerville',arial; font-size: 3vw; line-height: 1.3;}
	.bloqueTextoEstatutos a{ float: left; background-image: url("../../../../../templates/default/img/download-pdf.png"); background-repeat: no-repeat; height: 30px; line-height: 30px; color: #000; font-size: 3vw; padding-left: 40px; background-size: contain; background-position: left;}
	
	.bloqueTextoProcesion{ width: 100%; float:right; margin-right: 0px; margin-bottom: 3vw;}
	.bloqueTextoProcesion h4{ font-family: 'Libre Baskerville',arial; font-size: 4vw;}
	.bloqueTextoProcesion p{font-family: 'Libre Baskerville',arial; font-size: 3vw; line-height: 1.3; text-align: justify;}
	
	.hermandades{float:left; width: 60%; margin: 0; padding: 0; list-style: none; margin-left: 20%;}
	.hermandades li{float:left; width: 100%; background-color: #000; height: 40vw; margin-bottom: 2vw; background-repeat: no-repeat; background-size: cover; background-position: top center; margin-left: 0px !important; margin-right: 0px !important;}
	.hermandades li h5{ margin-top: 30vw; height: 9vw; padding-top: 1vw; text-align: center; float: left; width: 90%; padding-left: 5%; padding-right: 5%; color: #fff; font-size: 3.6vw; font-weight: normal; line-height: 1.2; background-color: rgba(0,0,0,0.80);}

}