/*
	Normal margin: 10px;
	Dark Purple: #2E064C;
	Pink: #B256A1;
	Yellow: #FFFF00;
	Black: #1A1A1A;
	Red: #E14438
	Green: #86C029;
	Dark Grey: #4D4D4D
	Logo Grey :#353535
	Brown: #554842
*/

/************************************************************************************
Fonts
*************************************************************************************/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 9, 2012 04:12:16 PM America/New_York */




@font-face {
    font-family: 'AmbleLight';
    src: url('../fonts/Amble-Light-webfont.eot');
    src: url('../fonts/Amble-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Amble-Light-webfont.woff') format('woff'),
         url('../fonts/Amble-Light-webfont.ttf') format('truetype'),
         url('../fonts/Amble-Light-webfont.svg#AmbleLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AmbleLightItalic';
    src: url('../fonts/Amble-LightItalic-webfont.eot');
    src: url('../fonts/Amble-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Amble-LightItalic-webfont.woff') format('woff'),
         url('../fonts/Amble-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/Amble-LightItalic-webfont.svg#AmbleLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AmbleRegular';
    src: url('../fonts/Amble-Regular-webfont.eot');
    src: url('../fonts/Amble-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Amble-Regular-webfont.woff') format('woff'),
         url('../fonts/Amble-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Amble-Regular-webfont.svg#AmbleRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AmbleItalic';
    src: url('../fonts/Amble-Italic-webfont.eot');
    src: url('../fonts/Amble-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Amble-Italic-webfont.woff') format('woff'),
         url('../fonts/Amble-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Amble-Italic-webfont.svg#AmbleItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QlassikBoldRegular';
    src: url('../fonts/QlassikBold_TB-webfont.eot');
    src: url('../fonts/QlassikBold_TB-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/QlassikBold_TB-webfont.woff') format('woff'),
         url('../fonts/QlassikBold_TB-webfont.ttf') format('truetype'),
         url('../fonts/QlassikBold_TB-webfont.svg#QlassikBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/************************************************************************************
STRUCTURE
*************************************************************************************/
.pagewrap {
	padding: 0 5px 0 5px;
	width: 960px;
	margin: 0px auto;
}
#header_out{
	width:100%;
}
#header {
	margin-top: 65px;
}
#jardines_header{
	margin-top: 35px;
}

#content{
	margin-top: 20px;
}

#footer_out{
	overflow: hidden;
		background: #86C029;
		color:#FFF;
		margin-top: 20px;
}

#footer{
	padding-top: 10px;

}


.clear_fix{
	clear:both;
}


/************************************************************************************
Design
*************************************************************************************/

body{
	background-color:#FFF;
	background:url(../images/bg.jpg);
	font-size: 16px;
	font-family: 'AmbleLight', sans-serif;
	color:#4D4D4D;
	padding:0px;
	margin:0px;
}

a{
	text-decoration: none;
	color:inherit;
}

a:hover{
	color:#85BE00;
}

p{
	font-size: 16px;
	line-height:1.25;
}

.less_top_p{
	margin:0 0 10px 0;
	padding:0;
}

h1, h2, h3, h4, h5, h6{
	margin: 10px 0 0 0;
	padding-bottom: 5px;
	font-weight: normal;
}

h1{
	 
}

.bold{
font-family: 'AmbleRegular';
}

/* Menu */

#logo{
	float:left;
	width:195px;
	height:76px;
	margin-right: 50px;
	border:0px;
}

#main_menu{
	font-size: 17px;
	float:right;
	list-style-type: none;
	margin:0;
	padding:55px 0 0 0;
}

#main_menu li{
	float:left;
	display:block;
	padding: 0 0 0 50px;
	
}

#main_menu a:hover{
	color:#86C029;;
}

#selected{
	color:#86C029;;
}



/*Home*/

#content{
	
}

#home_list{
	list-style-type: none;
	padding:0;
	margin: 0;
}

#home_list li{
	float:left;
}

#home_list h3{
	padding:10px 10px 0 10px;
	background: #fff;
	margin-top: 0;
}
#home_list p{
	padding:10px;
	background: #fff;
}


#home_list li img{
	width:312px;
	height:190px;
	border:0px;
}

#center_item{
	margin: 0 11px 0 11px;
}

.contact_info{
	float:left;
	font-size: 19px;
}

#social_list{
	list-style-type: none;
	margin: 15px 0 0 0;
	padding: 0;
	float:right;
}

