@font-face
{
	font-family: "Optima";
	src: url("../fonts/Optima-Medium.otf");
}
@font-face
{
	font-family: "MalikTrial-Medium";
	src: url("../fonts/MalikTrial-Medium.ttf");
} 
@font-face
{
	font-family: "MalikTrial-Regular";
	src: url("../fonts/MalikTrial-Regular.ttf");
}
@font-face
{
	font-family: "MalikTrial-Light";
	src: url("../fonts/MalikTrial-Light.ttf");
} 
@font-face
{
	font-family: "MalikTrial-Italic";
	src: url("../fonts/MalikTrial-Italic.ttf");
} 
footer{
	background-color: #a68a00;
}
.alignCenter{
	text-align: center;
}
.alignLeft{
	text-align: left;
}
.alignRight{
	text-align: right;
}
.imglogo{
	padding: 3rem 0px;
}
.fondotransparencia{
	background-image: url(../img/textura.webp);
	background-size: cover;
	background-position:center;
	background-repeat: no-repeat;
}
.fondoazul{
	background-color: #5cc3b9;
	background-image: url(../img/fondoazul.webp);
	background-size: contain;
    background-position: top left;
	background-repeat: no-repeat;
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.imgseparador{
	margin-bottom: 3rem;
    margin-top: 10px;
    width: 18%;
}
.imgmapa{
	width: 97%;
}
h2{
	color: #f5ecc5;
	font-family: "Optima";
	font-size: 3.2rem;
	text-transform: uppercase;
	margin-bottom: 0px;
	letter-spacing: 2.2px;
}
h6{
	color: #f5ecc5;
	font-family: "Optima";
	font-size: 1.4rem;
    text-transform: uppercase;
    margin-bottom: 0px;
    letter-spacing: 2px;
}
.divcafelogo{
	position: absolute;
	background-color: #9f8100;
	top: 0px;
	left: 4rem;
	padding: 1.5rem
}
.imglogoh{
	height: 6rem;
}
.titleform{
	color: #987b00;
    text-transform: uppercase;
    font-family: "Optima";
    font-size: 2.35rem;
    margin-bottom: 0px;
    font-weight: 800;
}
.subtitleform{
	color: #987b00;
    font-family: "Optima";
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0px;
}

.divform{
	background-image: url(../img/fondoform.webp);
	    background-size: 100%;
    /* background-position: center; */
    background-repeat: no-repeat;
    width: 35%;
    padding: 2rem 4rem 2rem 3rem;
    margin-left: auto;
    margin-right: 7rem;
    margin-top: 7rem;
    margin-bottom: 6rem;
}
.fondocafe{
	background-color: #dfd3a5;
	background-image: url(../img/fondocarrucel.webp);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 6.5rem;
	padding-bottom: 5rem;
}
input{
	width: 100%;
	background-color: #ede5c4;
}
.flexcarr{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 5rem;
}
.flexcarr1{
	width: 62%
}
.flexcarr2{
	width: 32%;
}
.slidermemorial img{
	width: 97%;
    margin: auto;
}
.slidermemorial-nav .divcarrucelmemorialmin img{
    width: 85%;
    margin: auto;
}
.margen2{
	padding-right: 8rem;
	padding-left: 8rem;
}
/*.slidermemorial-nav > div img {
    width: 120px;
    height: 90px;
}
.slidermemorial-nav > div {
    display: inline-block;
    margin: 0 10px 0px 0px;
    text-align: center;
    cursor: pointer;
}
.slidermemorial-nav {
    margin-top: 20px;
}*/
.rowzero{
	margin-right: 3px!important;
	margin-left: 3px!important;
}
.flexcarr2 p{
	color: #917601;
	font-family: "MalikTrial-Regular";
	text-align: center;
	font-size: 1.4em;
}
.fondomostaza{
	background-color: #a68a00;
}
.fondoturquesa{
	background-color: #34b7b7;
}
.estructuraaftercarr{
	border-top-right-radius: 4rem;
    border-bottom-left-radius: 4rem;
	height: 25rem;
	padding: 0rem 3rem;
	display: flex;align-items: center;justify-content: center;
}
.divrow{
	padding-bottom: 2rem;
	padding-top: 2rem;
}
.estructuraaftercarr h5{
	color: #f5ecc5;
    font-family: "Optima";
    font-size: 1.8rem;
    margin-bottom: 1.8rem;
    letter-spacing: 1.5px;
    line-height: 2.6rem;
}
.estructuraaftercarr p{
	color: #f5ecc5;
	font-family: "MalikTrial-Regular";
	margin-bottom: 0px;
	margin-top: 0.8rem;
    font-size: 1.25rem;
}
.btnestructura{
	font-family: "MalikTrial-Medium";
	color: #f5ecc5;
	border-radius: 1.3rem;
	padding: 25px 1rem 20px 1rem;
    font-size: 1.3em;
    line-height: 0px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.btnturquesa{
	background-color: #33b6b6;
	border:1.5px solid #33b6b6;
}
.btnturquesa:hover{
	background-color: transparent;
	color: #33b6b6;
	border:1.5px solid #33b6b6;
	cursor: pointer;
}
.btncafe{
	background-color: #a68a00;
	border:1.5px solid #a68a00;
}
.btncafe:hover{
	background-color: transparent;
	color: #a68a00;
	border:1.5px solid #a68a00;
	cursor: pointer;
}
.martopbtn{
	margin-top: 6rem;
}
.martopbtn2{
	margin-top: 4rem;
}
.optimaf{
	font-family: "Optima";
	letter-spacing: 1px;
}
.flexporque{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background-color: #e9ddad;
	width: 60%;
    margin: auto;
    margin-bottom: 4rem;
}
.flexporque1{
	width: 55%;
}
.flexporque2{
	width: 45%;
}
.img100{
	width: 100%;
}
.bgmostaza{
	background-image: url(../img/fondomostaza.webp);
	background-size: cover;
	background-position:center;
	background-repeat: no-repeat;
	padding-top: 4rem;
    padding-bottom: 1rem;
}
.flexporque1{
	background-image: url(../img/fondourna.webp);
	background-size: cover;
	background-position:center;
	background-repeat: no-repeat;
}
.flexporque1 h4{
	color: #9f8100;
	font-family: "Optima";
	text-transform: uppercase;
	font-size: 2.5rem;
	margin-bottom: 0px;
}
.flexporque1 h3{
	color: #9f8100;
    font-family: "Optima";
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: 1.5px;
    margin-bottom: 1.5rem;
}
.flexporque1 p{
	font-family: "MalikTrial-Italic";
    color: #9f8100;
	font-size: 0.95rem;
    line-height: 1.15rem;
    margin-bottom: 0px;
}
.colorbeige{
	color: #e1d5a9!important;
}
.divflexserv{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 90%;
    margin: auto;
    margin-bottom: 3.5rem;
}
.divflexserv1{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 25%;
}
.imgicon{
	margin-right: 10px;
}
.textserv{
	margin-bottom: 0px;
	font-family: "MalikTrial-Italic";
    color: #e4d9b1;
    line-height: 1.4em;
    font-size: 1.35em;
    text-shadow: 3px 3px 10px #231f20;
}
.divmapa{
	background-color: #dfd3a5;
    border-top-left-radius: 3rem;
    border-bottom-right-radius: 3rem;
    position: absolute;
    top: 2.5rem;
    padding: 2rem 1.5rem;
    width: 23%;
    text-align: left;
    left: 5rem;
}
.divmapa h5{
	font-family: "MalikTrial-Regular";
    color: #9f8400;
    font-size: 1.8em;
}
.divmapa p{
	font-family: "MalikTrial-Italic";
    color: #9f8400;
    font-size: 1.25em;
    margin-bottom: 1.5rem;
    line-height: 1.1em;
}
.divmapa button{
	margin-bottom: -45px;
}
.grecaptcha-badge{
	display: none!important;
}
.sallap{
	display: none;
}
@media only screen and (min-width: 1600px){
	.imglogoh {
	    height: 8rem;
	}
	.divform{
		margin-top: 10rem;
	    margin-bottom: 9rem;
	}
	.subtitleform {
		font-size: 1.4rem;
	}
	.inputform {
		font-size: 1.3em;
	}
	.btninicia{
		font-size: 1.5em;
	}
	#campoobl {
	    margin-top: -9px;
	    font-size: 1.1em;
	}
	.flexporque1 p{
		font-size: 1.3rem;
    	line-height: 1.15em;
	}
	.flexporque1 h4{
		font-size: 3.1em;
	}
	.flexporque1 h3{
		font-size: 1.4rem;
	}
	h2{
		font-size: 4.3em;
	}
	.imgseparador {
		width: 20%;
	}
	.textserv{
		font-size: 1.65em;
	}
	.flexcarr2 p{
		font-size: 1.6em;
	}
	.btnestructura{
		padding: 35px 1.2rem 30px 1.2rem;
    	font-size: 1.6em;	
    	border-radius: 1.5rem;
	}
	.estructuraaftercarr h5{
		font-size: 2.2rem;
	    margin-bottom: 2rem;
	    letter-spacing: 1.4px;
	    line-height: 1.5em;
	}
	.estructuraaftercarr p{
		margin-top: 0.5rem;
    	font-size: 1.5rem;
	}
	.estructuraaftercarr {
		height: 27rem;
	}
	h6{
		font-size: 1.6rem;
	}
	.divmapa p{
		font-size: 1.5em;
	}
	.divmapa h5 {
	    font-size: 2.2em;
	}
}
@media only screen and (min-width: 1800px){
	.margen2 {
	    padding-right: 12rem;
	    padding-left: 12rem;
	}
	.divform {
		margin-right: 11rem;
	}
	.divcafelogo {
		left: 11rem;
	}
	.imglogoh {
	    height: 9rem;
	}
}
@media only screen and (max-width: 1280px){
	.flexporque {
		width: 65%;
	}
	.estructuraaftercarr {
		height: 22rem;
	}
	.estructuraaftercarr h5{
		font-size: 1.55rem;
		line-height: 1.4em;
	}
	.estructuraaftercarr p{
		margin-top: 0.5rem;
		font-size: 1.2rem;
	}
	.divmapa{
		width: 25%;
	}
}
@media only screen and (max-width: 1150px){
	.divform{
		width: 37%;
	}
	.flexporque {
	    width: 70%;
	}
	.divflexserv{
		width: 100%;
	}
	.flexcarr2 p{
		font-size: 1.15em;
	}
	.martopbtn {
	    margin-top: 4rem;
	}
	.estructuraaftercarr h5 {
	    font-size: 1.3rem;
	    line-height: 1.5em;
	    margin-bottom: 1.5rem;
	}
	h2 {
		font-size: 2.8rem;
	}
	h6{
		font-size: 1.25rem;
	}
	.margen2 {
	    padding-right: 5rem;
	    padding-left: 5rem;
	}
}
@media only screen and (max-width: 1024px){
	.flexporque {
	    width: 75%;
	}
	.divflexserv1{
		width: 30%;
    	margin-bottom: 3rem;
	}
	.divflexserv{
		margin-bottom: 0px;
	}
	.estructuraaftercarr {
	    height: 19rem;
	}
	.divmapa {
	    width: 28%;
	    left: 3.5rem;
	}
}
@media only screen and (max-width: 991px){
	.saltomov{
		display: none;
	}
}
@media only screen and (max-width: 900px){
	.flexporque {
	    width: 100%;
	}
	.divflexserv1 {
	    width: 65%;
	    margin-bottom: 2.5rem;
	}
	.margen2 {
	    padding-right: 2rem;
	    padding-left: 2rem;
	}
}
@media only screen and (max-width: 800px){
	.divmapa {
	    width: 33%;
	    left: 2rem;
	}
	.flexcarr1 {
	    width: 100%;
	    margin-bottom: 2rem;
	    order: 2;
	}
	.flexcarr2 {
	    width: 100%;
	    order: 1;
	    margin-bottom: 2rem;
	}
	.flexcarr2 {
	    width: 100%;
	    order: 1;
	    margin-bottom: 2rem;
	}
	.martopbtn {
	    margin-top: 2.5rem;
	}
	.sallap{
		display: block;
	}
	.flexcarr2 p {
	    font-size: 1.25em;
	    margin: 1rem 0rem;
	}
	.estructuraaftercarr {
	    height: auto;
	}
}
@media only screen and (max-width: 768px){
	.fondocafe{
		padding-top: 4rem;
    	padding-bottom: 3rem;
	}
	.martopbtn2 {
	    margin-top: 2rem;
	}
	.divcafelogo {
	    position: inherit;
		left: 0rem;
	    padding: 1.5rem;
	    width: 25%;
	    margin: auto;
	}
	.flexporque{
		background-color: transparent;
		width: 100%;
	}
	.flexporque1 {
	    width: 80%;
	    padding: 3rem 2rem;
	}
	.flexporque2 {
	    width: 80%;
	}
}
@media only screen and (max-width: 767px){
	.flexcarr {
		padding-bottom: 1rem;
	}
	.estructuraaftercarr {
	    height: auto;
	    padding: 3rem 1rem;
	    margin-bottom: 3rem;
	}
	.imgfamilia{
		width: 100%;
	}
	.divflexserv1 {
	    width: 100%;
	    margin-bottom: 2.7rem;
	}
	.brmov{
		display: none;
	}
	.divimagen{
		order: 2;
		padding: 0px;
	}
	.divestructu{
		order: 1;
		padding: 0px;
	}
	.divmapa{
		position: inherit;
    	top: 0rem;
    	width: 50%;
	    left: 0rem;
	    margin: 0px auto 3rem auto;
	}
}
@media only screen and (max-width: 700px){
	.divcafelogo{
		width: 40%;
	}
	.divmapa{
		text-align: center;
		width: 100%;
	}
	.imglogo {
	    padding: 2rem 0px;
	    height: 9rem;
	}
	h2 {
	    font-size: 2rem;
	}
	.imgseparador {
	    margin-bottom: 3rem;
	    margin-top: 1rem;
	    width: 75%;
	}
	h6 {
	    font-size: 1.05rem;
	    letter-spacing: 1.5px;
	}
	.textserv{
		font-size: 1.2em;
	}
	.flexporque1 h4{
		font-size: 2em;
	}
	.flexporque1 h3{
		font-size: 1em;
	}
	.flexporque1 p{
		font-size: 0.9em;
	}
}
@media only screen and (max-width: 500px){
	.flexporque1 {
	    width: 90%;
	    padding: 2.5rem 1.5rem;
	}
	.flexporque2 {
	    width: 90%;
	}
}
@media only screen and (max-width: 450px){
	.estructuraaftercarr{
		padding: 2rem 1rem;
	}
	.divmapa p{
		font-size: 1.05em;
	}
	.divmapa h5{
		font-size: 1.5em;
	}
	h2 {
	    font-size: 1.5rem;
	}
	h6 {
	    font-size: 0.9rem;
	    letter-spacing: 1px;
	}
	.margen2 {
	    padding-right: 1.5rem;
	    padding-left: 1.5rem;
	}
	.flexporque1{
		width: 100%;
	}
	.flexporque2{
		width: 100%;
	}
	.textserv {
	    font-size: 1em;
	}
	.divflexserv1 {
		margin-bottom: 2rem;
	}
	.flexporque{
		margin-bottom: 2rem;
	}
	.flexcarr2 p {
	    font-size: 1.05em;
	    margin: 1.1rem 0rem;
	}
	.btnestructura{
		font-size: 1.1em;
	}
	.divform{
		margin-top: 9rem;
	}
}
@media only screen and (max-width: 410px){
	.divcafelogo {
	    width: 60%;
	}
}