/* 
Theme Name: CGE Samuel Theme
Description: Pagina dados observatorio do CGE
Designer : Samuel Ramos Bárias
Cores:
@charset "utf-8";
*/
* {
margin:0;
padding:0; 
}
html, body {
height:100%; 
background:#FFF;
}
#wrap {
min-height:100%; 
width:1024px; 
margin:0 auto;
border-left: 1px solid #A1A1A1;
border-right: 1px solid #A1A1A1;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}

#wrap:before { /* Opera and IE8 "redraw" bug fix */
content:"";
float:left;
height:100%;
margin-top:-999em;
}
* html #wrap { /* IE6 workaround */
height:100%; 
}
h3 {
text-align:center;
/*padding:100px 0 200px;  padding-bottom equals height of #foot */
}
#foot {
    position: relative;
height:60px;
width:1024px;
margin:-60px auto 0; /* negative margin-top equals height of #foot */
border-top: 1px solid #A1A1A1;
/*background:url(../img/footer.png) no-repeat;*/
}
#foot {
    position: relative;
height:60px;
width:1024px;
margin:-60px auto 0; /* negative margin-top equals height of #foot */
border-top: 1px solid #A1A1A1;
/*background:url(../img/footer.png) no-repeat;*/
}
.footer {
    position: absolute;
    bottom: 10px;
    left:0;
    right:0;
    text-align:center;
    font-family: sans-serif;
    font-size: 10px;
    color: #303030 ;
    /*border-bottom: 2px solid black;*/
   }
   .footer p {
    padding: 5px;
    font-size: 80%;
   }
   /* inicio do menu fixo */
   .navbox {
	position: relative;
        z-index: 150;
        /*border: 1px solid blue;*/
        /*left: 50%;*/
        margin-left: -6px;
        margin-top: 0px;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
    }
 .navbox   ul {
	list-style: none;
	display: block;
	width: 250px;
	position: relative;
	top: 0px;
	left: 0px;
        border-radius: 0px 5px 5px 0px;
	padding: 0px;
        /*border: 1px solid red;*/
	background: url(../img/shad2.png) no-repeat;
	-webkit-background-size: 60% 0%;
    }

.navbox    ul li{
            margin: 5px 0 0 0;
        /*height: 20px;*/
    }

.navbox ul li a {
	-webkit-transition: all 0.3s ease-out;
	background: #F9F9F9 url(../img/border.png) no-repeat;
	color: #000;
        /*border: 1px solid #CCC;*/
	padding: 5px 10px 5px 10px;
        border-radius: 0px 5px 5px 0px;
/*	-webkit-border-top-right-radius: 10px;
 	-webkit-border-bottom-right-radius: 10px;*/
        -webkit-box-shadow: 5px 5px 5px -4px #888;
        -moz-box-shadow: 5px 5px 5px -4px #888;
        box-shadow: 5px 5px 5px -4px #888;
	width: 250px;
	display: block;
	text-decoration: none;
        /*box-shadow: 10px 10px #888, -10px -10px #f4f4f4, 0px 0px 5px 5px #cc6600;*/
	/*-webkit-box-shadow: 2px 2px 4px #888;*/
}

