*{margin: 0;padding: 0;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
a{text-decoration: none}
li{list-style: none;}
.toggle-bar,.menu-movil{display: none;}
.img-zoom img {
	-webkit-transition:all .9s ease; /* Safari y Chrome */
	-moz-transition:all .9s ease; /* Firefox */
	-o-transition:all .9s ease; /* IE 9 */
	-ms-transition:all .9s ease; /* Opera */
	width:100%;
}
.f-right{float: right;}
.f-left{float: left;}
body{
	font-family: arial;
	overflow-x: hidden;
}
.img-zoom:hover img {
	transform:scale(1.1) rotate(-5deg);
}
.no-m-r{margin-right: 0px !important}
.no-m-l{margin-left: 0px !important}
.img-zoom {
	overflow:hidden !important;
}
.container{
	display: block;
	margin: 0 auto;
	max-width: 980px;
	width: 100%;
	position: relative;
}
.clear-fl{overflow: hidden;height: 1%;}
.center{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.img-top{
    position: absolute;
    right: 0;
    top: -10px;
}
.menu-movil{display: none}
.shadow1{width: 100%; height: 25px;}
.shadow2{width: 100%; height: 55px;margin-top: -30px;opacity: .8;z-index: -1;}
/*slider*/
.fancybox-overlay-fixed{z-index: 99;}
.fancybox-opened{z-index: 999999;}

.slider{position: relative;overflow: hidden;}
.title-slider{
	position:absolute;
	bottom:29px;
	width: 100%;
	height: 100px;
	z-index: 99;
	background: url(../images/bg-slider.png) no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
.title-slider img{
	display: block;
	width: 100%;
}
.title-slider >span{
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
}
.title-slider span p{
	font-size: 30px;
	color: #fff;
	font-family: 'gothic';
	padding: 5px;
}
.title-slider span .ctrl-s{	
	position: absolute;
	right: 0;
	bottom: 5px;
	display: block;
}
.title-slider span #nextS a,
.title-slider span #prevS a{
	width: 100%;
	height: 100%;
	display: block;
	text-indent: 99999px;
}
.title-slider span #nextS{
	display: inline-block;
	width: 27px;
	height: 27px;
	background: url(../images/rows-slider.png) -37px 0;
	margin-left: 5px;
	cursor: pointer;
}
.title-slider span #prevS{
	cursor: pointer;
	display: inline-block;
	width: 27px;
	height: 27px;
	background: url(../images/rows-slider.png) -0px 0;
}

.bx-wrapper .bx-viewport {
	-moz-box-shadow: none 0 5px #ccc;
	-webkit-box-shadow: none;
	box-shadow: none;
	border:  0px solid #fff;
	left: 0px;
	background: #fff;
	z-index: 9;
	min-height: 150px;
}
.bx-wrapper .bx-viewport ,
.bx-wrapper .bx-viewport ul,
.bx-wrapper .bx-viewport ul li,
.bx-wrapper .bx-viewport ul li img,
.slider ul li img{
	display: block;
	min-height: 150px;
	width: 100%;
	height: auto;
}
.slider li:not(:nth-child(1)) img{
	display: none;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}
