@import 'https://fonts.googleapis.com/css?family=Biryani:200';
html{
top:0;
margin-top:0;
 background: #777; /* For browsers that do not support gradients */
  background: -webkit-radial-gradient(#fff, #ccc); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#fff, #ccc); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient( #fff, #ccc); /* For Firefox 3.6 to 15 */
  background: radial-gradient( #fff, #ccc); /* Standard syntax */
font-family:"Biryani",tahoma;

background-image:url(../img/bcg.png);

height:100%;
width:100%;
}
#left{
width:80%;
height:auto;
margin-right:auto;
margin-left:0px;
display:inline-block;
}
#right{
width:20%;
height:auto;
margin-right:0px;
margin-left:auto;
margin-top:0px;
display:inline-block;
}
#noticias{
width:100%;
padding:5px;
font-size:80%;
}
hr{
margin:3px;
}
.menu{
width:100%;
border-bottom:#777 solid 1px;
}
.menu ul{
width:100%;
}
/* Reset CSS */
*, *:after, *:before{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
font-family: 'Biryani', sans-serif;
  font-size: 12px;
  line-height: 1.3;
}
/* Fundo do menu */
.menu{
  background: #FFF;
box-shadow:inset 0px 7px 12px #DDD;
}
/* Remove as bolinhas do lado das listas */
.menu .menu-list, .menu .sub-menu{
  list-style: none;
}
/* Configura todos os links do nosso menu */
.menu a{
  text-decoration: none;
  display: block;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing:0.1em;
}
/* Faz os <li>s ficarem na horizontal */
.menu > .menu-list > li{
  float: left;
  position: relative;
}
/* Configura os links do menu principal */
.menu > .menu-list > li > a {
  padding: 5px;
  margin: 0 5px;
}
/* Configura o fundo do menu principal quando com mouse hover */
.menu > .menu-list > li:hover a {
color:#048d18;
}
/* Mostra o submenu no evento de mouse hover */
.menu > .menu-list > li:hover > .sub-menu {
  display: block;
}
/* Configura o estilo do submenu */
.menu > .menu-list > li > .sub-menu {
  position: absolute;
  top: 25px;
  left: 5px;
padding-top:5px;
  background: #FFF;
  min-width: 200px;
  z-index: 1000;
  display: none;
border-left:#777 solid 1px;
border-right:#777 solid 1px;
border-bottom:#777 solid 1px;
}
/* Configura os links do submenu */
.menu > .menu-list > li > .sub-menu > li > a {
	padding: 5px 5px;
}
/* Clearfix para o menu */
.menu:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
body{

margin-left:auto;
margin-right:auto;
width:100%;
height:auto;
color:#777;
font-family: 'Biryani', sans-serif;

}
a,a:link,a:active{
text-decoration:none;
color:#003;

}
a:hover{
text-decoration:none;
color:#048d18;
}
a:visited{
text-decoration:none;
color:#96922d;
}
#conteudo{
background-color:#fff;
margin-left:auto;
margin-right:auto;
display:block;
width:700px;
height:auto;
position:relative;
min-height:300px;
padding:10px;
border-radius:5px;
border-left-width:1px;	
border-left-style:solid;	
border-left-color:#99B;
border-bottom-width:1px;	
border-bottom-style:solid;	
border-bottom-color:#99B;
border-right-width:1px;	
border-right-style:solid;	
border-right-color:#5D7;
border-top-width:1px;	
border-top-style:solid;	
border-top-color:#5D7;
box-shadow:6px 6px 6px #888;
}
h1,h2,h3,h4{
margin:5px;
font-size: 110%;
}
hr{
border-color:#f1eed7;
border-width:1px;
}
label{
font-size: 80%;
}
.post{
border:1px #DDD solid;
border-radius:4px;
padding:5px;
margin:5px;
box-shadow:4px 4px 10px #AAA;
background-color:#FFFFFF;
display:block;
}
.titulopost{
font-size:110%;
font-weight: bold;
height:auto;
padding:4px;
text-shadow:1px 1px #444444;
color:#EFEFEF;
}
.contpost{
height:auto;
padding:4px;
font-size:100%;
font-weight: normal;
}
.rdpost{
height:15px;
padding:4px;
box-shadow:4px 4px 10px #DDD inset;
border-radius:2px;
}
.rdesq{
font-size:70%;
font-weight: normal;
color:#509;float:left;
}
.rddir{
font-size:70%;
font-weight: normal;
color:#509;
float:right;
}
@media(max-width: 767px){
html{
top:0;
margin-top:0;
 background: #ccc; /* For browsers that do not support gradients */
  background: -webkit-radial-gradient(#fff, #ccc); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#fff, #ccc); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient( #fff, #ccc); /* For Firefox 3.6 to 15 */
  background: radial-gradient( #fff, #ccc); /* Standard syntax */

background:url(../img/bcg.png) repeat fixed;

height:100%;
width:100%;
}
body{

background-size:10px;
margin-left:auto;
margin-right:auto;
width:98%;
color:#777;
font-family:"tahoma";
font-size: 100%;
background-position: bottom;
}
a,a:link,a:active{
text-decoration:none;
color:#003;
font-size: 100%;
}
a:hover{
text-decoration:none;
color:#048d18;
font-size: 100%;
}
a:visited{
text-decoration:none;
color:#96922d;
font-size: 100%;
}
#conteudo{
background-color:#fff;
margin-left:auto;
margin-right:auto;
width:95%;
height:auto;
min-height:100%;
padding:10px;
border-radius:5px;
border-left-width:1px;	
border-left-style:solid;	
border-left-color:#99B;
border-bottom-width:1px;	
border-bottom-style:solid;	
border-bottom-color:#99B;
border-right-width:1px;	
border-right-style:solid;	
border-right-color:#5D7;
border-top-width:1px;	
border-top-style:solid;	
border-top-color:#5D7;
box-shadow:6px 6px 6px #888;
}
h1,h2,h3,h4{
margin:5px;
font-size: 130%;
}
hr{
border-color:#f1eed7;
border-width:1px;
}
label{
font-size: 110%;
}

}