/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11/08/2014, 16:00:15
    Author     : crti
*/
* { margin:0; padding:0; list-style:none; }
html{height: 100%;}
body{height:100%;background: transparent url("../img/fundo.png") repeat;}
table { border-collapse:collapse }
table td { padding:0px; }
body,table,div,p { font-family:'trebuchet MS';border:0px;
    margin-top: 0px; 
    margin-bottom: 0px; 
    margin-left: 0px; 
    margin-right: 0px;
    -font-size: 62.5%;
    font-size: 12px;
}

a {text-decoration:none; color: #333;}
a:hover {-text-decoration:underline;}
a img { border:0px; }
img,picture,video,embed {
   max-width: 100%;
}
*, *:before, *:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
ul,li{ margin:0px; padding:0px; border:0px; list-style:none; -text-decoration:none;}

        
/*        background: transparent url("../img/fundo2.png")no-repeat center top fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;;*/
        
/*        background: transparent url("../img/fundo.png") repeat;
          background-size:100% 100%;
        -webkit-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        -khtml-background-size: 100% 100%;
        -moz-background-size: 100% 100%;*/
}

#coluna-central {
    -border: 1px solid red;
    padding: 5px 0 15px 0;
    -width: 59%;
    width: 550px;
    -min-width:700px;
    -margin: 0 auto;
    float: left;
}
#corpo{
        -border: 1px solid;
        width: 1000px;
        min-width: 1000px;
        -width: 95%;
       margin: 0 auto;
}

#galeria-video{margin-top: 5px;float: left;width: 100%;}
#corpo-dentro-principal{
           float: left;
       background-color: #fff;
              padding: 0 0 20px 0;
              width: 99.5%
}
#corpo-dentro{width: 77%;float: left;-border: 1px solid;color: #333;margin-top: 5px;margin-left: 10px}
#corpo-dentro h3{
    font-size: 18px;
    color: #006AB5;
    font-weight: bold;
    margin-bottom: 5px;
    border-bottom: 5px solid #006AB5;
    padding: 0 0 0 0;
    text-align: left;
    width: 100%;
    float: left;
}
.noticia-data{float: right;background: #006AB5;color: #fff;font-weight: bold;margin-bottom: 0;font-size: 11px;min-height: 26px}
.noticia-data span{padding: 5px 10px 0 10px;float: left}
div#noticia-titulo{-border: 1px solid;width: 80%;float: left;font-size: 17px;-position: absolute}

#noticia-texto{
    color: #333333;
    text-align: justify;
    line-height: 20px;
    -overflow: auto;
    -height: 300px;
    width: 100%;
    padding: 3px;
    float: left;
}
#noticia-texto #icone{margin-right: 10px !important;float: left}
#noticia-texto #subtitulo p{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 18px;
    text-align: center;
    line-height: 25px !important;
}
#noticia-texto p{font-size: 14px}
    #noticia-texto img{
    border: 1px solid #999999;
    padding: 3px;
    margin: 0 3px 0 0;
    border-radius: 0.5em; /* arredondar */
        float: left;
    }
    
    #noticia{
        width: 100%
    }
/*        #corpo-dentro #tabela_listar_noticia{
        -border: 2px solid #E0E0E0;
       -height: 365px;
       width: 100%;
       padding:3px;
    }*/ 
/*#corpo-dentro{width: 100%}*/
     #corpo-dentro table td {
        padding:0;
        -line-height:0;
        width: 100%;
        border: 0;
        -border: 2px solid #E0E0E0;
    }
.noticia_lista{
    width: 100%;
    float: left;
    border-bottom: 1px solid #eeeeee;
    padding: 5px;
    height: auto;
    -border: 1px solid #000000;
    -margin: -20px 0 0 0;
}
.noticia_lista:hover{background: #F9F9F9}
.noticia_titulo{
    font-size: 13px;
    margin-bottom: 3px;
    font-weight: bold;
    color: #CC3300;
    float: left;
    -height: 15px;
}
.noticia_subtitulo{
    font-size: 11px;
    font-weight: bold;
    float: left;
   text-align: left;
   -height: 15px;
}
.noticia_img{
    padding: 2px;
    border: 1px solid #E0E0E0;
    float: left;
    margin-right: 2px;
    width: 70px;
}
.noticia_img img{
    width: 65px;
    height:50px;
    border:0;
}
.noticia_data{
    font-size: 10px;
    float: left;
    height: 15px;
    -min-height: 60px;
}
.carregando
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999997;
/*     transparência compatível com os navegadores comuns.*/
    opacity:0.80;
    -moz-opacity: 0.80;
    filter: alpha(opacity=80);
    background: black;
    text-align: center;
    display: none;
}
#logo{float: right;
      width: 29.60992907801418%; /* 334px / 1128px */
      -width: 334px; /* 334px / 1128px */
      margin-top: 35px;
      min-width: 325px;
      margin-right: 5px;
}