#social_list li{
	float:left;
	margin-left: 15px;
}

#jardines-facebook{
	display:block;
	background: url(../images/jardines-huertos-facebook.png);
	height: 29px;
	width: 15px;
	margin-right: 5px;
	text-indent: -99999px;
}

#jardines-facebook:hover{
	background: url(../images/jardines-huertos-facebook.png)right;
}

#jardines-pinterest{
	display:block;
	background: url(../images/jardines-huertos-pinterest.png);
	height: 29px;
	width: 29px;
	text-indent: -99999px;
}

#jardines-pinterest:hover{
	background: url(../images/jardines-huertos-pinterest.png)right;
}

#jardines-twitter{
	display:block;
	background: url(../images/jardines-huertos-twitter.png);
	height: 29px;
	width: 35px;
	text-indent: -99999px;
}

#jardines-twitter:hover{
	background: url(../images/jardines-huertos-twitter.png)right;
}


.home_desc{
font-size: 14px;
margin:0;
padding:0;
width:292px;
margin-bottom: 20px;
}

.home_desc a{
	color:#85BE00;
	font-family: 'AmbleRegular';
}


/* Header */

#slider img{
	width:960px;
	height:250px;
}


#wrappper{
	height:200px;
}



/*Quienes*/

#title_quienes{
margin-top:10px;
width:140px;
height:141px;
}

.brown{
	color:#554842;
}

.green{
	color:#85BE00;
}

.p_width{
	width:750px;
	margin-top:10px;
}

.half_div{
	width:475px;
	float:left;
	margin: 0 20px 110px 0;
	clear:both;
}

#half_div_din{
	margin-bottom:200px;
}

.half_div h2{
	padding: 10px 0 10px 0;
	border-top: 1px #e1e1e1 solid;
	border-bottom: 1px #e1e1e1 solid;
}

.half_div img{
	text-align: center;
}

#temp_place{
	height:285px;
	width: 475px;
	border:0px;
}


/*Servicios*/

.serv_header{
	width:960px;
	height:164px;
}

.serv_title{
	margin-top: 0px;
	border-top: 1px #e1e1e1 solid;
	padding: 15px 0 15px 0;
	color:#86C029;
}

.serv_desc{
	border-bottom: 1px #e1e1e1 solid;
	padding: 0 0 15px 0;
}

.jardines_list{
	list-style-type: none;
	margin:40px 0 0 0;
	padding: 0 0 0 0; 
}

.jardines_list li{
	display:block;
	margin:0 0 60px 0;
}


.jardines_list a{
	font-family: 'AmbleRegular';
	padding:22px 0 22px 85px;
}

#serv_diseno{
	background: url(../images/diseno-y-creacion-de-jardines.png) no-repeat;
	
}

#serv_man{
	background: url(../images/mantenimiento-de-jardines.png) no-repeat;
}

#serv_podas{
	background: url(../images/podas.png) no-repeat;
}

#serv_insta{
	background: url(../images/instalacion-de-sistemas-de-riego.png) no-repeat;
}

#serv_fito{
	background: url(../images/control-fitosanitario.png) no-repeat;
}

#serv_cesped{
	background: url(../images/cesped.png) no-repeat;
}

#serv_desbroces{
	background: url(../images/desbroces-y-limpiezas.png) no-repeat;
}

#serv_renovaciones{
	background: url(../images/renovaciones-de-jardines.png) no-repeat;
}

#serv_man_huertos{
	background: url(../images/mantenimiento-huertos.png) no-repeat;
}

#serv_di_huertos{
	background: url(../images/diseno-creacion-huertos.png) no-repeat;
}


#serv_dina{
	background: url(../images/dinamizacion-huertos.png) no-repeat;
}

#serv_he{
	background: url(../images/huertos-escolares.png) no-repeat;
}

#serv_mayores{
	background: url(../images/huertos-mayores.png) no-repeat;
}


#serv_comu{
	background: url(../images/huertos-comunitarios.png) no-repeat;
}

#serv_empresas{
	background: url(../images/huertos-empresas.png) no-repeat;
}

#serv_familiares{
	background: url(../images/huertos-familiares.png) no-repeat;
}



.jardineria_serv{
float:left;
width:400px;
margin-left:120px;
}

.back_link{
font-family: 'AmbleRegular';
font-size: 16px;
padding-left: 20px;
background: url(../images/mas-servicios.png) no-repeat;
}

