/************************************************************/
/* 															*/
/*	GRK CMS Responsive Framework 							*/
/*	Version 1.1 http://www.grkcms.com						*/
/*	Created for using with GRK CMS Templates 				*/
/*	Under Unlicense, http://unlicense.org/					*/
/* 															*/
/************************************************************/

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* HTML 5 --------------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog {display: block}
audio[controls],canvas,video {display: inline-block; *display: inline; zoom: 1}

.clear:before, .clear:after {
	content: "";
	display: table;
}
.clear:after {
	clear: both;
}
.clear {
	zoom: 1;
}
.section:before, .section:after {
	content: "";
	display: table;
}
.section:after {
	clear: both;
}
.section {
	zoom: 1;
	clear: both;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* HTML ----------------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */

html {
	height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* FORM ----------------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */

button, input, select, textarea {
	font-family: sans-serif;
}
form, fieldset, a img {
	border: 0;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* COMMON --------------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */

.left {
	float: left;
}
.right {
	float: right;
}
.block {
	display: block;
}
.inline-block {
	display: inline-block;
 	*zoom: 1;
 	*display: inline;
}
.inline {
	display: inline;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	left: -9999em;
}
.visuallyvisible {
	clip: auto;
	width: auto;
	height: auto;
	overflow: visible;
	left: 0;
}
.strong {
	font-weight: bold;
}
.alert {
	/*background-color: #ffffcc;
	display: block;
	padding: 4px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;*/
}
.nolist {
	list-style: none;
}
.nopadding {
	padding: 0;
}
.nomargin {
	margin: 0;
}
.none, .nodesktop {
	display: none;
}
.showmobile, .showtablet {
	display:none;
}
.showdesktop {
	display: block;
}

#loader_form {
	background-color: white;
	display: none;
	height: 100%;
	left: 0;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */
	filter: alpha(opacity=50);
	/* Netscape */
	-moz-opacity: 0.5;
	/* Safari 1.x */
	-khtml-opacity: 0.5;
	/* Good browsers */
	opacity: 0.5;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}
#loader_form img {
	left: 50%;
	position: fixed;
	top: 50%;
}
/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* BODY ----------------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */

body {
	margin: 0;
	margin: 0; min-height: 100%; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-y: scroll; 
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* RESPONSIVE GRID PAGINATION ------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */

/************************************************************/
/*	RESPONSIVE IMAGES 										*/
/************************************************************/

img {
	width:100%;
	height: auto;
}

/************************************************************/
/*	PAGINATION 												*/
/************************************************************/

.section {
	position: relative;
}
.row {
	/*margin-bottom: 1em;*/
}
.container {
	max-width: 1000px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}
.container-full {
	max-width: 1000px;
	margin: 0 auto;
}

/************************************************************/
/*	COLUMNS SYSTEM											*/
/************************************************************/

.column {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}
.column {
	margin-left:1%;
    padding:0 0.5%;
	float: left;
}
.column.right {
	float: right;
}
.row-fluid {
	width: 100%;
	*zoom:1
}
.row-fluid:before, .row-fluid:after {
	display: table;
	content: "";
	line-height: 0
}
.row-fluid:after {
	clear: both
}
.row, .column:first-child, .column.first-child {
	margin-left: 0;
}


/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* AUDIO ---------------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
    height: 0;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* MEDIA QUERY ---------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */


/* iPads (landscape) ----------- */
@media only screen and (max-width : 1024px) {
	body, img { 
		transition:all .2s linear; 
		-o-transition:all .2s linear; 
		-moz-transition:all .2s linear; 
		-webkit-transition:all .2s linear;
	}	
	.notablet {
		display: none;
	}
	.showtablet {
		display: block;
	}
	
	.container {
		max-width: 960px;
		padding-left: 10px;
		padding-right: 10px;
		margin: 0;
		
	}
	.nodesktop {
		display: block;
	}
}

/* Desktops variabile sulla base del contenitore principale */
@media only screen  and (max-width : 960px) {
	.container {}	
	
}

/* iPads (portrait) ----------- */
@media only screen and (max-width : 768px) {
	
	.showmobile {
		display:block;
	}
	
}


/* Smartphones (landscape) ----------- */
@media only screen and (max-width : 568px) {
	body {
		overflow-x: hidden;	
	}
	
	.nophone {
		display: none;
	}

}

@media only screen and (max-width : 480px){}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {}


/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* MEDIA PRINT ---------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */

@media print {
body {
	font-family: serif;
	/* Serif is easier to read offscreen */
	margin: 0.5cm;
}
}