@charset "utf-8";
/* CSS Document */
body{
	margin: 0;
	padding: 0;	
	font-family:font-1;
}
p{
	font-family: font-2;
	margin: 0;
	padding: 0;
}
h1{
	margin: 0;
	padding: 0;
}
h2{
	margin: 0;
	padding: 0;
}
h3{
	display: none;
}
.section{
	width: 100%;
	height: 100vh;
	position: relative;
}
.hidden{
	display: none;
}
.logo-white{
	width: 100%;
	height: 100%;
	fill:#ffffff;
}
.logo-gray{	
	fill:#e5e5e5;	
}
.logo-brown{	
	fill:#5f3a20;
}
.logo-darkgray{	
	fill:#6e6e6e;
}
.shadow-01{
	background: url("../images/bg-shadow-01.png") repeat-x bottom;
	width: 100%;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.shadow-02{
	background: url("../images/bg-shadow-02.png") repeat-x top;
	width: 100%;
	height: 60px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.rounded{
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari y Chrome */
	-khtml-border-radius: 10px; /* Konkeror, ... */
	border-radius: 10px; /* Opera 10.50, IE y CSS3 */
}
.shadow{
	-webkit-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.50);
	-moz-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.50);
	box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.50);
}
.clear{
    clear: both;
}
@media handheld, only screen and (max-width: 1000px) {
	.section{

	}
	.hidden{
	}
	.logo-white{

	}
	.logo-gray{	
	}
	.logo-brown{
		width: 100%;
		height: 100%;
	}
	.logo-darkgray{	
	}
	.shadow-01{
	}
	.shadow-02{
	}
	.rounded{
		-moz-border-radius: 0px; /* Firefox */
		-webkit-border-radius: 0px; /* Safari y Chrome */
		-khtml-border-radius: 0px; /* Konkeror, ... */
		border-radius: 0px; /* Opera 10.50, IE y CSS3 */
	}
}
#home{
	
}

#home .home-greca{
	width: 45%;
	height: 100%;
	background: url("../images/home-greca.svg") no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
#home .home-logo{
	width: 30%;
	height: 30%;
	position: absolute;
	left: 10%;	
	margin: auto;
    cursor: pointer;
}
#home .home-logo-ags{	
	top: 1%;	
}
#home .home-logo-laterraza{	
	top: 0;	
	bottom: 0;	
}
#home .home-logo-naturalisimo{		
	bottom: 1%;	
}
@media handheld, only screen and (max-width: 1000px) {
	#home{
	
	}
	#home .home-greca{
		width: 100%;
		height: 15%;
		background: url("../images/bg-black-75.png");
		border-bottom: 10px solid #f59800;	 	
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 100;
	}
	#home .home-logo{
		width: 30%;
		height: 90%;
		position: absolute;
		top: 0;
		bottom: 0;		
		left: auto;	
		margin: auto;
	}
	#home .home-logo-ags{	
		top: auto;
		left: 1%;
	}
	#home .home-logo-laterraza{			
		left: 0;
		right: 0;
	}
	#home .home-logo-naturalisimo{		
		right: 1%;
	}
}
#home #slides{
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 0;
}

#home .slide{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: -1;
	overflow: hidden;
	color: #ffffff;
}
#home #slides .slide-title{		
	font-size: 5vw;
	text-shadow: 3px 3px 10px #000000;
	width: 40%;
	padding: 3%;
	position: absolute;	
	top:0;
	right: 5%;
	margin: 0;
	text-align: center;
}
#home .slide-text-right{
	width: 40%;
	height: auto;
	padding: 3%;
	position: absolute;	
	bottom:5%;
	right: 5%;	
	font-size: 2vw;
	text-align: center;
}
#home .slide-bg-black-50{
	background: url(../images/bg-black-50.png);
}
#home .slide-bg-orange-50{
	background: url(../images/bg-orange-50.png);
}