.navbox ul li a:hover {
	background: #F0F0F0 url(../img/border.png) no-repeat;
	color: #000;
	padding: 5px 10px 5px 15px;
}
p {
   font-family: Verdana, Geneva, sans-serif;
        font-size: 12px; 
}
/*  Css caixa medias */
.caixaMedia{
    width: 101px;
    height: 14px;
    /*display: block;*/
    padding-top: 4px;
    color: #000;
    margin: 0px;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    background-color: #FFF;
    text-align: center;
    text-decoration: none;
}
.menuBar a {
    width: 145px;
    height: 24px;
    display: block;
    padding-top: 4px;
    color: #000;
    margin: 0px;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    background-color: #F9F9F9;
    text-align: center;
    text-decoration: none;
}
.menuBarSelected a {
    width: 145px;
    height: 24px;
    display: block;
    padding-top: 4px;
    color: #000;
    margin: 0px;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    background-color: #E0E0D1;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.menuBar a:hover {
	color: #000;
        background-color: #F0F0F0;
        text-decoration: none;
}
/* inicio do codigo personalizado */
#nav {
    position: absolute;
    top:-20px;
    width:100%;
    margin:0 auto;
}
p{
    padding-left: 5px;
}
img {
    border: 0px;
}
/* .:- Samuel -:. footer */
.texto{
    /*border: 1px solid greenyellow;*/
    /*padding-bottom: 40px;*/
    padding: 5px 5px 60px 5px; /* top right bottom left */
    font-family: sans-serif;
    text-align: justify;
    font-size: 12px;
    color: #000000 ;
}
#fundo {
    position: relative;
    border: 1px solid magenta;
    height: 250px;

}
.nota{
    font-family: sans-serif;
    font-size: 10px;
    font-style: italic;
    color: #000000 ;
}
/* butões pure buttons mais awesome */
.pure-button{
    /*background: rgb(28, 184, 65);*/  
    color: black;
    font-size: 110%;
    width: 84px;
}
.pure_menu{
    /*background: rgb(28, 184, 65);  */
    /*font-size: 110%;*/
    padding: 2px;
}
.Smallbutton:hover{
    font-weight: bold;
    text-decoration: none;
}
#grafContainer{
    /*border: 1px solid green;*/
    margin-top: 0px;
    padding: 5px 5px 5px 5px;
    column-count: 2;
  column-gap: 40px;
    
}
.separator{
    height: 1px;
    width: 100%;
    border-bottom: 1px solid #A1A1A1;
}
#buttons{
    padding: 2px;
    background-color: #FFF;
}
.tabela{
    text-align: center;
}
/* Inicio do css para as caixas de maximo e minimo */
.minimo {
    border:1px solid #282828;
    width:150px;
    background-color: #3399FF;
    color: white;
}
.media {
    border:1px solid #282828;
    width:200px;
    background-color: #FFF;
    color: #000;
}.maximo {
    border:1px solid #282828;
    width:150px;
    background-color: #A80000;
    color: white;
}
.selecty{
    background-color: #663300;
    font-style: italic;
    font-weight: bold;
    color: #FFF;
}
.sombra{
    background-color: #E9E9E9;
}
.centrar{
    width: 100%;
    text-align: center;
}
.alinha {
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
/* Previsão ultravioleta */
#contentorUvs{
    border: 1px solid brown;
}
.legeCaixa{
    border-top:1px solid #A1A1A1;
    border-right:1px solid #A1A1A1;
    border-bottom:1px solid #A1A1A1;
    text-align: center;
}
.tamanho{
    width: 74px;
}
/* Antigo script */
/*div#content {
	padding:1em 1em 5em;  bottom padding for footer 
	padding-bottom: 100px;
}
	div#content p {
		text-align:justify;
		padding:0 1em;
	}
div#areagrafico{
	position: relative;
	border: 1px solid blue;
	float: left;
	width: 945px;
	height: 1025px;
}
div#titulouvsev {
	position: relative;
	text-align: center;
	top: 0px;
	width: 100%;
	height: 10px;
}
div#chartdiv {
	position: relative;
	text-align: center;
	top: 0px;
}
div#titulouvsroc {
	position: relative;
	text-align: center;
	top: 0px;
	width: 100%;
	height: 10px;
}
div#chartdiv1 {
	position: relative;
	text-align: center;
	top: 0px;
}
div#datainfo {
	position: relative;
	text-align: center;
	width: 100%;
	height: 10px;
}
div#legendatopo {
	position: relative;
	border: 1px solid green;
	text-align: center;
	float: right;
	width: 50px;
	height: 825px;
}
div#legendaspacer{
	margin-top: 280px;
}
div#legendawrap {
	width: 45px;
	height: 290px;
	float: right;
	background: rgb(255, 0, 0) ; opacity: 0.2;
	border: 2px solid #2830C7;
	border-radius: 8px 8px 8px 8px; 
        -moz-border-radius: 8px 8px 8px 8px; 
        -webkit-border-radius: 8px 8px 8px 8px;
	border: 1px dashed olive;
}
div#legendacores {
	position: relative;
	border: 1px solid red;
	margin-left: 2px;
	margin-top: 2px;
	width: 41px;
	height: 243px;
}
div#legendalogo {
	position: relative;
	border: 1px solid #2830C7;
	background-color: #2830C7;
	margin-left: 1px;
	margin-top: 1px;
	width: 41px;
	height: 41px;
	border-radius: 8px 8px 8px 8px; 
        -moz-border-radius: 8px 8px 8px 8px; 
        -webkit-border-radius: 8px 8px 8px 8px;
}
div#uvlogo {
	position: relative;
	width: 41px;
	height: 21px;
	padding-top: 2px;
	text-align: center;
	color: #FFF;
}
div#uvsymbol{
	position: relative;
	top: -14px;
	left: 1px;
	width: 41px;
	height: 41px;
	font-size: 27px;
	font-family: verdana;
	color: #FFF;
}
 painel de cores
div#painelcor{
	position: relative;
	padding-top: 2px;
	width: 41px;
	height: 20px;
	border: 1px solid green;
}
div#legendacor{
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 2px 2px 2px 2px; 
        -moz-border-radius: 2px 2px 2px 2px; 
        -webkit-border-radius: 2px 2px 2px 2px;
}
div#legendanumero{
	position: relative;
	top: -15px;
	left: 21px;
	width: 15px;
	height: 30px;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	font-family: verdana;
	color: #2830C7;
}*/