@charset "UTF-8";
/*
	GRID de 16 Cols. 1140px / 960px
	Based on the 12 -column 1140px Grid by Andy Taylor – http://cssgrid.net – http://www.twitter.com/andytlr – http://www.catchingzebra.com
	y en el framework Bootstrap para controlar visibilidad en dispositivos http://twitter.github.com/bootstrap/index.html
*/

@-ms-viewport {
	width: device-width;
}

.hidden {
	display: none;
	visibility: hidden;
}

.visible-phone {
	display: none !important;
}

.visible-tablet {
	display: none !important;
}

.hidden-desktop {
	display: none !important;
}

.visible-desktop {
	display: inherit !important;
}

/* ---------------------------------------------------------------------------------------
	Desktop Resoluciones medias entra 768px y 979px
--------------------------------------------------------------------------------------- */

@media handheld, only screen and (min-width: 800px) and (max-width: 979px) {

	.visible-tablet {
	  	display: inherit !important;
	}
	.visible-desktop {
	  	display: none !important;
	}
	.hidden-tablet {
	  	display: none !important;
	}
	.hidden-desktop {
	  	display: inherit !important;
	}

}

/* ---------------------------------------------------------------------------------------
	Tabletas portrait (768x860)
--------------------------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 800px) {

	body,
	.row,
	.container {
		max-width: auto;
		width: auto;
		*width: auto;
	    margin-left: 0;
	    margin-right: 0;
	}

	[class*="-col"],
	.row [class*="-col"] {
	    float: none;
	    display: block;
	    width: 100%;
	    *width: 100%;
	    margin-left: 0;
	    margin-right: 0 !important;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}

	.row .four-col-m{width: 32.0%;display: block;float:left;margin-right: 2% !important}
	.row .last-m{margin-right: 0 !important}

	.visible-tablet {
	  	display: inherit !important;
	}

	.hidden-tablet {
	  	display: none !important;
	}

	.visible-phone {
		display: inherit !important;
	}

	.hidden-phone {
	  	display: none !important;
	}

}

/* ---------------------------------------------------------------------------------------
	Pequeñas tabletas (600x860)
--------------------------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 650px) {


	.row .four-col-m{width:100%;margin-right:0}

}