.serv_text{
	padding-top: -10px;
}


.sub_serv{
	padding-left: 80px;
}

.sub_serv a{
	padding-left: 70px;
	font-family: 'AmbleLight';
	font-size: 15px;
}

.sub_a{
	font-family: 'AmbleRegular';
}


/*Contacto*/

#contact_header
{
	width:238px;
	height:68px;
}

.contact_form{
	margin:30px 0 30px 0;
}

.form_p{
	text-align: right;
	margin: 0 0 20px 0;
}

.text_p{
	margin: 0 0 20px 0;
}

.contact_div{
	width:475px;
	float:left;
	margin: 0 20px 0 0;
	clear:both;
}

.contact_p{
	padding:20px 0 20px 0;
	margin: 0 160px 20px 168px;
	border-top: 1px #e1e1e1 solid;
	border-bottom: 1px #e1e1e1 solid;
	text-align: center;
}

.input_box, .valid, .invalid{
	background: #FFF;
	border: solid 1px #b8b8b8;
	color:#b8b8b8;
	height:30px;
	width:300px;
	outline: none;
	font-size: 15px;
}


.valid{
border: solid 1px #4ab606;
}

.invalid{
border: solid 1px #f05050;
}


.input_area{
	background: #FFF;
	color:#b8b8b8;
	border: solid 1px #b8b8b8;
	height:136px;
	width:300px;
	outline: none;
	font-size: 15px;
}

.form_title{
	margin: 15px 0 10px 0;
}

.submit{
	background: url(../images/enviar-formulario.png)no-repeat;
	padding-left:65px;
	height:70px;
	border:0;
	font-size:16px;
	cursor:pointer;
	color:#4D4D4D; 
	}
	
	.submit:hover{
	color:#86C029;
	}

.white_h{
	color:#FFF;
}

.center{
	text-align: center;
}

.center_no_space{
	text-align: center;
	margin:4px 0 0 0;
	padding:0;
}

#social_action{
	text-align: right;
}

#social_action img{
	width:151px;
	height: 101px;
}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 800px) {
.pagewrap{
	width:auto;
	padding: 0 20px 0 20px;
}
 
 
.slider-wrapper { 
	/*change the width*/
	width:95%;
	height:inherit;
} 

#slider img{
	width:95%;
	height:inherit;
}


#wrappper{
	height:auto;
}

#content{
	width:auto;
	float:none;
}

#header{
	text-align: center;
	width:auto;
	margin-top: 35px;
}

#main_menu{
	float:none;
	padding:0 0 0 0;
	list-style: none;
}


#main_menu li{
	padding: 0 20px 0 0;
	display:inline;
	float:none;
}

.first_item{
	padding-left: 0;
}

#logo_wrap{
	text-align: center;
}

#logo{
	width:195px;
	height:76px;
	float:none;
	margin-right: 0;
}

.contact_info{
	float:left;
}

#social_list{
	float:right;
	padding-bottom: 20px;
}

#social_list li{
	float:left;
	margin-left: 0;
	margin-right: 15px;
}
.half_div{
	width:auto;
	float:none;
	margin-bottom:20px;
}

#half_div_din{
	margin-bottom:20px;
}
	
#home_list li{
	margin: 0 0 0 20px;
}

.form_p{
	margin: 0 0 20px 0;
	text-align: center;
}

.text_p{
	margin: 0 0 20px 0;
	text-align: center;
}

.contact_div{
	width:auto;
	float:none;
	margin: 0 0 0 0;
	clear:both;
}

.contact_p{
	width:auto;
	margin:0 auto 20px auto;
}

#serv_header{
	width:100%;
}

.jardineria_serv{
width:100%;
margin: 0 100px 0 0;
}



}

/* for 700px or less */
@media screen and (max-width: 700px) {

	#wrapper{
	display: none;
}

.contact_info{
	float:none;
}

#social_list{
	float:left;
	padding-bottom: 20px;
}
	
#social_action{
	display:none;
}

	}

/* for 480px or less */
@media screen and (max-width: 480px) {

#header{
	text-align: left;
}

#main_menu li{
	display:block;
	padding: 10px 0 10px 0;
	border-bottom: solid 1px #e1e1e1;
}

#wrapper{
	display: none;
}

#home_list h3{
	width:292px;
}

#home_list li img{
	width:100%;
	border:0px;
}





#home_list li{
	float:left;
}


.half_div img{
	display:none;
}


}