﻿/*
AMARELO:#ffd700
VERMELHO:#09427C
*/
#mozscroll { position: absolute; top: 0px; bottom: -1px; visibility: hidden }

/*.clearfix usado para adicionar um espaço vazio antes e depois dos elementos evitando que os floats se aglomerem.*/
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
html, body {
    height: 100%;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

* {
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

body {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    color: #000000;
    padding-top: 0px;
    /* font-family: Arial, Helvetica, sans-serif;
    margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
    padding:0;  
    */
}

.geral {
    min-height: 100%;
    position: relative;
}

header {
    /* height: 181px;*/
}

#logocompleto {
    /* background-color: #80C5E5;*/
    background-image: url(../imagens/fundo.png);
    background-size: cover;
    width: 98%;
    height: 181px;
    /* padding-top: 10px;*/
    padding-left: 1%;
    padding-right: 1%;
}

#logoparte1 {
    float: left;
}

#logoparte2 {
    float: left;
    padding-top:90px;
    padding-left:20px;
}
.txtparte1 {
    font-size:26px;/*32px*/
}
.txtparte2 {
    font-size:26px;/*15px;*/
}
#logoparte3 {
    float: right;
}
@media only screen and (max-width:590px), only screen and (max-device-width:590px) {
    #logoparte2 {
        float: none;
        padding-top:5px;
        padding-left:1%;
        text-align:center;
    }
    .txtparte1 {
        font-size:18px;/*30px;*/
    }
    .txtparte2 {
        font-size:18px;/*13px;*/
    }
    #logoparte3 {
        float: none;
        text-align:center;
    }
}

#menucima { /*background-color:#F2F2F2; width:100%;min-height:33px;padding: 5px 0px 0px 0px;*/
    /*min-height: 33px;*/
    clear: both;
    padding: 5px 0px 5px 0px;
    background-color: #09427C;/*#09427C;*/
    min-height: 25px;
}
@media screen and (max-width:1188px) {
    #menucima {
        min-height: 48px;
    }
    /*background:url(imagens/backmenu.jpg) 0 0 repeat-x;*/
}
@media screen and (max-width:560px) {
    #menucima{         
        min-height: 28px;
    }
}
/*******************************************************/
nav {
    text-align: center; /*alinha os links à direita*/
    font-family: Trebuchet MS, sans-serif;
    font-size: 0.950em; /*16px;*/
    padding: 0px 0px;
    text-transform: Uppercase;
}
/*Strip the ul of padding and list styling*/
nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	text-align: center;
  /*  
  margin-left: auto; 
  margin-right: auto; 
  */
  width:100%;/*retirar se quiser alinhado a esquerda*/
}

/*Create a horizontal list with spacing*/
nav li {
	display:inline-block;
	/*float: left;
	margin-right: 1px;*/
}

/*Style for menu links*/
    nav li a {
        display: block;
        /*min-width:140px;
	height: 50px;*/
        text-align: center;
        /*line-height: 50px;*/
        font-family: Trebuchet MS, sans-serif;
        font-size: 0.950em; /*16px;*/
        color: #fff;
        /*background: #2f3036;*/
        text-decoration: none;
        padding: 5px 10px;
        margin-right: 10px; /*espaço à direita de cada link do menu*/
    }

/*Hover state for top level links*/
    nav li:hover a {
        background: #80C5E5;
        color: #000000;
        text-decoration: none;
        font-family: Trebuchet MS, sans-serif;
        font-size: 0.950em; /*16px;*/
        text-align: center;
    }

/*Style for dropdown links*/
nav li:hover ul a {
	background: #09427C;
	color: #ffffff;
    padding: 5px 10px;

	/*height: 40px;
	line-height: 40px;*/
}

/*Hover state for dropdown links*/
nav li:hover ul a:hover {
	background: #80C5E5;
	color: #000000;
    text-decoration: none;
}

/*Hide dropdown links until they are needed*/
nav li ul {
	display: none;
}

