body{
	background-color: rgba(240,240,240,1.00) !important;
}
.separador{
	font-family: 'Bebas Neue', cursive;
}
.menu ul li a:hover{
	color: turquoise;
}
iframe{
	width: 100% !important;
}
@media only screen and (max-width: 480px) {
	.header{
		width: 100%; margin: auto;
		font-family: 'Bebas Neue', cursive;
		background-color: white !important;
	}
	.ajuste_head{
		padding: 0 0 0 0 ;
	}
	.mascara{
	display: none;
}
	.menu_ico{
		width: 50px; height: 50px;
		float: right;
		background: url(https://img.pngio.com/bar-menu-menu-bar-ui-icon-menu-bar-png-512_512.png) center;
		background-size: 100% auto;
		display: block;
	}
	.reticula{
		width: 90%;
		margin: auto;
	}
	.col30{
		width: 97%;
		margin: 1.5%;
		float: none;
	}
	.col40{
		width: 97%;
		float: left;
		margin: 1.5%;
	}
	.col50{
		width: 97%;
		float: left;
		margin: 1.5%;
	}
	.col60{
		width: 97%;
		float: left;
		margin: 1.5%;
	}
	.col70{
		width: 97%;
		float: left;
		margin: 1.5%;
	}
	.col70cuerpo{
		width: 97%;
		float: left;
		margin: 1.5%;
	}
	.sidebar{
		width: 97%;
		float: left;
		margin: 1.5%;
	}
	.menu{
		width: 100%;
		margin: auto;
		background-color: lightslategray;
	}
	.menu ul li{
		list-style-type: none;
		padding: 1% 0.50% 0.25% 0.50%;
		display: block;
	}
	/*NOTAS*/
	.boxdest{
		width: 100%; min-height: 520px;
		padding: 5%;
		background-color: darkred;	
	}
	.thumbdest{
		width: 100%;
		height: 300px;
		background-size: auto 110% ;
	}
	.box-nota-ppal{
		width: 100%; min-height: 520px;
		background-size: auto 110% !important;
		margin: auto;
		padding: 320px 0 0 0;
	}
	.box-nota-sec{
		width: 100%; min-height: 250px;
		background-size: 100% !important;
		margin: auto;
		padding: 90px 0 0 0;
	}
	.rotulo-title{
		width: 100%;
		padding: 3%;
		background-color: rgba(0,0,0,0.69);
	}
	.box-nota{
		width: 100%; min-height: 320px;
		margin: auto;
	}
	.box-lista{
		width: 100%; min-height: 100px;
		padding: 0 0 0 35%;
		background-size: 35% auto !important;
		margin-bottom: 1%;;
	}
	.cuerpo-lista{
		float: right;
		margin: 1%;
	}
	.thumb-medium{
		width: 100%; min-height: 200px;
		background-size: auto 110% !important;
	}
	.footer{
		width: 100%;
		margin: auto;
		background-color: darkcyan;
		border-top: solid thick rgba(0,255,251,1.00);
	}
}
@media only screen and (min-width: 481px) {
	.header{
		width: 100%; margin: auto;
		font-family: 'Bebas Neue', cursive;
		background-color: white !important;
	}
	.ajuste_head{
		padding: 0 0 0 0;
	}
	.mascara{
	display: none;
}
	.menu_ico{
		width: 50px; height: 50px;
		float: right;
		background: url(https://img.pngio.com/bar-menu-menu-bar-ui-icon-menu-bar-png-512_512.png) center;
		background-size: 100% auto;
		display: block;
	}
	.reticula{
		width: 90%;
		margin: auto;
	}
	.col30{
		width: 97%;
		margin: 1.5%;
		float: none;
	}
	.col40{
		width: 97%;
		float: left;
		margin: 1.5%;
	}
	.col50{
		width: 97%;
		float: left;
		margin: 1.5%;
	}
	.col60{
		width: 97%;
		float: left;
		margin: 1.5%;
	}
	.col70{
		width: 97%;
		float: left;
		margin: 1.5%;
	}
	.col70cuerpo{
		width: 97%;
		float: left;
		margin: 1.5%;
	}
	.sidebar{
		width: 97%;
		float: left;
		margin: 1.5%;
	}
	.menu{
		width: 100%;
		margin: auto;
		background-color: lightslategray;
	}
	.menu ul li{
		list-style-type: none;
		padding: 1% 0.50% 0.25% 0.50%;
		display: block;
	}
	/*NOTAS*/
	.boxdest{
		width: 100%; min-height: 520px;
		padding: 5%;
		background-color: darkred;	
	}
	.thumbdest{
		width: 100%;
		height: 300px;
		background-size: auto 110% ;
	}
	.box-nota-ppal{
		width: 100%; min-height: 520px;
		background-size: auto 110% !important;
		margin: auto;
		padding: 320px 0 0 0;
	}
	.box-nota-sec{
		width: 100%; min-height: 250px;
		background-size: 100% !important;
		margin: auto;
		padding: 90px 0 0 0;
	}
	.rotulo-title{
		width: 100%;
		padding: 3%;
		background-color: rgba(0,0,0,0.69);
	}
	.box-nota{
		width: 100%; min-height: 320px;
		margin: auto;
	}
	.box-lista{
		width: 100%; min-height: 100px;
		padding: 0 0 0 35%;
		background-size: 35% auto !important;
		margin-bottom: 1%;;
	}
	.cuerpo-lista{
		float: right;
		margin: 1%;
	}
	.thumb-medium{
		width: 100%; min-height: 200px;
		background-size: auto 110% !important;
	}
	.footer{
		width: 100%;
		text-align: center;
		margin: auto;
		background-color: darkcyan;
		border-top: solid thick rgba(0,255,251,1.00);
	}
}
@media only screen and (min-width: 920px) {
	.header{
		width: 100%; margin: auto;
		font-family: 'Bebas Neue', cursive;
		background-color: white !important;
	}
	.ajuste_head{
		padding: 15% 0 0 0;
	}
	.mascara{
	display: block;
}
	.menu_ico{
		width: 50px; height: 50px;
		float: right;
		background: url(https://img.pngio.com/bar-menu-menu-bar-ui-icon-menu-bar-png-512_512.png) center;
		background-size: 100% auto;
		display: none;
	}
	.reticula{
		width: 920px;
		margin: auto;
	}
	.col30{
		width: 286.5px;
		margin: 10px;
		float: left;
	}
	.col40{
		width: 330px;
		float: left;
		margin: 10px !important;
	}
	.col50{
		width: 48%;
		float: left;
		margin: 1%;
	}
	.col60{
		width: 550px;
		float: left;
		margin: 10px !important;
	}
	.col70{
		width: 68%;
		float: left;
		margin: 1%;
	}
	.col70cuerpo{
		width: 590px;
		float: left;
		margin: 10px;
	}
	.sidebar{
		width: 28%;
		float: left;
		margin: 1%;
	}
	.menu{
		width: 100%;
		margin: auto;
		background-color: lightslategray;
	}
	.menu ul li{
		list-style-type: none;
		padding: 1% 0.50% 0.25% 0.50%;
		display: inline-block;
	}
	.menu ul li h4{
		border-right: solid thin rgba(255,255,255,1.00);
	}
	/*NOTAS*/
	.boxdest{
		width: 100%; min-height: 480px;
		padding: 5%;
		background-color: darkred !important;	
	}
	.thumbdest{
		width: 100%;
		height: 300px;
		background-size: auto 110%;
	}
	.box-nota-ppal{
		width: 100%; min-height: 480px;
		background-size: auto 110% !important;
		margin: auto;
		padding: 350px 0 0 0;
	}
	.box-nota-sec{
		width: 100%; min-height: 245px;
		background-size:150% !important;
		margin: auto;
		padding: 80px 0 0 0;
	}
	.rotulo-title{
		width: 100%;
		padding: 3%;
		background-color: rgba(0,0,0,0.69);
	}
	.box-nota{
		width: 100%; min-height: 320px;
		margin: auto;
	}
	.box-lista{
		width: 100%; min-height: 100px;
		padding: 0 0 0 35%;
		background-size: 35% auto !important;
		margin-bottom: 1%;;
	}
	.cuerpo-lista{
		float: right;
		margin: 1%;
	}
	.thumb-medium{
		width: 100%; min-height: 200px;
		background-size: auto 110% !important;
	}
	.footer{
		width: 100%;
		margin: auto;
		background-color: darkcyan;
		border-top: solid thick rgba(0,255,251,1.00);
		text-align: left;
	}
}