@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;
}

.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
  	display: table;
  	content: "";
  	line-height: 0;
}
.clearfix:after {
  	clear: both;
}

.hidden {
	display: none;
	visibility: hidden;
}

.visible-phone {
	display: none !important;
}

.visible-tablet {
	display: none !important;
}

.hidden-desktop {
	display: none;
}

.visible-desktop {
	display: inherit !important;
}

/* ---------------------------------------------------------------------------------------
	Desktop Resoluciones medias entra 800px 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: none;
		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;
	}
	
	.visible-phone {
		display: inherit !important;
	}
	.visible-tablet {
	  	display: none !important;
	}
	.hidden-phone {
	  	display: none !important;
	}
	.hidden-tablet {
	  	display: inherit !important;
	}
	
}

/* ---------------------------------------------------------------------------------------
	Pequeñas tabletas (600x860)
--------------------------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 600px) {

}