/*Make dropdown links vertical*/
nav li ul li {
	display: block;
	float: none;
    width:100px;
}

/*Prevent text wrapping*/
nav li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
    text-align:left;
}

/*Display the dropdown on hover*/
nav ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
nav .show-menu {
	font-family: Trebuchet MS, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #000000;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
nav input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
nav input[type=checkbox]:checked ~ #menu{
    display: block;
}


/*Responsive Styles*/

@media screen and (max-width : 560px){
	/*Make dropdown links appear inline*/
	nav ul {
	text-align: center;
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	nav li {
		margin-bottom: 1px;
	}
        nav li a {
	
    padding: 5px 0px;
    margin-right: 0px; /*espaço à direita de cada link do menu*/
}

	/*Make all menu links full width*/
	nav ul li, li a {
		width: 100%;
	text-align: center;
	}
    nav li ul li {
	display: block;
	float: none;
    width:100%;
}

	/*Display 'show menu' link*/
	nav .show-menu {
		display:block;
	}
}
/*******************************************************/


#boasvindas {
    text-align: right;
    padding-top: 5px;
    padding-right: 1%;
    padding-left: 1%;
}
/****** Corpo ******/
div#meio
{	
	width:100%; /*width:950px;*/ /*min-height:516px;/*998px;*/
	max-width:1150px;
	margin:auto;
	/*padding-top:15px;	*/	
}
@media only screen and (max-width:1150px), only screen and (max-device-width:1150px)
        {div#meio{padding:10px 1% 0 1%;width:98%;}}
/*
@media only screen and (max-width:590px), only screen and (max-device-width:590px)
        {div#meio{padding:10px 1% 0 1%;width:98%;}}*/
#grids, #grids table {
	margin:auto;
    text-align:center;
}

    #grids, #grids table.esquerda {
        margin: auto;
        text-align: left;
    }

/*    table.esquerda tr td {
        text-align: left;
    }*/

#conteudo {
    clear: both;
    padding-top: 10px;
    padding-bottom: 40px;
}

/*.header1
{
    height: 135px;  
    text-align:right;
    background: url('imagens/barra.jpg') no-repeat; 
    width:770px;     
    color:#FFFFFF;
    font-family:Georgia, Sans-Serif; 
    font-size:12px; 
    padding-top:40px;
    padding-right:15px;   
}*/
footer {
    clear: both;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    background-color: #09427C;
    height: 20px;
    text-align: center;
    padding: 8px 0px 2px 0px;
    bottom: 0;
}
h2.titulopage
{
    font-family:Arial Narrow, Arial, sans-serif; font-stretch: condensed;
    font-weight:bold;
    font-size:20px;
    color:#09427C;
    text-align:left;
    text-transform:uppercase;
    padding: 0px 0 5px 0;
}
    .subtitulopage
    {
	    /*height:225px;*/
	    max-width:1150px;	
	    margin:auto;
	    color:#000000;
        /*text-transform:uppercase;*/
        font-weight:bold;
        font-size:12px;
        text-align:left;	
        line-height:25px;
    }
    .subtitulopage a
    {
	    /*height:225px;*/
	    max-width:1150px;	
	    margin:auto;
	    color:darkblue;
        /*text-transform:uppercase;*/
        font-weight:bold;
        font-size:12px;
        text-align:left;	
        line-height:25px;
    }
    .subtitulopage a:hover
    {
	    /*height:225px;*/
	    max-width:1150px;	
	    margin:auto;
	    color:#000000;
        /*text-transform:uppercase;*/
        font-weight:bold;
        font-size:12px;
        text-align:left;	
        line-height:25px;
        text-decoration:underline;
    }
h2.titulopage1
{
    font-family:Arial Narrow, Arial, sans-serif; font-stretch: condensed;
    font-weight:bold;
    font-size:20px;
    color:#09427C;
    text-align:center;
    text-transform:uppercase;
    padding: 0px 0 5px 0;
}
    .subtitulopage1
    {
	    /*height:225px;*/
	    max-width:1150px;	
	    margin:auto;
	    color:#000000;
        /*text-transform:uppercase;*/
        font-weight:bold;
        font-size:12px;
        text-align:center;	
    }
