/*CLASES ADMINISTRADOR*/
.adm{
	display:none!important;
}
.pro{
	display:none!important;
}
body, a{
	/*background-image: url("/imagenes/texturas/textura_papeltextsuave.jpg");*/
	font-family: math;
	color: #8c4f23;
	width: 100%;
}
h1{
	font-size: 3rem!important;
}
h1, h3{
	margin-top: 1rem;
	text-align: center;
	width: 100%;
}
h2{
	font-size: 1.5rem;
	text-align: center;
	width: 100%;
}
li{
	font-size: 1.3rem;
}
.card-login{
	margin-left: auto;
    margin-right: auto;
    padding: 0.5rem;
    border: 1px solid;
    max-width: 95%;
    margin-top: 5rem;
}
.ocultar{
	display: none;
}
.doccomp{
	min-width: 100%;
    min-height: 40rem;
    max-height: 40rem;
}
.clbdrs img{
	max-width:100%;
	padding: 0.5rem;
}
.btnseccs{
	position:absolute;
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	margin-bottom: 1rem;
}
.gal{
	display: flex;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    height: 7rem;
}
.galprods,.galrlzdos{
	background: #a57d2a94;
	width: 100%;
}
.imgGest{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	max-height:70vh;
	min-height:70vh;
}
.imgmod{
	max-width:100%;
	max-height:70vh;
}
.mostarcontcomp{
	min-width: 100%;
	min-height: 40rem;
}
.mostarcontcomp img{
	border: 1px solid;
    border: 1px solid;
    min-width: 100%;
    max-width: 100%;
    min-height: 30rem;
    max-height: 40rem;
}
.circle-imgmap{
	border-radius: 50%;
	width: 11rem;
    max-height: 11rem;
    border-style: double;
    border: solid #8c4f23 2px;
}
.prods{
	background-image: url(/imagenes/fondos/fondo_productos.png);
    background-repeat: round;
    background-size: auto;
    min-height: 25rem;
}
.servs{
	background-image: url(/imagenes/fondos/fondo_taller_maquina.jpg);
    background-repeat: round;
    background-size: auto;
    min-height: 25rem;
}
.contacto{
	background-image: url(/imagenes/fondos/fondo_oficina_hnosmarx.jpg);
    background-repeat: round;
    background-size: cover;
}
.contacto .rslttxt{
	color: #fff;
    border: none;
    background: #3242463b;
	box-shadow: unset!important;
}
.imr .rslttxt{
	display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.instalaciones{
	max-height: 44rem;
    min-height: 44rem
}
.inst-lliria{
	background-image: url(/imagenes/instalaciones/imggmaps_fachada_clliria-9.png);
    background-repeat: round;
    min-height: 20rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.inst-canimes{
	background-image: url(/imagenes/instalaciones/imggmaps_fachada_ccristanimes-2.png);
    background-repeat: round;
	min-height: 20rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.navlogo{
	min-height: 4rem;
    max-width: 12rem;
	max-height: 4rem;
}

@media(min-width:768px){
	.navlogo{
		max-width: 35rem;
	}
}
.unapag{
	max-height: 100vh!important;
	min-height: 100vh!important;
	max-width: 100vw!important;
	min-width: 100vw!important;
}	
	
.arabe-porticon{
	background-image: url(/imagenes/fondos/fondo_tallerint.jpg);
    background-repeat: round;
    background-size: cover;
}
.rslttxt{
	background: #ffffffcc;
    border: 3px #c1ab96 double;
    font-weight: bolder;
    box-shadow: 0.5rem 0.5rem 0.5rem 0.5rem #ffffff73;
}
h1,h2,h3,h4,h5,h6,span{
	color: #8c4f23;
	margin: 0;
}
p{	
	text-align: justify;
    color: #8c4f23;
    font-size: 1.2rem;
    padding: 0rem 0.5rem;
    line-height: 1.2rem;
    max-width: 100%;
}
.navbarpers{
	width:100%;
	position: sticky;
	top: 0;
	z-index: 1000;
	border: 1px solid #8c4f23;
	border-radius:10px;
	background-size: cover;
    background-repeat: round;
	display: flex;
    max-height: 4rem;
    flex-wrap: nowrap;
}
.horario{
	max-height: 20rem!important;
    min-height: 20rem!important;
	max-height: 20rem !important;
    min-height: 20rem !important;
    background: #153a15;
    border: 10px solid #8c4f23;
    margin: 0.1rem
}
.horario table{
	text-align: center;
    font-weight: bolder;
    font-size: 1.2rem;
    line-height: 1rem !important;
}
.horario > *{
	color:#fff!important;
}
.transp{
	max-height: 15rem!important;
    min-height: 15rem!important;
}
.horario p{
	text-align: center;
}
.navbar, .navbar-brand{
	padding-top: 0.1rem!important;
	padding-bottom: 0.1rem!important;
}
.ul2cols {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    padding: 0.3rem;
    line-height: 1rem;
	max-width: 100%;
}
.ul3cols {
    columns: 5;
    -webkit-columns: 5;
    -moz-columns: 5;
    padding: 0.3rem;
    line-height: 1rem;
	max-width: 100%;
}
.ul2cols li, .ul3cols li{
	display: flex;
    align-items: center;
    justify-content: space-between;
	font-size: 0.8rem;
    line-height: 1rem;
}
.menuacccanvas{
	position:absolute;
	bottom: 0.5rem;
}
.imgGest > div > .infoprdaccords{
	display: flex!important;
    flex-direction: column;
	width:90%;
}
.imgGest .accordion-body {
    padding: 0.2rem 0.2rem;
}
.accordion-button{
    padding: 0.2rem 0.2rem;
}
.infprdcrt, .infprdopc{
	width: 60%;
    background: #ffffffc9;
    color: #3d577e;
    padding: 0.2rem;
    border: 2px double #3d577e;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: bolder;
    border-radius: 10px 0px;
}
.imgGest > div > .infprdcrt, .imgGest > div > .infprdopc {
	width: 50%;
    font-size: 1.5rem;
	line-height: 1.5rem;
	display:flex!important;
	flex-wrap:wrap;
}
.infprdcrt span, .infprdopc select {
	color:#3d577e;
	text-shadow: 1px 1px #fff;
}
.infprdcrt label, .infprdopc label{
	width:40%;
	border: 1px solid #3d577e;
	color:#fff;
	text-shadow: 1px 1px #3d577e;
}
.infprdopc select{
	width: inherit;
}
.imgGest .gal{
	height: 5rem;
}
.modalimg{
	align-items:center;
	top:10%;
}
.cnt-imggal{
	max-height: 7.5rem;
    margin: 0.2rem;
	min-width: 5rem;
	background-repeat: round;
	padding: 0px !important;	
}
.cnt-imggal span{
	
}
.img-gal{
	max-height: 7rem;
    margin: 0.2rem;
}
.imgGest > .cnt-imggal{
	min-height: 50vh;
    margin: 0.2rem;
	min-width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
	
}
@media(min-width:568px){
	.imgGest > .cnt-imggal{
		background-position-x: right;
	}
}
.img-portada{
	max-width: 65%;
    border-radius: 50%;
    margin-top: 1rem;
    border: 8px double #8c4f23;
    box-shadow: 0.5rem 0.5rem 0.5rem 0.5rem #ffffff73;
}

.img-subportada{
    border: 0.5rem white solid;
    margin: 0.5rem;
}
.img-subportada.collage{
	max-width: 30%;
}
@media(max-width:568px){
	.img-portada{
		max-height:100%;
	}
	.img-subportada.collage{
		max-width: 45%;
	}
}

.img-subportada:nth-child(even){
	transform: rotate(2deg);
}
.img-subportada:nth-child(odd){
	transform: rotate(358deg);
}
.btnacc{
    color: #5e89ab;
    border: 2px solid #8c4f23;
    box-shadow: 0.1rem 0.1rem #000;
    background: #fff;
	width: 3rem;
    height: 3rem;
    border-radius: 50%;
    font-size: 0.5rem;
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.nvbrspn{
	margin-left: auto;
    margin-right: auto;
}
.navbar .btnacc{
	width:3rem;
	height:3rem;
	border-radius:50%;
	font-size:0.5rem;
	text-align:center;
}	
.secc{
	/*background-image: url(/imagenes/fondos/fondo_tallerint.jpg);*/
    display: flex;
    width: 100%;
	max-width:100%;
    background-size: cover;
    background-repeat: round;
    text-align: center;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    padding: 0;
}
.cartel{
	/*background-image: url(/imagenes/fondos/fondo_tallerint.jpg)*/
	max-height: 38rem;
    min-height: 38rem;
}
.nhistoria{
	background-image: url(/imagenes/fondos/fondo_tallerint.jpg);
	max-height: 40rem;
    min-height: 40rem;
}
.nombres{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    font-weight: bolder;
    font-size: 2.5rem;
	min-width: max-content;
}
.fecha{
	display: flex;
    align-items: center;
    justify-content: space-evenly;
    /*flex-wrap: wrap;*/
    width: 100%;
}
.fecha .a{
	display: flex;
    line-height: 1rem;
    height: 1.2rem;
    width: auto;
    background: #fff;
    border-top: 5px solid;
    border-color: grey;
    padding: 0.1rem 0.1rem;
    border-radius: 3px;
    font-size: 0.6rem;
    color: inherit;
    margin: 0.01rem 0.01rem;
    align-items: center;
}
.music{
	width:100%;
}
.carousel-item img{
	max-height: 14rem;
	min-height: 14rem;
}
.pers-circle{
	width: 4rem;
    max-height: 4rem;
    border-style: double;
    border: solid #8c4f23 2px;
	border-radius: 50%;
	padding: 2%;
}

.secc img.rounded-circle {
	width: 14rem;
    max-height: 14rem;
    border-style: double;
    border: solid #8c4f23 2px
}
.asist img{
	width: 2rem;
}
.rounded-circle{
    padding: 2%;
}
@media(min-width:300px){
	video{
		max-width: 100%;
	}
}
/*.parrq{background-image: url("/imagenes/iglesia-santos-reyes-albalat.jpg");}
.celebr{background-image: url("/imagenes/celebracion.jpg");}
.agenda{background-image: url("/imagenes/agenda.jpg");}
.transp{background-image: url("/imagenes/transporte.jpg");}
.aloj{background-image: url("/imagenes/alojamiento.jpg");}
.reg{background-image: url("/imagenes/regalo.jpg");}
.asist{background-image: url("/imagenes/asistencia.jpg*/
.cartel video{
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
	/*background: url('/imagenes/fondos/fondo_tallerint.jpg') no-repeat;*/
  background-size: cover;
  transition: 1s opacity;
}
.carousel.slide{
	width:100%;
	max-height: 16rem;
}
.prodsyservs{
	/*background-image: url(/imagenes/trabajos/palaciodipval_rep-premarco.jpg);
    background-repeat: round;
    background-size: cover;*/
    display: flex;
    flex-wrap: wrap;
	max-width:100%;
}
.album{
	/*background-image: url(/imagenes/trabajos/palaciodipval_rep-premarco.jpg);
    background-repeat: round;
    background-size: cover;*/
    display: flex;
    flex-wrap: wrap;
	max-width:100%;
	min-height:26rem;
}
.imr{
	max-height: 26rem;
    min-height: 26rem;
	display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
	background-image: linear-gradient(96deg, #000000d4, #ffffffcf);
    background-repeat: round;
    background-size: cover;
}

.reg ul li img{
	width: 5rem;
}
.reg span{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    font-size: 1.5rem;
}
/*tr > td:first-child{
	border-right: solid 1px green!important;
}*/
.phtcol{
	width: 20rem;
    height: 20rem;
    border-style: double;
    border: 0px;
    background-image: url(/imagenes/fondos/fondo_photocall.jpg);
    padding: 1.5rem;
    background-size: cover;
}
/*CUENTA ATRAS*/
.countdown {
	/*padding-bottom: 60px;*/

	h2 {
		text-align: center;
		width: 100%;
	}

	.end {

	}

	.countDown {
		display: flex;
		justify-content: center;

		.container {
			width: 15%;

			.a {
				background-color: #fff;
                height: 4rem;
                width: 5rem;
                border-top: 5px grey solid;
                border-radius: 5px;
                margin: 0.2rem 0rem;
				div {
					display: block;
					text-align: center;
					position: relative;
					font-size: 2rem;
					color: #2481C6
				}
			}

			&:nth-child(1) .a div {
				&::before {
					content: 'Dias';
					position: absolute;
					top: 2.5rem;
					left: 50%;
					transform: translateX(-50%);
					font-size: 1rem;
					color: #727272;
				}
			}

			&:nth-child(2) .a div {
				&::before {
					content: 'Horas';
					position: absolute;
					top: 2.5rem;
					left: 50%;
					transform: translateX(-50%);
					font-size: 1rem;
					color: #727272;
				}
			}

			&:nth-child(3) .a div {
				&::before {
					content: 'Minutos';
					position: absolute;
					top: 2.5rem;
					left: 50%;
					transform: translateX(-50%);
					font-size: 1rem;
					color: #727272;
				}
			}

			/*&:nth-child(4) .a div {
				&::after {
					content: 'Sekunden';
					position: absolute;
					bottom: -15px;
					left: 50%;
					transform: translateX(-50%);
					font-size: 16px;
					color: #727272;
				}
			}*/
		}
	}
}

@media screen and (max-width: 850px) {
	.countdown {
		.countDown {
			justify-content: space-around;
		}
	}
}

@media screen and (max-width: 600px) {
	.countdown {
		.countDown {
			/*flex-wrap: wrap;*/

			.container {
				width: 50%;
		}
	}
}

@media screen and (max-width: 350px) {
	.countdown {
		.countDown {
			.container {
				width: 100%
			}
		}
	}
}