#home .slide h1{	
	margin: 0;
	padding: 0;
}
#home .slide h2{
	margin: 0;
	padding: 0;
}
#home .slide-01{
	background: url(../images/slide-01.jpg) no-repeat center center; 
	background-size: cover;
}
#home .slide-02{
	background: url(../images/slide-02.jpg) no-repeat center center; 
	background-size: cover;
}
#home .slide-03{
	background: url(../images/slide-03.jpg) no-repeat center center; 
	background-size: cover;
}
@media handheld, only screen and (max-width: 1000px) {
	#home #slides{
	}

	#home .slide{
	}
	#home #slides .slide-title{		
		font-size: 12vw;		
		text-shadow: 3px 3px 10px #000000;
		width: 90%;
		padding: 3%;
		position: absolute;	
		top:auto;		
		bottom: 20%;
		right: 0;
		left: 0;
		margin: auto;
	}
	#home .slide-text-right{
		width: 100%;
		height: auto;
		padding: 3%;
		position: absolute;	
		bottom:0;
		right: 0;	
		left: 0;
		font-size: 4vw;
		
	}
	#home .slide-bg-black-50{		
	}
	#home .slide h1{	
	}
	#home .slide h2{

	}
	#home .slide-01{
		background: url(../images/m-slide-01.jpg) no-repeat center center; 
		background-size: cover;
	}
	#home .slide-02{
		background: url(../images/m-slide-02.jpg) no-repeat center center; 
		background-size: cover;
	}
	#home .slide-03{
		background: url(../images/m-slide-03.jpg) no-repeat center center; 
		background-size: cover;
	}
}
#intro{	
}
#intro .intro-aguascalientes-gray{
	width: 50%;
	height: 100%;	
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}
#intro .intro-info{
	width: 60%;
	height: 50%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	font-family: font-2;
	color: #133058;
	text-align: center;
}
#intro h1{
	width: 100%;
	height: auto;	
	font-size: 3vw;	
	margin: auto;
}
#intro p{
	width: 100%;
	height: auto;
	font-size: 2vw;
	margin: auto;
}

#intro .intro-greca{
	background: url(../images/intro-greca-01.svg) no-repeat center center;
	background-size: contain;
	width: 100%;
	height: 10%;
	margin: 2% auto;
}
#intro .intro-img{
	background: url(../images/m-intro-img-01.png) no-repeat right bottom;
	background-size: contain;
	width: 30%;
	height: 50%;
	position: absolute;
	bottom: 0;
	right: 0;
}
@media handheld, only screen and (max-width: 1000px) {
	#intro{	
	}
	#intro .intro-aguascalientes-gray{
		width: 100%;
	}
	#intro .intro-info{
		width: 90%;
		height: 90%;
	}
	#intro h1{
		font-size: 7vw;	
	}
	#intro p{
		font-size: 6vw;
		margin: auto;
	}

	#intro .intro-greca{
	}
	#intro .intro-img{
		width: 75%;
		height: 50%;
	}
}
#ags{
	background: url(../images/ags-bg-01.jpg) no-repeat right bottom fixed;
	background-size: cover;	
}
#ags .ags-greca-01{
	width: 70%;
	height: 100%;
	background: url(../images/ags-greca-01.svg) no-repeat right ;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 4;
}
#ags .ags-greca-02{	 	
	width: 75%;
	height: 100%;
	background: url(../images/ags-greca-02.svg) no-repeat right ;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
}#ags .ags-greca-03{		
	width: 65%;
	height: 100%;
	background: url(../images/ags-greca-03.svg) no-repeat right ;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}