h2.titulopage2 {
    font-family: Arial, sans-serif;
    font-size: 22px;
    color: #09427C;
    text-align: center;
    text-transform: uppercase;
    padding: 0px 0 5px 0;
}



.textobrancosbutton {
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    cursor: pointer;
    background-color: #000000;
    padding: 8px 10px 8px 10px;
    border: 0px;
}
.textobrancosbutton:hover
{
    background-color:#09427C;
    text-transform:uppercase;
    font-weight:bold;
    font-size:11px;
    text-decoration:none;
    cursor:pointer;
    border:0px;
}
.resumo {
    font-size:11px;
color:gray;
}

.dropdownlist
{
    border:solid #e0e0e0;
    border-width:1px;
    padding:1px 1px 1px 1px;  
    width:90%;/*170px;  */
    height:25px;
	    background: #F4F4F4;
}

.caixatexto
{
    height:22px;
    /*padding-left:5px;*/
	    background: #F4F4F4;
	    border: 1px solid #dddddd;
}
.copyright {
    text-align: center;
    font-size: 11px;
    color: #80C5E5;
}

    .copyright a {
        color: #FFFFFF;
        text-decoration: none;
    font-size: 11px;
    }

        .copyright a:hover {
            color: #FFFFFF;
    font-size: 11px;
            text-decoration: underline;
        }



.tituloPrincipal {
    color: #000000;
    text-align: left;
    font-size: 21px;
    font-weight: bold;
}

.titulo {
    height: 40px;
    color: #FFFFFF;
}

.texto {
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 13px;
    text-align: justify;
vertical-align:middle;
line-height:1.5em;
}

.texto1 {
    color: #3D3938;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-align: justify;
    font-weight: bold;
}

.texto2 {
    color: #3D3938;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-align: center;
}


a {
    color: #000000;
    text-align: left;
    font-family: Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
}
    a:hover {
        color: #000000;
        text-align: left;
        font-family: Arial, sans-serif;
        font-size: 14px;
        text-decoration: underline;
    }

.erro {
    color: Red;
    font-family: Arial, sans-serif;
    font-size: 12px;
}


#drops {
    padding-bottom:15px;
    font-weight:bold;
    width:auto;
    text-align:center;
}
.dropdownlistagem
{
    border:solid #e0e0e0;
    border-width:1px;
    padding:1px 1px 1px 1px;  
   /* width:90%;170px;  */
    height:25px;
	background: #F4F4F4;
}
#drops_bottom {
    width:auto;
    text-align:center;
}
#dropsall {
   /* display:inline-block;*/
    
    font-weight:bold;
    width:auto;
    text-align:center;
    
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}
#dropcontrato {
    float:left;
    padding-right:10px;
    vertical-align:middle;
}
#dropestacao {
    float:left;
    padding-right:10px;
    vertical-align:middle;
}
#dropfiltro {
    float:right;
    vertical-align:middle;
}
#dropfiltro_1 {
    float:left;
    vertical-align:middle;
    padding-right:4px
}
#dropfiltro_2 {
    float:right;
    vertical-align:middle;
}
@media screen and (max-width : 770px) {
    #dropsall {
        display:inline-block;

    }
    #dropcontrato {
        float: left;
        padding-right: 10px;
        vertical-align: middle;
        padding-bottom:5px;
    }
    #dropestacao {
        float: right;
        padding-right: 10px;
        vertical-align: middle;
        padding-bottom:5px;
    }
    #dropfiltro {
        float: none;
        vertical-align: middle;
    }
}
@media screen and (max-width : 420px) {
    #dropfiltro_1 {
        float: none;
        vertical-align: middle;
        padding-right: 0px;
        padding-bottom: 5px;
    }
    #dropfiltro_2 {
        float: none;
        vertical-align: middle;
    }
}
div#linha0{height:10px;clear:both;}
div#linha1{height:10px;clear:both;}