*{padding: 0;margin: 0;font-family: 'Roboto', sans-serif;}
html{min-height: 100%;position: relative;overflow-x: hidden;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;-ms-user-select: none;user-select: none;}
body{width: 100%;overflow-x: hidden;min-height: 100vh;}
header{background-color: #FFFFFF;position: relative;width: 100%;border-bottom: 3px solid #BAC0BC;}

header.primary{height: auto;}
header a{outline: none;}
header.primary .btn-menu, header.secondary .btn-menu{display: none;}
header.primary .block-info{background-color: #b68832;display: flex;align-items: center;justify-content: flex-end;color: #fff;font-weight: bold;font-size: 10pt;width: 100%;height: 30px;}
header.primary .block-info span{padding: 0 25px;letter-spacing: 1px;}
header.primary .block-info span i{font-size: 12pt;}
header.primary .block-info span i.cell{font-size: 14pt;}
header.primary .block-btns{width: 100%;height: 100px;display: flex;align-items: center;justify-content: flex-end;}
header.primary .block-btns a{text-decoration: none;}
header.primary .block-btns a.btn{color: #343D45;background-color: #E4E5DF;border: 1px solid #8191A0;display: flex;align-items: center;justify-content: center;width: 120px;height: 30px;margin-right: 3px;font-size: 11pt;transition: 0.3s;}
header.primary .block-btns a.btn-fb{width: 30px;height: 30px;background-color: #fff;font-weight: bold;display: flex;align-items: center;justify-content: center;color: ##b68832;margin-right: 25px;font-size: 23px;}
header.primary .block-btns a.btn-fb i{padding: 0;margin: 0;}
header.primary .block-btns a.btn:hover{background-color: #b68832;color: #fff;font-weight: bold;}
header.primary .content-logo{text-decoration: none;position: absolute;width: 230px;height: 170px;background-color: #fff;top: -4px;left: 5%;display: flex;align-items: center;justify-content: center;border: 2px solid #b68832;border-radius: 10px;z-index: 100;}
header.primary .content-logo img{width: 90%;}
header.primary .content-logo h1{display: none;}
header.primary + .nav-hidden{width: 100%;height: 135px;display: none;}
/*===================================================================================*/
header.secondary{background-color: #B68832;position: fixed;top: 0;z-index: 100;height: 50px;display: flex;align-items: center;justify-content: space-between;}
header.secondary + .nav-hidden{width: 100%;height: 135px;display: block;}
header.secondary .block-info{display: none;}
header.secondary .content-logo{display: flex;align-items: center;padding-left: 25px;text-decoration: none;}
header.secondary .content-logo img{width: 45px;}
header.secondary .content-logo h1{color: #fff;font-weight: normal;padding-left: 2px;font-size: 25px;}
header.secondary .block-btns{height: 100%;display: flex;align-items: center;}
header.secondary .block-btns .btn{text-decoration: none;width: 120px;height: 100%;display: flex;align-items: center;justify-content: center;color: #fff;transition: 0.3s;color: #E4E5DF;}
header.secondary .block-btns .btn:hover{background-color: #D9B453;color: #fff;font-weight: bold;}
header.secondary .block-btns a.btn-fb{width: 30px;height: 30px;background-color: #fff;font-weight: bold;display: flex;align-items: center;justify-content: center;color: #b68832;margin: 0 25px;font-size: 20px;text-decoration: none;border-radius: 50%;}
header.secondary .block-btns a.btn-fb i{padding: 0;margin: 0;}
/*===================================================================================*/
footer{position: absolute;top: 100%;width: 94%;padding: 0 3%;font-size: 10pt;background-color: #85878F;border-top: 5px solid #BAC0BC;}
footer .block-general{padding: 20px 0 10px 0;display: flex;flex-wrap: nowrap;width: 100%;align-items: flex-start;}
footer .block-general .block{width: calc(100% / 3);}
footer .block-general .block.block-dif{display: flex;}
footer .block-general .block .parte1{width: 40%;display: flex;flex-direction: column;justify-content: space-between;}
footer .block-general .block .parte2{width: 60%;}
footer .block-general .cont-info{width: 95%;padding-right: 5%;}
footer .block-general .cont-info .title{color: #FFF;font-size: 11pt;padding-bottom: 5px;}
footer .block-general .cont-info .item{text-decoration: none;display: block;color: #fff;padding: 1px 0;}
footer .block-general .cont-info a.item:hover{text-decoration: underline;}
footer .block-general .cont-info .horarios .row-h{width: 100%;display: flex;padding: 1px 0;align-items: center;color: #fff;}
footer .block-general .cont-info .horarios .row-h .dias{width: 35%;}
footer .block-general .cont-info .horarios .row-h .horas{width: 65%;}
footer .block-general .block.block-2{font-size: 11pt;}
footer .block-general .block.block-2 .cont-info:first-child{padding-bottom: 20px;}
footer .block-general .cont-info .item.telfs{display: flex;align-items: center;}
footer .block-general .cont-info .item.telfs .telefono{padding-right: 30px;}
footer .block-general .cont-info .item.telfs .celular{display: flex;align-items: center;}
footer .block-general .cont-info .item.telfs .celular i{font-size: 18pt;padding-right: 10px;}
footer .block-general .cont-info .content-facebook{border: 1px solid #fff;width: 100%;}
footer .block-foot{display: flex;align-items: center;justify-content: space-between;color: #fff;border-top: 2px solid #EBEBEB;padding: 8px 0;}
footer .block-foot .block2{display: flex;align-items: center;text-decoration: none;color: #fff;}
.fb-page,.fb-page span,.fb-page span iframe[style] {width: 100% !important;transform-origin: 0 0;}

.content-page{
	overflow-y: hidden;
}

@media (max-width: 1090px){
	header.secondary .content-logo h1{font-size: 20px;}
}

@media (max-width: 1060px){
	header.primary .content-logo{left: 25px;}
	header.primary .block-btns a.btn{font-size: 10pt;width: 110px;}
	header.primary .content-logo{width: 150px;height: 150px;}
}

@media (max-width: 960px){
	header.secondary .block-btns a.btn-fb{margin: 0 15px;}
	header.secondary .content-logo{padding-left: 15px;}
}

@media (max-width: 950px){
	header.primary{height: 50px;position: fixed;top: 0;z-index: 500;display: flex;justify-content: space-between;}
	header.primary + .nav-hidden{width: 100%;height: 55px;display: block;}
	header.primary .btn-menu{width: 50px;height: 100%;display: flex;align-items: center;justify-content: center;margin-right: 15px;}
	header.primary .btn-menu .menu{width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;background-color: #ebebeb;color: #777777;transition: 0.3s;}
	header.primary .btn-menu .menu:hover{box-shadow: 0 0 5px rgba(0,0,0,.8);}
	header.primary .content-logo{background-color: transparent;border: none;height: 100%;width: auto;top: 0;left: 15px;position: relative;align-items: center;}
	header.primary .content-logo img{width: 40px;}
	header.primary .content-logo h1{color: #fff;font-weight: normal;padding-left: 10px;font-size: 20px;display: block;}
	header.primary .block-info{display: none;}
	header.primary .block-btns{width: 210px;padding: 10px 0;height: auto;position: absolute;right: 15px;top: 55px;background-color: #E4E5DF;border-radius: 0 0 5px 5px;box-shadow: 0 2px 5px rgba(0,0,0,.5);display: none;}
	header.primary .block-btns .btn{margin: 0;width: calc(100% - 40px) !important;justify-content: flex-start !important;padding: 3px 20px;border: none !important;text-decoration: none;display: block;}
	header.primary .block-btns .btn:hover{background-color: transparent !important;color: #343D45 !important;font-weight: normal !important;text-decoration: underline;}
	header.primary .block-btns .btn-fb{display: none !important;}
	
	footer .block-general{flex-wrap: wrap;justify-content: center;}
	footer .block-general .block{padding-bottom: 20px;}
	footer .block-general .block.block-dif{width: 60% !important;}
	footer .block-general .block.block-2{width: 40% !important;}
	footer .block-general .block.block-fin{width: 50% !important;}
}

@media (max-width: 705px){
	footer .block-general .block.block-dif{width: 70% !important;}
	footer .block-general .block.block-2{width: 70% !important;}
	footer .block-general .block.block-fin{width: 70% !important;}
}

@media (max-width: 480px){
	footer .block-general .block.block-dif{width: 100% !important;flex-direction: column;padding-bottom: 0;}
	footer .block-general .block.block-2{width: 100% !important;}
	footer .block-general .block.block-fin{width: 100% !important;}
	footer .block-general .cont-info .item.telfs{flex-direction: column;align-items: flex-start;}
	footer .block-general .block.block-dif .parte1{padding-bottom: 20px;}
	footer .block-general .block.block-dif .cont-info:first-child{padding-bottom: 20px;}
}