#ags .ags-greca-04{
	display: none;
	width: 100%;
	height: 100%;
	background: url(../images/ags-greca-04.svg) no-repeat right ;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
} 
#ags .ags-logo{
	width: 30%;
	height: 50%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
}
#ags .ags-info{
	width: 30%;
	height: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 4;

}
#ags .ags-img-01{
	background: url(../images/ags-img-01.png) no-repeat center;
	background-size: contain;
	width: 25%;
	height: 45%;
	position: absolute;
	top: 5%;
	right: 10%;
	z-index: 4;
}
#ags .ags-img-02{
	background: url(../images/ags-img-02.png) no-repeat center;
	background-size: contain;
	width: 25%;
	height: 45%;
	position: absolute;
	bottom: 5%;
	right: 25%;
	z-index: 4;
}
#ags p{
	font-size: 1.5vw;
	color: #ffffff;
	margin: 5%;
}
#ags h1{
	font-size: 10vw;
	position: absolute;
	bottom: 1%;
	right: 1%;
	color: #ffffff;
	z-index: 5;
}
@media handheld, only screen and (max-width: 1000px) {
	#ags{		
		background: url(../images/m-ags-bg-01.jpg) no-repeat center fixed;
		background-size: cover;
		height: auto;
	}
	#ags .ags-greca-01{
		display: none;
	}
	#ags .ags-greca-02{	
		background: url(../images/ags-greca-02.svg) no-repeat left ;
		background-size: cover;
		width: 100%;
	}#ags .ags-greca-03{
		display: none;
	}
	#ags .ags-greca-04{
		display: none;
	} 
	#ags .ags-logo{
		width: 90%;
		height: 45vh;
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		margin: auto;		
		z-index: 4;
	}
	#ags .ags-info{
		width: 90%;
		height: auto;
		position: relative;
		bottom: auto;
		left: auto;
		margin: 5% auto;
		z-index: 4;

	}
	#ags .ags-img-01{
		display: none;
		background: url(../images/m-ags-img-01.png) no-repeat center;
		background-size: contain;
		width: 75%;
		height: 50%;
		position: relative;
		top: auto;
		right: auto;
		margin: auto;
		z-index: 4;
	}
	#ags .ags-img-02{
		display: none;
		background: url(../images/m-ags-img-02.png) no-repeat center;
		background-size: contain;
		width: 75%;
		height: 50%;
		position: relative;
		bottom: auto;
		right: auto;
		margin: auto;
		z-index: 4;		
	}
	#ags p{
		font-size: 6vw;
		margin: 5%;
		text-align: center;
	}
	#ags h1{
		font-size: 20vw;
		position: relative;
		bottom: auto;
		right: auto;
		margin:10% auto;
		text-align: center;
	}
}
#ags01{
	background: url(../images/ags-bg-02.svg) no-repeat top right;
	background-size: cover;
}
#ags01 .ags01-logo{
	width: 40%;
	height: 50%;
	position: absolute;
	top: 0;
	right: 0;	
}
#ags01 p{
	width: 40%;
	height: auto;
	font-size: 1.5vw;
	color: #6e6e6e;
	margin: auto;
	position: absolute;
	bottom: 10%;
	right: 0;
	text-align: center;
}
#ags01 h1{
	font-size: 10vw;
	position: absolute;
	top: 1%;
	left: 1%;
	color: #6e6e6e;
	z-index: 5;
}
#ags01 .ags01-img{
	width: 50%;
	height: 50%;
	background: url("../images/ags-img-03.png") no-repeat left bottom;
	background-size: contain;
	position: absolute;
	bottom: 0;
	left: 0;
}
@media handheld, only screen and (max-width: 1000px) {
	#ags01{
		height: auto;
		background: url(../images/m-ags-bg-02.svg) no-repeat top right;
		background-size: cover;
		text-align: center;
	}
	#ags01 .ags01-logo{
		width: 90%;
		height: 45vh;
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		margin: auto;
		z-index: 4;
	}
	#ags01 p{
		width: 90%;
		font-size: 6vw;			
		position: relative;
		bottom:auto;
		right: auto;
		margin:5% auto;		
	}
	#ags01 h1{
		font-size: 20vw;
		position: relative;
		top: auto;
		left: auto;
		margin: 10% auto;
	}
	#ags01 .ags01-img{
		width: 90%;
		height: 50%;
		background: url("../images/m-ags-img-03.png") no-repeat left bottom;
		background-size: contain;
		position: relative;
		bottom: 0;
		left: 0;
		margin: 0;
	}
}
#terraza{
	background: #dcbe94;
}
#terraza .terraza-bg{
	width: 100%;
	height: 100%;
	background: url(../images/terraza-bg-01.svg) no-repeat top center fixed;
	background-size: cover;	
	position: absolute;
	z-index: 0;
}
#terraza .terraza-logo{	
	width: 50%;
	height: 50%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}
