* { margin: 0; padding: 0; transition: all 0.5s linear; -o-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-sizing: border-box; }

body { font: 13px 'Arial, Helvetica, Verdana', sans-serif; color: #143D55; }
input { line-height: 120%; }
p { margin: 5px; }
img { border: none; }
button { font-size: 13px; padding: 7px 20px; }
table { background-color: #C0C0FF: border: 1px solid #143D55; }
td { padding: 4px; background-color: white;: }

a { color: #143D55; text-decoration: none; letter-spacing: 1px; }
a:visited, a:active { color: #143D55; text-decoration: none; }
a:hover { color: #143D55; text-decoration: none; }

.flexboxrow { width: 98%; margin: 10px auto; padding: 1%; border: 1px solid #143D55; display: -webkit-box; display: -moz-box; display: -ms-flexbox;
   display: -webkit-flex; display: -webkit; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center;
   box-shadow: -3px 3px 3px #C0C0FF; -webkit-box-shadow: -3px 3px 3px #C0C0FF; -moz-box-shadow: -3px 3px 3px #C0C0FF; }
.flexboxcol { margin: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox;
   display: -webkit-flex; display: -webkit; display: flex; flex-flow: column nowrap; justify-content: center; }
.flexboxrow span, .flexboxrow textarea, .flexboxcol span { padding: 5px; display: inline; }

#Cabecalho { width: 100%; }

#Acesso { width: 100%; padding: 7px 0 5px 0; font-size: 13px; text-align: center;
          background-color: #D0D0D0; border-top: 1px solid white; border-bottom: 1px solid white; }

#blogar { width: 200px; padding: 10px; border: 2px solid white; font-size: 15px; text-align: center;
   line-height: 160%; position: absolute; top: 20px; right: 0; display: none; z-index: 1; background-color: rgba( 192,192,192,.95 ) }
#blogar hr { margin: 7px 0; }

#CabEnd { width: 100%; padding: 10px; background-color: #143D55; color: white; border-bottom: 1px solid white; display: -webkit-box;
         display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -webkit; display: flex;
         flex-flow: row wrap; justify-content: space-around; align-items: center; }
#CabEnd a { font-size: 40px; color: white; font-weight: lighter: }

#Slogan { margin-right: 10px; font-size: 14px; font-weight: lighter; line-height: 150%; }

#botaomenuprin { cursor: pointer; font-size: 25px; display: none; }

#filtros { width: 100%; padding: 5px; display: -webkit-box; display: -moz-box; display: -ms-flexbox;
   display: -webkit-flex; display: -webkit; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center;
   background: #D0D0D0; background: -webkit-linear-gradient( #D0D0D0, white ); background: -o-linear-gradient( #D0D0D0, white );
   background: -moz-linear-gradient( #D0D0D0, white ); background: linear-gradient( #D0D0D0, white ); }

#preferencias { width: 100%; display: none; border-bottom: 1px solid #D0D0D0; }
#preferencia { width: 100%; color: #000080; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
               display: -webkit; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center;}
#preferencia span { display: inline; margin: 10px; }

#pesquisa, #adicionar { width: 100%; text-align: center; display: none; border-bottom: 1px solid #D0D0D0; }
#pesquisa { padding: 5px; color: black; }
#adicionar { padding-bottom: 5px; color: #008080; }

#botoescab { display: none; }
#botoesmenu { display: display; }

#SideBarMenuPrin { width: 100%; display: block; position: auto; z-index: auto; background-color: white; border-bottom: 2px solid #143D55; }
#menuPrin { width: 100%; font-size: 15px; padding: 7px; display: -webkit-box; display: -moz-box; display: -ms-flexbox;
   display: -webkit-flex; display: -webkit; display: flex; flex-flow: row wrap; justify-content: space-around; }
#menuPrin a { padding: 7px; }
#menuPrin a:hover { background-color: #143D55; color: white; }

#Conteudo { width: 100%; border: 2px solid #FFF9FF; }

#Informa { width: 60%; margin: 0 auto; padding: 1%; text-align: center; font-size: 14px; line-height: 160%; border: 1px solid; }

.formulario { width: 500px; margin: 0 auto; padding: 1%; text-align: center; font-size: 13px; line-height: 200%; border: 1px solid; }

.titulobox { margin: 0 0 5px 2%; font-size: 15px; font-weight: bold; }

.linksSites { width: 100%; margin: 0 auto; padding: 1%; border: 1px solid #143D55; display: -webkit-box; display: -moz-box;
   display: -ms-flexbox; display: -webkit-flex; display: -webkit; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; }

.montarlink { margin: 15px 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
             display: -webkit; display: flex; align-items: center; }

.detalinksSites { font-size: 13px; line-height: 160%; display: -webkit-box; display: -moz-box; display: -ms-flexbox;
   display: -webkit-flex; display: -webkit; display: flex; flex-flow: column nowrap; justify-content: center; }
.detalinksSites a { font-size: 13px; }

.montarsitedetal { margin: 15px 20px; padding: 7px; text-align: center; border: 1px solid #143D55;
   box-shadow: -3px 3px 3px #C0C0FF; -webkit-box-shadow: -3px 3px 3px #C0C0FF; -moz-box-shadow: -3px 3px 3px #C0C0FF; }
.montarsitedetal a { font-size: 13px; }

.montarlinkdetal { margin: 15px; padding: 5px; border: 1px solid #143D55; display: -webkit-box; display: -moz-box;
   display: -ms-flexbox; display: -webkit-flex; display: -webkit; display: flex; flex-flow: column nowrap; justify-content: center;
   box-shadow: -3px 3px 3px #C0C0FF; -webkit-box-shadow: -3px 3px 3px #C0C0FF; -moz-box-shadow: -3px 3px 3px #C0C0FF; }

.boxcadcab { width: 98%; margin: 20px 1% 0 1%; padding: 10px 10px 0 10px;
   display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -webkit;
   display: flex; flex-flow: row wrap; justify-content: space-around;
   background: #D0D0D0; background: -webkit-linear-gradient( #D0D0D0, white ); background: -o-linear-gradient( #D0D0D0, white );
   background: -moz-linear-gradient( #D0D0D0, white ); background: linear-gradient( #D0D0D0, white );
   border-top: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; border-left: 1px solid #D0D0D0;
}

.boxcad { width: 98%; margin: 0 1% 2% 1%; padding: 1%; text-align: center;
   border-left: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; }

.aba { margin: 0 10px; padding: 10px; font-size: 14px; border-bottom: 1px solid #143D55; }
.abaselec { margin: 0 10px; padding: 10px; font-size: 14px; background-color: white;
   border-top: 1px solid #143D55; border-right: 1px solid #143D55; border-left: 1px solid #143D55; }

#Intitucional { width: 100%; margin: 0 auto; padding: 10px 0; background-color: #143D55; text-align: center;
   font-size: 12px; line-height: 150%; color: white; border-top: 1px solid white; }
#Intitucional span { padding: 0 10px; display: inline; }
#Intitucional a { color: white; }

@media screen and ( min-width: 1224px ) { #slogan { font-size: 13px; } }

@media screen and ( min-width: 768px ) and ( max-width: 1223px ) { #slogan { font-size: 12px; } }

@media screen and ( max-width: 767px ) {
   #CabEnd a { font-size: 30px; }   #Slogan { display: none; }   #Principal { flex-direction: column; }
   #SideBarMenuPrin { display: none; position: fixed; z-index: 9; border-right: 2px solid #143D55; }
   #menuPrin { padding: 5px; background-color: white; flex-flow: column nowrap; }
   #botaomenuprin { display: block; }   #botoescab { display: block; }   #botoesmenu { display: none; }
   formulario { width: 100%; padding: 5px; }   #Informa { width: 95%; }   .montarsite, .montarsitedetal { margin: 10px; }
   .montarlink, .montarlinkdetal { margin: 10px;  flex-flow: column nowrap; justify-content: center; }
}