/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
	ul.redes li img{ width:30px; float:right; }
	ul.redes li span{
		   margin-right: 15px;
		font-size: 1.5em !important;
		margin-top: 7px;
		display: block;
		float: left;
		display:none;
	}
	#logo {
		background-size: 75%;
		top: 25px;
		left: 5px;
		height: 61px;
		width: 260px;
	}
	.boxBtnMenu{
		margin-top: 28px;
    	text-align: right;
	}
	*{
		font-size: 13px !important ;
	}
	#corpo{ padding:5px;}
	.boxMenu span.name{ font-size:1em !important; font-weight:bold !important;}
	
	table {
		overflow-x: auto;
		overflow-y: hidden;
		display: block;
	}
	
	.boxMenu table {
		overflow-x:hidden !important;
		display: table !important;
	}
	
	#ctl00_ContentPlaceHolder1_pnlNotasParciais table{
		margin-bottom:30px !important;
		float:left !important;
		width:100% !important;
	}
	
	#ctl00_ContentPlaceHolder1_pnlBoletim table{
		margin-bottom:30px !important;
		float:left !important;
		width:100% !important;
	}
	
	#ctl00_ContentPlaceHolder1_pnlNotasParciais div:first-child{width: auto !important;}
	#ctl00_ContentPlaceHolder1_ddlTrimestre{    width: 52% !important;}
	span.btn_sair{font-size:0.9em !important; margin-right:0px !important; text-transform:capitalize; margin-top:7px !important;}
	#corpo h2{ font-size:1.5em !important;}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 375px) {
	
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	div.boxMenu a{ font-size:1.2em !important;}
	.boxMenu span.name{ font-size:1.2em !important; font-weight:bold !important;}
	#ctl00_ContentPlaceHolder1_pnlNotasParciais table:nth-child(2){
		display: table;
	}
	#ctl00_ContentPlaceHolder1_pnlNotasParciais table:nth-child(3){
		display: table;
	}
}


/* Extra Small Devices, Phones */
@media only screen and (min-width : 568px) {
	#ctl00_ContentPlaceHolder1_divContainer table {
		overflow-x: hidden;
		display: table !important;
	}
	
	#ctl00_ContentPlaceHolder1_GridView1 table {
		overflow-x: hidden;
		display: table !important;
	}
	
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	#ctl00_ContentPlaceHolder1_GridView1 table {
		overflow-x: hidden;
		display: table !important;
	}
	#ctl00_ContentPlaceHolder1_GridView1 tbody {
		overflow-x: hidden;
		display: table !important;
		width:100%;
	}
	ul.redes li span{

		display:block;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	#logo {
		background-size: 100%;
		top: 20px;
		left: 10px;
	}
	
	*{
		font-size: 13px !important ;
	}
	#corpo{ padding:20px;}
	ul.redes li img{ width:35px; }
	div.boxMenu a{ font-size:1.3em !important;}
	.boxMenu span.name{ font-size:1.4em !important; font-weight:bold !important;}
	#ctl00_ContentPlaceHolder1_pnlNotasParciais div:first-child{width: 400px !important;}
	#ctl00_ContentPlaceHolder1_ddlTrimestre{width: 71% !important;}
	
	#ctl00_ContentPlaceHolder1_pnlBoletim table{
		margin-bottom:30px !important;
		float:left !important;
		width:100% !important;
		display:table !important;
	}
	span.btn_sair{font-size:1em !important; margin-right:20px !important; text-transform:capitalize; margin-top:7px !important;}

	#corpo h2{ font-size:1.8em !important;}
	/* REGISTRO DE OCORRÊNCIA */
	table.registro_ocorrencia{
		float:left !important;
		width:100% !important;
		display:table !important;
	}
}

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

}

@media only screen and (min-width : 700px ) and (min-height : 1024px) {
	
}

@media only screen and (min-width : 900px ) and (min-height : 1400px) {
	
}

@media only screen and (min-width : 1024px) and (min-height : 700px) {
	
}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	ul.redes li img{ width:40px; }
}