#topo{
    margin: 0 auto;
    width: 100%;
    background: #fff;
    min-width:1000px;
}
#block-topo #topo-bg{position: relative;float: left;margin-top: -66px;width: 100%;height: 66px;}
#block-topo {
    -background: url(../img/Site-Seduc---2014.gif);
    width:100%;
    height:46px;
    -border: 3px solid;
    padding: 8px 0 0 0;
    -position: absolute;
    -margin-top: 12px;
            background-position: center;
    background-size:100% 100%;
-webkit-background-size: 100% 100%;
-o-background-size: 100% 100%;
-khtml-background-size: 100% 100%;
-moz-background-size: 100% 100%;
}
#back-line-vertical-esquerdo {
    background: url(../img/back-line-vertical.jpg) repeat-y;
         min-height: 800px;
    max-height: 1000px;
    width: 1px;
    float: left;
    margin: 50px 10px 0 0;
}
#back-line-vertical {
    background: url(../img/back-line-vertical.jpg) repeat-y;
     min-height: 800px;
    max-height: 1000px;
    width: 1px;
    float: left;
    margin: 50px 0 0 10px;
}
#coluna-direita{
    padding: 5px 0 15px 0;
    float: left;
    width:210px;
}
#coluna-esquerda{
    padding: 5px 0 15px 10px;
    float: left;
    -width: 16%;
    width: 210px;
}
#painel-link{
    float: left;
    width: 100%;
}
#painel-link-governo{
    float: left;
    width: 100%;
    margin-top: 20px;
}
#titulo-links-governo {
    display: block;
    background: url(../img/titulo-links-governo.png) no-repeat;    
    height: 40px;
    width: 93%;
    margin: 10px auto 15px;
}

#div-selects-links-governo {
    width: 95%;
    float: left;
}

#div-selects-links-governo select {
    background: #D2D3D5;
    width: 100%;
    margin-bottom: 8px;
    border: 1px solid;
    padding: 2px;
}
#menu-vertical{
    float: left;
    padding: 0;
}


#coluna-esquerda li {
    background: url(../img/background-menu-vertical-left.png) no-repeat;
    display: block;
    padding-top: 9px;
    text-align: center;
    width: 195px;
    height: 39px;
    margin: 0 auto;
}

#coluna-esquerda li.back-topo-menu-vertical {
    background: url(../img/background-topo-menu-vertical-left.png) no-repeat;
    display: block;
    width: 195px;
    height: 54px;
    margin: 0 auto;
}
#coluna-esquerda li.back-topo-menu-vertical a {
    margin: 15px 0;
        text-align: center;
}
#coluna-esquerda li a{
    text-decoration: none;
    color: #fff;
    vertical-align: text-bottom;
                font-weight: bold;
        font-size: 13px;
}


#block-topo .top-block-left {
    display: inline-block; 
    min-width: 350px;
/*    width: 27%;*/
    -width: 27.5%;
    -border: 1px solid;
    float: left;
    left:18px;
    position: relative;
    z-index: 2;
}

#block-topo .top-block-left ul {
    padding: 8px 0 8px 0;
}


#block-topo .top-block-left ul li {
    display: inline;
    /*padding: 0 22px 0 22px;*/
    padding: 0 10px 0 10px;
}
#rodape-centro .top-block-left {
    min-width: 250px;
    width: 27.5%;
    margin: 0 auto;
    -border: 1px solid;
    margin-top: 10px;
}

#rodape-centro .top-block-left ul {
    padding: 8px 0 8px 0;
}


#rodape-centro .top-block-left ul li {
    display: inline;
    /*padding: 0 22px 0 22px;*/
    padding: 0 10px 0 10px;
}

#block-topo #top-block-center {
    /*display: inline-block;*/ 
    -min-width: 590px; 
    text-align: center;
    width: 100%;
    -border: 1px solid;
    /*margin-left: 4%;*/
    position: absolute;
    float: left;
    z-index: 1px;
}

#block-topo #top-block-center ul {
    padding: 0;
}

#block-topo #top-block-center ul li {
    display: inline;
    padding: 0 18px 0 18px;
}

#block-topo #top-block-right {
    display: inline-block;  
    -min-width: 260px;
        -border: 1px solid;
        float: right;
        width: 20%;
        margin-top: 11px;
        right:20px;
        z-index: 2;
        position: absolute;
}

