/* CSS Document */
p,h1,h2,h3,img{ margin:0px; border:0px; padding:0px;}
body {width:100%;text-align:center;margin-left:auto;margin-right:auto; margin-top:0px; margin-bottom:0px; font-family: 'Poppins', sans-serif; font-size:16px; color:#48484A; line-height:24px;}

body a{text-decoration:none;color:#231F20; }
body a:hover{text-decoration:none;color:#8C6436;}

.preload { width:100%;
     position: fixed;
   top: 0;
  left: 0;
  right: 0;
	bottom: 0; background:#EAECF1; z-index: 1000;}


/***preload*/

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;top:40%;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #7A4F2D;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; 
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}



.control{ text-align: center; position: absolute; left: 50%;z-index: 888;}
.controltxt{ font-size: 60px; text-align: center;color: #fff; top:300px; line-height: 60px;position: relative; left: -50%;}

#contenedor{margin:0 auto;max-width:1200px;background-color:#FFFFFF; }
.contenedor_txt_home{max-width:1200px; margin-top:150px; position:relative; }
.contenedor_txt{max-width:1200px; background-color:#FFFFFF; text-align:left; position:relative; margin-top:8px;}
.contenedor_txt2{max-width:1100px; background-color:#FFFFFF; text-align:left; position:relative; margin-top:8px; padding-left: 50px; padding-right: 50px;}

#head{width:100%; position:fixed; top:0px; z-index: 999; background: url("../img/bghead.png") repeat;}
#head_content{max-width:1200px; margin:0 auto; height:70px; margin-top:0px;padding-left:0px; padding-right: 0px; position: relative;}
.head0{display:inline-block; vertical-align:middle; width:400px; text-align:left; padding-top: 5px;}
.headmenu_1{ display: inline-block; vertical-align: middle; display: inline-block; width: 50px;}
.headmenu_2{ display: inline-block; vertical-align: middle; display: inline-block; width: 340px;}
.head1{display:inline-block; vertical-align:middle; width:780px; text-align:right; color:#fff; font-size:13px; padding-top:5px; line-height:20px;}
.head1 img{ padding-right:5px;}
/*.headmenu{ position: absolute; top: 75px; left: 5px;height: 25px; width: 25px;}*/


#titulo{width:100%; background:#fff;}
#titulo_txt{margin:0 auto; text-align: left;  margin-top:0px; background:#00AEEF;font-size: 26px; color:#fff; padding-top: 10px; padding-bottom: 10px; font-weight: 400; text-align: center;}

#titulo_txtdet{text-align: left;  margin-top:0px; background:url('../img/bgtit.jpg') no-repeat right #00AEEF;font-size: 26px; color:#fff; padding-top: 20px; padding-bottom: 10px; font-weight: 400; height:40px; padding-left: 50px; width: 40%;}
#titulo_txtdet_rojo{text-align: left;  margin-top:0px; background:url('../img/bgtit2.jpg') no-repeat right #E93A37;font-size: 26px; color:#fff; padding-top: 20px; padding-bottom: 10px; font-weight: 400; height:40px; padding-left: 50px; width: 40%;}
#titulo_txtdet2{text-align: left;  margin-top:0px; background:url('../img/bgtit.jpg') no-repeat right #00AEEF;font-size: 26px; color:#fff; padding-top: 20px; padding-bottom: 10px; font-weight: 400; height:40px; padding-left: 50px; width: 60%;}
.txt_servicio{ padding-left: 50px; text-align: left; margin-top: 20px;}

#menu{text-align:right; width:100%; position:relative;}
nav ul{font-size:0;padding:0;}
nav ul li{display:inline-block; vertical-align:middle;font-size:15px; text-align:center; font-weight:500;height:30px;line-height:30px; margin-right:0px; margin-left:5px;}
nav ul li a{color:#fff;display:block;text-align:center; text-decoration:none;}
nav ul li a:hover{color:#fff; display:block;}
nav ul li .current{color:#5682FF; height:30px; font-weight:700;}
nav img{ display:inline-block; vertical-align:middle;width: 25px;}
.msep{ border-left: 1px solid;  color:#fff; height: 30px; margin-left: 10px; margin-right: 10px;}
.current2{color:#AEDBF0;}
.otromen{ background: #3F4653;}
.btn_disfrutar{background: #C47A45; width: 90px; padding: 5px; color: #fff; border-radius: 15px; text-align: center; font-size: 11PX; line-height: 12px; margin-left: 20px;}
.btn_disfrutar:hover{background:  #5E391E; color: #fff;}
#myButton2{display:none; margin-bottom: 3px;}



.btn_micuenta{background: #C47A45; width: auto; padding: 8px; color: #fff; border-radius: 15px; text-align: center; font-size: 12PX; line-height: 12px;position: absolute; right: 0px; top: 70px;}
.btn_micuenta:hover{background: #5E391E; color: #fff;}
#myButton2{display:none; margin-bottom: 3px;}

.btn_micuenta2{background: #C47A45; width: 120px; padding: 8px; color: #fff; border-radius: 15px; text-align: center; font-size: 12PX; line-height: 12px;}
.btn_micuenta2:hover{background: #5E391E; color: #fff;}
#myButton2{display:none; margin-bottom: 3px;}


.btn_from{background: #C47A45; width: 90px; padding: 15px; color: #fff; border-radius: 20px; text-align: center; font-size: 14PX; line-height: 12px; margin-top: 10px; cursor: pointer;}
.btn_from:hover{background: #5E391E;color: #fff; }




.menu_responsive{width:230px; background:#E5E5E5; display:none; margin-top:0px;z-index:100; height:auto; position:absolute; top:70px; padding-top:15px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; left: 0px;}
.menu_responsive ul{font-size:0;padding:10px!important; text-align:left;}
.menu_responsive ul li{display:block!important;font-size:14px;height:25px; line-height:14px;padding:0px 0;width:auto;  padding-top:10px; font-weight:500; }
.menu_responsive ul li a{color:#85612E;text-align:left; text-decoration:none; padding-left:5px; display:block!important; line-height:15px!important; border-bottom:0px;}
.menu_responsive ul li a:hover{color:#5B4220;border-bottom:0px;}
.img_responsive{max-width:100%!important;height:auto;}
.menu_responsive ul li img{ width: 20px; vertical-align: middle; margin-right: 5px;}
.menu_responsive ul li p { padding-left:20px; font-size:14px; margin-bottom:10px; margin-top:10px;}




#slide{ width:100%; position:relative; display:block;  margin-top:0px; background: #F67D48; margin-bottom: 0px;}
#slide2{ width:100%; position:relative; display:block;  margin-top:0px; background: #000; margin-bottom: 0px;}
#slidem{ display: none;}
#slidem2{ display: none;}


.bxslider{ position:relative;}
.bxslider h2{ position:absolute; top:60%; left:20%; font-size:30px; text-align:left; font-weight:800; line-height:45px; font-style:oblique; color:#fff;}
.bgh2slide{ background:#000000; padding:5px; padding-right:15px;}



.btn_mas{width:90px; background:#C8D200;border-radius:4px!important; padding:5px; color:#FFF; text-align:center; display:inline-block;font-size:12px; margin:0px; margin-left: 50px;}
.btn_mas:hover{ background:#828800; color:#fff!important;}
.btn_mas a:hover{ background:#828800; color:#fff!important;}


.c1{ width:415px; display:inline-block; vertical-align:top; margin:0px; text-align:left;}
.c2{ width:520px; display:inline-block; vertical-align:top; text-align:left; line-height:30px; margin-left: 110px;}




#franja1{background:#FFF; height:inherit; width:100%; padding-top:0px; clear:both;}
.franja1{margin:0 auto;max-width:1200px; text-align:center; padding:50px;}

#franja2{background:#fff; height:inherit; width:100%; padding-top:0px; clear:both;}
.franja2{margin:0 auto;max-width:1200px; text-align:center; padding:50px;}


.franja2 h1{font-size:30px;font-weight:600; margin:0; margin-top:5px; margin-bottom:10px; line-height:35px; color:#fff; margin-bottom: 20px; background: url(../img/img2h1.png) no-repeat left bottom; padding-bottom: 5px; width: auto; padding-bottom: 10px; }


#franja31{background:#8C6436; height:inherit; width:100%; padding-top:0px; clear:both;}
.franja31{margin:0 auto;max-width:1200px; text-align:center; padding:50px;}

#franja3{background:#E5E5E5; height:inherit; width:100%; padding-top:0px; clear:both;}
.franja3{margin:0 auto;max-width:1200px; text-align:center; padding:50px;}

#franja33{background:#F7F7F6; height:inherit; width:100%; padding-top:0px; clear:both;}
.franja33{margin:0 auto;max-width:900px; text-align:center; padding:0px; padding-top: 100px; text-align: left;}

#franja4{background:#E9E9EB; height:inherit; width:100%; padding-top:0px; clear:both;}
.franja4{margin:0 auto;max-width:1200px; text-align:left; padding:50px;}
.franja4 h1{font-size:30px;font-weight:600; margin:0; margin-top:5px; margin-bottom:10px; line-height:35px; color:#fff; margin-bottom: 20px;padding-bottom: 5px; background: none!important;}

#franja5{background:#C06D45; height:inherit; width:100%; padding-top:0px; clear:both;}
.franja5{margin:0 auto;max-width:1200px; text-align:left; padding:50px;}


.faq{ display: inline-block; vertical-align: top; padding: 30px; background: #fff; margin: 30px; width: 460px; min-height: 160px;}
.faq h2{ text-align: center; font-size: 20px;}
.faq p{ text-align: left; font-size: 14px; line-height: 20px;}

	
.linea{ border-bottom:1px solid #E8E8E8; height:15px; margin-bottom:15px;}
.linea2{ border-bottom:1px solid #E8E8E8; height:1px; margin-bottom:10px;}


/*h1{font-size:30px;font-weight:600; margin:0; margin-top:5px; margin-bottom:0px; line-height:22px; color:#5D5D5D; margin-bottom: 20px; background-image: url(../img/imgh1.png); background-repeat: no-repeat; background-position: center; padding-bottom: 55px;}
h2{font-size:22px;font-weight:400; margin:0; margin-top:5px; margin-bottom:0px; line-height:22px; color:#5D5D5D; margin-bottom: 20px;}
h3{font-size:16px;font-weight:600; margin:0; margin-top:5px; margin-bottom:0px; line-height:22px; color:#5D5D5D;}*/

.secciones{ margin-top:30px; display:none; text-align:left; margin-bottom:50px;}


.txt_mas{ position:absolute; top:15px; left:150px; width:33px; height:33px;}

.separa0{width:100%; height:5px; margin-bottom:5px; clear:both;}
.separa{width:100%; height:10px; margin-bottom:10px; clear:both;}
.separa2{width:100%; height:20px; margin-bottom:20px; clear:both;}
.separa3{width:100%; height:0px; clear:both; display:none; padding-top:30px;}
.separa4{width:100%; height:30px; margin-bottom:20px; clear:both;}

.line{height:10px; border-bottom:1px solid #929292; width:100%;}
.line2{height:10px; border-bottom:1px dotted #8F8C87; width:100%; display:none;}





#footer{width:100%; background:#8C6436; position:relative;}
#footer a{text-decoration:none;color:#fff;}
#footer a:hover{text-decoration:none;color:#DEC6AB;}
#footer_contenedor{max-width:1200px; margin:0 auto;  margin-top:0px; padding-top: 50px; padding-bottom: 20px;}
.fot_c{ width:250px; text-align: left; margin-right: 30px; color: #fff; font-size: 13px; line-height: 24px; display: inline-block; vertical-align: top;}
.fot_c1{ width:250px; text-align: left; margin-right: 30px; color: #fff; font-size: 13px; line-height: 24px; display: inline-block; vertical-align: top;}
.redesf img{ margin-right: 10px;}


.separa_servicios{ margin-top: 125px;}




.scrollToTop{
	width:38px; 
	height:38px;
	padding:5px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	top:575px;
	right:100px;
	display:none;
	background:url(../img/top.png) no-repeat ;
	z-index:9999;
}
.scrollToTop:hover{
	text-decoration:none;
}


.volver{ width:64px; height:65px; position:absolute; right:0px; top:5px; }


.c1_contact{width:380px; display:inline-block; margin:0px; vertical-align:top; line-height:20px;}
.c2_contact{width:600px; display:inline-block; margin:0px; margin-left:90px; vertical-align:top;}
.info_contact{ width:100%; padding:6%; background-color:#00AEEF; color:#FFF; font-weight:300; font-size:20px;}
.info_contact a{ text-decoration:none; color:#fff;}
.info_contact a:hover{ text-decoration:none; color:#fff;}


textarea:focus, input:focus{
    outline: none;
}


input[type='text']{padding:14px;border: none; display:inline-block; width:300px; font-family:'Open Sans', sans-serif;color:#868789; font-size:15px; margin-right:10px; margin-top:10px; background: #EDEDED; border-radius: 25px;}

.select2{padding:14px;border: none; display:inline-block; width:300px; font-family:'Open Sans', sans-serif;color:#868789; font-size:15px; margin-right:10px; margin-top:10px; background: #EDEDED; border-radius: 25px;}

input[type='date']{ padding:14px;border: none; display:inline-block; width:300px; font-family:'Open Sans', sans-serif;color:#868789; font-size:15px; margin-right:10px; margin-top:10px; background: #EDEDED; border-radius: 25px;}

input[type='time']{padding:14px;border: none; display:inline-block; width:300px; font-family:'Open Sans', sans-serif;color:#868789; font-size:15px; margin-right:10px; margin-top:10px; background: #EDEDED; border-radius: 25px;}




.lst{ padding:14px;border:1px solid #C3C3C3; display:inline-block; width:300px; font-family:'Open Sans', sans-serif;;color:#666666; font-size:15px; margin-right:10px; margin-top:10px;}

input[type='password']{padding:14px;border: none; display:inline-block; width:300px; font-family:'Open Sans', sans-serif;color:#868789; font-size:15px; margin-right:10px; margin-top:10px; background: #EDEDED; border-radius: 25px;}

.select{ padding:9px;border:1px solid #C3C3C3; display:inline-block; width:49%; font-family:'Open Sans', sans-serif;color:#666666; font-size:15px; margin-top:5px;}
textarea{padding:14px;border: none; display:inline-block; width:300px; font-family:'Open Sans', sans-serif;color:#868789; font-size:15px; margin-right:10px; margin-top:10px; background: #EDEDED; border-radius: 25px;}
#conta{ text-align:center!important;}
.head1m{display:none; width:10%; vertical-align:top; text-align:left; margin:0;height:59px;margin-top:22px;}
.head2m{display:none; width:85%; vertical-align:top; text-align:left; margin:0;height:59px;margin-top:12px;}
#map_canvas{width:100%; height:500px; color:#333333;}
.highlight{color:#0082CA; font-weight:bold; text-align:left;}
#ui-id-1{ z-index:999!IMPORTANT;}
#mapa{width:100%; background:#fff; min-height:750px;}

.columna_3{-moz-column-count: 3;
	-moz-column-gap: 50px;
	-webkit-column-count: 3;
	-webkit-column-gap: 50px; margin-top:30px;}
	
.columna_3 .salto{
            -webkit-column-break-after: always;
        }

#mapa{width:100%; background:#fff; min-height:500px;}


.tit_cat_cur{ color:#fff; font-size: 20px; line-height: 28px;}
.vamostxt{ font-size: 18px; color:#666666; width: 60%;}
.titg{ font-size: 90px; color:#5A81FF; font-style: italic; font-weight: 900; line-height: 80px;}
.titfino{ font-size: 50px; color:#666666;font-weight: 300; line-height: 70px; text-align: center;}
.titfino2{ font-size: 50px; color:#fff;font-weight: 300; line-height: 70px; text-align: left;}
.categ{display: inline-block; vertical-align: middle; margin: 40px; text-align: center;}
.categ p{ font-size: 14px; font-weight: 400; color: #666666;}
.nove {display: inline-block; vertical-align: middle; margin: 40px; text-align: left; width: 200px; height: 250px; background: #7A8C59; border-radius: 10px; position: relative; line-height: 18px;}
.nove img{ border-top-left-radius: 10px; border-top-right-radius: 10px; }
.nove_t{ padding: 10px; padding-top: 5px;}
.nove p{ font-size: 14px; font-weight: 400; color: #fff; line-height: 15px;}
.nove a{text-decoration:none;color:#fff; }
.nove a:hover{text-decoration:none;color:#fff;}

.btn_loquiero{background: #C47A45; width: 60px; padding: 2px; color: #fff; border-radius: 8px; text-align: center; font-size: 9px; line-height: 12px; margin-left: 0px; display: block; margin-top: 0px; right: 5px; bottom: 5px; position: absolute;  }
.btn_loquiero:hover{background: #5E391E; color: #fff;}

.btn_masinfo{background: #C47A45; width: 70px; padding: 10px; padding-right: 12px; padding-right: 12px; color: #fff; border-radius: 25px; text-align: center; font-size: 11px; line-height: 12px;}
.btn_masinfo:hover{background: #5E391E;}

.btn_loquiero2{background: #C47A45; width: 60px; padding: 2px; color: #fff; border-radius: 8px; text-align: center; font-size: 9px; line-height: 12px; margin-left: 0px; display: block; margin-top: 0px; right: 5px; bottom: 5px; position: absolute; }
.btn_loquiero2:hover{background: #5E391E; color: #fff;}


.btn_loquiero3{background: #C47A45; width: auto; padding: 8px; color: #fff; border-radius: 25px; text-align: center; font-size: 9px; line-height: 12px; margin-left: 20px; display: block; margin-top: 10px; position: absolute; top: 40%; right: 40px; line-height: 15px; min-width: 100px; }
.btn_loquiero3:hover{background: #5E391E; color: #fff;}

.btn_loquiero4{background: #C47A45; width: auto; padding: 15px; color: #fff; border-radius: 25px; text-align: center; font-size: 18px; line-height: 12px; margin-left: 20px; display: block; margin-top: 10px; position: absolute; top: 40%; right: 40px; line-height: 15px; min-width: 100px; }
.btn_loquiero4:hover{background: #5E391E; color: #fff;}

.btn_loquiero5{background: #C47A45; width: auto; padding: 15px; color: #fff; border-radius: 25px; text-align: center; font-size: 18px; line-height: 12px; display: inline-block; margin-top: 10px;top: 40%; right: 40px; line-height: 15px; min-width: 100px; }
.btn_loquiero5:hover{background: #5E391E; color: #fff;}

.bene {display: inline-block; vertical-align: middle; margin: 40px; text-align: left; width: 200px; height: 210px; background: #fff; border-radius: 10px; position: relative;}
.bene img{ border-top-left-radius: 10px; border-top-right-radius: 10px;}
.bene_t{ padding: 10px; padding-top: 0px;}
.bene p{ font-size: 14px; font-weight: 400; color: #7A8C59; line-height: 15px; }
.bene_off{ font-weight: 600; color: #324194; font-style: italic;}
.circulooff{ width: 45px; height: 45px; border-radius:45px; background: #7A8C59; color: #fff; position: absolute; top: 10px; right:10px; line-height: 12px;}
.circulooff .porc{ font-size:11px;font-weight: 300; margin-top:15px;  font-size: 16px; font-style: italic; text-align: center; font-weight: 600;}
.circulooff .off{ font-size:11px;font-weight: 300; text-align: center;}
.plan {display: inline-block; vertical-align: middle; margin: 10px; padding: 20px; text-align: left; width: 200px; height:150px; background: #fff; border-radius: 10px; background: #EDEDED; cursor: pointer;}
.plcuerpo{ font-size: 11px; line-height: 16px; margin-top: 10px; margin-bottom: 10px;}


.items {display: inline-block; vertical-align: top; margin:40px; text-align: center; width: 250px;}
.items_t{ color: #fff; font-size: 34px; font-weight: 600; margin-bottom: 20px; line-height: 32px;}
.items p{ font-size: 14px; font-weight: 400; color: #fff; line-height: 18px;}
.precio{ font-size: 34px;}
.precio2{ font-size: 15px;}

.quees {display: inline-block; vertical-align: top; margin:20px; text-align: left; width: 310px; background: #fff; padding: 25px; position: relative;}
.quees_t{ color: #000; font-size: 16px; font-weight: 600;}
.quees p{ font-size: 14px; font-weight: 400; color: #7A8C59; line-height: 15px;}
.titcat{ font-size:22px; color: #7A8C59; font-weight: 500; margin-top: 30px;}
.titcat img{ vertical-align: middle; margin-right: 10px; margin-bottom: 5px;}
.soyfan{ font-size: 30px; font-weight: 400; color: #FFBC42; font-style: italic;}
.prd{ width:250px; margin: 30px;text-align: center; display: inline-block; vertical-align: top;}
.prd_tit{ font-size: 20px; font-weight: 700; line-height: 28px; color: #5A80FD;}
.bordered{ border-radius: 30px;}
.cuadrogris{ width: 90%; padding: 5%; background: #E5E5E5; text-align: left; border-radius: 20px; position: relative;}
.circulooff2{ width: 85px; height: 85px; border-radius:85px; background: #7A8C59; color: #fff; text-align: center; line-height: 15px;}
.circulooff2_1{ font-size: 38px; font-style: italic; text-align: center; font-weight: 600; padding-top: 30px;}
.circulooff2_2{ font-size: 12px; font-style: italic; text-align: center; font-weight: 300;}

.divinline{ display: inline-block; vertical-align: middle; width: auto;}
.separa_v{ height: 50px; border-left: 1px solid #393939;margin-left: 20px; padding-right: 20px; display: inline-block; vertical-align: middle;}
.separa_v2{margin-left: 20px; padding-right: 20px; display: inline-block; vertical-align: middle;}
.tgris{ font-size: 18px;  color: #727274;}
.titsmall{ font-size: 20px;}
.divmpp{ width: 50%; }
.titcuenta{ font-size: 25px; border-bottom: 1px solid #4A4A4A; margin-bottom: 20px;  text-align: left; padding-bottom: 5px;}
.cuadrocuenta{width: 300px;height:auto; background: #fff;
	display: inline-block; vertical-align: top; padding: 20px; padding-top: 50px; margin: 20px;
	box-shadow: 9px 9px 11px rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow: 9px 9px 11px rgba(0, 0, 0, 0.2) ; 
	-moz-box-shadow: 9px 9px 11px rgba(0, 0, 0, 0.2); 
}
.cuadrocuenta .t1{ font-size: 20px; font-weight: 700; color: #7A8C59;}
.cuadrocuenta .t2{ font-size: 40px; font-weight: 700; color: #7A8C59;}
.btn_small{background: #FFBC42; width: auto; padding: 5px; color: #fff; border-radius: 15px; text-align: center; font-size: 11PX; line-height: 12px;display: inline-block ; padding-left: 20PX; padding-right: 20PX;}
.btn_small:hover{background: #406BFF;}
#myButton2{display:none; margin-bottom: 3px;}
.canjec1{ width:30%; display: inline-block; vertical-align: top; padding-top: 20px; text-align: left;}
.canjec2{ width:60%; display: inline-block; vertical-align: top; padding-top: 20px; text-align: left; margin-left: 5%;}
.tblpedidos{ background: #E5E5E5; width: 70%; border-radius: 20px; padding: 30px;}
.menu_responsive2{ display: none;}
.credencial{ border-radius: 20px;box-shadow: 9px 9px 11px rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow: 9px 9px 11px rgba(0, 0, 0, 0.2) ; 
	-moz-box-shadow: 9px 9px 11px rgba(0, 0, 0, 0.2);  margin-top: 30px;}

.c1res{ width: 45%; display: inline-block; vertical-align: top;}
.c2res{ width: 45%; display: inline-block; vertical-align: top; margin-left: 8%;}
.galeria{ display: inline-block; vertical-align: top; width: 90px; height: 80px; margin: 2px;}
.galeria img{ border-radius:3px;}
.btn_chk{background: #C47A45; width: auto; padding: 10px; color: #fff; border-radius: 15px; text-align: center; font-size: 12PX; line-height: 14px;  cursor: pointer; display: inline-block; vertical-align: top; margin: 10px; margin-left: 0px;}
.btn_chk:hover{background: #5E391E;color: #fff; }
.btn_chk img{ vertical-align: middle;}



@media screen and (max-width:800px) 
	{
        .quees {display: inline-block; vertical-align: top; text-align: left; width:80%; background: #fff; padding: 5%; position: relative; margin-bottom: 20px;}
    .tgris{ font-size: 18px;  color: #727274; margin-top: 60px;}
    .separa_v{ display: none;}
	.c1res{ width: 100%; display: inline-block; vertical-align: top;}
	.c2res{ width: 100%; display: inline-block; vertical-align: top; margin-left: 0%;}
	.tit_cat_cur{ color:#fff; font-size: 16px; line-height: 24px;}
	.credencial{ border-radius: 20px;box-shadow: 9px 9px 11px rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow: 9px 9px 11px rgba(0, 0, 0, 0.2) ; 
	-moz-box-shadow: 9px 9px 11px rgba(0, 0, 0, 0.2);		
		-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
		margin-top: 80px; margin-bottom: 50px;
		}	
	.canjec1{ width:100%; display: inline-block; vertical-align: top; padding-top: 20px; text-align: left;}
	.canjec2{ width:90%; display: inline-block; vertical-align: top; padding-top: 20px; text-align: left; margin-left: 0%;}	
	.tblpedidos{ background: #E5E5E5; width: 95%; border-radius: 20px; padding: 5px; font-size: 12px; line-height: 14px;}	
	.titcuenta{ font-size: 25px; border-bottom: 1px solid #4A4A4A; margin-bottom: 20px;  text-align: left; padding-bottom: 5px; padding: 10px;}	
	.btn_loquiero3{ width: auto; padding: 8px; color: #000; border-radius: 25px; text-align: center; font-size: 9px; line-height: 12px; margin-left: 20px; display: block; margin-top: 10px; position: absolute; top: 70%; right: 5px; line-height: 15px; min-width: 100px; }	
	.prd_tit{ font-size: 16px; font-weight: 700; line-height: 20px; color: #5A80FD;}	
	.btn_loquiero2{ width: 60px; padding: 3px; color: #fff; border-radius: 8px; text-align: center; font-size: 9px; line-height: 12px; margin-left: 0px; display: block; margin-top: 0px; position: absolute; right: 5px; bottom: 5px;}
	.btn_loquiero{ margin-left: 0px; }	
	.titcat{ font-size:22px;  font-weight: 500; margin-top: 0px; padding-top: 40px;}	
	.fot_c{ width:40%; text-align: left; margin-right: 0px; color: #fff; font-size: 13px; line-height: 24px; display: inline-block; vertical-align: top;}
	.fot_c1{ width:90%; text-align: center; margin-right: 0px; color: #fff; font-size: 13px; line-height: 24px; display: inline-block; vertical-align: top; margin-bottom: 20px;}	
	.titfino{ font-size: 30px; color:#fff;font-weight: 300; line-height: 35px; text-align: center; margin-bottom: 10px; padding-top: 20px;}	
	.franja2{margin:0 auto;max-width:99%; text-align:center; padding:0px; padding-bottom: 20px;}	
	.franja4{margin:0 auto;max-width:99%; text-align:center; padding:0px;padding-bottom: 20px;}
	.franja5{margin:0 auto;max-width:99%; text-align:center; padding:0px;padding-bottom: 20px;}
	.franja1{margin:0 auto;max-width:99%; text-align:center; padding:0px;padding-top:30px;padding-bottom: 20px;}
	.franja33{margin:0 auto;max-width:90%; text-align:center; padding:0px; padding-top: 100px; text-align: left;}
	.categ{display: inline-block; vertical-align: middle; margin:10px; text-align: center; margin-top: 20px;}
	.bene {display: inline-block; vertical-align: middle; margin: 10px; text-align: left; width: 160px; height: 190px; background: #fff; border-radius: 10px; position: relative;}	
        .bene img{ width: 100%!important;}
	.nove {display: inline-block; vertical-align: middle; margin: 10px; text-align: left; width: 160px; height: 230px; border-radius: 10px;}
	.prd{ width:150px; margin: 10px;text-align: center; display: inline-block; vertical-align: top;}
	.btn_disfrutar{ width: 110px; padding: 10px; color: #fff; border-radius: 15px; text-align: center; font-size: 14PX; line-height: 14px; margin-left: 0px;}
	.titg{ font-size: 50px; color:#5A81FF; font-style: italic; font-weight: 900; line-height: 58px;}
	.vamostxt{ font-size: 18px; color:#666666; width: 100%;}
	#slide2{ width:100%; position:relative; display:block;  margin-top:0px; background: #000; margin-bottom: 0px; margin-top: 60px;}
	.divmpp{ width: 95%;}
	.mcenter{ text-align: center;}
	.input_news{ width:50%;}
	#slide{ display:none;}
	#slidem{ height:auto; width:100%;display: block;margin-top:16px; padding: 0px; }
	
	#head{height:60px; position:fixed; z-index:999; top:0px; }
	#head_content{height:60px; background: none rgb(140, 100, 54);  width: auto; padding: 0px;}
	#top{display:none;}
	.contacta{display:none;}
	.contacta2{display:none;}
	.head0{display:none;}
	.head1{display:none;}
	.head2{display:none;}
	.head3{display:none;}
	.head1m{display:inline-block; text-align: left;}
	/*.head1m img{ width:140px;}*/
	.head2m{display:inline-block;}
	.head2m img{ padding-top:10px;}
	#cssmenu{ position:relative; top:0px; width:100%;}
	#menu{ display:none;}
	.item_sep{ display:none;}
	.cprensa1{margin:0px; margin-bottom:0px; width:100%; }
	.ceventos1{margin:0px; margin-bottom:0px; width:100%;}
	.novedad2{margin:0px; margin-bottom:0px; width:100%; margin-bottom:30px;}
	.novedad2 img{ width:100%; display:block;}
	
	
	#footer_contenedor{ margin:0 auto;  margin-top:0px; padding-left:10px; padding-right: 10px; padding-top: 20px; padding-bottom: 30px;}
		
	.footer_c2{ display:none;}
	.footer_c1{width:auto; display:inline-block; vertical-align:top; padding-top:10px; text-align: left; color: #818285; font-size: 13px; }
	
	.c1{margin:0px; margin-bottom:0px; width:100%;}
		.c1 img{max-width:100%!important;height:auto;}
	.c2{margin:0px; margin-bottom:0px; width:100%; margin-bottom:20px;}
	
	.contenedor_txt_home{ padding:2%;}
	
	.contenedor_txt{ margin-top:20px; padding:2%; }
	
	#menu{display:none;}
	
	
		
	input[type='text']{ width:90%; margin:0px; margin-bottom:10px;}
	textarea{width:85.5%!important; margin:0px; margin-bottom:10px;}
	#franja_gris2{ margin-top:60px;}
	.servicios{width:140px;}
	
	
	
	.columna_3{-moz-column-count: 1;
	-moz-column-gap: 0px;
	-webkit-column-count: 1;
	-webkit-column-gap: 0px; margin-top:0px; padding:0px;}
	#mapa{ min-height:400px;}	
	.footer_c2{margin:0px; margin-bottom:0px; width:100%;}
	.footer_c3{margin:0px; margin-bottom:0px; width:100%;}
	.footer_c4{margin:0px; margin-bottom:0px; width:100%;}
	.video iframe{ height:300px!important;}
	#titulo_txt{max-width:1000px; margin:0 auto; text-align: left;  margin-top:0px; background:#502147;padding-left:10px; padding-right: 0; font-size: 22px; color:#fff; padding-top: 15px; padding-bottom: 15px; font-weight: 400;}
		.separam{ margin-top: 70px; display: block;}
		.separam2{ margin-top: 16px; display: block;}
	
		
	.franja3{margin:0 auto;max-width:1200px; text-align:center; padding:10px;}	
	
.faq{ display: inline-block; vertical-align: top; padding: 30px; background: #fff; margin: 0px; width:auto; margin-top: 30px;}
.faq h2{ text-align: center; font-size: 20px;}
.faq p{ text-align: left; font-size: 14px; line-height: 20px;}	
		.control{ display: none;}
	.franja2 h1{font-size:24px;font-weight:600; margin:0; margin-top:5px; margin-bottom:10px; line-height:28px; color:#fff;  background: url(../img/img2h1.png) no-repeat left bottom; padding-bottom: 10px; width: auto;}
		
		
		.menu_responsive2{width:230px; background:#E5E5E5; display:none; margin-top:0px;z-index:100; height:auto; position:absolute; top:60px; padding-top:15px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; left: 0px;}
		.menu_responsive2 ul{font-size:0;padding:10px!important; text-align:left;}
		.menu_responsive2 ul li{display:block!important;font-size:14px;height:25px; line-height:14px;padding:0px 0;width:auto;  padding-top:10px; font-weight:500; }
		.menu_responsive2 ul li a{color:#85612E;text-align:left; text-decoration:none; padding-left:5px; display:block!important; line-height:15px!important; border-bottom:0px;}
		.menu_responsive2 ul li a:hover{color:#5B4220;border-bottom:0px;}
		.img_responsive2{max-width:100%!important;height:auto;}
		.menu_responsive2 ul li img{ width: 20px; vertical-align: middle; margin-right: 5px;}
		.menu_responsive2 ul li p { padding-left:20px; font-size:14px; margin-bottom:10px; margin-top:10px;}
        
        
        
        /*.menu_responsive{width:230px; background:#E5E5E5; display:none; margin-top:0px;z-index:100; height:auto; position:absolute; top:70px; padding-top:15px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; left: 0px;}
        .menu_responsive ul{font-size:0;padding:10px!important; text-align:left;}
        .menu_responsive ul li{display:block!important;font-size:14px;height:25px; line-height:14px;padding:0px 0;width:auto;  padding-top:10px; font-weight:500; }
        .menu_responsive ul li a{color:#85612E;text-align:left; text-decoration:none; padding-left:5px; display:block!important; line-height:15px!important; border-bottom:0px;}
        .menu_responsive ul li a:hover{color:#5B4220;border-bottom:0px;}
        .img_responsive{max-width:100%!important;height:auto;}
        .menu_responsive ul li img{ width: 20px; vertical-align: middle; margin-right: 5px;}
        .menu_responsive ul li p { padding-left:20px; font-size:14px; margin-bottom:10px; margin-top:10px;}*/
		
		
	/*h1{font-size:24px;font-weight:600; margin:0; margin-top:5px; margin-bottom:0px; line-height:28px; color:#5D5D5D; background-image: url(../img/imgh1.png); background-repeat: no-repeat; background-position: center; padding-bottom: 40px;}*/
	}

/* Botón base */
.qty-btn{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: #b8743f;     /* cobre */
  color: #fff;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;

  box-shadow: 0 10px 18px rgba(0,0,0,.18);
  transition: transform .12s ease, background-color .12s ease, box-shadow .12s ease;
}

.qty-btn:hover{
  background: #a76637;
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(0,0,0,.22);
}

.qty-btn:active{
  transform: translateY(0);
  box-shadow: 0 8px 14px rgba(0,0,0,.18);
}

.qty-btn:focus-visible{
  outline: 3px solid rgba(184,116,63,.35);
  outline-offset: 3px;
}

/* Ajuste fino para el símbolo "-" (para que quede centrado) */
.qty-btn--minus{
  font-size: 20px;
  padding-bottom: 3px;
}

/* Opcional: estado deshabilitado */
.qty-btn:disabled{
  opacity: .45;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

/* === SOLO cuadros de compras (cards) === */
:root{
  --card-bg: #fff;
  --card-border: #e6e6e6;
  --card-text: #1f2937;
  --card-muted: #6b7280;
  --card-radius: 14px;
  --card-shadow: 0 10px 30px rgba(17,24,39,.08);
  --card-shadow-hover: 0 14px 40px rgba(17,24,39,.12);
  --accent: #9a6b3c; /* ajústalo si quieres que combine con tu header */
  --pdf: #d32f2f;
}
/* Contenedor de cards */
.purchases-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px;
  align-items: stretch;
  margin: 24px 0; text-align: left;
}

/* Card */
.purchase-card{
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.purchase-card:hover{
  transform: translateY(-2px);
  box-shadow: var(--card-shadow-hover);
  border-color: rgba(154,107,60,.35);
}

/* Header dentro de la card */
.purchase-card__header{
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 16px 12px;
  border-bottom: 1px solid rgba(0,0,0,.05);
  background: linear-gradient(180deg, rgba(154,107,60,.06), rgba(154,107,60,0));
}

.purchase-card__title{
  margin: 0 0 4px 0;
  font-size: 18px;
  letter-spacing: .2px;
  color: var(--card-text);
}

.purchase-card__meta{
  margin: 2px 0;
  font-size: 13.5px;
  color: var(--card-muted);
}

/* Cuerpo */
.purchase-card__body{
  padding: 14px 16px 16px;
}

.purchase-card__section-title{
  margin: 0 0 10px;
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--card-text);
  opacity: .85;
}

.purchase-card__list{
  margin: 0;
  padding-left: 18px;
  color: var(--card-text);
}

.purchase-card__list li{
  margin: 6px 0;
  color: var(--card-text);
}

/* Botón/Link PDF (icono + texto) */
.purchase-card__pdf{
  flex: 0 0 auto;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.7);
  color: var(--card-text);
  text-decoration: none;
  font-size: 13px;
  line-height: 1;
  transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

.purchase-card__pdf::before{
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  background-size: 18px 18px;
  background-repeat: no-repeat;

  /* Icono PDF (SVG embebido) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23d32f2f' d='M14 2H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath fill='%23ffffff' d='M14 2v6h6'/%3E%3Cpath fill='%23ffffff' d='M7.6 17.6v-5h1.8c1.1 0 1.8.6 1.8 1.6s-.7 1.7-1.8 1.7H8.7v1.7zm1.1-2.8h.7c.5 0 .8-.2.8-.7s-.3-.6-.8-.6h-.7zM12 17.6v-5h1.6c1.5 0 2.4.9 2.4 2.5s-.9 2.5-2.4 2.5zm1.1-1h.5c.9 0 1.4-.6 1.4-1.5s-.5-1.5-1.4-1.5h-.5zM17 17.6v-5h3v1h-1.9v1h1.7v1h-1.7v2z'/%3E%3C/svg%3E");
}

.purchase-card__pdf:hover{
  background: #fff;
  border-color: rgba(211,47,47,.35);
  transform: translateY(-1px);
}

.purchase-card__pdf:focus-visible{
  outline: 3px solid rgba(211,47,47,.22);
  outline-offset: 2px;
}

/* === Responsivo (solo cards) === */
@media (max-width: 520px){
  .purchases-grid{
    gap: 14px;
  }

  .purchase-card__header{
    flex-direction: column;
    align-items: flex-start;
  }

  .purchase-card__pdf{
    width: 100%;
    justify-content: center;
  }
}

/* Estilo de los links de idioma */
li.lang a{
  color: #fff;              /* ajusta a tu diseño */
  text-decoration: none;
  font-weight: 500;
  opacity: .85;
}

/* Hover */
li.lang a:hover{
  opacity: 1;
}

/* Idioma seleccionado */
li.lang a.is-active{
  font-weight: 800;         /* negrita */
  opacity: 1;
  text-decoration: underline; /* opcional, para que se note más */
}

/* Oculta la barra superior de Google Translate */
.goog-te-banner-frame.skiptranslate {
  display: none !important;
}

/* Evita que la página baje dejando hueco */
html, body {
  top: 0 !important;
}

/* A veces Google envuelve todo en .skiptranslate: evita espacios raros */
body > .skiptranslate {
  display: none !important;
}
.lang a,
.lang a:visited,
.lang a:focus,
.lang a:hover {
	font-weight: normal !important;
	text-decoration: none !important;
}

.lang.lang-current a,
.lang.lang-current a:visited,
.lang.lang-current a:focus,
.lang.lang-current a:hover {
	font-weight: 700 !important;
	text-decoration: underline !important;
}