@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:		6;

	dw-num-cols-tablet:		8;

	dw-num-cols-desktop:	10;

	dw-gutter-percentage:	5;

	

	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. */



.gridContainer {

	margin-left: auto;

	margin-right: auto;

	width: 92.2619%;

	padding-left: 0.369%;

	padding-right: 0.369%;

	width:660px\9;

}

#LayoutDiv1 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	margin-left:70px\9;

}

#btns1 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#btns2 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}





#space {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#lema {

	clear: none;

	float: left;

	margin-left: 34.4%;

	width: 32.8%;

	display: block;

	margin-bottom:5px;

	margin-top:5px;

	

}

#direcciones {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	

}

#googlemap {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	

}

#redessociales {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	margin-bottom:19px;

	

}

#mensaje {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	

}

#navegacion {

}

.zeroMargin_mobile {

margin-left: 0;

}

.hide_mobile {

display: none;

}





/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */



@media only screen and (min-width: 481px) {

.gridContainer {

	width: 92.4464%;

	padding-left: 0.2767%;

	padding-right: 0.2767%;

}

#LayoutDiv1 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 74.8502%;

	display: block;

}

#btns1 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#btns2 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}





#space {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#lema {

	clear: none;

	float: left;

	margin-left: 0.5988%;

	width: 24.5508%;

	display: block;

	padding-top:65px; padding-bottom:55px;

}

#direcciones {

	clear: both;

	float: left;

	margin-left: 0;

	width: 37.1257%;

	display: block;

}

#googlemap {

	clear: none;

	float: left;

	margin-left: 0.5988%;

	width: 62.2754%;

	display: block;

}

#redessociales {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#mensaje {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#navegacion {

}

.hide_tablet {

display: none;

}

.zeroMargin_tablet {

margin-left: 0;

}



}



/* 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: 89.5714%;

	max-width: 932px;

	padding-left: 0.2142%;

	padding-right: 0.2142%;

	margin: auto;

}

#LayoutDiv1 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 69.8564%;

	display: block;

}

#btns1 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 49.98%;

	display: block;

	

}

#btns2 {

	clear: none;

	float: left;

	margin:0px;

	width: 50%;

	display: block;

	

}





#space {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#lema {

	clear: none;

	float: left;

	margin-left: 0.4784%;

	width: 29.665%;

	display: block;

	padding-top:65px; 

	padding-bottom:55px;

	

	

	

}

#direcciones {

	clear: both;

	float: left;

	margin-left: 0;

	width: 19.6172%;

	display: block;

	

	

	

}

#googlemap {

	clear: none;

	float: left;

	margin-left: 10.5263%;

	width: 69.8564%;

	display: block;

	

	

	

}

#redessociales {

	clear: none;

	float: left;



	width: 50%;

	display: block;

	

	

	

}

#mensaje {

	clear: both;

	float: left;

	margin-left: 0;

	width: 50%;

	display: block;

	

	

	

}

#navegacion {

}

.zeroMargin_desktop {

margin-left: 0;

}

.hide_desktop {

display: none;

}



}