#terraza p{
	width: 30%;
	height: auto;
	font-size: 1.5vw;
	color: #442a00;
	position: absolute;
	bottom: 10%;
	left: 5%;
}
#terraza .terraza-bg-img{
	background: url(../images/terraza-bg-02.svg) no-repeat bottom right;
	background-size: contain;
	width: 60%;
	height: 75%;
	position: absolute;
	bottom: 0;
	right: 0;
}
#terraza .terraza-img{
	background: url(../images/terraza-img-01.png) no-repeat bottom right;
	background-size: contain;
	width: 75%;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
}
@media handheld, only screen and (max-width: 1000px) {
	#terraza{
		background: #ffecd2;
		height: auto;
	}
	#terraza .logo-white{
		fill:#5f3a20;
	}
	#terraza .terraza-bg{
		background: url(../images/terraza-bg-01.svg) no-repeat top center fixed;
		background-size: cover;	

	}
	#terraza .terraza-logo{	
		width: 90%;
		height: 30vh;
		position: relative;
		top: auto;
		left: auto;
		margin: auto;
	}
	#terraza p{
		width: 90%;
		height: auto;
		font-size: 6vw;
		position: relative;
		bottom: auto;
		left: auto;
		margin: 5% auto;
		text-align: center;
	}
	#terraza .terraza-bg-img{
		background: none;
		width: 100%;
		height: 40vh;
		position: relative;
		bottom: 0;
		right: 0;
	}
	#terraza .terraza-img{
		background: url(../images/m-terraza-img-01.png) no-repeat bottom right;
		background-size: contain;
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 2;
	}
}
#terraza01{
	background: #374130;
}
#terraza01 .terraza01-marktop{
	background: url("../images/terraza-mark-h.svg") repeat-x top left;
	width: 100%;
	height: 180px;
	position: absolute;
	top: 0;
	left: 0;
}
#terraza01 .terraza01-markbottom{
	background: url("../images/terraza-mark-h.svg") repeat-x bottom left;
	width: 100%;
	height: 180px;
	position: absolute;
	bottom: 0;
	left: 0;
}
#terraza01 .terraza01-markleft{
	background: url("../images/terraza-mark-v.svg") repeat-y left;
	width: 180px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#terraza01 .terraza01-markright{
	background: url("../images/terraza-mark-v.svg") repeat-y right;
	width: 180px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
#terraza01 .terraza01-logo{
	width: 50%;
	height: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}