.bx-wrapper {
    position: relative;
    margin: 0 auto 0px;
    padding: 0;
    *zoom: 1;
    overflow: hidden;
    max-height: 320px;
}
.bx-wrapper .bx-prev,.bx-wrapper .bx-prev:hover {
    left: -30px;
    background: url(../images/controls.png) no-repeat 0 0px;
    height: 74px !important;
    width: 20px !important;
    margin-top: -37px !important;
}
.bx-wrapper .bx-next,.bx-wrapper .bx-next:hover {
    right: -30px;
    height: 74px !important;
    width: 20px !important;
    background: url(../images/controls.png) no-repeat -25px 0px;
    margin-top: -37px !important;
}
/*END SLIDER*/
/*MENU*/
.menu-content{
	display: block;
	width: 100%;
	height: 120px;
	overflow: hidden;
	border-top: solid 3px #d9ba38;
	border-bottom: solid 4px #d9ba38;
}
.menu-content .container{position: relative;height: 100%;}
.fig-logo,.fig-logo img{
	display: block;
	position: absolute;
}
.fig-logo img{
	margin-top: 12px;
}
#menu-ppal{
	display: block;
	height: 100%;
	padding-left: 200px;
	position: relative;
}
#menu-ppal .redes{display: block;height: 73px;}
#menu-ppal >div:nth-child(2){
	height: 40px;
	position: relative;
	bottom: 0;
	width: 100%;
}
#menu-ppal ul{
	display: block;
	float: right;
	height: 40px;
}
#menu-ppal >div:nth-child(2) >span{
	display: block; 
	float: left;
	font-family: arial;
	color: #969797;
	font-size: 14px;
	margin-right: 30px;
	overflow: hidden;
}
#menu-ppal >div:nth-child(2) >span span{
	vertical-align: top;
	margin-top: 2px;
	display: inline-block;
}
#menu-ppal >div:nth-child(2) .h-telf i{
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url(../images/sprite.png) -71px -2px;
}
#menu-ppal >div:nth-child(2) .h-mail i{
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url(../images/sprite.png) -36px -2px;
}

#menu-ppal .redes .h-dir i{
	display: inline-block;
	width: 23px;
	height: 25px;
	background: url(../images/sprite.png) -3px -0px;
}
#menu-ppal .redes .h-dir span{
	vertical-align: top;
	margin-top: 4px;
	display: inline-block;
}
.h-dir{
	display: block; 
	float: left;
	font-family: arial;
	color: #969797;
	font-size: 14px;
	margin-right: 0px;
	overflow: hidden;
	margin-top: 20px;
}
#menu-ppal .redes{	vertical-align: top;}
#menu-ppal .redes .links{
	display: block;
	float: right;
	margin-top: 20px;
}
#menu-ppal .redes .links a{	
	height: 23px;
	width: 23px;
	color: #fff;
	display: inline-block;
	padding: 0 10px;
}
#menu-ppal .redes .links .twitter{
	display: inline-block;
	width: 23px;
	height: 25px;
	background: url(../images/sprite.png) -108px -2px;
}
#menu-ppal .redes .links .facebook{
	display: inline-block;
	width: 23px;
	height: 25px;
	background: url(../images/sprite.png) -139px -2px;
}
#menu-ppal .redes .links .youtube{
	display: inline-block;
	width: 23px;
	height: 25px;
	background: url(../images/sprite.png) -169px -2px;
}
#menu-ppal ul li{
	display: block;
	float: left;
	text-align: center;
	vertical-align: top;
	height: 100%;
	-webkit-transition: ease all .2s;
	-o-transition: ease all .2s;
	transition: ease all .2s;
	position: relative;
}
#menu-ppal ul li:hover,
#menu-ppal ul li.activo{background: #d9ba38}
#menu-ppal ul li:hover a,
#menu-ppal ul li.activo a{color:#fff;}

#menu-ppal ul li a{
	display: block;
	float: left;
	font-family: 'gothic', serif;
	color:#2e2d2d;
	font-size: 14px;
	line-height: 40px;
	padding: 0 15px;
	height: 100%;
}

/*END HEADER*/

/*INICIO*/

