@charset "utf-8";
/* CSS Document */

/* Esconder elementos */
.escondido, .none {display: none;}

/* Cursores */
.pointer{cursor:pointer;}

/* Barras lateral */
#barra-lateral  { float: left; width: 240px; padding-top: 0.7em; }
#barra-lateral .menu-demonstracao { font-size: 1.3em; font-weight: 200; line-height: 1em; margin-bottom: 2em; }
#barra-lateral .menu-demonstracao li { border-bottom: 1px solid #ddd; padding: 0.5em 0; }
#barra-lateral .menu-demonstracao li:last-child { border-bottom: none; }
#barra-lateral .menu-demonstracao li a.selecionado { color: #000;}
#barra-lateral .menu-demonstracao li.selecionado { background-color:#E0E0E0;}

#barra-lateral .submenu {
    -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    border: 1px solid #ddd; margin: 1em 0 1em 1em; background: #efefef; }

#barra-lateral .submenu li { padding-left: 5px; font-size: 0.8em; }
#barra-lateral .demo li .fa { width: 30px; color: #aaa; transition: 0.4s; text-align: center; }
#barra-lateral .submenu li:hover .fa { color: #0050AD; }

.sub-rodape { background: #e0e0e0; padding: 1.5em 0; font-size: 0.8em; line-height: 1.1em; }


/* Miolo */
.demo-irriga { margin-bottom: 2em;}
.demo-irriga h2 small { display: block; }

#conteudo .fa { width: 20%; text-align: center; }
fieldset {
    -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    border: 1px solid #ddd; padding: 2em; }

#conteudo fieldset h3 { padding-top: 0; }

legend {font-size: 1.3em; text-transform: uppercase; padding: 0 0.5em; color: #808080; width: auto;}

.flutua-direita { float: right; }
.flutua-esquerda { float: left; }
.fluta-meio { margin: auto; clear: both; }

/* Caixas legenda */
.legenda {  float: left; width: 13%; margin-right: 3%; text-align: center; font-size: 0.9em; }
.legenda .caixa-colorida { height: 30px; line-height: 25px; border: 3px solid rgba(0,0,0,0.1); -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.azul 		{ background: #003399 !important; }
.verde		{ background: #339900 !important; }
.ciano		{ background: #00FFFF !important; }
.amarelo	{ background: #FFCC00 !important; }
.vermelho	{ background: #FF0000 !important; }

/* Avisos */
.aviso { margin-bottom: 1.5em; padding: 1em; background: #ededed; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.aviso .fa  { float: right; text-align: right !important; font-size: 3em; display: block; }

.aviso-rodape {
    background: #ededed none repeat scroll 0 0;
    border-radius: 5px;
    margin-top: 1.5em;
    padding: 1em;
}
.aviso-rodape .fa  { float: right; text-align: right !important; font-size: 3em; display: block; }

.aviso-alerta { background: #FFF0C9; }
.aviso-alerta .fa { color: #FFBB00; }

/* Larguras gerais */
.largura-100 { width: 100%; }
.largura-90 { width: 90%; }
.largura-80 { width: 80%; }
.largura-70 { width: 70%; }
.largura-60 { width: 60%; }
.largura-50 { width: 50%; }

.full-width { width: 100% !important; }

/* Tabelas */
.tabela-simples th { font-style: italic; }
.tabela-simples th, .tabela-simples td {
    font-size: 1.2em;
    width: 50%;
    border-bottom: 1px solid #ddd; padding: 0.5em 0; }


.tabela-completa th { font-style: italic; text-align: center; background: #efefef; vertical-align: middle; }
.tabela-completa th, .tabela-completa td {
    /*font-size: 1.2em;*/
    /*width: 50%;*/
    border: 1px solid #ddd;
    padding: 0.5em; }


#bloco-inline { width: 95%; max-width: 920px; padding: 20px;}


/* Responsivo */

/* Iphone e abaixo */
@media only screen and (max-width: 767px) {

    #barra-lateral .submenu { margin-right: 1em; }

}