/* CSS Document */
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/

body {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: url("/images/fondo.png") repeat;
	overflow: auto;
}

/* STRUCTURE */

#pagewrap {
	padding: 5px;
	width: 1160px;
	margin: 20px auto;
	font-style: italic;
}
header {
	height: 100px;
	padding: 0 15px;
}
#content {
	width: 290px;
	float: left;
	padding: 5px 15px;
	
}

#middle {
	width: 294px; /* Account for margins + border values */
	float: left;
	padding: 5px 15px;
	margin: 0px 5px 5px 5px;

}

#sidebar {
	width: 270px;
	padding: 5px 15px;
	float: left;
}
footer {
	clear: both;
	padding: 0 15px;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: 94%;
	}
	#content {
		width: 41%;
		padding: 1% 4%;
	}
	#middle {
		width: 41%;
		padding: 1% 4%;
		margin: 0px 0px 5px 5px;
		float: right;
	}
	
	#sidebar {
		clear: both;
		padding: 1% 4%;
		width: auto;
		float: none;
	}

	header, footer {
		padding: 1% 4%;
	}
}

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

	#content {
		width: auto;
		float: none;
	}
	
	#middle {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	
	#sidebar {
		width: auto;
		float: none;
	}

}

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

	header {
		height: auto;
	}
	h1 {
		font-size: 2em;
	}
	#sidebar {
		display: none;
	}

}


#content {
	background: #f8f8f8;
}
#sidebar {
	background: #f0efef;
}
header, #content, #middle, #sidebar {
	margin-bottom: 5px;
}

#pagewrap, header, #content, #middle, #sidebar, footer {
	border: 0px solid #ccc;
	background-image: url(/images/fondo.png);
	position: static;
}
a{
	color: #197C21;
	text-decoration: none;
	
}
a hover{
}

.button{display:inline-block;background:#6E9133;text-transform:uppercase;margin: 23px 0 0 0px;padding:7px 21px 8px;letter-spacing:-1px;text-align:center;font-size: 13px; line-height: 23px; color: #fff;border-radius:2px;font-weight:600;}
.button:hover{ background:#3c3c3c;color:#fff;}

/* Contact form */
#contact-form {padding:0px 0 0 0;}
#contact-form .success {width:246px; margin-bottom:20px; padding:10px; position:absolute;}
#contact-form textarea, #contact-form input {margin:0;font-size:12px; border-radius:2px;border:1px solid #c4c4c4; color:#787878; padding:9px 15px 8px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;}
#contact-form input {width:238px;float:left;}
#contact-form textarea {overflow:auto; width:240px; height:130px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:block; min-height:50px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-left:8px;}	
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px;line-height:14px;padding-top:6px;width:140px;float:left;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both; padding-top:23px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;margin: 4px 0 26px;display:block;}
#map_canvas {
    width:470px;
	height:396px;
}
.adress{}
.adress span{ display:inline-block; width:69px;}
.adress dt{ margin-bottom:18px;}
.demo{color:#6E9133;}
.demo:hover{ text-decoration:underline;}