.circles {margin: 20px auto}
.circles div{margin: 0 -15px;}
.circles article{
	display: block;
	float: left;
	width: 25%;
	padding: 0 15px;

}
.circles article img{
	width: 100%;
	max-width: 200px;
	margin: 0 auto;
	display: block;
}
.circles article p{
	font-family: 'gothic';
	font-size: 24px;
	color: #423e3e;
	text-align: center;
	letter-spacing: .050em;
	margin: 10px auto;
}
.vision{
	display: block;
	background: #dcdcdc;
	padding: 20px 0;
}
.vision figure{
	display: block;
	width: 50%;
	float: left;
}
.vision figure img{
	width: 100%;
}
.vision .content{
	float: right;
	width: 50%;
	padding: 20px;
}
.vision .content h3{
	font-family: 'gothic';
	font-size: 24px;
	color: #000;
	font-weight: normal;
	text-align: center;
	margin: 20px auto;
}
.vision .content p{
	font-family: 'gothic';
	font-size: 16px;
	color: #616161;
	text-align: justify;
}
.mision{padding: 20px 0}
.mision figure{
	display: block;
	width: 50%;
	float: right;
}
.mision figure img{
	width: 100%;
}
.mision .content{
	float: left;
	width: 50%;
	padding: 20px;
}
.mision .content h3{
	font-family: 'gothic';
	font-size: 24px;
	color: #000;
	font-weight: normal;
	text-align: center;
	margin: 20px auto;
}
.mision .content p{
	font-family: 'gothic';
	font-size: 16px;
	color: #616161;
	text-align: justify;
}
/*INICIO END*/
/*Nosotros*/
.title-nos{position: relative;margin: 20px auto;}
.title-nos>span{
	display: block;
	height: 12px;
	width: 100%;
	background: #6cb941;
	margin-top: 5px;
	position: absolute;
	z-index: 1;
}
.title-nos img{
	display: block;
	margin: 0 auto;
	position: relative;
	padding: 0 20px;
	line-height: 20px;
	background: #fff;
	z-index: 9;
}
.p-nos{
	font-family: 'gothic';
	color: #616161;
	text-align: justify;
}
.somos {margin: 10px -20px;}
.somos article{
	display: block;
	float: left;
	width: 50%;
	padding: 0 20px;
}
.title-nos div {text-align: center}
.title-nos div span{
	margin: 0 auto;
	position: relative;
	padding: 0 10px;
	line-height: 15px;
	background: #fff;
	z-index: 9;
	font-family: 'gothic';
	font-size: 24px;
	color:#454545;
}
.b-gold{
	border:solid #b08200 1px;
	margin-top: 30px;
}
.b-gold>div,.b-gold figure{
	display: block;
	float: left;
	width: 50%;
}
.b-gold figure{border-left: solid 1px #b08200}
.b-gold figure img{
	width: 100%;
	display: block
}
.b-gold>div{
	padding: 5% 5% 10px;
}
.b-gold>div p{
	font-family: 'gothic';
	font-size: 20px;
	color: #b08200;
	text-align: justify;
}
.valores{
	margin: 30px auto;
}
.valores header{
	display: block;
	background: #d9ba38;
	padding: 5px 10px;
}
.valores header p{
	font-size: 24px;
	color: #fff;
	text-align: center;
}
.valores >div{
	background: #e8e8e8;
}
.valores >div ul{
	display: block;
	float: right;
	width: 40%;
	padding: 80px 20px 10px 100px;
}
.valores >div ul li{
	list-style-image: url(../images/list-check.png);
	font-family: 'gothic';
	font-size: 18px;
	letter-spacing: .025em;
	color: #1a1a1a;
}
.valores>div figure{
	display: block;
	float: left;
	width: 60%;
}
.valores>div figure img{display: block;width: 100%;}
/*Nosotros*/


/*contacto*/
#contacto .title-nos div span{
	margin: 0 auto;
	position: relative;
	padding: 0 10px;
	line-height: 15px;
	background: #fff;
	z-index: 9;
	font-family: 'gothic';
	font-size: 30px;
	color:#d9ba38;
}
#contacto .info{
	font-size: 13px;
	color: #5e5e5e;
	text-align: center;
}
#form-contact input::-webkit-input-placeholder { color: #959595; font-size: 11px;font-family: verdana }
#form-contact input:-moz-placeholder { color: #959595; font-size: 11px;font-family: verdana }
#form-contact input::-moz-placeholder { color: #959595; font-size: 11px;font-family: verdana }
#form-contact input:-ms-input-placeholder { color: #959595; font-size: 11px;font-family: verdana}

#form-contact textarea::-webkit-input-placeholder { color: #959595; font-size: 11px;font-family: verdana }
#form-contact textarea:-moz-placeholder { color: #959595; font-size: 11px;font-family: verdana }
#form-contact textarea::-moz-placeholder { color: #959595; font-size: 11px;font-family: verdana }
#form-contact textarea:-ms-input-placeholder { color: #959595; font-size: 11px;font-family: verdana}
#form-contact{position: relative;}
#form-contact.enviando::before{
	content: 'Enviando...';
	color:#5a9fbd;
	font-size: 30px;
	text-align: center;
	line-height: 140px;
	background: rgba(255,255,255,.8);
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}
.center-reg{
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 100%;
}
#contacto{
	overflow: hidden;
	height: 1%;
	margin-bottom: 10px;
}

