/* Para desktop */
#fazer_facil_barramenusup {width: 100%;}
#fazer_facil_breadcumbbar {width: 100%;}
#fazer_facil_propagandasuperior {width: 70%;}
#fazer_facil_rss {width: auto;}
#master_box {width: 100%;}
#fazer_facil_menuesquerdo {width: 18%;}
#fazer_facil_assunto {width: 66%;}
#fazer_facil_texto {width: auto;}
#fazer_facil_propaganda_dir_sup {width: 16%;}
#fazer_facil_propaganda_dir_med {width: 16%;}
#fazer_facil_propaganda_dir_inf {width: 16%;}



.video_container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video_container iframe, .video_container object, .video_container embed, video_container video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}



.dimensao_imagem {
	/*width: 100%;
	height: 100%;*/

	max-width:100%;
	height:auto;
}


@media only screen and (max-width: 752px) {
/* retira propaganda superior de 728x90 pixels */
	.ocultar_prop_728_90 {display: none;}
}


@media only screen and (max-width: 780px) {
/* se a tela for menor que 780px não exibe o menu esquerdo fazendo aparecer ícone de menu na barra de menus */
	#fazer_facil_menuesquerdo {display: none;}
	#fazer_facil_assunto {width: 100%;}
	.ocultar_menor_1032px {display: none;}
}


@media only screen and (min-width: 780px) {
/* se a tela for maior que 780px não exibe o ícone do menu esquerdo na barra de menus */
	.ocultar_icone_menu_esquerdo {display: none;}
}


@media only screen and (min-width: 1033px) {
/* se á tela for maior que 1032px não exibe o anúncio no fim do conteúdo*/
	#fazer_facil_prop_336_280_fim_assunto {display: none;}
}


@media only screen and (max-width: 1032px)  and (min-width: 781px) {
/* Oculta anúncios 160x600 se width for menor que 1033*/
	.ocultar_menor_1032px {display: none;}
	#fazer_facil_assunto {width: 82%;}
}


@media only screen and (max-width: 368px) {
/* Oculta anúncios 336 x 280 se a tela for menor que 368 e exibe outros*/
	#fazer_facil_prop_336_280_assunto {display: none;}
	#fazer_facil_prop_336_280_fim_assunto {display: none;}
	#fazer_facil_texto {width: auto;}
	#fazer_facil_barramenusup li a{padding: 8px 20px 8px 20px;}
}


@media only screen and (min-width: 368px) {
/* Oculta as propagandas 300 x 250 do incio e fim do assunto*/
	#fazer_facil_prop_300_250_assunto {display: none;}
	#fazer_facil_prop_300_250_fim_assunto {display: none;}
}



@media only screen and (max-width: 830px) {
/* Oculta o menu loja*/
.ocultar_830px {display: none;}
}



@media only screen and (max-width: 780px) {
/* Oculta o menu Portal da Refrigeração*/
.ocultar_780px {display: none;}
}


@media only screen and (max-width: 582px) {
/* Oculta o menu Apostilas Concursos*/
.ocultar_582px {display: none;}
}


/*Formata o formulário modal*/
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
	left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


/* Modal Content */
.modal-content {
    position: relative;
    background-color: #e6f2ff;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
}


/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 18px;
    font-weight: bold;
}


.close:hover,


.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 18px 18px 18px 18px;
    background-color: #6699ff;
    color: white;
}


.modal-body {padding: 0;}




.modal-footer {
    padding: 18px 18px;
    background-color: #6699ff;
    color: white;
}