﻿@media (min-width: 1200px) {

	/* Structure > 1200px */
	#wrapper 		{/*width: 1170px;*/margin: 0 auto;}
	#header 		{/*width: 1130px;*/float:left;padding: 20px 20px 20px 20px;} 
	#mainmenu		{width: 100%;float:left;}
	#main 			{/*width: 1130px;*/float:left;padding: 20px 20px 20px 20px;}
	#content 		{/*width: 670px;*/float:left;}
	#sidebar 		{/*width: 420px;*/float:right;}
	#footer			{/*width: 1130px;*/float:left;padding: 30px 20px 10px 20px;}
	#mainmenu		{display:block;}
td {border-right:1px solid #ccc;}
td:nth-of-type(8) {
	border-right:none;
	}
table {border:1px solid #ccc;}
table.grid_scuole{ margin-left: auto; margin-right: auto}
}

@media (min-width: 768px) and (max-width: 980px) {
select {width:100%; }
	/* Structure 768 to 1000 */
	#wrapper 		{width: 748px;margin: 0 auto;}
	#header 		{width: 708px;float:left;padding: 20px 20px 20px 20px;} 
	#mainmenu		{width: 100%;float:left;}
	#main 			{width: 708px;float:left;padding: 20px 20px 20px 20px;}
	#content 		{width: 470px;float:left;}
	#sidebar 		{width: 210px;float:right;}
	#footer			{width: 708px;float:left;padding: 30px 20px 10px 20px;}
	#mainmenu		{display:block;}
	
 
}

@media (max-width: 767px) {
select {width:100%; }
	/* Structure  < 767 */
	body{padding:10px;background:#fff;}
	#wrapper 		{width:100%;margin: 0 auto;}
	#header 		{width:100%;padding: 20px 0 20px 0px;} 
	#mainmenu		{width:100%;float:left;}
	#main 			{width:100%;float:left;padding: 20px 0 0 0;}
	#content 		{width:100%;float:left;}
	#sidebar 		{width:100%;float:right;padding: 20px 0 0 0px;}
	#footer			{width:100%;float:left;padding: 20px 0 0 0px;}
	
	/* Header */
 	.search{display:none;}
	.btn-responsive-menu{display:block;}
	#mainmenu			{display:none;}
	#mainmenu ul li 	{float: none;}	
	
	/* Sidebar */
	.widget{width:48%;float:left;}
	.widget:first-child{margin-right:4%;!important}
	
	#site-title a {font-size:25px;margin-left:10px;}
	#footer p     {margin-left:10px;}
	
.colonna{display:block; width:auto;}
.btn {display:block; width:98%;}	
}
@media (max-width: 480px) {
	
}
/*by sara*/
@media only screen and (max-width: 760px) 
 {
	select {width:100%; }
	table.grid_orario {width:100%;  border-collapse: collapse; }


	/* Force table to not be like tables anymore */
	table.grid_orario, thead, tbody, th, td, tr { 
		display: block; width:auto;
	}
	/*nascondo th*/
	table.grid_orario tbody tr th { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}


	table.grid_orario tr { border: 1px solid #ccc; }
	
	table.grid_orario tr td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 30%; font-size:0.9em; /*width:70%;*/
		}
	
	table.grid_orario tr td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 25%; 
		padding-right: 10px; 
		white-space: nowrap;
		}
	
	/*
	Label the data
	*/
	table.grid_orario tr td:nth-of-type(1):before { content: "Att. Did."; }
	table.grid_orario tr td:nth-of-type(2):before { content: "LUN"; }
	table.grid_orario tr td:nth-of-type(3):before { content: "MAR"; }
	table.grid_orario tr td:nth-of-type(4):before { content: "MER"; }
	table.grid_orario tr td:nth-of-type(5):before { content: "GIO"; }
	table.grid_orario tr td:nth-of-type(6):before { content: "VEN"; }
	table.grid_orario tr td:nth-of-type(7):before { content: "Docente"; }
	table.grid_orario tr td:nth-of-type(8):before { content: "Note"; }
	/*td:nth-of-type(9):before { content: "GPA"; }
	table.grid_orario tr td:nth-of-type(10):before { content: "Arbitrary Data"; }*/
 	table.grid_orario tr td:nth-of-type(7) {
	border-top: 1px solid #000;border-bottom: 1px solid #000;
	}

	/* Force table to not be like tables anymore */
	table.grid_scuole { 
		text-align:center; width:auto;
	}

}

	