#form-contact{
	overflow: hidden;
	height: 1%;
	display: block;
	padding-bottom: 20px;
	border-bottom: solid 1px #ebe0bf;
}
#form-contact .col{
	width: 33%;
	margin-right: .5%;
	float: left;
}
#form-contact input[type='text'],textarea{
	width: 100%;
	height: 40px;
	border:solid 1px #d4d4d4;
	resize: none;
	padding: 5px 10px;
	font-size: 11px;
	color: #616161;
	font-family: 'verdana',sans-serif;
}
#form-contact label.error{ color:#792420; font-size: 12px; }
textarea{height: 100%;}
#form-contact .col:nth-child(3){margin-right: 0%;}
#form-contact .row-lg{
	width: 100%;
	float: left;
	height: 80px;
	margin-top: 5px;
}
.submit{
	display: block;
	float: left;
	width: 100%;
	margin-top: 20px;
	text-align: center;
}
.submit>div{
	color:#616161;
	display: inline-block;
	font-size: 12px;
	font-family: verdana;
}
.submit>div:last-child input{
	background: #6ab900;
	border-radius: 4px;
	color:#fff;
	border:none;
	font-family: arial;
	font-size: 11px;
	padding: 12px 16px;
	cursor: pointer;
	-webkit-transition: linear all .3s;
	-o-transition: linear all .3s;
	transition: linear all .3s;
}
.submit>div:last-child input:hover{
	background: #447305
}
.contact_email,.contact_telf{cursor: pointer}
.submit>div:last-child{ margin-left: 100px; }

.tel-email{
	width: 80%;
	display: block;
	margin: 0 auto 10px auto;
	text-align: center;
}
.tel-email div{
	display: inline-block;
	text-align: center;
	color: #333333;
	font-size: 14px;
	height: 30px;
	margin-right:40px;
}
.tel-email .telefono span{
	display: inline-block;
	height: 15px;
	width: 25px;
	background: url(../images/sprite2.png);
	background-position:0px 0px;
	line-height: 25px;
	margin: 0px 0 2px 0;
	vertical-align: bottom;
}
.tel-email .email{margin: 0 40px;}
.tel-email .email span{
	display: inline-block;
	height: 15px;
	width: 25px;
	background: url(../images/sprite2.png);
	background-position:-25px 0px;
	line-height: 25px;
	margin: 0px 0 2px 0;
	vertical-align: bottom;
}

#go-top{
	position: fixed;
	display: block;
	width: 40px;
	height: 40px;
	background: rgba(176,130,0,.8);
	bottom: 80px;
	right:20px;
	text-align: center;
	font-size: 25px;
	color:#FFF;
	line-height: 40px;
	border-radius: 50%;
	display: none;
	cursor: pointer;
	z-index: 9;
}
.cont-map{
	margin-top: 30px;
}
.map{
	display: block;
	float: left;
	width: 65%;
	border:solid 1px #b08200;
}
.map iframe{display: block;}
.info-cont{
	display: block;
	float: left;
	width: 35%;
	padding-left: 30px;
	padding-top: 35px;
}
.info-cont ul{
	margin-top: 0px;
}
.info-cont ul li{
	list-style: url(../images/list-circ.png);
	font-family: arial;
	font-size: 16px;
	color: #969797;
	line-height: 20px;
	margin-bottom: 10px;
}
.info-cont ul li span{color: #b08200;line-height: 30px}
/*end contacto*/
/*FOOTER*/
.div-f{border: none;border-bottom:solid 1px #d7d7d7;}
.redes-fm{display: none;}
#footer{
	display: block;
	text-align: left;
	background: #b08200;
	color: #fff;
	font-family: arial;
	font-size: 11px;
	padding-top: 12px;
	padding-bottom:12px;
	margin-top: 10px;
}
.img-foot{
    position: absolute;
   	left: -35%;
   	bottom: 0;
}
#footer div#powered{
	color:#fff;
	font-family: arial;
	font-size: 11px;
	padding-top: 0;
	text-align:right;
	float:right;
}
#powered a {
    background: url("../images/iconGlobal.png") no-repeat scroll left center;
    color: #fff;
    padding: 3px 0 3px 20px;
}
/*END FOOTER*/