#terraza01 .terraza01-img-big{
	background: url("../images/terraza-img-05.png") no-repeat bottom center;
	background-size: contain;
	width: 100%;
	height: 40%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#terraza01 .terraza01-img-left{
	background: url("../images/terraza-img-02.png") no-repeat center;
	background-size: contain;
	width: 30%;
	height: 30%;
	position: absolute;
	top: 2%;
	left: 0;
}
#terraza01 .terraza01-img-center{
	background: url("../images/terraza-img-03.png") no-repeat center;
	background-size: contain;
	width: 30%;
	height: 30%;
	position: absolute;
	top: 2%;
	left: 0;
	right: 0;
	margin: auto;
}
#terraza01 .terraza01-img-right{
	background: url("../images/terraza-img-04.png") no-repeat center;
	background-size: contain;
	width: 30%;
	height: 30%;
	position: absolute;
	top: 2%;
	right: 0;
}
@media handheld, only screen and (max-width: 1000px) {
	#terraza01{
		height: auto;
	}
	#terraza01 .terraza01-marktop{
		height: 50px;
	}
	#terraza01 .terraza01-markbottom{
		height: 50px;
	}
	#terraza01 .terraza01-markleft{
		width: 50px;
	}
	#terraza01 .terraza01-markright{
		width: 50px;
	}
	#terraza01 .terraza01-logo{
		width: 90%;
		height: 30vh;
		position: relative;
		top: auto;
		bottom: auto;
		right: auto;
		left: auto;
		margin: auto;
	}
	#terraza01 .terraza01-img-big{
		background: url("../images/m-terraza-img-05.png") no-repeat bottom center;
		background-size: contain;
		width: 100%;
		height: 30vh;
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
		margin: auto;
	}
	#terraza01 .terraza01-img-left{
		display: none;
	}
	#terraza01 .terraza01-img-center{
		display: none;
	}
	#terraza01 .terraza01-img-right{
		background: url("../images/m-terraza-img-02.png") no-repeat center;
		background-size: contain;
		width: 70%;
		height: 30vh;
		position: relative;
		top: auto;
		right: auto;
		margin: auto;
	}
}
#naturalisimo{
	background: url(../images/naturalisimo-bg-01.png) repeat-x;
	background-size: cover;
}
#naturalisimo .naturalisimo-logo{
	width: 30%;
	height: 20%;
	position: absolute;
	top: 1%;
	left: 0;
}
#naturalisimo p{
	width: 30%;
	height: 10%;
	font-size: 1.5vw;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 30%;
	margin: auto;
}
#naturalisimo .naturalisimo-img-01{
	width: 50%;
	height: 50%;
	background: url(../images/naturalisimo-img-01.png) no-repeat left bottom;
	background-size: contain;
	position: absolute;
	bottom: 0;
	left: 0;	
}
#naturalisimo .naturalisimo-img-02{
	width: 50%;
	height: 100%;
	background: url(../images/naturalisimo-img-02.png) no-repeat right bottom;
	background-size: contain;
	position: absolute;
	bottom: 0;
	right: 0;
}
@media handheld, only screen and (max-width: 1000px) {
	#naturalisimo{
		height: auto;
	}
	#naturalisimo .naturalisimo-logo{
		width: 90%;
		height: 30vh;
		position: relative;
		top: auto;
		left: auto;
		margin: auto;
	}
	#naturalisimo p{
		width: 50%;
		height: auto;
		font-size: 6vw;
		position: relative;
		top: auto;
		bottom: auto;
		right: auto;
		left: 0;
		text-align: left;
		margin: 10% 5% 0 5%;
	}
	#naturalisimo .naturalisimo-img-01{
		width: 90%;
		height: 40vh;
		background: url(../images/m-naturalisimo-img-01.png) no-repeat left center;
		background-size: contain;
		position: relative;
		bottom: auto;
		left: 0;
	}
	#naturalisimo .naturalisimo-img-02{
		width: 50%;
		background: url(../images/m-naturalisimo-img-02.png) no-repeat right bottom;
	}
	
}
#naturalisimo01{
	background: url("../images/naturalisimo-img-03.jpg") no-repeat left center fixed;
	background-size: cover;
}
#naturalisimo01 .naturalisimo01-logo{
	width: 40%;
	height: 20%;
	position: absolute;
	top: 5%;
	right: 15%;
}
#naturalisimo01 p{
	width: 30%;
	height: 20%;
	font-size: 1.5vw;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20%;
	margin: auto;
	text-align: center;
	z-index: 3;
}
#naturalisimo01 .naturalisimo01-img-01{
	background: url(../images/naturalisimo-img-04.png) no-repeat right bottom;
	background-size: contain;
	width: 50%;
	height: 75%;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;	
}
@media handheld, only screen and (max-width: 1000px) {
	#naturalisimo01{
		background: url("../images/m-naturalisimo-img-03.jpg") no-repeat left bottom fixed;
		background-size: cover;
		height: auto;
	}
	#naturalisimo01 .naturalisimo01-logo{
		width: 90%;
		height: 30vh;
		position: relative;
		top: auto;
		right: auto;
		margin: auto;
	}
	#naturalisimo01 .logo-white{
		fill:#133058;
	}
	#naturalisimo01 p{
		width: 90%;
		height: auto;
		font-size: 6vw;
		position: relative;
		top: auto;
		bottom: auto;
		right: auto;
		margin: auto;
		color: #133058;
	}
	#naturalisimo01 .naturalisimo01-img-01{
		background: url(../images/m-naturalisimo-img-04.png) no-repeat right bottom;
		background-size: contain;
		width: 100%;
		height: 45vh;
		position: relative;
		bottom: auto;
		right: 0;
		margin: 0;
		z-index: 1;	
	}
	
}
#contactus{
	
}
#contactus h1{
	font-size: 10vw;
	color: #5f3a20;
	position: absolute;
	top: 0;
	right: 5%;
}
#contactus h2{
	font-size: 2vw;
	color: #ffffff;
	text-align: center;
}
#contactus .contactus-map{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
#contactus iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
#contactus .contactus-form{
	background: url("../images/bg-form-01.png") repeat-x top;
	background-size: contain;
	width: 20%;
	height: 60%;
	position:absolute;
	top: 5%;
	left: 5%;	
}
#contactus .contactus-input{
	width: 90%;
	height: auto;
	margin: 5% auto;		
}
#contactus label{
	display: block;
	font-family: font-2;
	font-size: 1.5vw;
	color: #ffffff;
	margin: 0;
	padding: 0;
}
#contactus input, textarea{
	width: 100%;
	font-family: font-1;
	font-size: 1vw;
	color:#133058;
	padding: 2%;
	margin: auto;
	border: none;
}
#contactus input:focus, textarea:focus{	

}
#contactus #contactus-send{
	width: 50%;
	margin:auto 25%;
	cursor: pointer;
}
#contactus .contactus-footer{
	background: url("../images/bg-white-75.png");
	width: 100%;
	height: 25%;
	border-top: 10px solid #f59800;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#contactus .contactus-phones{
	width: 70%;
	height: 90%;
	position: absolute;
	top: 0;
	left: 0;
}
#contactus .contactus-address{
	width: 30%;
	height: 90%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	
}
#contactus .contactus-footer-item{
	width: 30%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
}
#contactus .contactus-logo{
	width: 90%;
	height: 80%;
	margin: auto;
	position: relative;

}
#contactus .contactus-item-left{
	left: 1.5%;
}
#contactus .contactus-item-center{
	left: 0;
	right: 0;
	margin: auto;
}
#contactus .contactus-item-right{
	right: 1.5%;
}
#contactus .contactus-logo-ags{
	background: url("../images/aguascalientes.svg") no-repeat center center;
	background-size: contain;
}
#contactus .contactus-logo-laterraza{
	background: url("../images/laterraza.svg") no-repeat center center;
	background-size: contain;
}
#contactus .contactus-logo-naturalisimo{
	background: url("../images/naturalisimo.svg") no-repeat center center;
	background-size: contain;
}
#contactus p{
	font-size: 1.5vw;
	color: #5f3a20;
}
#contactus a{
	font-size: 1.5vw;
	color: #5f3a20;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