#block-topo #top-block-right label input {
    display: inline-block; 
    float: left;
    border-radius: 4px 4px 4px 4px; 
    border: 1px solid #ccc; 
    width: 100%;
    padding: 3px;
    margin: -10px 0;    
    height: 30px;
}

#block-topo #top-block-right label img {
    display: inline-block; 
    float: right;
    margin-top: -10px;
    margin-right: 5px;
}

#block-menu {
        -background: url(../img/Site-Seduc---2014-02.png) no-repeat;
        display: inline-block;
        width:100%;
        min-width:1000px;
        -height:125px;
        padding: 8px 0 0 0;
                    background-position: center;
    background-size:100% 100%;
-webkit-background-size: 100% 100%;
-o-background-size: 100% 100%;
-khtml-background-size: 100% 100%;
-moz-background-size: 100% 100%;
}

#block-menu img#topo-bg-2{width: 100%;height: 113px;position: relative;float: left;}

#block-menu h1 {
    font-family: sans-serif;
    margin: 25px 34px 0 0;
}
#menu-horizontal{float:left;-border:1px solid;margin-top: -5px;width: 58%; /*630px / 1128px */  }
#menu-horizontal ul{float: right}

#block-menu ul {
    margin-top: 25px; 
}

#block-menu ul li {
    display: inline-block;
    text-align: center;
    padding: 0 18px 0 18px;
}

#block-pautas {    
    width: 98%;
    float: left;
    clear: both;
    margin-top: 20px;
}

#block-pautas .nav {
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 10px;
    -text-align: justify;
}

#block-pautas .nav h3 {
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #333;
    font-weight: 100;
}

#block-hora-topo {
        background: url(../img/topo/Site-Seduc---2014-04.gif);	
        width:100%;       
        height:13px;
}

#block-hora-topo span {
    position: absolute;
    margin: -9px 35px;
    font-family: sans-serif;
    color: #FFFFFF;
    font-size: 14px;
    -border: 1px solid;
    width: 300px;
}
.enquete {
    -background: #FECD28 url(../img/titulo-enquete.png) no-repeat;
    width: 195px;
    -height: 228px;
    margin: 0 auto;
    -padding-top: 30px;
    float: left;
    margin: 10px 0 0 0;
}
.enquete-titulo{ background: #FECD28 url(../img/titulo-enquete.png) no-repeat;margin:10px 0 0 0;text-align:left;font-size:13px;font-weight:bold;float:left;padding:45px 5px 5px 5px;-border:1px solid;width:95%;-background:#eee;}
.enquete-corpo{float: left;text-align: left;-margin: 0 0 5px 3px;width: 95%;padding:10px 2px 10px 3px;border: 1px solid #FECD28;background: #FEFBD8}
.enquete_opcao{float: left;width: 100%;margin-bottom: 10px;}
.enquete h3 {
    font-family: sans-serif;
    font-size: 16px;
    width: 90%;
    margin: 20px auto;
}

.enquete #cotent-enquete label{
    margin: 0 auto;
    display: block;
    width: 185px;
    font-size: 12px;
}
#rodape {-margin-top: 20px;float: left;clear: both;width: 100%;min-width:1000px;}
#rodape-centro {
    background: url(../img/rodape-background-centro.png) no-repeat;
    background-position: center;
    background-size:100% 100%;
-webkit-background-size: 100% 100%;
-o-background-size: 100% 100%;
-khtml-background-size: 100% 100%;
-moz-background-size: 100% 100%;
/*    width:679px;*/
    width:53.8% ;
    -min-width:1152px;
    height:295px;
    margin: 0 auto;
    float: left;
}
#rodape-lateral-esquerda{    
    width: 23.1%;
    float: left;
    height: 295px;
     background: url(../img/rodape-background-lateral.png);
     clear: both;
}
#rodape-lateral-direita{
    width: 23.1%;
    float: right;
    height: 295px;
     background: url(../img/rodape-background-lateral.png);
}

#box-rodape { 
    max-height: 1152px; 
    padding-top: 20px; 
    text-align: center; 
    color: #fff; 
    font-family: sans-serif; 
   float: left;
   width: 100%;
}

#lb-endereco {
    width: 100%;
    text-align: center;
       -border: 1px solid;
height: 73px;
}

#div-logo-estado { 
    margin-top: 30px; 
    -padding-bottom: 50px; 
}

#t-copyright {     
    font-size: 12px; 
    margin-top: 30px;
}


#back-line {
    background: url(../img/back-line.jpg) no-repeat;    
    padding: 0;
    margin: 0;
    margin-top: -30px;
    display: none;
}