@media (min-width: 980px){
	.slider{min-height: 300px: }
}
@media (max-width: 1040px){
	.container{padding: 0px 15px; width: 98%;margin-left: 1%;}
	
}
@media (max-width: 979px){
	#menu-ppal {
	    padding-left: 130px;
	}
	#menu-ppal .redes .h-dir {
	    display: none;
	}
	.h-dir,.redes .links{margin-top: 8px !important;overflow: visible;}
	#menu-ppal .redes {height: 47px;}
	#menu-ppal > div:nth-child(2){height: 73px;}
	#menu-ppal > div:nth-child(2) > span{width: 50%}

	.menu-content .container{padding: 0}
	.circles article{width: 50%;}
	.circles article:nth-child(3),
	.circles article:nth-child(4){margin-top: 40px;}
	.vision .content,.mision .content {padding-top: 0}
	.vision .content h3,.mision .content h3 {margin-top: 0}
	.valores > div ul {
	    padding: 40px 20px 10px 60px;
	}
}
@media (max-width: 850px) {
	.b-gold figure {
	    border-left: none;
	}
	.b-gold > div {
	    padding: 20px 10px;
	}
}
@media (max-width: 767px){
	.toggle-bar .fig-logo img {
	    display: block;
	    position: relative;
	}

	.slider {
	   	margin-top: 45px;
	}
	#header {background-size: 100% 90%;}
	.menu-content,.line-top{display: none}
	.menu-movil.fixed .fig-logo {
	    float: none;
	    margin-right: 0px;
	    display:block;
	    width: 100%;
	    position: relative;
	    
	}
	.fig-logo, .fig-logo img {
	    display: block !important;
	    position: relative !important;
	}
	.logo-mov{
		position: absolute;
		width: 60px;
		top: 5px;
		left: 5px;
		border:solid 2px #C09B33;
	}
	.logo-mov img{
		display: block;
		width: 100%;
	}
	.menu-movil.fixed .fig-logo img{margin: 5px auto}
	.menu-movil .redes{display: none !important}
	#menu-ppal > div:nth-child(2) > span {
	    display: none;
	}
	.menu-movil{
			background: rgba(255,255,255,1);
			display: block;
			width: 280px;
			left:-100%;
			top: 0px;
			position: fixed;
			z-index: 999999;
			height: 100vh;
			margin-top: 0;
			box-shadow: 3px 0px 5px rgba(0,0,0,.4);
			-webkit-transition: ease all .5s;
			-o-transition: ease all .5s;
			transition: ease all .5s;
		}
		.menu-movil.fixed{left:0;}
		.menu-movil > div {margin: 0 !important;width: 100% !important;padding: 0 !important}
		.menu-movil #menu-ppal{margin-left: 0%;margin-right: 0%;background: #B08200;position: relative;height: 100vh;}
		.menu-movil #menu-ppal ul,.menu-movil #menu-ppal{width: 100%;float: none;display: block;}
		.menu-movil #menu-ppal ul li {
		    display: block;
		    float: none;
		    line-height: 0px;
		    position: relative;
		    cursor: pointer;
		    height: auto;
		}
		.menu-movil #menu-ppal ul li > a{
		    background: #B08200;
		    padding: 10px 20px;
		    border-right: none;
		    border-bottom: solid 1px #fff;
		    height: 39px;
		    width: 100%;
		    color: #fff;
		    display: block;
		    line-height: 20px;
		    text-align: center;
		    margin-top: 0;
		}
		#menu-ppal{margin-top: 0;padding-left: 0px;}
		.contac-m{
			position: absolute;
			top: 280px;
			padding: 5px !important;
			color: #fff;
			font-size: 14px;
			font-family: arial;
		}
		.contac-m div {padding: 5px}
		.menu-movil #menu-ppal ul li:first-child > a {
		    border-radius: 0;
		}
		.menu-movil #menu-ppal ul li.activo a,.menu-movil #menu-ppal ul li:hover a{
			background: #81C70D;
			color: #fff;
		}
		.menu-movil #menu-ppal .contact{
			display: block;
			position: absolute;
			top: 150px;
		}
		.menu-movil #menu-ppal .contact span{
			font-size: 10px;
			display: block;
			margin:10px;
			color: #FFF;
		}
		.menu-movil #menu-ppal .contact span i{margin-top: 0 !important}
		.logo-movil{
			display: block;
			background: #94c93d;
			width: 100%;
			height: 60px;
			overflow: hidden;
			position: relative;
			margin-bottom: 40px;
			box-shadow: 0px 2px 3px rgba(0,0,0,.75);
		}
	.logo-movil img{ display: block;width: 150px; float: left;margin:10px;}
	.toggle-bar{
		display: block;
		position: fixed;
		width: 100%;
		z-index: 99999;
		background: #C09B33;
		top:0;
		box-shadow: 0px 2px 2px rgba(0,0,0,.75);
	}
	.menu-contact span .correo{
		display: inline-block;
		width: 25px;
		height: 20px;
		background: url(../images/sprite.png);
		background-position: -83px 0;
		margin-top: 5px;
		vertical-align: top;
	}
	.menu-contact span{
		display: block;
		padding: 5px 10px;
		font-family: arial;
		font-size: 14px;
		color: #383838;
	}
	.menu-contact span .telefono{
		display: inline-block;
		width: 20px;
		height: 20px;
		background: url(../images/sprite.png);
		background-position: -105px 0;
		margin-top: 5px;
		vertical-align: top;
	}
	.menu-contact span .whatsapp{
		display: inline-block;
		width: 30px;
		height: 25px;
		background: url(../images/sprite.png);
		background-position: -125px 0;
		margin-top: 0px;
		vertical-align: top;
	}
	.toggle-bar span{color:#FFF;float: right;margin-right: 5px;cursor: pointer;margin-top: 5px;}

	.dark-content{
		display: block;
		position: fixed;
		height: 100vh;
		background: rgba(0,0,0,0.8);
		width: 100%;
		right: -100%;
		top:0px;
		z-index: 99999;
		-webkit-transition: ease all .4s;
		-o-transition: ease all .4s;
		transition: ease all .4s;
	}
	.dark-content.fixed{right: 0}

	.areas > div:first-child figure figcaption{font-size: 12px;min-height: 30px;line-height: 20px;}

	.f-redes {
	    display: none !important;
	}
	.redes-fm{
		display: block;
		position: absolute;
		height: 30px;
		width: 100%;
		background: #ccc;
		position: fixed;
		bottom: 0;
		box-shadow:0 -2px 2px rgba(0,0,0,.6);
		z-index: 9;
	}
	#footer{margin-bottom: 30px;}
	.redes-fm>div{
		display: block;
		float: left;
		width: 33.33333%;
		height: 30px;
		text-align: center;
		-webkit-transition: ease all .2s;
		-o-transition: ease all .2s;
		transition: ease all .2s;
	}
	.redes-fm>div i{
		display: block;
		color: #fff;
		font-size: 20px;
		margin: 0px auto;
		line-height: 30px;
	}
	.redes-fm>div:nth-child(1){background: #2AA9E0}
	.redes-fm>div:nth-child(1):hover i{color: #2AA9E0}
	.redes-fm>div:nth-child(2){background: #204385;}
	.redes-fm>div:nth-child(2):hover i {color:#204385;}
	.redes-fm>div:nth-child(3){background: #FF1920;}
	.redes-fm>div:nth-child(3):hover i {color:#FF1920;}
	.redes-fm>div:hover {background: #fff}
	.map,.info-cont{width: 100%;}
	
	#go-top{bottom: 120px !important;right: 10px}
	.vision .content,.mision .content {
		width: 90%;
		float: none;
		margin: 0 auto;
	}
	.title-slider span p {font-size: 20px}
	.mision figure,.vision figure{
		float: none;
		width: 90%;
		max-width: 490px;
		margin:0 auto;
	}
	.b-gold figure {
	   float: none;
	   width: 90%;
	   max-width: 480px;
	   margin: 10px auto;
	}
	.b-gold > div {
	   float: none;
	   width: 90%;
	   margin: 0 auto;
	}
	.valores > div figure {	width: 45%;	}
	.valores > div ul {	width: 53%;	}
	.valores > div ul {
	    padding: 20px 20px 10px 60px;
	}
	.valores > div figure {
	    margin:20px 0 0 5px;
	}
}
@media (max-width: 767px) and (min-width: 480px){
.submit > div {display: block;width: 100%;text-align: center;margin: 10px auto !important;}
}

@media (max-width: 664px) {#mapa header span, #mapa header i{line-height: 20px;}}
@media (max-width: 639px) {
	.slider .bxslider li{
		background-size: 100% 100%;
	}
		#mapa iframe {height:330px !important;}
		.submit > div {display: block;width: 100%;text-align: center;margin: 10px auto !important;}
		.foot-contact span {
		    margin: 5px 2% 5px;
		    line-height: 25px;
		    height: 25px;
		}
 
		.foot-contact span .whatsapp{margin-top: 0}
		.foot-contact span .correo,.foot-contact span .telefono {margin-top: 2px}
		
		.col-md-3{
			width: 50%;
		}
		.somos article {
		    display: block;
		    float: none;
		    width: 100%;
		    padding: 0 20px;
		}
		.b-gold{margin-top: 20px;}
}
@media (max-width: 552px) {
	.col-md-3{
		width: 100%;
		float: none;
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
	.bg-bread {
	    background: url(../images/bg-bread.png) no-repeat ;
	    background-size: 60% 100%;
	}
	.menu .menus .panaderia div{
		width: 60%;
	}
	.wid50{width: 55% !important;}
	.title-slider span p {font-size: 16px}
}
@media (max-width: 479px) {

	.bx-wrapper .bx-next, .bx-wrapper .bx-next:hover {
	    right: -10px;
	    height: 40px !important;
	    width: 30px !important;
	    background: url(../images/controls.png) no-repeat -10px 0px;
	    margin-top: -20px !important;
	    background-size: 100% 100%;
	}
	.bx-wrapper .bx-prev, .bx-wrapper .bx-prev:hover {
	    left: -10px;
	    height: 40px !important;
	    width: 30px !important;
	    background: url(../images/controls.png) no-repeat 10px 0px;
	    margin-top: -20px !important;
	    background-size: 100% 100%;
	}
	#footer .container span span{ display: none;}
	#form-contact .row {width: 100%;margin-right: 0%;margin-top: 5px;	}
	.submit > div {display: block;width: 100%;text-align: center;margin: 10px auto !important;}
	.submit > div:first-child span{	display: block;text-align: center;width: 100%;}
	.f-contact > div{
		width: 100% !important;
		float: none;
		display: block;
		text-align: center !important;
		margin: 2px auto;
	}
	.circles article {
	    width: 90%;
	    float: none;
	    margin:40px auto 0; 
	}
	.circles article:first-child {margin-top: 0px}
	.vision .content, .mision .content {
	    width: 100%;
	}
	#footer {font-size: 9px;}
	#form-contact .col {width: 100%;margin-right: 0%;margin-top: 5px;	}
	.valores > div figure,.valores > div ul {
	    width: 90%;
	    float: none;
	    margin:10px auto;
	}
	.mision .content p ,
	.vision .content p,
	.b-gold > div p,
	.somos .p-nos {text-align: left;}
}
@media (max-width: 420px) {
	.title-slider span p {font-size: 15px;width: 180px;}
}
@media (max-width: 359px) {
	#footer span{display: block;margin-top: 2px;}
	.valores header p{font-size: 18px}
}
@media (max-width: 580px){
	#footer .container{text-align:center}
	#footer div#powered{float:none; text-align:center; padding-top:5px}
}