@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		10;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */
body { background: url(../img/palacios-landscaping-landscape-restore-natural-beauty-planting-seeding-and-fertilizing-fondo.jpg); background-repeat: no-repeat; background-size: 100% auto; background-position: top center;}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.sm { display: block;}
.bg { display: none;}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#logo {
	clear: both;
	float: left;
	margin: 10% 30% 8%;
	width: 40%;
	display: block;
	text-align: center;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#slide {
	clear: both;
	float: left;
	margin-left: 10%;
	width: 80%;
	display: block; z-index:10000;
}
#slide img {border-radius: 30px; position:relative;}
#section {
	clear: both;
	float: left;
	margin-left: 0;
	width: 70%;
	padding: 18% 15%;
	display: block;
}
#section.sect1 { background: #684c38;padding-top: 22%; margin-top: -10%; z-index: 1;}
#section.sect2 { background-image:url(../img/palacios-landscaping-landscape-restore-natural-beauty-planting-seeding-and-fertilizing-img-02.jpg); background-size: cover; background-position:top center; background-repeat: no-repeat;}
#section.sect3 { background-image:url(../img/palacios-landscaping-landscape-restore-natural-beauty-planting-seeding-and-fertilizing-img-03.jpg); background-repeat: no-repeat; background-size: auto 100%; background-position: top center; text-align: center;}
#section.sect4 { clear: both;
	float: left; background-image: none; padding: 0; width: 100%;}
#section.sect4 #img { display: block; width:100%; margin:0;}
#section.sect5 { background-image:url(../img/palacios-landscaping-landscape-restore-natural-beauty-planting-seeding-and-fertilizing-fondo-04.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center;}
#section.sect7 { background: #5c8467;padding-top: 22%; margin-top: -10%; z-index: 1;}
#img {
	clear: both;
	float: left;
	margin-bottom:10%;
	width: 100%;
	display: block;
}
#sec-texto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#sec-texto2 {clear: none;
	float: left; display: block;}
#section.sect4 #sec-texto {
	width: 70%;
	margin: 15% 15% 0;
}
#section.sect5 #sec-texto {
	width: 100%;
	margin-top: 35%;
}
#section.sect6 #sec-texto { text-align: center; margin-bottom: 10%;}
#section.sect7 #sec-texto { text-align: center;}
#section.sect6 #slide { text-align: center; margin: 0; width: 100%;}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 70%;
	display: block;
	background: #014623;
	padding:18% 15%;
}
#foot1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#foot2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	margin-top:10%;
	display: block;
}
#form {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 5%;
	width: 100%;
	display: block;
}
#form #sec-texto { width:100%; padding: 0; margin:0; clear: both;
	float: left;}
#form #sec-texto2 { width:100%; margin: 5% 0 0;}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 100%;
}
.sm { display: none;}
.bg { display: block;}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 80%;
	padding: 3% 10%;
	display: block;
}
#logo {
	clear: both;
	float: left;
	margin: 0 35% 4%;
	width: 30%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#slide {
	clear: both;
	float: left;
	margin-left: 10%;
	width: 80%;
	display: block;
}
#section {
	clear: both;
	float: left;
	margin-left: 0;
	padding: 15% 10%;
	width: 80%;
	display: block;
}
#section.sect1 { padding-top: 15%; margin-top: -9%;}
#section.sect3 {padding: 8% 10%; background-size: 100% auto;}
#section.sect4 { background-image:none; width: 100%;
}
#section.sect5 { background-image:url(../img/palacios-landscaping-landscape-restore-natural-beauty-planting-seeding-and-fertilizing-fondo-03.jpg); background-repeat: no-repeat; background-size: cover; background-position: left center;}
#section.sect7 { padding-top: 15%; margin-top: -9%;}
#img {
	clear: both;
	float: left;
	margin: 0 0 8% 17.5%;
	width: 70%;
	display: block;
}
#section.sect4 #img { display: block; width:80%; margin-left: 20%;}
#sec-texto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#section.sect1 #sec-texto {
	width: 80%;
	margin-left: 10%;
	text-align: center;
}
#section.sect2 #sec-texto {
	width: 60%;
	margin: 0%;
}
#section.sect4 #sec-texto {
	width: 60%;
	margin: 10% 10% 0;
}
#section.sect5 #sec-texto {
	width: 60%;
	margin-left: 40%;
	margin-top: 0;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 80%;
	display: block;
	padding: 10%;
}
#foot1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#foot2 {
	clear: none;
	float: left;
	margin: 5% 6% 0 0;
	width: 44%;
	display: block;
}
#form {
	clear: both;
	float: left;
	margin-left: 10%;
	width: 80%;
	display: block;
}
#form #sec-texto2 { margin: 3.5% 0 0 0; width: 100%;}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 100%;
	max-width: 1920px;
	margin: auto;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	padding: 2% 8%;
	width: 84%;
	display: block;
}
#logo {
	clear: both;
	float: left;
	margin: 0;
	width: 12%;
	display: block;
}
#menu {
	clear: none;
	float: left;
	margin: 4% 0 0 5%;
	width: 83%;
	display: block;
}
#slide {
	clear: both;
	float: left;
	margin-left: 8%;
	width: 84%;
	display: block;
}
#section {
	clear: both;
	float: left;
	margin-left: 0;
	width: 84%;
	padding: 8%;
	display: block;
}
#section.sect2 { padding: 14% 8%;}
#section.sect3 { padding: 5% 8%;}
#section.sect4 { padding: 10% 8%; width: 84%; background-image:url(../img/palacios-landscaping-landscape-restore-natural-beauty-planting-seeding-and-fertilizing-img-section-services-02.jpg); clear: both;
	float: left; background-repeat: no-repeat; background-position: right center; background-size: 50% auto;}
#section.sect4 #img { display: none;}
#section.sect5 { background-image:url(../img/palacios-landscaping-landscape-restore-natural-beauty-planting-seeding-and-fertilizing-fondo-02.jpg); background-repeat: no-repeat; background-size: cover; background-position: left center;}
#section.sect6 { padding: 8% 8% 4%;}
#img {
	clear: both;
	float: left;
	margin: 0;
	width: 44%;
	display: block;
}
#section.sect1 #sec-texto {
	clear: none;
	float: left;
	width: 48%;
	margin: 6% 0 0 4%;
	display: block;
	text-align: left;
}
#section.sect2 #sec-texto {
	clear: none;
	float: left;
	width: 50%;
	margin-left: 0;
	display: block;
}
#section.sect4 #sec-texto {
	clear: none;
	float: left;
	width: 40%;
	margin: 0%;
	display: block;
	text-align: left;
}
#section.sect6 #sec-texto {
	clear: none;
	float: left;
	width: 100%;
	margin-bottom: 6%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 80%;
	display: block;
}
#foot1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
}
#foot2 {
	clear: none;
	float: left;
	margin:0 0 0 5%;
	width: 20%;
	display: block;
}
#section.sect6 #slide { text-align: center; margin: 0 10% 0; width: 80%;}
#form { clear: both; float: left; margin-left: 0; width: 100%; display: block;}
#form #sec-texto { width:47.5%;}
#form #sec-texto2 { width:47.5%; margin: 0 0 0 5%; margin-top:0;}
}