@charset "utf-8";
/* CSS Document */

@media (min-width: 2100px){
.ctopimage, .ctopimage .contentlarge {
    height: 940px!important;
}

}
@media (max-width: 1950px){
	.contentlarge{
		max-width: 1500px;
	}
	.cheader svg{
		height: 90px;
	}
	.cheader{
		height: 150px;
	}
	.cheaderlogo{
		padding-top: 30px;
	}
	.cmenuicon{
		right: 60px;
	}
	.cmenuiconbar{
		width: 28px;
    	height: 3px;
	}
	.clogobody svg {
		height: 100px;
	}
	.clogobody{
		margin-bottom: 100px;
	}
	h1, .sh1{
		font-size: 30px;
		line-height: 30px;
		margin-bottom: 100px;
		padding-bottom: 25px;
		border-bottom: 3px solid #606060;
	}
	body, a, textarea, input, .jqenviarcontacto{
		font-size: 20px!important;
	}
	textarea, input{
		font-weight: 400;
	}
	.cwrapgeneraltext p{
		line-height: 24px;
	}
	.cgeneralwrap .cinner {
		margin-left: 30px!important;
		margin-right: 30px!important;
	}
	.cgeneralwrap .rowmargined{
		margin-left: -30px!important;
	}
	.rowmargined {
		margin-bottom: 60px!important;
	}
	.cpasadorproductosinner,.cproducto,.cinnerprod,.cproducto h5{
	margin-bottom: 0px!important
	}
	h2{
		font-size: 34px;
		line-height: 34px;
		padding-bottom: 25px;
		margin-bottom: 50px;
		width: 60%;
	}
	.cpasadorproductos h1{
		margin-bottom: 175px;
	}
	.cproducto h5{
		margin-bottom: 15px;
        font-size: 22px;
	}
	.activeprod h5{
		font-size: 31px;
		margin-bottom: 20px;
	}
	.activeprod .sprecio{
		font-size: 28px;
	}
	.cproductos .rowmargined{
		margin-bottom: 30px!important;
	}
	footer{
		margin-top: 175px;
	}
	.cfootericon svg{
		width: 55px;
		margin-right: 25px;
	}
	.ccontactoredes svg{
		width: 50px;
	}
	.ccontactoredes .cfootertext a{
		line-height: 40px;
	}
	.cgooglemaps .cgeneralimg {
		height: 600px;
	}
	.cmadeby{
		margin-top: 80px;
		margin-bottom: 60px!important;
	}
	.activeprod .cprodlayer h4{
		font-size: 32px;
		line-height: 32px;
	}
    .cpuebloscoordenadas p{
        font-size: 18px;
    }
    .cpueblos .col80 h1{
        border-bottom: 2px solid #606060;
        width: 30%;
    }
    .cfilosofia .rowmargined{
        margin-left: -35px!important;
    }
    .cfilosofia .cinner{
        margin-left: 35px!important;
        margin-right: 35px!important;
    }
    .cfootertext span, .cfootertext a{
        font-size: 18px;
        line-height: 32px;
    }
    .cpueblostitle p{
        font-size: 22px;
    }
    .celmaderal .cpueblosituacionimg img, .cvilladepera .cpueblosituacionimg img{
        margin-top: 15px;
    }
    .cfilosofiatext p{
        font-size: 16px;
        line-height: 20px;
    }
    .cfilosofiatext1 .cfilosofiatexttitle{
        top: -43px;
    }
    .cfilosofiatext1 p{
        margin-top: 0px;
    }
    .cfilosofiaimg1 img{
        width: 362px;
    }
    .cfilosofiaimg2 img{
        width: 340px;
        float: right;
    }
    .cfilosofiaimg3 img{
        width: 340px;
    }
    .cfilosofiaimg4 img{
        width: 408px;
    }
    .cfilosofiaimg5 img{
        width: 304px;
    }
    .cfilosofiaimg6 img{
        width: 335px;
    }
    .cfilosofiaimg7 img{
        width: 453px;
    }
    .cfilosofiatexttitle span{
        font-size: 190px;
    }
    .cfilosofiatext1 .cfilosofiatexttitle span{
        right: 90px;
    }
    .cfilosofiaimg2{
        position: relative;
        left: -140px;
        top: 100px;
    }
    .cfilosofiaimg2 .cfilosofiaimgwrap{
        float: right;
        margin-top: -50px;
    }
    .cfilosofiatext1{
        position: relative;
        right: -60px;
    }
    .cfilosofiaimg1{
        position: relative;
        right: -60px;
    }
    .cfilosofiaimg3{
        position: relative;
        top: -250px;
    }
    .cfilosofiaimg4{
        position: relative;
        top: -31px;
        left: -109px;
    }
    .cfilosofiatext3 .cfilosofiatextwrap{
        width: 51%;
        margin-left: 105px;
    }
    .cfilosofiatext3 .cfilosofiatexttitle span{
        top: -85px;
    }
    .cfilosofiaimg6{
        left: 160px;
    }
    .cfilosofiaimg5{
        position: relative;
        left: -150px;
        top: 112px;
    }
    .cfilosofiaimg6{
        position: relative;
        top: -300px;
        left: 150px;
    }
    .cfilosofiaimg7{
        position: relative;
        top: -188px;
    }
    .cfilosofiatext4{
        top: -140px;
    }
    .cfilosofia{
        margin-bottom: 0px;
    }
    .cpueblostitle p{
        width: 430px;
    }
}
@media (max-width: 1900px){


}
@media (max-width: 1800px){


}
@media (max-width: 1700px){
    .cfilosofia .cinner{
        margin-left: 25px!important;
        margin-right: 25px!important;
    }
    .cfilosofia .rowmargined{
        margin-left: -25px!important;
    }
    .cfilosofiaimg2{
        left: -170px;
    }
    .cfilosofiaimg2{
        top: 80px;
    }
    .cfilosofiatexttitle span{
        font-size: 170px;
    }
    .cfilosofiaimg2 .cfilosofiaimgwrap{
        margin-top: -20px;
    }
    .cfilosofiaimg4 img{
        width: 370px;
    }
    .cfilosofiaimg5 img{
        width: 280px;
    }
    .cfilosofiaimg4{
        top: -65px;
        left: -125px;
    }
    .cfilosofiaimg5{
        left: -221px;
        top: 71px;
    }
    .cfilosofiatext3 .cfilosofiatextwrap{
        margin-top: 60px;
    }
    .cfilosofiatext3 .cfilosofiatexttitle span {
        right: 100px;
        top: -50px;
    }
    .cfilosofiaimg7{
        top: -230px;
    }
    .cfilosofiatext4{
        top: -200px;
    }
    .cfilosofia{
        margin-bottom: 0px;
    }
}
@media (max-width: 1600px){
	.contentlarge {
		max-width: none;
	}
	.cgeneralwrap .cinner{
		margin-left: 20px!important;
		margin-right: 20px!important;
	}
	.cgeneralwrap .rowmargined {
    	margin-left: -20px!important;
	}
	.cproductotextos .col40{
		width: 50%;
	}
	.cpasadorproductos h1 {
		margin-bottom: 100px;
	}
	.cgooglemaps {
		margin-bottom: 50px!important;
	}
	footer .contentlarge .rowmargined {
		margin-left: -10px!important;
	}
	footer .rowmargined .cinner {
		margin-left: 10px!important;
		margin-right: 10px!important;
	}
	footer .row *[class^="col"]{
		margin-bottom: 20px!important;
	}
	.cfootericon svg {
		width: 45px;
		margin-right: 25px;
	}
	.ccontactoredes svg {
		width: 50px;
	}
	.cgooglemaps .cgeneralimg {
		height: 550px;
	}
	.cfootertext span, .cfootertext a{
		line-height: 36px;
	}
	footer form input, footer form textarea, .jqenviarcontacto{
		font-weight: 400;
	}
	.activeprod h5{
		font-size: 38px;
	}
	.cinnerprod{
		margin: 10px;
	}
	.cprodlayer h4, .cproducto h5{
		letter-spacing: 2px;
	}
    .chistoriatext{
        width: 40%;
    }
    .chistoriaimg{
        width: 60%;
    }
    .cfilosofia .cinner{
        margin-left: 25px!important;
        margin-right: 25px!important;
    }
    .cfilosofia .rowmargined{
        margin-left: -25px!important;
    }
    .cfilosofiaimg4{
        left: -100px;
        top: -95px;
    }
    .cfilosofiaimg2{
        left: -133px;
    }
    .cfilosofiaimg1 img{
        width: 340px;
    }
    .cfilosofiaimg5{
        left: -170px;
        top: 60px;
    }
    .cfilosofiatexttitle span{
        font-size: 160px;
    }
    .cfilosofiatext3 .cfilosofiatextwrap{
        margin-top: 40px;
    }
    .cfilosofiatext3 .cfilosofiatexttitle span{
        top: -40px;
    }
    .cfilosofiaimg6 img{
        width: 305px;
    }
    .cfilosofiaimg6{
        top: -295px;
    }
    .cfilosofiaimg7{
        top: -220px;
    }
    .cfilosofiatextwrap{
        width: 54%;
    }
    .cfilosofiarow3{
        height: 150px;
    }
    .cfilosofiaimg7 img{
        width: 97%;
    }
    .cfilosofia .rowmargined{
        margin-top: 120px;
    }
	.contentlarge {
		padding-left: 120px;
		padding-right: 120px;
	}
    .cmenuicon{
        right: 91px;
    }
    .cpager span{
        width: 10px;
        height: 10px;
        margin-left: 15px;
        margin-right: 15px;
    }
    .chistoria .chistoriatext .cinner{
        padding-right: 20px;
    }
    body, a, textarea, input, .jqenviarcontacto{
        font-size: 18px!important;;
    }
    .cpueblostitle p{
        width: 390px;
        font-size: 20px;
    }
    .cpueblos .col80 h1{
        margin-bottom: 60px;
    }
    .cpuebloscoordenadas span{
        font-size: 18px;
        font-weight: 400;
    }
    .cpuebloscoordenadas img{
        margin-bottom: 30px;
    }
    .cpueblos .col80{
        width: 90%;
    }
    .cpueblos .col20{
        width: 10%;
    }
    .cfilosofiaimg2{
        left: -66px;
    }
    .cfilosofiatext1{
        right: -50px;
    }
    .cfilosofiaimg5{
        left: -75px;
        top: 101px;
    }
    .cfilosofiaimg4{
        left: -52px;
        top: -71px;
    }
    .cfilosofiatextwrap{
        width: 60%;
    }
    .cfilosofiatext2 .cfilosofiatexttitle span{
        right: 90px;
    }
    .cfilosofiatext1 .cfilosofiatexttitle span{
        right: 75px;
    }
    .cfilosofiatexttitle span{
        font-size: 150px;
    }
    .cfilosofiatext3 .cfilosofiatextwrap{
        margin-left: 85px;
        margin-top: 60px;
    }
    .cfilosofiatext3 .cfilosofiatexttitle span{
        right: 90px;
        top: -30px;
    }
    .cfilosofiatext4 .cfilosofiatexttitle span{
        right: 90px;
    }
    .cfilosofiaimg7{
        top: -168px;
    }
    .cfilosofiaimg6{
        left: 140px;
        top: -267px;
    }
    .cfilosofiaimg1{
        right: -75px;
    }
    .cfilosofiatext3 .cfilosofiatextwrap{
        width: 56%;
    }
    .cfilosofiaimg6 img{
        width: 270px;
    }
    .cfilosofiaimg5 img{
        width: 240px;
    }
    .cfilosofiaimg4 img {
        width: 330px;
    }
    .cfilosofiaimg3 img {
        width: 300px;
    }
    .cfilosofiaimg2 img{
        width: 300px;
    }
    .cfilosofiaimg1 img {
        width: 300px;
    }
    .cfilosofiatext2 .cfilosofiatextwrap{
        width: 56%;
    }
    .cfilosofiaimg2 .cfilosofiaimgwrap{
        margin-top: 0px;
    }
    .cfilosofiatext4{
        top: -136px;
        left: -30px;
    }
    .cpueblos .cvilladepera .cinnerpueblos, .cpueblos .celpego .cinnerpueblos{
        margin-right: 20px!important;
    }
    .cpueblos .celmaderal .cinnerpueblos{
        margin-left: 20px!important;
    }
    .cheader svg{
        height: 70px;
    }
    .cheader {
        height: 100px;
    }
    .cheaderlogo {
        padding-top: 0px;
    }
    .cmenuicon{
        top: 60px;
    }
}
@media (max-width: 1500px){
    .chistoria .chistoriatext .cinner{
        padding-right: 10px;
    }
    .cfilosofiatextwrap{
        width: 66%;
    }
    .cfilosofiatext2 .cfilosofiatextwrap{
        width: 62%;
    }
    .contentlarge{
        padding-left: 100px;
        padding-right: 100px;
    }
    .cfilosofiatext2 .cfilosofiatexttitle span{
        right: 80px;
    }
    .cfilosofiaimg1 {
        right: -55px;
    }
    .cfilosofiaimg2 {
        left: -62px;
    }
    .cfilosofiatext3 .cfilosofiatextwrap{
        margin-top: 30px;
    }
    .cfilosofiaimg4{
        left: -55px;
        top: -96px;
    }
    .cfilosofiaimg5{
        left: -81px;
        top: 76px;
    }
    .cfilosofiatext4{
        left: 0px;
    }
    .cfilosofiaimg7{
        top: -208px;
    }
    .cfilosofiatext4{
        top: -165px;
    }
    .cfilosofiaimg7 img{
        width: 100%;
    }
    .cfilosofia .rowmargined{
        margin-bottom: 30px!important;
    }
    .cfilosofiatexttitle span{
        font-size: 140px;
    }
    .cmenuicon{
        right: 71px;
    }
    .chistoria h1{
        margin-bottom: 80px;
    }
}
@media (max-width: 1400px){
	h2{
		margin-bottom: 40px;
	}
	.cgeneralwrap .cinner {
		margin-left: 10px!important;
		margin-right: 10px!important;
	}
	.cgeneralwrap .rowmargined {
		margin-left: -10px!important;
	}
	.cinnerprod{
		margin: 0px;
	}
    .cpueblos .col80 .cinnerpueblos{
        margin-left: 10px!important;
        margin-right: 10px!important;
    }
    .cpueblos .col80 h1{
        margin-bottom: 60px;
    }
    .cmenuicon{
        right: -5px;
    }
    .cpueblostitle{
        margin-bottom: 40px;
    }
    .cpueblos .col80 .cinner{
        margin-left: 10px!important;
        margin-right: 10px!important;
    }
    .cgeneralwrap.cpueblos .cinnerwrapright{
        margin-left: 0px!important;
        margin-right: 0px!important;
    }
    .cpueblossituationwrap .cpueblosituaciontext .cinner, .cpueblossituationwrap .cpueblosituacionimg .cinner, .cgeneralwrap.cpueblos .cinnerwrapueblos{
        margin-left: 0px!important;
        margin-right: 0px!important;
    }
    .cpueblossituationwrap .cpueblosituacionimg1 .cinner{
        margin-right: 10px!important;
    }
    .cpueblossituationwrap .cpueblosituacionimg2 .cinner{
        margin-left: 10px!important;
    }
    .cpueblosterritoriotext h3, .cpuebloscoordenadas p{
        margin-top: 0px;
    }
    .cpuebloscoordenadas img{
        margin-bottom: 20px;
    }
    .cpueblos .col80.cleft .cpuebloshistoria1 .cinner, .cpueblos .col80.cleft .cpueblosterritorio1 .cinner{
        margin-left: 0px!important;
        margin-right: 15px!important;
    }
    .cpueblos .col80.cleft .cpuebloshistoria2 .cinner, .cpueblos .col80.cleft .cpueblosterritorio2 .cinner{
        margin-left: 5px!important;
        margin-right: 10px!important;
    }
    .cgeneralwrap.cpueblos .cleft .cinnerwrapright{
        margin-left: 10px!important;
    }
    .cpueblos .cright .cpuebloshistoriawrap .cinnerwrapueblos, .cpueblos .cright .cpueblosterritoriowrap .cinnerwrapueblos{
        margin-right: 10px!important;
    }
    .cfilosofia .rowmargined{
        margin-top: 150px;
    }
    .contentlarge{
        padding-left: 80px;
        padding-right: 80px;
    }
    .cfilosofiatext1{
        right: -10px;
    }
    .cfilosofiaimg2{
        left: -26px;
    }
    .cfilosofiaimg1{
        right: -53px;
    }
    .cfilosofiatextwrap {
        width: 56%;
    }
    .cfilosofiaimg1 img {
        width: 270px;
    }
    .cfilosofiaimg3 img{
        width: 270px;
    }
    .cfilosofiaimg2 img {
        width: 270px;
    }
    .cfilosofiatext2 .cfilosofiatextwrap {
        width: 55%;
    }
    .cfilosofiatext2 .cfilosofiatexttitle span{
        top: -45px;
    }
    .cfilosofiaimg4 img {
        width: 300px;
    }
    .cfilosofiaimg5 img{
        width: 220px;
    }
    .cfilosofiaimg6 img {
        width: 250px;
    }
    .cfilosofiaimg2{
        left: -86px;
    }
    .cfilosofiaimg4{
        left: -48px;
        top: -92px;
    }
    .cfilosofiaimg5{
        left: -65px;
        top: 84px;
    }
    body, a, textarea, input, .jqenviarcontacto{
        font-size: 16px!important;
    }
    .cfilosofiatext p {
        font-size: 14px;
        line-height: 18px;
    }
    .cfilosofiaimg6 {
        left: 105px;
        top: -285px;
    }
    .cfilosofiatext4 {
        left: -50px;
    }
    .cfilosofiaimg7 {
        top: -147px;
    }
    .cfilosofiatext4 {
        top: -108px;
        left: -40px;
    }
    .cfilosofiaimg6{
        top: -215px;
        left: 105px;
    }
    .cfilosofiatext3 .cfilosofiatextwrap {
        width: 55%;
    }
    .cfilosofiatext3 .cfilosofiatexttitle span{
        right: 75px;
    }
    .cfilosofiatext3 .cfilosofiatextwrap{
        margin-left: 70px;
    }
    .cpueblostitle p {
        width: 350px;
        font-size: 18px;
    }
    .cpuebloscoordenadas span{
        font-size: 16px;
    }
    .cmenuicon {
        right: 50px;
    }
    .cgooglemaps .cgeneralimg{
        height: 500px;
    }
}
@media (max-width: 1366px){
    .cheader svg {
        height: 50px;
    }
    .cmenuicon{
        top: 25px;
        right: 50px;
    }
    .cheader{
        height: 70px;
        padding-top: 20px;
    }
    .cscrolldown{
        bottom: 10px;
    }
    .cscrolldown span{
        padding-bottom: 0px;
    }
    .ctopimage, .ctopimage .contentlarge{
        height: 600px;
    }
    .chistoria {
        margin-top: 60px;
    }
    .showmenu .cscreenmenu{
        width: 400px!important;
    }
    .ctopimage {
        padding-bottom: 60px;
    }
    .cfilosofia .rowmargined {
        margin-top: 100px;
    }
}
@media (max-width: 1260px){
    .cfilosofiatext1{
        top: 150px;
    }
    .cfilosofia .col33{
        width: 50%;
        top: auto;
        left: auto;
        right: auto;
    }
    .cfilosofia .cinner{
        margin-left: 12.5px!important;
        margin-right: 12.5px!important;
    }
    .cfilosofia .rowmargined{
        margin-left: -12.5px!important;
    }
    .cfilosofiatexttitle{
        width: 13%;
        position: absolute;
    }
    .cfilosofiatexttitle span{
        font-size: 120px;
        top: auto;
        left: auto;
        right: auto;
    }
    .cfilosofiatext1 .cfilosofiatexttitle span{
        right: auto;
        top: 5px;
        left: -10px;
    }
    .cfilosofiatext{
        width: 100%;
        left: auto;
        padding-left: 60px;
        box-sizing: border-box;
    }
    .cfilosofiaimgresp{
        display: block;
    }
    .cfilosofiatext1 img{
        width: 80%;
    }
    .cfilosofiaimg1{
        display: none;
    }
    .cfilosofiatextwrap{
        float: left;
    }
    .cfilosofiatextwrap{
        width: 100%!important;
    }
    .cfilosofiatext2 .cfilosofiatexttitle span{
        right: auto;
        top: -58px;
    }
    .cfilosofiaimg2 img{
        float: left;
        width: 100%;
    }
    .cfilosofiaimg2 .cfilosofiaimgwrap{
        float: left;
        width: 100%;
    }
    .cfilosofiatext2 .cfilosofiatext{
        padding-left: 80px;
    }
    .cfilosofiatext2 .cfilosofiatextwrap{
        margin-bottom: 19px;
    }
    .cfilosofiaimg3 .cfilosofiaimgwrap, .cfilosofiaimg4, .cfilosofiatext2 img, .cfilosofiaimg5, .cfilosofiaimg6, .cfilosofiaimg7, .cfilosofiatext4, .cfilosofiarow3{
        display: none;
    }
    .cfilosofiatext3 .cfilosofiatextwrap{
        margin-top: 0px;
    }
    .cfilosofiawrapresp{
        display: block!important;
    }
    .cfilosofiatext3 .cfilosofiatextwrap{
        margin-left: 0px;
    }
    .cfilosofiatext3 .cfilosofiatexttitle span{
        right: 0px;
    }
    .cfilosofiatext3 .cfilosofiatext{
        padding-left: 85px;
    }
    .cfilosofiatextresp{
        display: block;
    }
    .cfilosofiatext4 .cfilosofiatexttitle span{
        right: 0px;
    }
    .cfilosofia .rowmargined{
        margin-top: 0px;
    }
    .cfilosofia .col100{
        margin-bottom: 0px!important;
    }
    .cfilosofia h1{
        margin-bottom: 60px;
    }
    .cfilosofiatext3 .cfilosofiatextwrap{
        width: 100%;
    }
    .cfilosofiatext2 .cfilosofiatextwrap{
        margin-bottom: 0px;
    }
    .cfilosofiatext1 .cfilosofiatexttitle{
        top: -65px;
    }
    .cfilosofiatext3 .cfilosofiatexttitle span{
        top: -40px;
    }
    .cfilosofiatext4 .cfilosofiatext{
        padding-left: 100px;
    }
    .cfilosofiatext4 .cfilosofiatexttitle span{
        top: -40px;
    }
    .cfilosofiaimg{
        height: 425px;
    }
    .cfilosofia .rowmargined{
        margin-bottom: 10px!important;
    }
    .chistoria h1{
        margin-bottom: 60px;
    }
    .cpager span{
        margin-left: 12px;
        margin-right: 12px;
    }
    .cgooglemaps .cgeneralimg{
        height: 500px;
    }
}
@media (max-width: 1200px){
body{
overflow-x:hidden;
}
	.cwrapgeneraltext p{
		line-height: 22px;
	}
	body, a, textarea, input, .jqenviarcontacto{
		font-size: 18px!important;
	}
	h1, .sh1{
		font-size: 32px;
		line-height: 32px;
		border-bottom: 2px solid #606060;
		padding-bottom: 15px;
	}
	.cpasadorproductos h1 {
		margin-bottom: 75px;
	}
	.cproductotextos .col40{
		width: 70%;
	}
	footer {
		margin-top: 50px;
	}
	.cpasadorproductos h1{
		margin-bottom: 50px;
	}
	.cfootertext span, .cfootertext a {
		line-height: 30px;
	}
	footer form input, footer form textarea, .jqenviarcontacto{
		padding: 15px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.cfootericon svg{
		width: 40px;
		margin-top: 5px;
	}
	.cgooglemaps .cgeneralimg {
		height: 450px;
	}
	h2 {
		font-size: 28px;
		line-height: 28px;
		padding-bottom: 20px;
		margin-bottom: 30px;
		width: 40%;
	}
	.ccontactoredes svg{
		margin-top: 0px;
	}
	.cprocesoimg3 .igeneralimg {
		width: 100%;
	}
    .chistoriatext, .chistoriaimg{
        width: 100%;
    }
    .chistoria h1{
        margin-bottom: 30px;
    }
    .chistoriatext{
        margin-bottom: 0px!important;
    }
    .chistoria{
        margin-top: 60px;
    }
    .ctopimage{
        padding-bottom: 60px;
    }
    .cpueblos .col80{
        width: 95%;
    }
    .cpueblos .col20 {
        width: 5%;
    }
    .cpueblos .col80 h1{
        margin-bottom: 30px;
    }
    .cpueblostitle{
        margin-bottom: 20px;
    }
    .cpueblostitle h1{
        margin-bottom: 20px;
    }
    .rowmargined{
        margin-bottom: 30px!important;
    }
    .ccontactoredes svg{
        margin-bottom: 5px;
    }
    .cfootericon svg{
        top: -30px;
    }
    .cfilosofia .col33{
        margin-bottom: 30px!important;
    }
    .cfilosofiaimg{
        height: 425px;
    }
}
@media (max-width: 1100px){
	.ctopimage, .ctopimage .contentlarge {
		height: 600px;
	}
    .cfootericon svg{
        margin-right: 5px;
        top: -10px;
        width: 35px;
    }
}
@media (max-width: 1000px){
	h1, .sh1{
		margin-bottom: 30px;
	}
	.cgooglemaps .cgeneralimg {
		height: 400px;
	}
	footer h1 {
		margin-bottom: 50px;
	}
	.cmadeby{
		margin-top: 50px;
	}
	h2{
		width: 40%!important;
	}
	.contentlarge .rowmargined{
		margin-bottom: 30px!important;
	}
	.contentlarge{
		padding-left: 20px;
		padding-right: 20px;
	}
	.cheader svg {
		height: 70px;
	}
	.cheaderlogo{
		padding-top: 0px;
	}
	.cheader{
		height: 100px;
	}
	.cmenuicon{
		top: 40px;
	}
	.showmenu .cscreenmenu{
		width: 350px!important;
	}
	.cmenuwrap{
		left: 30px;
	}
	.cmenu span{
		padding: 20px;
	}
	.activeprod h5 {
		font-size: 32px;
	}
	.cproducto h5{
		font-size: 26px;
	}
	.activeprod .cprodlayer h4 {
		font-size: 32px;
		line-height: 32px;
	}
	.activeprod .sprecio {
		font-size: 24px;
	}
    .cpueblos .col80{
        width: 100%;
    }
    .cpueblos .col20 {
        width: 0%;
    }
    .cpueblos .col80 .cpuebloshistoriawrap .cinnerwrapueblos .cpuebloshistoria:nth-child(1) .cinner, .cpueblos .col80 .cpueblosterritoriowrap .cinnerwrapueblos .cpueblosterritorio:nth-child(1) .cinner{
        margin-left: 0px!important;
        margin-right: 15px!important;
    }
    .cpueblos .col80 .cpuebloshistoriawrap .cinnerwrapueblos .cpuebloshistoria:nth-child(2) .cinner, .cpueblos .col80 .cpueblosterritoriowrap .cinnerwrapueblos .cpueblosterritorio:nth-child(2) .cinner{
        margin-left: 5px!important;
        margin-right: 10px!important;
    }
    .cpueblos .col80 .cpuebloshistoriatext .cinner, .cpueblos .col80 .cpueblosterritoriotext .cinner{
        margin-left: 0px!important;
    }
    .cpuebloshistoriatext p{
        margin-top: 10px;
    }
    h3{
        font-size: 22px;
        line-height: 22px;
    }
    .cpueblostitle p{
        width: 42%;
    }
    .chistoria .chistoriatext .cinner{
        padding-right: 0px;
    }
	.cmail, .ccontactoredes, .clocalizacion{
		display: none;
	}
	.ccontactoredes.cresponsivefooter, .cwrapresponsivefooter, .cmail.cresponsivefooter, .clocalizacion.cresponsivefooter, .cwrapresp{
		display: block;
	}
	.cgooglemaps, .cform{
		width: 100%;
	}
	.cgooglemaps .cgeneralimg{
		height: 450px;
	}
	.cwrapresp{
		margin-bottom: 0px!important;
	}
    .csendform{
        text-align: center;
    }
    .jqenviarcontacto{
        width: 30%;
    }
    .cfootericon svg{
        width: 40px;
        top: 0px;
    }
    .cfilosofiaimg{
        height: 350px;
    }
    .contentlarge{
        padding-left: 60px;
        padding-right: 60px;
    }
    .cfilosofiatext1 .cfilosofiatexttitle span{
        top: 30px;
    }
    .cfilosofiatext2 .cfilosofiatexttitle span{
        top: -43px;
    }
    .cfilosofiatext4 .cfilosofiatext{
        padding-left: 75px;
    }
    .cfilosofiatext3 .cfilosofiatexttitle span {
        top: -30px;
    }
    .cfilosofiatext4 .cfilosofiatexttitle span {
        top: -30px;
    }
    .cfilosofiatexttitle span{
        font-size: 110px;
    }
    .cmenuicon{
        top: 60px;
        right: 30px;
    }
}
@media (max-width: 900px){
.cprodlayer img{

    transform: none;
}
.cvinotextoresp {
    display: block;
    padding: 20px;
		}
		.cpasadoroverflow .col30.cproducto {
		margin-bottom: 0px!important;
		transform: translateY(0px)!important;
		}
	.ctopimage, .ctopimage .contentlarge {
		height: 550px;
	}
	h1, .sh1{
		letter-spacing: 0px;
		padding-bottom: 10px;
	}
	.chistoriaimg .cresponsiveimg, .cpueblos .cresponsiveimg{
		height: 450px;
	}
	#historia .rowmargined{
		margin-bottom: 10px!important;
	}
	h2{
		padding-bottom: 10px;
		margin-top: 0px;
	}
	footer .rowmargined .cinner{
		margin-left: 5px!important;
		margin-right: 5px!important;
	}
	footer .row *[class^="col"]{
		margin-bottom: 10px!important;
	}
	.jqenviarcontacto{
		width: 35%;
	}
	.cpasadoroverflow{
		width: auto!important;
		height: auto!important;
	}
	.cpasadoroverflow .col30{
		width: 100%!important;
		margin-bottom: 120px!important;
	}
	.cprodlayer img{
		width: 45%!important;
	}
	.cbuttonprod{
		display: none;
	}
	.cpasadorproductos .col80{
		width: 100%;
	}
	.cproducto, .cprodlayer h4{
		margin-top: 0px;
	}
	.cproducto h5{
		color: #333333;
    	margin-top: 20px;
	}
	.sprecio{
		font-size: 24px;
	}
	.cprodlayer h4{
		font-size: 32px!important;
	}
	.cproductotextos, .cleftaction, .crightaction{
		display: none;
	}
	.cpasadorproductosinner{
		background-image: none;
	}
    .cpuebloshistoriawrap, .cpuebloscoordenadas, .cpueblosterritoriowrap, .cpueblossituationwrap{
        width: 100%;
    }
    .cpueblos .cright .cpuebloshistoriawrap .cinnerwrapueblos, .cpueblos .cright .cpueblosterritoriowrap .cinnerwrapueblos{
        margin-right: 0px!important;
    }
    .cpueblos .col80 .cpuebloshistoriawrap .cinnerwrapueblos .cpuebloshistoria:nth-child(1) .cinner, .cpueblos .col80 .cpueblosterritoriowrap .cinnerwrapueblos .cpueblosterritorio:nth-child(1) .cinner{
        margin-right: 10px!important;
    }
    .cpueblos .col80 .cpuebloshistoriawrap .cinnerwrapueblos .cpuebloshistoria:nth-child(2) .cinner, .cpueblos .col80 .cpueblosterritoriowrap .cinnerwrapueblos .cpueblosterritorio:nth-child(2) .cinner{
        margin-left: 10px!important;
        margin-right: 0px!important;
    }
    h3, .cpueblosterritoriotext h3, .cpuebloscoordenadas p, .cpueblosituaciontext h3{
        margin-top: 10px;
        text-align: left;
    }
    .cpueblossituacionfix{
        display: none;
    }
    .cpueblossituacionresp{
        display: block;
    }
    .cgeneralwrap.cpueblos .cleft .cinnerwrapright, .cgeneralwrap.cpueblos .cinnerwrapright, .cpueblos .col80 .cpuebloshistoriatext .cinner, .cpueblos .col80 .cpueblosterritoriotext .cinner{
        margin-left: 0px!important;
        margin-right: 0px!important;
    }
    .cpueblos .row *[class^="col"]{
        margin-bottom: 10px!important;
    }
    .cfilosofiaimg{
        height: 325px;
    }
    .contentlarge{
        padding-left: 40px;
        padding-right: 40px;
    }
    .cmenuicon {
        right: 10px;
    }
}
@media (max-width: 800px){
	.cgeneralwrap .cinner{
		margin-left: 5px!important;
		margin-right: 5px!important;
	}
	.showmenu .cscreenmenu{
		width: 300px!important;
	}
	.cmenuiconbar{
		width: 20px;
	}
	.ctopimage, .ctopimage .contentlarge {
		height: 500px;
	}
	.cgeneralwrap .rowmargined {
		margin-left: -5px!important;
	}
    .cpueblos .col80 .cinner{
        margin-left: 5px!important;
        margin-right: 5px!important;
    }
    .cpueblos .cright .cpuebloshistoriawrap .cinnerwrapueblos, .cpueblos .cright .cpueblosterritoriowrap .cinnerwrapueblos{
        margin-left: 0px!important;
    }
    .cpueblos .col80 .cpuebloshistoriawrap .cinnerwrapueblos .cpuebloshistoria:nth-child(1) .cinner, .cpueblos .col80 .cpueblosterritoriowrap .cinnerwrapueblos .cpueblosterritorio:nth-child(1) .cinner{
        margin-right: 5px!important;
    }
    .cpueblos .col80 .cpuebloshistoriawrap .cinnerwrapueblos .cpuebloshistoria:nth-child(2) .cinner, .cpueblos .col80 .cpueblosterritoriowrap .cinnerwrapueblos .cpueblosterritorio:nth-child(2) .cinner{
        margin-left: 5px!important;
    }
    .cpueblos .col80 .cpuebloshistoriatext .cinner, .cpueblos .col80 .cpueblosterritoriotext .cinner, .cgeneralwrap.cpueblos .cinnerwrapright, .cpueblossituationwrap .cpueblosituaciontext .cinner, .cpueblossituationwrap .cpueblosituacionimg .cinner, .cgeneralwrap.cpueblos .cinnerwrapueblos{
        margin-right: 0px!important;
        margin-left: 0px!important;
    }
    .cpueblossituationwrap .cpueblosituacionimg1 .cinner{
        margin-left: 0px!important;
    }
    .cpueblossituationwrap .cpueblosituacionimg2 .cinner{
        margin-right: 0px!important;
    }
    .cfootericon svg{
        margin-right: 10px;
        top: 0px;
    }
    .cfootertext span, .cfootertext a{
        font-size: 16px!important;
        line-height: 30px;
    }
    .cfilosofia .cinner{
        margin-left: 20px!important;
        margin-right: 20px!important;
    }
    .cfilosofia .rowmargined{
        margin-left: -20px!important;
    }
    .cfilosofia .col33{
        width: 100%;
    }
    .cfilosofiaimg{
        height: 500px;
    }
    .cfilosofiatext1 .cfilosofiatexttitle span {
        top: -0px;
        left: 0px;
    }
    .cfilosofia .col33{
        margin-bottom: 50px!important;
    }
    .cfilosofiatexttitle span{
        font-size: 100px;
    }
    .cfilosofiatext2 .cfilosofiatext, .cfilosofiatext3 .cfilosofiatext, .cfilosofiatext4 .cfilosofiatext{
        padding-left: 65px;
    }
    .cfilosofiatext2 .cfilosofiatexttitle span{
        top: -50px;
    }
    .cfilosofiatext3 .cfilosofiatexttitle span, .cfilosofiatext4 .cfilosofiatexttitle span{
        top: -40px;
    }
    .ctopimage, .ctopimage .contentlarge{
        height: 450px;
    }
}
@media (max-width: 700px){
.cmenuicon {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 10px;
    right: 20px;
    background-color: #808080;
    }
    .cmenuiconbar {
    margin-bottom: 4.5px;
    background-color: #fff;
    }
    .showmenu .cmenuiconbar:nth-child(2) {
    transform: rotate(
-35deg
) translateY(-3px) translateX(2px);
}
.showmenu .cmenuiconbar:nth-child(1) {
    transform: rotate(
35deg
) translateY(4px) translateX(2px);
}
	.cwrapresponsivefooter{
		width: 100%;
	}
	.cwrapresponsivefooter .col100{
		width: 50%;
	}
	.ccontactoredes .cfootertext a{
		line-height: 34px;
	}
	.ccontactoredes svg{
		margin-bottom: -5px;
	}
	.showmenu .cscreenmenu{
		width: 250px!important;
	}
	.chistoriaimg .cresponsiveimg, .cpueblos .cresponsiveimg{
		height: 400px;
	}
	h1, .sh1{
		font-weight: 500;
	}
	.cgooglemaps .cgeneralimg{
		height: 400px;
	}
	.cpager span{
		width: 9px;
		height: 9px;
		margin-left: 15px;
		margin-right: 15px;
	}
    .cpueblostitle p{
       width: 330px;
    }
    .cfilosofiaimg{
        height: 450px;
    }
    .cpueblostitle p{
        font-size: 18px;
    }
    .contentlarge {
        padding-left: 20px;
        padding-right: 20px;
    }
    .ctopimage, .ctopimage .contentlarge{
        height: 400px;
    }
}
@media (max-width: 650px){

    .cfilosofiaimg{
        height: 425px;
    }
}
@media (max-width: 600px){

	.cgooglemaps .cgeneralimg{
		height: 350px;
	}
	footer form input, footer form textarea, .jqenviarcontacto{
		padding: 13px;
		padding-left: 15px;
		padding-right: 15px;
	}
	body, a, textarea, input, .cmadeby, .cmenubot, .jqenviarcontacto {
		font-size: 16px!important;
	}
	.cfootericon svg{
		width: 35px;
	}
	.cfootertext span, .cfootertext a {
		line-height: 26px;
	}
	h1, .sh1{
		font-size: 30px;
		line-height: 30px;
	}
	h2{
		width: 70%!important;
	}
	.ctopimage, .ctopimage .contentlarge {
		height: 400px;
	}
	.contentlarge{
		padding-left: 15px;
		padding-right: 15px;
	}
	.cheader svg {
		height: 60px;
	}
	.chistoriaimg .cresponsiveimg, .cpueblos .cresponsiveimg{
		height: 350px;
	}
	.cmadeby{
		margin-top: 20px;
	}
	footer textarea{
		height: 200px;
	}
	.cpasadorproductos .rowmargined{
		margin-bottom: 0px!important;
	}
	.cpasadorproductos .col80{
		margin-bottom: 0px!important;
	}
	h2{
		font-size: 24px;
		line-height: 24px;
		margin-bottom: 20px;
	}
    .cpueblos .col80 h1{
        width: 37%;
    }
    .cpueblos .col80 h1{
        float: left;
        text-align: left;
    }

    .ccontactoredes.cresponsivefooter{
        width: 100%;
    }
    .cmail.cresponsivefooter{
        width: 40%;
    }
    .clocalizacion.cresponsivefooter{
        width: 60%;
    }
    .cfilosofiaimg{
        height: 400px;
    }
    .ctopimage, .ctopimage .contentlarge{
        height: 375px;
    }
}
@media (max-width: 550px){
	.ctopimage, .ctopimage .contentlarge {
		height: 350px;
	}
    .cpuebloscoordenadas p{
        font-size: 16px;
    }
    .cpager span{
        margin-left: 10px;
        margin-right: 10px;
    }
    .cfilosofiaimg{
        height: 350px;
    }
}
@media (max-width: 500px){

}
@media (max-width: 499px){
	.row *[class^="col"]{
		margin-bottom: 20px;
	}
	.contentlarge{
		padding-left: 10px;
		padding-right: 10px;
	}
	.chistoriaimg .cresponsiveimg, .cpueblos .cresponsiveimg{
		height: 300px;
	}
	.chistoria .cwrapgeneraltext{
		margin-bottom: 10px!important;
	}
	.ctopimage, .ctopimage .contentlarge {
		height: 300px;
	}
	.ccontactoitemmap img{
		width: 76px!important;
    	height: 47px!important;
	}
	.cgooglemaps .cgeneralimg{
		height: 325px;
	}
	footer form input, footer form textarea{
		font-size: 14px!important;
		padding-left: 10px;
		padding-right: 10px;
	}
    .jqenviarcontacto{
        font-size: 16px!important;
        width: 100%;
    }
	.cmenuicon {
		top: 45px;
	}
	.showmenu .cscreenmenu{
		width: 200px!important;
	}
	footer .contentlarge .rowmargined {
		margin-left: -5px!important;
	}
	.cpasadorproductos .row{
		margin-right: 0px!important;
	}
    .cpuebloshistoria, .cpueblosterritorio, .cpueblosituacionimg{
        width: 100%;
    }
    .cpueblos .col80 h1{
        width: 55%;
    }
    .cpueblostitle p{
        width: 100%;
    }
    .cpueblos .col80 .cpuebloshistoriawrap .cinnerwrapueblos .cpuebloshistoria:nth-child(1) .cinner, .cpueblos .col80 .cpueblosterritoriowrap .cinnerwrapueblos .cpueblosterritorio:nth-child(1) .cinner, .cpueblos .col80 .cpuebloshistoriawrap .cinnerwrapueblos .cpuebloshistoria:nth-child(2) .cinner, .cpueblos .col80 .cpueblosterritoriowrap .cinnerwrapueblos .cpueblosterritorio:nth-child(2) .cinner{
        margin-right: 0px!important;
        margin-left: 0px!important;
    }
    .cpuebloscoordenadas p{
        font-size: 12px;
    }
    .cpager{
        bottom: 75px;
    }
    .cpueblos .col80 h1{
        margin-bottom: 20px;
    }
    .cmail.cresponsivefooter{
        width: 100%;
    }
    .clocalizacion.cresponsivefooter{
        width: 100%;
    }
    .ccontactoredes  .cfootertext{
        margin-top: 12px;
    }
    .ccontactoredes .cfootertext a {
        line-height: 28px;
    }
    .cfilosofiaimg{
        height: 300px;
    }
    .cfilosofiatexttitle span{
        font-size: 90px;
    }
    .cfilosofiatext1 .cfilosofiatexttitle span{
        top: 20px;
    }
    .cfilosofiatext{
        padding-left: 48px;
    }
    .cfilosofiatext2 .cfilosofiatexttitle span{
        top: -20px;
    }
    .cfilosofia .col33{
        margin-bottom: 30px!important;
    }
    .cfilosofiatext3 .cfilosofiatexttitle span, .cfilosofiatext4 .cfilosofiatexttitle span{
        top: -20px;
    }
    .contentlarge {
    overflow: hidden;
        padding-left: 15px;
        padding-right: 15px;
    }
    .ctopimage, .ctopimage .contentlarge{
        height: 325px;
    }
    .cpager span{
        margin-left: 7px;
        margin-right: 7px;
        width: 6px;
        height: 6px;
    }
    .cpueblossituationwrap{
        margin-top: 0px;
    }
}