body,html{
	background-color: #CCB;
	}

#pop-up-barra{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 10px;
	z-index: 50;
}

.content-center{
	position: relative;
	left: 50%;
	width: 800px;
	margin-left: -400px;
	max-width: 90vw !important;
	}

#dv-cabecalho{ position: fixed; width: 100%; height: 80px; background-color: #700; z-index: 3; -moz-box-shadow: 0px 1px 6px rgba(0,0,0,0.4); 	-webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0.4); 	box-shadow: 0px 1px 6px rgba(0,0,0,0.4); border-bottom: solid 1px #FFF;  }
.cabecalho-icon{ position: absolute; left: 0px; top: 0px; display: block; height: 80px; width: 80px; background-color: #FFF; cursor: pointer; }
.cabecalho-icon:hover{ background-color: #DDD; }
.cabecalho-icon > svg{ position: absolute; left: 50%; top: 50%; width: 24px; height: 24px; margin-left: -12px; margin-top: -12px; }
.cabecalho-conteudo{ position: absolute; left: 80px; top: 0px; right: 0px; bottom: 0px; display: block; }		
.cabecalho-conteudo > a#logo{ position: absolute; left: 50%; top: 0px; width: 120px; margin-left: -100px; z-index: 60 }
.cabecalho-conteudo > a#logo > img{ width: 100%; }
.cabecalho-conteudo > div{ position: absolute; right: 15px; top: 28px; }
.cabecalho-conteudo > div > a{ color: #FFF; text-decoration: none; margin-right: 7px; }
.cabecalho-conteudo > div > a > svg{ width: 22px; height: 22px; }
.anuncio-responsivo{ display: table; width: 100%; margin-bottom: 20px; position: relative; }
.anuncio-responsivo > div{ position: relative; display: table; width: 970px; height: auto; left: 50%; margin-left: -475px; text-align: center; }	
#dv-principal{ display: block; position: relative; width: 96%; max-width: 96vw !important; top: 110px; left: 2%; background-color: #FFF; -moz-border-radius: 5px; 	-webkit-border-radius: 5px; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); 	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); 	box-shadow: 0px 0px 5px rgba(0,0,0,0.3); }

#dv-palco{ display: table; width: 100%; padding: 20px;}
#dv-palco-esq{ display: block; float:left; background-color: #EEE; margin-left: 10px; }
#dv-palco-centro{ display: block; }
#dv-palco-dir{ display: block; float:right; background-color: #EEE; margin-right: 10px; }

div.anuncio{ margin-bottom: 10px; }
div.anuncio > img{ max-width: 100%; max-height: 100%; }

.sidebar-logo{ display: block; width: 100%; text-align: center; padding: 10px; background-color: #FFF; }
.sidebar-logo > img{ width: 100px; }

.sidebar-menu{ display: block; width: 100%; background-color: #F3F3F3; padding: 10px 0px 10px 0px; }
.sidebar-menu > ul > li > a{ display: block; padding: 5px 10px; text-decoration: none; font-size: 13px; color: #700; }	
.sidebar-menu > ul > li > a:hover{ background-color: #E6E6E6; }	

.sidebar-posts{ display: block; width: 100%; background-color: #FFF; padding: 10px 0px 10px 0px; }
.sidebar-posts > ul > li{ display: table; width: 100%;}
.sidebar-posts > ul > li > a{ display: table; width: 100%; padding: 5px 10px; text-decoration: none; font-size: 13px; color: #700; }	
.sidebar-posts > ul > li > a:hover{ background-color: #E6E6E6; }	
.sidebar-posts > ul > li > a > div{ width: 50px; float: left; margin-right: 5px;}
.sidebar-posts > ul > li > a > p{ font-size: 11px; }

.sidebar-categorias{ display: table; width: 100%; }
.sidebar-categorias > ul{ padding: 5px;}
.sidebar-categorias > ul > li{ display: table; float: left; }
.sidebar-categorias > ul > li > a{ display: block; padding: 4px; margin: 1px; background-color: #500; text-decoration: none; font-size: 12px; color: #FFF; }
.sidebar-categorias > ul > li > a:hover{ background-color: #400; }	

.breadcrumb{ display: block; margin: 0px 0px 20px 0px; padding: 10px; background-color: #F6F6F6; border: solid 1px #DDD; }
.breadcrumb > ol{ display: table; width: 100%; }
.breadcrumb > ol > li{ display: block; float: left; margin-left: 5px; }	
.breadcrumb > ol > li > a{ font-size: 12px; }
.breadcrumb > ol > li > span{ font-size: 11px; color: #666; }

footer#rodape{ width: 100%; background-color: #700; margin-bottom: 20px; }
footer#rodape > div{ padding: 20px; }
footer#rodape > div > p{ text-align: center; color: #FFF; font-size: 11px; line-height: 100%; margin: 0px; }
footer#rodape > div > p > img{ width: 80px; margin-bottom: 10px; }	

@media (max-width: 1600px) { 
	}
@media (max-width: 1200px) {
	#dv-palco-dir{ display: none; }
	#dv-palco-centro{ margin-right: 0px; }
	}
@media (max-width: 1024px) {
	.anuncio-responsivo > div{ width: 728px; margin-left: -364px; }
	}
@media (max-width: 900px) {
	.anuncio-responsivo > div{ width: 100%; margin-left: 0px; left: 0px; }

	#dv-palco-esq{ display: none; }
	#dv-palco-centro{ margin-left: 0px;}

	.content-center{
		left: 0;
		width: 100%;
		margin-left: 0px;
		}


	}
@media (max-width: 720px) {
	.cabecalho-conteudo > a.logo{
		position: absolute;
		left: 10px;
		top: 12px;
		width: 140px;
		margin-left: 0px;
		}
	}
@media (max-width: 480px) {

	#dv-cabecalho{ height: 60px; }	
	.cabecalho-icon{ height: 60px; width: 60px;}
	.cabecalho-icon:hover{ background-color: #DDD; }
	.cabecalho-icon > i{ left: 16px; top: 16px; }
	.cabecalho-conteudo{ left: 60px;}		
	.cabecalho-conteudo > a#logo{ top: 4px; width: 60px; left: 12px; margin: 0px; }
	.cabecalho-conteudo > div{ right: 5px; top: 18px; }
	.cabecalho-conteudo > div > a{ font-size: 13px; }
	#dv-principal{ top: 65px; }
	#dv-palco{ padding: 10px;}

	.sidebar-logo > img{ width: 70px; }

	.sidebar-categorias > ul > li > a{ display: block; padding: 4px; margin: 1px; background-color: #500; text-decoration: none; font-size: 10px; color: #FFF; }
	.sidebar-categorias > ul > li > a:hover{ background-color: #E6E6E6; }	

	.breadcrumb{ margin: 0px 0px 10px 0px; padding: 3px; }
	.breadcrumb > ol > li > a{ font-size: 10px; }

	footer#rodape > div > p > img{ width: 50px;  }	
	}

@media (max-width: 320px) {
	
	}