#contactus .contactus-social{
	color:#3b5998;
}
#contactus img{
	height: 1vw;
	margin-right: 2%;
}
@media handheld, only screen and (max-width: 1000px) {
	#contactus{
		height: auto;
	}
	#contactus h1{
		width: 100%;
		background: url("../images/bg-white-75.png");
		font-size: 14vw;
		top: 5%;
		left: 0;
		margin: auto;
		text-align: center;
	}
	#contactus h2{
		font-size: 14vw;
	}
	#contactus h3{
		display: block;
		font-size: 14vw;
		color: #5f3a20;
		text-align: center;
	}
	#contactus .contactus-map{
		width: 100%;
		height: 100vh;
		position: relative;
		top: auto;
		left: auto;
		margin: auto;
	}
	#contactus iframe{
		position: relative;
		top: auto;
		left: auto;
		margin: auto;
	}
	#contactus .contactus-form{
		width: 100%;
		height: auto;
		position:relative;
		top: auto;
		left: auto;	
		margin:auto;
	}
	#contactus .contactus-input{
		margin: 0 auto;
		padding: 5% 0;
	}
	#contactus label{
		font-size: 6vw;
	}
	#contactus input, textarea{
		font-size: 5vw;
	}
	#contactus input:focus, textarea:focus{	

	}
	#contactus #contactus-send{
	}
	#contactus .contactus-footer{
		width: 100%;
		height: auto;
		border-top: 10px solid #f59800;
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
		margin: auto;
		padding: 10% 0;
	}
	#contactus .contactus-phones{
		width: 90%;
		height: auto;
		position: relative;
		top: auto;
		left: auto;
		margin: auto;
	}
	#contactus .contactus-address{
		width: 90%;
		height: auto;
		position: relative;
		top: auto;
		bottom: auto;
		right: auto;
		margin: auto;
	}
	#contactus .contactus-footer-item{
		width: 90%;
		height: 20vh;
		position: relative;
		top: auto;
		bottom: auto;
		margin: 20% auto;
		text-align: center;
		
	}
	#contactus .contactus-logo{
	}	
	#contactus .contactus-item-left{
		height: 50vh;
		left: auto;
	}
	#contactus .contactus-item-center{
		left: auto;
		right: auto;
	}
	#contactus .contactus-item-right{
		right: auto;
	}
	#contactus .contactus-logo-ags{
	}
	#contactus .contactus-logo-laterraza{
	}
	#contactus .contactus-logo-naturalisimo{
	}
	#contactus p{
		font-size: 6vw;
		color: #5f3a20;
		margin: 5% 0;
	}
	#contactus a{
		font-size: 5vw;
		color: #133058;
		text-decoration: none;		
		padding: 5% 0;
		
	}
	#contactus .contactus-footer-item a{
		font-size: 8vw;
	}
	#contactus br{
		margin: 5% auto;
	}
	#contactus .contactus-social{
	}
	#contactus img{
		height: 3vw;
	}
}