/* #Geral

    <div id="container">
        <section class="wrap" id="superior">
                
        </section>  
    </div>

*/
section{display:block;}
.wrap{display:table; width:100%;}

#container{background: #FFFFFF !important;}
#superior{
    background: none !important;
    font-family:Arial,Verdana,Helvetica,Sans-serif;
    color: #333333;
    z-index: 10;
}

/* ### Page 
    <section id="page"></section>
*/
#page{margin:0 auto; width:940px; padding:10px 20px 0 20px;}

/* ### Header 
    <header><script id="f5_cspm">(function(){var f5_cspm={f5_p:'ONLEOJMOAOEDEOGIKCGENMBICHPJNAGPBEDNIPHPADDBMDLIEAGNNJDHPHHALKMDBAOFHIBBMLHPENCBANKJDBKEHOEDJMFFBIEGDEHOPJCILADDLFAFMOEOIEDNEFNK',setCharAt:function(str,index,chr){if(index>str.length-1)return str;return str.substr(0,index)+chr+str.substr(index+1);},get_byte:function(str,i){var s=(i/16)|0;i=(i&15);s=s*32;return((str.charCodeAt(i+16+s)-65)<<4)|(str.charCodeAt(i+s)-65);},set_byte:function(str,i,b){var s=(i/16)|0;i=(i&15);s=s*32;str=f5_cspm.setCharAt(str,(i+16+s),String.fromCharCode((b>>4)+65));str=f5_cspm.setCharAt(str,(i+s),String.fromCharCode((b&15)+65));return str;},set_latency:function(str,latency){latency=latency&0xffff;str=f5_cspm.set_byte(str,32,(latency>>8));str=f5_cspm.set_byte(str,33,(latency&0xff));str=f5_cspm.set_byte(str,27,2);return str;},wait_perf_data:function(){try{var wp=window.performance.timing;if(wp.loadEventEnd>0){var res=wp.loadEventEnd-wp.navigationStart;if(res<60001){var cookie_val=f5_cspm.set_latency(f5_cspm.f5_p,res);window.document.cookie='aaaaaaaaaaaaaaa='+encodeURIComponent(cookie_val)+';path=/';}
return;}}
catch(err){return;}
setTimeout(f5_cspm.wait_perf_data,100);return;},go:function(){var chunk=window.document.cookie.split(/\s*;\s*/);for(var i=0;i<chunk.length;++i){var pair=chunk[i].split(/\s*=\s*/);if(pair[0]=='f5_cspm'){if(pair[1]=='1234'){var d=new Date();d.setTime(d.getTime()-1);window.document.cookie='f5_cspm=;expires='+d.toUTCString()+';path=/;';setTimeout(f5_cspm.wait_perf_data,100);}}}}}
f5_cspm.go();}());</script></header> 
*/
header {
    margin-bottom: 30px;
    display: table;
    width: 940px;
}
header .top{
    margin-bottom: -20px;
    overflow: hidden;
}
.external-links {
    padding-left: 78px;
    float: left;
}

/* ### External Links
    <div class="external-links" id="external-links">
        <ul class="list-extlinks">
            <li class="item01"><a target="_blank" title="Portal do Governo do Estado de São Paulo" class="link external" href="http://www.saopaulo.sp.gov.br/">Portal do Governo</a></li>
            <li class="item02"><a target="_blank" title="Portal Investe SP" class="link external" href="http://www.investe.sp.gov.br/">Investe SP</a></li>
            <li class="item03"><a target="_blank" title="Portal Cidadão SP" class="link external" href="http://www.cidadao.sp.gov.br/">Cidadão SP</a></li>
            <li class="item04"><a target="_blank" title="Portal SP Global" class="link external" href="http://www.saopauloglobal.sp.gov.br/">SP Global</a></li>
        </ul>
    </div>
*/
.wrap-tools ul,
.external-links ul {
    display: block;
    float: right;
    height: 24px;
    list-style: none outside none;
    margin: 0;
    padding: 8px 0 8px 0;
}
.wrap-tools ul li,
.external-links ul li {
    display: block;
    float: left;
    margin: 0 10px 0 0;
}
.external-links ul li {
    padding-right: 10px;
    border-right: 1px solid #999;
}
.external-links ul li:last-child { border-right: none;}
.external-links ul li .link {
    color: #444;
}

/* ### Tools 
    <div class="wrap-tools" id="tools">
        <ul class="list-tools">
            <li class="item01"><a title="Imprimir" class="print" href="#imprimir-pagina" style="display: block;">Imprimir</a></li>
            <li class="item02"><a id="aumentar" class="resizeText aumentar" title="Aumentar Fonte" href="#aumentar-fonte">Aumentar Fonte</a></li>
            <li class="item03"><a id="diminuir" class="resizeText diminuir" title="Diminuir Fonte" href="#diminuir-fonte">Diminuir Fonte</a></li>
            <li class="item04"><a title="Contraste" class="contraste" href="#aplicar-contraste">Contraste</a></li>
        </ul>
    </div>
*/
.wrap-tools {
    float: left;
    width: 21.9845%;
}
.wrap-tools ul li.item04{margin:0;}
.wrap-tools ul li a {
    background: url("../img/sprite-tools.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 20px;
    text-indent: -9999px;
    width: 20px;
    outline:none;
}
.wrap-tools ul li  a.print{display: block;}
.wrap-tools ul li.item01 a {background-position: 0 0; color: #FFFFFF; text-indent: -9999px;}
.wrap-tools ul li.item02 a {background-position: -20px 0;}
.wrap-tools ul li.item03 a {background-position: -40px 0;}
.wrap-tools ul li.item04 a {background-position: -60px 0;}
.wrap-tools ul li.item01 a:hover{background-position: 0 -20px;}
.wrap-tools ul li.item02 a:hover{background-position: -20px -20px;}
.wrap-tools ul li.item03 a:hover{background-position: -40px -20px;}
.wrap-tools ul li.item04 a:hover{background-position: -60px -20px;}


/* ###  Busca 
    <div class="wrap-busca" id="busca">
        <form role="search" method="get" id="searchform" action="/busca.php?">
            <div>
                <label class="screen-reader-text" for="s">Pesquisar por:</label>
                <input type="text" value="" name="search" id="s">
                <input type="submit" id="searchsubmit" value="Pesquisar">
            </div>
        </form>
    </div>
*/
/* ###  Busca */
.wrap-busca{width:290px; height:40px; float:right;}
.wrap-busca form{float:right;}
.wrap-busca input.input-text,
.wrap-busca input#s{
    -moz-border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 1px 1px 3px #E9E9E9 inset;
    border-radius: 5px;
    background: url("../img/ico/busca.png") no-repeat scroll left center transparent;
    border: 1px solid #CCCCCC;
    color: #666666;
    font-size: 11px;
    font-weight: normal;
    height: 18px;
    padding: 5px 5px 5px 30px;
    width: 140px;
    background-color:#f8f8f8;
}
.wrap-busca input.input-text:hover,
.wrap-busca input.input-text:focus,
.wrap-busca input#s:hover,
.wrap-busca input#s:focus{
    border:1px solid #999;  
}
.wrap-busca input.input-submit,
.wrap-busca input#searchsubmit{
    width:100px;
    border: none;   
    color:#FFF;
    height:30px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    font-size:10px;
    font-family:Arial;
    font-weight:bold;
    text-transform:uppercase;
     text-indent: -9999px;
    padding:0 5px 5px 5px;
    background:#ff8523 url("../img/ico/btn-search.png") no-repeat center center;
}

.wrap-busca input.input-submit:hover,
.wrap-busca input#searchsubmit:hover{background-color:#ef7514;}
.wrap-busca .screen-reader-text{display:none;}

#busca .post    { border-top:solid 1px #ccc; padding-top:10px; }

/* ### Barra Amarela / Barra SP
<section id="barra-sp">
        <div class="yellow-bar">
            <div class="flag">Bandeira SP</div>
            ...
            <a target="_blank" href="http://www.saopaulo.sp.gov.br/" class="logo-govsp external">Logo Governo do Estado de São Paulo</a>
        </div>
    </section>
*/
.yellow-bar {
    position: relative;
    height: 84px;
    background: #ffcc00;
    margin-top: 20px;
}

.yellow-bar .flag {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 156px;
    height: 110px;
    display: block;
    text-indent: -9999px;
    background: transparent url("../img/bandeira_m.png") bottom left no-repeat;
}

.yellow-bar .logo-govsp {
    background-image: url("../img/logo-govsp.png");
    background-repeat: no-repeat;
    display: block;
    height: 69px;
    text-indent: -9999px;
    width: 173px;
    float: right;
}


/* ### Logo
    <h1 class="logo">
        <a class="link" href="/">
            <span class="line1">Governo do Estado de São Paulo</span>
            <span class="line2">Secretaria da Educação</span>
        </a>
    </h1>
*/
.yellow-bar .logo {
    margin-left: 142px;
    padding-top: 20px;
    max-width: 50%;
    float: left;
    font-family: "Verdana", sans-serif;
    line-height: 18px;
}

.yellow-bar .logo .link {
    color: #111111;
    text-decoration: none;
}

.yellow-bar .logo .line1 {
    font-size: 12px;
    display: block;
    font-weight: normal; 
}

.yellow-bar .logo .line2 {
    font-size: 20px;
    letter-spacing: -0.5px;
    display: block;
}

/* ### Header: Redes sociais 
    <div class="top-social-networks">
        <a class="social-link youtube external" href="https://www.youtube.com/user/educacaosp" title="Conta da Secretaria da Educação SP no Youtube" target="_blank">YouTube</a>
        <a class="social-link twitter external" href="https://twitter.com/educacaosp" title="Perfil da Secretaria da Educação SP no Twitter" target="_blank"> Twitter</a>
        <a class="social-link facebook external" href="https://www.facebook.com/EducaSP/" title="Página da Secretaria da Educação SP no Facebook" target="_blank">Facebook</a>
    </div>
*/
.top-social-networks { padding: 34px 0 25px 40px; float: left;}
.top-social-networks .social-link {
    background: url("../img/sprite-social-black.png") no-repeat scroll 0 0 transparent;
    display: block;
    margin-right: 6px;
    float: right;
    height: 23px;
    line-height: 18px;
    text-indent: -9999px;
    width: 23px;
    opacity: 0.55;
}

.top-social-networks .social-link.twitter { background-position: 0 -25px;}
.top-social-networks .social-link.youtube { background-position: 0 -50px;}
.top-social-networks .social-link:hover { opacity: 0.85; }

}



/* ## Content */
#main{width:940px; display:table;}
#content{width:620px; float:left;}
#content .entry-content{    
    overflow: hidden;
}

/* ### Blockquote
    <section id="content"><blockquote><p>lorem</p></blockquote></section>
*/
#content blockquote {
    background: #fcdece;
    margin-bottom: 20px;
    padding: 10px 20px;
    font-style:italic;
    clear:both;
}
#content blockquote p{color:#d25f3c; font-family:'AllerItalic', Arial; font-size:18px; margin:0; line-height:22px;}

#content .entry-content p{/* text-align:justify; */ line-height: 22px; color: #444;}

/* ### Breadcrumbs */
nav#breadcrumbs{margin: 30px 0 15px 0;color: #666666; font-size: 12px;}
nav#breadcrumbs ul li  {font-size: 12px;}
nav#breadcrumbs ul li a {text-decoration: none; color: #999999;}
nav#breadcrumbs ul li a:hover {text-decoration: underline;}

/* ### Imagem Unica */
section.image-only{margin: 0 0 20px 0;}
section.image-only .legend {
    background-color: #666666;
    color: #FFFFFF;
    font-size: 11px;
    padding: 5px 10px;
}

/* ### Fale conosco > Mapa*/
section#mapa-endereco{margin:0 0 20px 0;}
section#mapa-endereco p{margin:0; font-size:14px; }

/* #Sidebar */
#sidebar{width:140px; float:left; margin: -1px 20px 0 0; }

nav#menu-sidebar {float: left;  width: 140px; border-bottom: 4px solid #fe7325; /* border-top: 10px solid #f8945b; */}
nav#menu-sidebar ul{margin-bottom:1px; display:table;}
nav#menu-sidebar ul li {display: block; float:left; border-top: 1px solid #fe7325; width:140px; margin-bottom: 1px;}
nav#menu-sidebar ul li a{background: #ffdcc8; color: #a5430c; display: block; font-size: 12px; font-weight: bold; padding: 14px 10px 14px 0; text-align: right; text-decoration: none; width: 130px;}
nav#menu-sidebar ul li a:hover{background: #ffb287;}
nav#menu-sidebar ul li.current-menu-item a,
nav#menu-sidebar ul li.current a{background: #fff;}

nav#menu-sidebar ul li                      ul.sub-menu{display:none; padding-bottom:10px; margin:0;}
nav#menu-sidebar ul li.current              ul.sub-menu,
nav#menu-sidebar ul li.current-menu-item    ul.sub-menu{display:block; float:left;}
nav#menu-sidebar ul li                      ul.sub-menu li{display: block; font-family: Arial; border-top:1px solid #CCC; padding:0; text-align: right; width: 140px;}
nav#menu-sidebar ul li                      ul.sub-menu li a {background: #FFF; display: block; font-size: 11px; font-style:italic; margin: 0; padding: 5px;color:#666;}
nav#menu-sidebar ul li                      ul.sub-menu li.current a{background:#eee;}
nav#menu-sidebar ul li                      ul.sub-menu li a:hover{background:#f6f6f6;}


/* # Extra */
#extra{width:140px; float:right; padding: 240px 0 0; position: relative;}

/* ### Redes sociais */
.social-networks{margin: 0 0 25px 0; display:table; width:100%;}
.social-networks h3{font-size:12px; font-weight:normal; padding:5px 0; color:#666; margin: 0 0 5px 0;}
.social-networks ul{display:table; list-style: none outside none; margin: 0 auto; width:98%;}
.social-networks ul li{
    display: inline;
    float: left;
    height: 16px;
    margin: 0 5px 0 0;
}
.social-networks ul li a {
    background: url("../img/sprite-redes-sociais.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 16px;
    line-height: 18px;
    text-indent: -9999px;
    width: 16px;
}
.social-networks ul li.item01{
    color: #0E6285;
    font-family: Arial;
    font-weight: bold;
}
.social-networks ul li.item01 a {background-position: 0 0;}
.social-networks ul li.item02 a{background-position: -16px 0;}
.social-networks ul li.item03 a{background-position: -64px 0;}
.social-networks ul li.item04 a{background-position: -48px 0;}
.social-networks ul li.item05 a{background-position: -54px 0;}

#extra .social-networks{ position: absolute; top:0; right:0; width: 175px; }
#extra .social-networks h3{ float: left; padding: 8px 0;}
#extra .social-networks ul{
    width: auto;
    padding: 7px 0;
}

#latest-news h3{
    color:#eb7634; 
    font-family:'AllerBold', Arial;
    font-size: 19px;
}

/* ## Footer 

    <section id="inferior"><footer></footer></section>
*/
section#inferior{ background: #f5f5f5 !important; }
footer {
    padding: 10px 0 0 !important;
    background: none !important;
    width: auto !important;
}
footer div.wrap{width: 100%;}
footer div.box{
    margin: -0 auto;
    padding: 10px 19px;
    width: 940px;
    padding-top: -50px; 
}
footer h3 { 
    background-color: #f5f5f5 !important;
    color: #666666;
    float: left;
    font-size: 14px;
    letter-spacing: 0;
    margin-bottom: 15px;
    margin-top: 7px;
    padding: 0 5px;
}
footer ul {margin-left: 0;}
footer ul li { 
    background: url("../img/bg-footer-lista.png") no-repeat scroll left center transparent;
    color: #999999;
    font-size: 12px;
    list-style: none outside none;
    margin-bottom: 5px;
    padding: 0 0 0 10px;
    font-style:italic;
}
#sitemap { 
    height: 205px;
    margin: 0 auto;
    padding: 20px 0 0;
    width: 936px;
    background: url("../img/bg_footer_sitemap_2.png") repeat-x scroll left 18px transparent !important;
}   
#sitemap div {float: left;}
#sitemap .colHome h2 {text-indent: -9999px; height: 26px !important;}
#sitemap .colHome h2 a {
    display: block; 
    background: url(../img/ico/home3.png) no-repeat #f5f5f5 !important;
    width: 34px !important;
    height: 26px !important; 
}
#sitemap .colHome {width: 34px !important; padding-right:30px !important;}
#sitemap ul.footer-menu {clear:both;}
#sitemap ul.footer-menu li a {color:#666 !important; text-decoration:none;}
#sitemap ul.footer-menu li a:hover {text-decoration:underline;}
#sitemap .col1 {width:130px !important; padding-right: 10px !important;}
#sitemap .col2 {width:115px !important; padding-right: 10px !important;}
#sitemap .col3 {width:120px !important; padding-right: 10px !important;}
#sitemap .col4 {width:120px !important; padding-right: 10px !important;}
#sitemap .col5 {width:105px !important; padding-right: 10px !important;}
#sitemap .col6 {width:190px !important; padding-right: 10px !important;}
#sitemap .col7 {padding-right: 0 !important; width: 100px !important;}
#sitemap .col8 {width: 110px !important;}

footer #signature { 
    width: 936px !important; 
    margin: -15px auto 0 auto !important;  
    padding-bottom: 5px;
    display:table;
    text-align: center;
    background: none !important;
    border: none !important;
}

footer #signature address { 
    font-style: normal !important;
    padding: 12px 0 0 !important;
    margin: 0 auto;
    font-size: 14px !important;
    line-height: 18px !important;
    color: #666 !important;
    float: none !important;
}
footer #signature span.adr{
    font-size: 14px !important;
    line-height: 18px !important;
    color: #666 !important;
}
footer #signature address .org { font-weight: bold; display: block; margin-bottom: 3px; }

footer .yellow-bar { height: 60px; }
footer .yellow-bar .wrap { 
    width: 940px; 
    margin:0 auto; 
    background: transparent url("../img/bandeira.png") no-repeat left bottom; 
}
footer #logo-govsp{
    float: right;
    padding: 20px 10px 0;
}

footer #logo-govsp a{
    background-image:url(../img/logo-governo.png);
    background-repeat:no-repeat;
    display: block;
    height: 39px;
    width: 132px;
    text-indent:-9999px;
}

/* ### ULTIMAS NOTICIAS */
#news-list {width: 100%; font-family: Arial,"Times New Roman",serif; margin-top: 20px;}
#news-list ul {padding:0px;}
#news-list ul li.news {
    border-bottom: 1px dotted #CCCCCC;
    clear: both;
    display: table;
    margin: 0 0 15px;
    width: 100%;
    padding-bottom: 14px;
}
#news-list ul li.news .date {float: left; width: 10%;}
#news-list ul li.news .date, #audio-list .date, #image-list ul .date {
    margin: 0 0px 10px 0;
    font-size:14px;
    color:#000;
}
#news-list ul li.news .news-details {
    float: left;
    margin: 0;
    padding-left: 10px;
    width: 85%;
}

#news-list ul li.news  .news-details .header-news-details {padding:2px 0px;}
#news-list ul li.news  .news-details .header-news-details .news-image {float: left; margin: 0 10px 0 0; width: 100px; display:block;}
#news-list ul li.news .news-details p, #news-list ul li.news h3, #audio-list ul li.news p.category, #image-list  .news-details p, .news-details h3 {margin: 0;}
span.content-types {padding:1px 0px 0px 10px;}
span.content-types  img {vertical-align: bottom;}

#news-list ul li.news .news-details  a.category, #audio-list a.category, #image-list  .news-details a.category  {
    color: #454545;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    background-color: #EFEFEF;
    padding: 0 6px;
}

#news-list ul li.news .news-details  a.category:hover, #audio-list a.category:hover, #image-list  .news-details a.category:hover{text-decoration:underline;}

#news-list ul li.news h3, #image-list ul li.news h3, #audio-list ul li.news h3 {
    line-height: 24px;
    color: #333333;
    letter-spacing: -1px;
    margin: 5px 0 10px;
}

#news-list ul li.news h3 a, #audio-list ul li.news h3 a, #image-list .news-details h3 a {
    color: #333333;
    font-family: Georgia,"Times New Roman",serif;
    font-size: 22px;
    font-weight: normal;
    text-decoration: none;
}

#news-list ul li.news h3 a:hover, #audio-list ul li.news h3 a:hover, #image-list .news-details h3 a:hover {text-decoration: underline;}
#news-list ul li.news p.description, #image-list .news-details p.description, #audio-list ul li.news p.description {font-size: 12px; line-height: 20px;}

/* ### Lista ultimas noticias*/
#noticias #content h2{/* border-bottom:1px solid #ccc; */ padding-bottom:10px;}
#noticias #content section.post{display:block; padding: 0 0 20px 0; margin:0 0 10px 0; border-bottom:1px solid #ccc; overflow:hidden;}
#content section.hentry {
    border-bottom: 1px solid #f8945b;
    margin-bottom: 20px;
}
#content .date {float: left; height: 120px; margin-right: 20px; width: 80px;}
#content p.entry-meta {
    background: #f8945b;
    color: #FFFFFF;
    display: block;
    font-size: 12px !important;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin: 0 0 10px 0;
    padding: 2px 0 0;
    text-align: center;
    width: 75px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; 
}
#content p.entry-meta a {color: #FFFFFF;}
#content .date .content-type{overflow:hidden; line-height:1; margin-bottom:0.5em;}
#content .date .content-type figure {float:left; margin-right:0.4em;}
#content .date .content-type figure.last{margin-right:0;}

#content .ref {float: right; width: 520px;}
#noticias #content .ref h2.entry-title {font-size: 22px; letter-spacing: -1px; border:none;}
#content .ref .entry-summary p a{color:#D25F3C; text-decoration:underline;}
#content .ref .entry-summary p a:hover{text-decoration:none;}

#content .entry-content p a{color:#D25F3C; text-decoration:underline;}
#content .entry-content p a:hover{text-decoration:none;}

/* ### Paginação Normal */
.pagination {
    width:100%;
    margin-bottom: 10px;
    margin-top: 10px;
}
.pagination ul {
    overflow:hidden;
    list-style: none outside none;
    margin: 0 auto;
    width: 435px;
}
.pagination ul li {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(js/pie/PIE.htc); /*borda arredondada para IE*/
    font-size: 12px;
    line-height: 14px;
    border: 1px solid #CCCCCC;
    display: block;
    float: left;
    margin: 0 5px 0 0;
}
.pagination ul.control-pagination li a {
    color: #666666;
    display: block;
    float: left;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;
}
.pagination ul.control-pagination li a:hover{
    text-decoration: underline;
}
.pagination ul li.current {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #666666;
    font-weight: bold;
    padding: 6px 10px;
}

/* ### PAGINACAO NUMEROS */
.pagination-numbers {width:100%;}
.pagination-numbers ul {overflow:hidden; list-style: none outside none; margin: 0 auto; width:330px;}
.pagination-numbers ul li {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 14px;
    border: 1px solid #CCC;
    display: block;
    float: left;
    margin: 0 5px 0 0;
    font-family:Arial;
}
.pagination-numbers ul.control-pagination li a {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #666;
    display: block;
    float: left;
    font-size:12px;
    font-weight: bold;
    padding: 6px 10px;
    text-decoration: none;
    background:#eee;
}
.pagination-numbers ul.control-pagination li a:hover {
    text-decoration: none;
    background:#F8945B;
    color:#FFF;
}
.pagination-numbers ul li.current {
    color: #ffffff;
    display: block;
    float: left;
    font-weight: bold;
    padding: 6px 10px;
    text-decoration: none;
    background-color:#F8945B;
    border:1px solid #eb7634;
}

/* ### Últimas Notícias - Sidebar 

    <section id="latest-news">
        <ul class="xoxo">
            <li class="widget-sidebar">     
            <h3>Últimas Notícias</h3>
            <ul>
                <li>
                    <span class="date">27/09</span>         
                    <h4><a href="" title="">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa.</a></h4>
                </li>
                <li>
                    <span class="date">27/09</span>         
                    <h4><a href="" title="">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa.</a></h4>
                </li>       
            </ul>
            </li>   
        </ul>       
    </section>

*/
#latest-news {width: 100%;}
#latest-news ul.xoxo {
    width:100%;
    display: table;
    margin: 0;
    padding: 0; 
}
#latest-news ul li {
    display:table;
    padding: 0;
    margin:0;
    font-size:12px;
    background: none;
}
#latest-news ul li ul li{
    background: url(../img/fio-date.jpg) repeat-x scroll 0 9px;
    display: block;
    list-style: none outside none;
    margin: 0 0 10px;
    padding:0;
}
#latest-news ul li .date {
    background: #f8945b;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    height: 18px;
    line-height: 16px;
    text-align: center;
    width: 45px;    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;    
    display: block;    
    margin: 0;
    padding: 2px 0 0;
}   
#latest-news ul li .date-hour {
    background: #454545;
    -moz-border-radius: 11px;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    height: 31px;
    line-height: 15px;
    margin: 2px 10px 0 0;
    padding: 2px 0 0;
    text-align: center;
    width: 45px;
}
#latest-news ul li.news span.hour {
    font-weight: normal;
    font-style:italic;
}
#latest-news ul li h4 {
    font-family: Arial,"Times New Roman",serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
#latest-news ul li h4 a {
    color: #333333;
    padding:5px 0;
    font-size: 12px;
    line-height: 18px;
    letter-spacing:0;
    display: block;
}

/* ###Botoes
    
    <hgroup>
        <h3><a href="">lorem</a></h3>
    </hgroup>
*/
hgroup{
    display:table; 
    width:100%; 
    background:url(../img/fio-more.jpg) repeat-x scroll center;
}
.titulo hgroup {background:none;}
hgroup h3{
    display:block; 
    float:right; 
    margin: 0;}
hgroup h3 a{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; 

    background: none repeat scroll 0 0 #fff;
    color: #f8945b;
    border:solid 1px #f8945b;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    padding: 6px 0 0;
    text-align: center;
    text-decoration: none;
    width: 90px;
    font-family:Arial;
}
hgroup h3 a:hover{
    text-decoration:underline;
    background-color:#f8945b;
    color:#fff;
}

/* ### Busca */
#resultado-busca section.titulo {
    background: #f5f5f5;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    color: #ccc;
    font-family: 'AllerBold';
    font-size: 18px;
    font-weight: 200;
    height: 40px;
    line-height: 40px;
    margin:0 0 20px 0;
    padding: 0 15px;
}
#resultado-busca section.titulo h4,
#resultado-busca section.titulo h5{margin:0; padding:0; }
#resultado-busca section.titulo h4{float:left;}
#resultado-busca section.titulo h5{float:right;}

#resultado-busca section.entries{
    display:table; 
    width:100%;
    border-bottom: 1px solid #CCC;
    margin-bottom: 20px;
}
#resultado-busca .date {
    float: left;
    width: 80px;
    margin-right: 20px;
    padding: 2px 0 0;    
    background: #666;    
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 18px;    
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;     
}
#resultado-busca .date a{color: #FFF; text-decoration:none;}
#resultado-busca .ref {float: right; width: 500px;}
#resultado-busca .ref h2 {font-size: 22px; letter-spacing: -1px;}
#resultado-busca .ref h2 a{text-decoration:none;}
#resultado-busca .ref h2 a:hover{text-decoration:underline;}
#resultado-busca .ref p  a{text-decoration:none; color:#333}
#resultado-busca .ref p  a:hover{text-decoration:underline;}
#resultado-busca .more {
    background: url("../img/fio.jpg") repeat-x scroll center center transparent;
    display: table;
    margin-bottom: 40px;
    width: 100%;
}
#resultado-busca .more hgroup {
    display: block;
    float: right;
    margin: 0 10px 0 0;
}
#resultado-busca .more hgroup h4{margin:0; padding:0;}
#resultado-busca .more hgroup h4 a {
    background: #FFFFFF;
    border: 1px solid #CCC;
    color: #666;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    width: 120px;
    padding: 6px 0 0;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
}
#resultado-busca .more hgroup h4 a:hover{
    background: #666;
    border: 1px solid #CCC;
    color: #fff;
}

/* ### Lista de Fotos */
#image-list {width: 100%;font-family: Arial,"Times New Roman",serif;}
#image-list  ul {padding:0px;}
#image-list  ul li.news {
    clear: both;
    display: table;
    margin: 0 0 20px;
    width: 100%;
}
#image-list  .news-image {
    float: left;
    margin: 0 10px 0 0;
    width: 240px;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
    padding: 5px;
}
#image-list  .news-details {float: left;  margin: 0;}
#image-list .news-details p.description {font-size: 12px;   line-height: 21px;}

/* ### VIDEOS */
section #videos-list {width:100%;}
section #videos-list h4 {
     color: #333333;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0 0 10px;
}
section #videos-list ul.video-thumbs {  
    margin: 0 auto;
    overflow: hidden;
    padding-top: 15px;
    width: 580px;
}
section #videos-list ul.video-thumbs li {   
    display: inline;
    float: left;
    margin-bottom: 20px;
    margin-right: 5px;
    margin-left: 5px;
    width: 135px;
}
section #videos-list ul.video-thumbs li a { 
    height: 100px;
    width: 130px;
}
section #videos-list ul.video-thumbs li a img {
    background-color: #f5f5f5;
    border:solid 1px #cccccc;
    padding:5px;
    height: 90px;
    width: 120px;
}
section #videos-list ul.video-thumbs li p.thumb-title {
    margin:0px 0px 5px 0px;
    padding:0px 0px 3px 2px;;
    line-height:12px;
    border-bottom: 1px dotted #CCCCCC;  
}
section #videos-list ul.video-thumbs li p.thumb-title a {
    color:#666666;
    text-decoration:none;
    font-size:11px;
}
section #videos-list ul.video-thumbs li p.thumb-duration, section #videos-list ul.video-thumbs li p.thumb-view {
    font-size:11px;
    margin:0px;
    color:#9c9a9a;
    line-height:14px;
    padding:0px 0px 0px 2px;;
}

/* ### AUDIO */
section #audio-list {}
section #audio-list ul {}
section #audio-list ul li.news {margin-bottom:20px;}
section .audio-news {margin:10px 0px;}
section  .video-news {margin:20px 0px;}


/* ### Institucional */
#content .entry-content img{display:block; float:left; margin: 0 0 10px 0;}
#content .entry-content figure{display:block; float:left; margin: 0 20px 10px 0; width:390px;}
#content .entry-content figure iframe{display:block;}
#content .entry-content figure div.legend{background-color: #EB7634; clear: both; margin: 0;}
#content .entry-content figure div.legend p{color: #FFFFFF; margin-bottom: 0;  padding: 4px 10px;}
#content .entry-content img.only-image{display:block; float:left; margin: 0 20px 10px 0;}
#content #lista-servicos{margin:0 0 20px 0; display:table;}
#content #lista-servicos .box-servico{margin:0 0 20px 0; overflow:hidden; display:table;}
#content #lista-servicos .box-servico .servico{margin:0 36px 0 0; width:182px; float:left;}
#content #lista-servicos .box-servico .ultimo-servico{margin:0;}
#content #lista-servicos .box-servico .servico h3 a{
    background:url(../img/bg-botao.png) no-repeat;
    display:block;
    width:172px;
    height:50px;
    margin:0;
    padding:5px;
    font-size:16px;
    color:#404040;
    font-family:'Trebuchet MS',Arial;
    line-height:42px;   
}
#content #lista-servicos .box-servico .servico h3 a img{margin:0 5px 0 0; vertical-align:middle;}
#content #lista-servicos .box-servico .servico h3 a.two-lines{line-height:24px;}
#content #lista-servicos .box-servico .servico h3 a.three-lines{line-height:16px;}
#content #lista-servicos .box-servico .servico h3 a.more-lines{
    font-size: 12px;
    height: 56px;
    line-height: 16px;
    font-size:14px;
    padding: 5px 5px 0 5px;
}
#content #lista-servicos .box-servico .servico h3 a.all-lines{
    font-size: 12px;
    line-height:13px;
}

#content #lista-servicos .box-servico .servico h3 a:hover{background:url(../img/bg-botao-hover.png) no-repeat;}
#content #lista-servicos .box-servico .servico p{
    font-size:12px;
    font-family:Arial;
    color:#333;
    margin:0;
    padding:0;
    display:block;
    width:182px;
    line-height:18px;
    text-align:justify;
}


/* ### Botão Voltar Para o Topo 
    
    <a id="ir-topo">Voltar Para o Topo</a>
*/
a#ir-topo {
    background-image: url("../img/voltar_topo.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    clear: both;
    color: #CD5328;
    padding: 0 0 0 20px;
}

a#ir-topo:hover {text-decoration:underline;}

/* ### Perguntas Frequentes */
#perguntas div{display:none;}
ul.list-intern {margin: 0 0 20px 0;}
ul.list-intern li {
    background: url(../img/lista_interna.png) white;
    margin: 10px;
    padding-left: 15px;
    background-repeat:no-repeat;
    background-position:left center;
}
ul.list-intern li p{margin:0px;}
ul.FAQs {margin: 0 0 20px 0; display:block; float:left;}
ul.FAQs li.pergunta {
    background:url(../img/mais.jpg) no-repeat white left 4px;
    cursor: pointer;
    margin:0 0 20px 0;
    padding:0 0 0 25px;
}
ul.FAQs li.aberta  {
    background:url(../img/menos.jpg) no-repeat white left 4px;
    cursor: pointer;
    margin:0 0 10px 0;
    padding:0 0 0 25px;
}
ul.FAQs li span.titulo {font-size:14px; font-weight:bold; font-family:Arial; text-transform:uppercase;}
ul.FAQs li.resposta  {
    margin:0 0 20px 0;
    padding:0 0 0 25px;
    line-height:20px;
}

/* ### Notícias Fotos Flickr */
.flickr-mini-gallery a img.flickr-mini-gallery-thumb {
    border:solid 1px #ccc;
    padding: 7px;
    margin:0px 5px 10px 5px;
    background: none repeat scroll 0 0 #FFFFFF;
}
.flickr-mini-gallery a img.flickr-mini-gallery-thumb:hover {background: #cccccc;}
#content .flickr {margin-left: 2px;}
#content .flickr a {
    border:1px solid #F8945B;
    display:block;
    background: #fcdece;
    color: #D25F3C;
    font-size: 14px;
    height: 40px;
    padding-top: 10px;
    text-align: center;
    width: 600px;
    text-decoration: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; 
}
#content .flickr a:hover {background:#F9C8AE;}

/* ### Notícias Fotos 

<section id="content"><ul class="list-fotos">
    <li>
        <figure class="thumbnails">
            <a href=""><img src="http://farm6.static.flickr.com/8317/8027974774_dd15afe97b_m.jpg"></a>
        </figure>   
        <h3><a href="">Ensino médio da Rede</a></h3>
        <p>A fase final e a preparação para os próximos desafios</p>
    </li>
</ul></section>
*/
#content ul.list-fotos{overflow:hidden;}
#content ul.list-fotos li{display:block; width:100%; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom:1px solid #ccc; overflow:hidden;}
#content ul.list-fotos li figure.thumbnails{display:block; float:left; margin: 0 10px 10px 0;}
#content ul.list-fotos li figure.thumbnails a{display:block;}
#content ul.list-fotos li figure.thumbnails a img{ 
    display:block;
    border:2px solid transparent;
    /* width:220px; height:140px; */ 
}
#content ul.list-fotos li figure.thumbnails a img:hover{
    border:2px solid #EB7634; 
    /* width:216px; height:136px; */
    -webkit-box-shadow: 0px 1px 5px 0px #cccccc;
    -moz-box-shadow: 0px 1px 5px 0px #cccccc;
    box-shadow: 0px 1px 5px 0px #cccccc; 
}

#content ul.list-fotos li h3{font-family:Georgia, 'Arial'; font-size:18px; margin: 0 0 5px 0;}
#content ul.list-fotos li p{font-size:12px; color:#666; line-height:20px;}
#content ul.list-fotos li p.date{float:none; width:auto; height:auto; margin: 0 0 5px 0; color:#EB7634; font-size:12px;} 
#content ul.list-fotos li p.date abbr{border:none;} 

/* ### Notícias Fotos Interna*/
#noticias #content .beforetitle{font-size:14px; color:#666; font-style:italic; margin: 0 0 20px 0;}
#noticias #content #list-imgs .list{overflow:hidden; margin: 0 0 20px 0;} 
#noticias #content #list-imgs .list .img{float:left; width:300px; margin: 0 20px 0 0;}
#noticias #content #list-imgs .list .img.last{margin: 0;}

#noticias #content #list-imgs .list .img p.download{float:left; font-size:11px; font-weight:bold; margin: 0 0 5px 0; line-height:16px;}
#noticias #content #list-imgs .list .img p.download a{padding: 2px 0 2px 20px; background: url(../img/ico/down.png) no-repeat scroll left center;}
#noticias #content #list-imgs .list .img p.credito{float:right; font-size:11px; font-weight:bold; margin: 0 0 5px 0; line-height:16px; color:#666;}

#noticias #content #list-imgs .list .img figure{display:block; width:100%; float:left;}
#noticias #content #list-imgs .list .img figure a{display:block;}
#noticias #content #list-imgs .list .img figure a img{display:block; width:300px;}

#noticias #content #list-imgs .list .img figure p.legend {
    width: 94%; height:80px; overflow:hidden; padding: 3%; margin:0; background: #EB7634; color: #fff; font-size: 11px; line-height: 16px; font-weight:bold;
}
#noticias #content .flexslider ul li p.download{float:left; font-size:11px; font-weight:bold; margin: 0 0 5px 0; line-height:16px;}
#noticias #content .flexslider ul li p.download a{padding: 2px 0 2px 20px; background: url(../img/ico/down.png) no-repeat scroll left center;}
#noticias #content .flexslider ul li p.credito{float:right; font-size:11px; font-weight:bold; margin: 0 0 5px 0; line-height:16px;}

/*
#content .flex-caption {width: 96%; padding: 2%; margin:0; position: absolute; left: 0; bottom: 0; background: #EB7634; color: #fff; font-size: 12px; line-height: 18px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    
     text-shadow: 1px 1px 1px #000, 1px 1px 1px #000; 
}
*/

#media-content  { float:right; width:390px; margin-left:10px; }

/* # VIDEOS */
ul.list-videos {
    display: block;
    margin: 0 0 10px;
    float:left;
}

ul.list-videos li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 5px;
}

#content ul.list-videos li a.thumb-video {
    display: block;
    float: left;
    margin: 0 0 10px 0;
    width:140px;
}
#content ul.list-videos li a.thumb-video img{
    width: auto;
}

#noticias #content ul.list-videos li h2 {
    margin-bottom: 10px;
    margin-top:0px;
    width: 600px;
    font-size: 22px;
    border:none;
}

.list-videos h3 { 
    font-family: Georgia;
    font-size: 22px;
}

ul.list-videos li p.video-description {
    margin-left: 140px;
}

#content ul.list-videos li p.video-description a {
    color:#333;
    text-decoration:none;
}
#content ul.list-videos li p.video-description a:hover{text-decoration:underline;}

.pagination span.disabled {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #A49E9E;
    margin: 0 4px 4px 0;
    padding: 4px 8px;
    display:block;
    float:left;
}

.pagination a.page-active {
    border: 1px solid #F8945B;
    color: #DC7A42;
    margin: 0 4px 4px 0;
    padding: 4px 8px;
    display:block;
    float:left;
}

.pagination a.page-active:hover {
    border: 1px solid #F8945B;
    color: #fff;
    margin-right: 4px;
    padding: 4px 8px;
    background-color:#F8945B;
}

.pagination span.current {
    background: none repeat scroll 0 0 #F8945B;
    border: 1px solid #EEEEEE;
    color: #FFFFFF;
    margin: 0 4px 4px 0;
    padding: 4px 8px;
    display:block;
    float:left;
}

p.titulovideo {
    color: #333333;
    font-size: 19px;
    font-weight: bold;
}

p.subtitulo {
    color: #333333;
    font-size: 13px;
    width: 560px;
    line-height:24px;
}

#video {
    /*border:solid 1px red;*/
    padding-bottom: 10px;
}

/* # DOWNLOAD */

ul#download-list {
    overflow:hidden;
    /*border:solid 1px gray;*/
    padding-bottom:20px;
}

ul#download-list li.download-item img {
    padding:0px;
    margin:0px;
    vertical-align: top;
}

ul#download-list li.download-item {
    padding: 0 10px 10px;
    float:left;
}

ul#download-list li.download-item p {
    margin:0px;
}

ul#download-list li.download-item a.banner {
    display:block;
    border:solid 2px #fff;
}

ul#download-list li.download-item a.banner:hover {
    border:solid 2px #F9C8AE;
}

ul#download-list li.download-item a.title {
    font-weight:bold;
    font-size:13px;
    margin-top:5px;
    padding-left: 2px;
}

ul#download-list li.download-item p.description {
    font-size:12px;
    padding-left: 2px;
}

/* # RESULTADOS BUSCA */

section#lista-resultados {
    margin-top:20px;
    width:100%;
}

table.resultados {
    width:100%;
    margin:0px 0px 10px 0px;
    background-color:#fff1ea;
}

table.resultados th {
    background: none repeat scroll 0 0 #FCDECE;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    color: #DB6624;
    font-size: 12px;
    font-weight: normal;
    padding: 10px 4px;
    vertical-align: middle;
}

table.resultados tr.line td {
    border-bottom:solid 1px #fff;
}

table.resultados td {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    color: #333333;
    font-size: 12px;
    padding: 10px 4px;
    vertical-align: middle;
    text-align:center;
}

section#lista-escola {
    margin-top:20px;
    width:100%;
}

.escola-item {
    background-color:#FFF1EA;
    padding: 15px;
    overflow:hidden;
}

.escola-item img {
    float:right;
    /*border:solid 1px red;*/
}

.escola-item ul {
    float:left;
    width:400px;
    /*border:solid 1px blue;*/
}

.escola-item ul.detalhes-escola li {
    padding:1px 0px;
}

.escola-item ul.detalhes-escola li.ensino {
    padding-top:15px;
}


/* # Calendario */

.calnk a:hover {
     background-position:0 0;
     text-decoration:none;  
     color:#D25F3C;
     border-bottom:1px dotted #D25F3C;
}
.calnk a:visited {
     text-decoration:none;
     color:#EB7634;
     border-bottom:1px dotted #EB7634;
}
.calnk a {
    text-decoration:none; 
    color:#EB7634; 
    border-bottom:1px dotted #EB7634;
}
.calnk a span{
    display:block;
    color:#666; 
    background:#f5f5f5; 
    
    position:absolute; 
    margin-top:1px; 
    padding:5px; 
    width:200px; 
    z-index:100;
    line-height:16px;
    border:1px solid #EB7634;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    

}
.calnk a span span{
    display:block;
    border:none;
    background:none;
    margin:0;
    padding:0;
}
.calnk a span strong{}

.calnk a span span.event-title{
    font-size:14px;
    color:#EB7634;
}
.calnk a span span.event-content-break{
    font-size:12px;
    line-height:20px;
    color:red;
}
.calnk a span { 
    display:none; 
}
.calnk a:hover span {
    display:block;
}
.calendar-table {
    border:none;
    width:610px;
    padding:5px;
    display:block;
    border:1px solid #ddd;
}
.calendar-table tbody{display:block; width:100%;}

.calendar-heading { 
    width:595px;
    height:35px;
    text-align:center;
    border:1px solid #EB7634;
    background-color:#EB7634;
    background:#FCDECE;
    color:#EB7634;  
}
.calendar-next {    float:right;}
.calendar-next a{
    display:block;
    padding:10px 30px 10px 10px;    
    background:url(../img/arrow-calendario-right.png) no-repeat 30px 0; 
    font-size:0;
    text-indent:-9999px;
    height:15px;
    width:30px;
}
.calendar-next a:hover{background-position: 30px -35px;}

.calendar-prev {    text-align:left;}
.calendar-prev a{
    display:block;
    padding:10px 10px 10px 30px;
    background:url(../img/arrow-calendario-left.png) no-repeat 10px 0;  
    font-size:0;
    text-indent:-9999px;
    height:15px;
    width:30px;
}
.calendar-prev a:hover{background-position: 10px -35px;}

.calendar-month {
    width:455px;
    text-align:center;
    font-weight:bold;
    font-size:14px;
    height:15px;
    padding:10px 0;
}
.normal-day-heading {
    text-align:center;
    width:25px;
    height:25px;
    font-size:0.9em;
    border:1px solid #DFE6DE;
    background-color:#EB7634;
    padding:10px;
    color:#FFF;
    font-weight:bold;
}
.weekend-heading {
    text-align:center;
    width:25px;
    height:25px;
    font-size:0.9em;
    border:1px solid #DFE6DE;
    background-color:#EB7634;
    color:#FFF;
    padding:10px;
    font-weight:bold;
}
.day-with-date {
    vertical-align:text-top;
    text-align:left;
    width:60px;
    height:60px;
    border:1px solid #FFF;
    background:#FCDECE;
    color:#EB7634;
    font-size:12px;
    padding:5px;
    font-weight:bold;
}
.no-events {    
    background:#f6f6f6; 
    color:#EB7634;
}
.day-without-date {
    width:60px;
    height:60px;
    border:1px solid #E9F0E8;
}
span.weekend {
    color:#EB7634;
}
.current-day {
    vertical-align:text-top;
    text-align:left;
    width:60px;
    padding:5px;
    background-color:#EB7634;
    color:#FFF;
    font-weight:bold;
}

.current-day .event{color:#FFF;}
.current-day .calnk a{color:#FFF; border-color:#FFF;}
 
span.event {
    font-size:0.75em;
    color:#EB7634;
}
.kjo-link {display:none;}

.calendar-date-switcher {
height:25px;
text-align:center;
border:1px solid #D6DED5;
background-color:#E4EBE3;
}
.calendar-date-switcher form {
margin:0;
padding:0;
}
.calendar-date-switcher input {
border:1px #D6DED5 solid;
}
.calendar-date-switcher select {
border:1px #D6DED5 solid;
}
.cat-key {
width:100%;
margin-top:10px;
padding:5px;
border:1px solid #D6DED5;
}
.calnk a:hover span span.event-title {
padding:0;
text-align:center;
font-weight:bold;
font-size:1.2em;
}
.calnk a:hover span span.event-title-break {
width:96%;
text-align:center;
height:1px;
margin-top:5px;
margin-right:2%;
padding:0;
background-color:#000000;
}
.calnk a:hover span span.event-content-break {
width:96%;
text-align:center;
height:1px;
margin-top:5px;
margin-right:2%;
padding:0;
background-color:#000000;
}
.page-upcoming-events {
font-size:80%;
}
.page-todays-events {
font-size:80%;
}


/* # TIPOGRAFIA */
h2{
    font-family: Georgia, "Times New Roman", serif; 
    font-size: 30px; 
    margin: 0 0 10px 0; 
    letter-spacing: 0px; 
    color: #333; 
    font-weight: normal;
}
h3{
    font-size: 24px; 
    font-weight: normal; 
    margin: 0 0 10px 0; 
    letter-spacing: 0px; 
    color: #333;
}
h4{
    font-size: 18px; 
    font-weight: normal; 
    margin: 0 0 10px 0; 
    letter-spacing: 0px; 
    color: #333;
}
h5{
    font-size: 12px; 
    font-weight: normal; 
    text-decoration: underline;  
    margin: 0 0 15px 0;  
    color: #0E6285;
}
p {
    color: #333333;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
}
a{color: #333333; text-decoration:none;}
a:hover{text-decoration:underline;}

/* # MENUS - menus.css */
nav#menu-principal{
    width:938px;    
    height:38px; 
    float:left;
    border: 1px solid #DDDDDD;
    background: #efefef; /* old browsers */
    background-image: -o-linear-gradient(rgb(255,255,255),rgb(239,239,239)); /* opera */
    background: -moz-linear-gradient(top, #FFFFFF 0%, #efefef 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#efefef)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#efefef',GradientType=0 ); /* ie */
}
nav#menu-principal ul.menu{width: 100%; display:block; float:left;}
nav#menu-principal ul.menu li{
    display:block;
    float:left; 
    text-align:center;
    position: relative;
    border: none;
    z-index:10;
}
nav#menu-principal ul.menu li a{    
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #DDDDDD;
    color: #666;
    display: block;
    float: left;
    font-family: 'AllerBold';
    font-size: 11px;
    height: 16px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:11px 22px;
}
nav#menu-principal ul.menu li.menu-item-31 a,
nav#menu-principal ul.menu li.menu-item-170 a,
/*nav#menu-principal ul.menu li.menu-item-29 a,*/
nav#menu-principal ul.menu li.menu-item-28 a,
nav#menu-principal ul.menu li.menu-item-26 a,
nav#menu-principal ul.menu li.menu-item-25 a,
nav#menu-principal ul.menu li.menu-item-28 a,
nav#menu-principal ul.menu li.menu-item-170 a
{
    padding-right:25px; 
    background: url(../img/arrow-nav.png) no-repeat scroll center right;
}
nav#menu-principal ul.menu li.menu-item-31 a{width:112px;}
nav#menu-principal ul.menu li.menu-item-170 a{width:113px; padding: 11px 12px;}
nav#menu-principal ul.menu li.menu-item-29 a{width:140px;}
nav#menu-principal ul.menu li.menu-item-28 a{width:80px;}
nav#menu-principal ul.menu li.menu-item-27 a{width:80px;}
nav#menu-principal ul.menu li.menu-item-25 a{width: 146px; border-right:none;}
nav#menu-principal ul.menu li.menu-item-24 a{border-right:none; width:90px;}

nav#menu-principal ul.menu li:hover, 
/*ativando menus*/
#institucional  #menu-principal #menu-item-31,
#noticias       #menu-principal #menu-item-170,
#projetos       #menu-principal #menu-item-29,
#orgaos         #menu-principal #menu-item-28,
#area-reservada #menu-principal #menu-item-27,
#central-de-atendimento #menu-principal #menu-item-25
{
    color:#666;
    background: #eee;
}

.page-template-institucional-php            nav#menu-principal ul.menu li.menu-item-31 a,
.page-template-projetos-php                 nav#menu-principal ul.menu li.menu-item-29 a,
.page-template-orgaos-php                   nav#menu-principal ul.menu li.menu-item-28 a,
.page-template-servicos-php                 nav#menu-principal ul.menu li.menu-item-27 a,
.page-id-158                                nav#menu-principal ul.menu li.menu-item-170 a,
.page-template-videos-php                   nav#menu-principal ul.menu li.menu-item-170 a,
.page-id-16                                 nav#menu-principal ul.menu li.menu-item-170 a,
.category-noticias                          nav#menu-principal ul.menu li.menu-item-170 a,
.page-template-central-de-atendimento-php   nav#menu-principal ul.menu li.menu-item-25 a,
.page-template-localize-escola-php          nav#menu-principal ul.menu li.menu-item-25 a,
.page-template-localize-diretoria-php       nav#menu-principal ul.menu li.menu-item-25 a,
.page-template-videoInterna-php             nav#menu-principal ul.menu li.menu-item-170 a,
.page-template-fotos-php                    nav#menu-principal ul.menu li.menu-item-170 a,
.page-id-342                                nav#menu-principal ul.menu li.menu-item-170 a{
    color: #FFF;
    background: #eb7634;
}


/* # Submenu */
nav#menu-principal ul li ul.sub-menu{
    display: none;  
    position: absolute;
    left: 0;
    float: left;    
    z-index: 99999; 
    border:none;
    margin-top: 38px;
    margin-left:0;
    width: 162px;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);    
}   

nav#menu-principal ul.menu li.menu-item-170 ul.sub-menu{width: 138px;}
nav#menu-principal ul.menu li.menu-item-170 ul.sub-menu li a{width: 128px;}
nav#menu-principal ul.menu li.menu-item-28 ul.sub-menu{width: 128px;}
nav#menu-principal ul.menu li.menu-item-28 ul.sub-menu li a{width: 118px;}
nav#menu-principal ul.menu li.menu-item-27 ul.sub-menu{width: 128px;}
nav#menu-principal ul.menu li.menu-item-27 ul.sub-menu li a{width: 118px;}
nav#menu-principal ul.menu li.menu-item-25 ul.sub-menu{width: 194px;}
nav#menu-principal ul.menu li.menu-item-25 ul.sub-menu li a{width: 184px;}


nav#menu-principal ul.menu li ul.sub-menu li{display:block; border-bottom: 1px solid #9b5c39;}
nav#menu-principal ul.menu li ul.sub-menu li a {    
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    text-transform: none;   
    color: #FFF;
    text-align: center;
    background: #eb7634;
    width: 150px;
    height:auto;
    padding:10px 5px;
    border-bottom: 1px solid #fccaad;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
nav#menu-principal ul.menu li ul.submenu li a:hover,
nav#menu-principal ul.menu li ul.sub-menu li a:hover {  
    background: #fcdece;
    color: #d25f3c;
}

nav#menu-principal ul.menu li:hover ul.submenu,
nav#menu-principal ul.menu li:hover ul.sub-menu{    
    display: block;
}

/*Menu Mobile*/
nav#menu-mobile{
    display:none; 
    margin:0 auto; 
    width:95%;
}
nav#menu-mobile ul{display:block;}
nav#menu-mobile ul li.first{
    display:block;
    border:1px solid #e6651c;
    
    text-shadow: 1px 0px 0px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=0);  
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
    
    background: #fe813b;
    background: -moz-linear-gradient(top, #fe813b 0%, #e56822 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe813b), color-stop(100%,#e56822));
    background: -webkit-linear-gradient(top, #fe813b 0%,#e56822 100%);
    background: -o-linear-gradient(top, #fe813b 0%,#e56822 100%);
    background: -ms-linear-gradient(top, #fe813b 0%,#e56822 100%);
    background: linear-gradient(top, #fe813b 0%,#e56822 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe813b', endColorstr='#e56822',GradientType=0 );
}
nav#menu-mobile ul li.first a.menu{
    background: url(../img/arrow-mobile.png) no-repeat scroll right center;
    display:block;
    padding:10px 20px;
    color:#fff;
    font-size:24px;
    line-height:24px;
}
nav#menu-mobile ul li a.menu:hover{
    text-decoration:none;
}

nav#menu-mobile ul li ul.sub{display:none; position:absolute; background:#eee; width:95%; margin:0 0 0 -1px; z-index:1; border:1px dotted #bbb;}
nav#menu-mobile ul li ul.sub li{display:block;}
nav#menu-mobile ul li ul.sub li a{
    display:block; 
    border:1px solid #ccc; 
    padding:10px; 
    border-bottom:none; 
    border-left:none; 
    border-right:none; 
    color:#666; 
    font-size:14px; 
    font-family:arial;
    font-weight:bold;
    text-shadow: 1px 0px 0px #FFFFFF;
    filter: dropshadow(color=#FFFFFF, offx=1, offy=0);  
}
nav#menu-mobile ul li ul.sub li.item06 a{border-bottom:1px solid #ccc;}
 
/* # FORMMULARIOS
    <form class="form">
        <label><span>text</span><input type="text" name="name" value="" class="input-text"></label>
        <label><span>text</span><textarea name="mensagem" class="input-textarea"></textarea></label>
        <label><span>text</span><input type="submit" value="Enviar" class="input-submit"></label>
    </form>
*/
.form, .wpcf7-form{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 1px 1px 3px #E9E9E9 inset;
    margin:0;
    padding:10px 20px;
    width:578px;
    background: #f5f5f5;
    border: 1px solid #CCC;
    height:auto;
    overflow: hidden;
}
.form-full {
    width: 100%;
}
.form-white {
    background-color: transparent;
    border: none;
    padding: 0;
}
.form label{
    float: left;
    margin: 5px 15px 0 0;
}
.form-full label {
    display: block;
    width: 100%;
}
label.half {
    width: 45%;
}
label.last { float: right; }
.form label.label-submit, .wpcf7-form label.label-submit{
    display:block;
    width:100%;
    margin:0;
}
.form label span{
    display:block;
    font-weight:bold;
    padding:4px 0 2px 0;
    color:#666;
    font-size:12px;
}
.wpcf7-form span{font-weight:bold; font-size:12px; color:#666;}

.form label input.input-text, .wpcf7-form input.input-text{
    border: 1px solid #CCC;
    color:#666;
    font-size: 14px;
    height: 18px;
    padding: 5px;
    width: 97%;
    font-family:Arial;  
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    -moz-box-shadow: 1px 1px 3px #E9E9E9 inset;
}
.form label select.input-select, .wpcf7-form select.input-select{
    border: 1px solid #CCC;
    color:#666;
    height: 28px;
    padding: 5px;
    width: 100%;
    font-size:14px;
    font-family:Arial;  
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    -moz-box-shadow: 1px 1px 3px #E9E9E9 inset;
}

.form label textarea.input-textarea, .wpcf7-form textarea.input-textarea {
    border: 1px solid #CCC;
    width: 100%;
    height: 200px;
    color:#666;
    font-size: 14px;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    -moz-box-shadow: 1px 1px 3px #E9E9E9 inset;
}
.form label input.input-submit, .wpcf7-form input.input-submit{
    -moz-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    color:#FFF;
    height:30px;
    padding: 5px;
    width: 100px;
    display:block;
    font-size:12px;
    font-family:Arial;
    font-weight:bold;
    padding:0 5px 5px 5px;  
    background: #999999;    
}

.form label input.input-submit:hover, .wpcf7-form input.input-submit:hover{background: #666666;}
.form label input.input-text:hover, .wpcf7-form input.input-text:hover,
.form textarea.input-textarea:hover, .wpcf7-form textarea.input-textarea:hover,
.form label input.input-text:focus, .wpcf7-form input.input-text:focus,
.form textarea.input-textarea:focus, .wpcf7-form textarea.input-textarea:focus,
.form label select.input-select:hover, .wpcf7-form select.input-select:hover,
.form label select.input-select:hover, .wpcf7-form select.input-select:hover{
    background-color:#f8f8f8;
    border:1px solid #999;
}

.form-newsletter .input-submit { margin-top: 20px; }

/* ## Fale conosco*/
#form-contato {margin:0 0 20px 0;}

#form-contato fieldset,
.wpcf7-form fieldset{width:578px;}

#form-contato .form label{margin-right:0;}

#form-contato .form input.input-text, .wpcf7-form input.input-text{width:565px;}
#form-contato .form input.input-text.ddd{
    width:60px;
    margin: 0 10px 0 0;
}
#form-contato .form input.input-text.tel{
    width:480px;
}
#form-contato .form textarea.input-textarea, 
.wpcf7-form textarea.input-textarea{
    width:565px;
    padding:5px;
}

label.error {
    background: #FBE3E4 url(../img/ico/erro.png) 5px center no-repeat;
    border: 1px solid #FBC2C4;
    color: #8A1F11;
    padding: 5px 25px;
    width: 110px; 
}


/* ## Boletim Eletronico */
#form-boletim  form div{display:table; width:100%; margin: 0 0 10px 0;}
#form-boletim  form .input-text#formContatoNome{width:260px;}
#form-boletim  form .input-text#formContatoEmail{width:260px;}
#form-boletim  form .input-text#formContatoEmail{width:260px;}
#form-boletim  form .input-text#formContatoPais{width:370px;}
#form-boletim  form .input-text#formContatoCep{width:150px;}
#form-boletim  form .input-text#formContatoEndereco{width:440px;}
#form-boletim  form .input-text#formContatoNumero{width:80px;}
#form-boletim  form .input-text#formContatoComplemento{width:80px;}
#form-boletim  form .input-text#formContatoBairro{width:440px;}
#form-boletim  form .input-select#nomeDoFormEstado{width:90px;}
#form-boletim  form .input-text#formContatoCidade{width:440px;}
#form-boletim  form .input-text#formContatoDDD1{width:80px;}
#form-boletim  form .input-text#formContatoTelefone1{width:440px;}
#form-boletim  form .input-text#formContatoDDD2{width:80px;}
#form-boletim  form .input-text#formContatoTelefone2{width:440px;}
#form-boletim  form small{display:block; width:100%;}

/* ## Msg de validacao
    <section class="validacao-msg">
        <div class="success"><p>Mensagem de <strong>sucesso !</strong></p></div>
        <div class="notice"><p>Mensagem de <strong>Atenção</strong></p></div>
        <div class="error"><p>Mensagem de <strong>Erro</strong></p></div>
    </section>
*/
section.validacao-msg{width:100%;}
section.validacao-msg p{margin:0; padding: 0 0 0 20px; font-size:12px;}
section.validacao-msg p strong{margin:0 5px 0 0;}
section.validacao-msg .error, section.validacao-msg .notice, section.validacao-msg .success{
    margin-bottom: 1em;
    padding: 0.8em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(js/pie/PIE.htc); 
}
section.validacao-msg .error{
    background: #FBE3E4;
    border: 1px solid #FBC2C4;
    color: #8A1F11;
}
section.validacao-msg .error p{color: #8A1F11; background: url(../img/ico/erro.png) no-repeat;}
section.validacao-msg .notice{
    background: #FFF6BF;
    border: 1px solid #FFD324;
    color: #514721;
}
section.validacao-msg .notice p{color: #514721; background: url(../img/ico/notice.png) no-repeat;}
section.validacao-msg .success{
    background: #E6EFC2;
    border: 1px solid #C6D880;
    color: #264409;
}
section.validacao-msg .success p{color: #264409; background: url(../img/ico/accept.png) no-repeat;}

.wpcf7-validation-errors{
    padding: 0.8em 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #8A1F11; 
    background: #FBE3E4 url(../img/ico/erro.png) no-repeat scroll left center;
    border: 1px solid #FBC2C4;
}
.wpcf7-mail-sent-ok{
    padding: 0.8em 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #E6EFC2 background: url(../img/ico/accept.png) no-repeat left center;
    border: 1px solid #C6D880;
    color: #264409;
}

.wpcf7-not-valid-tip{
    padding: 2px 20px;
    color: #8A1F11; 
    background: #FBE3E4 url(../img/ico/erro.png) no-repeat scroll left center;
    border: 1px solid #FBC2C4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    display:table;
    margin: 1px 0 0 0;
}


/* ## Localize homepage e páginas internas*/

#localize{
    width:100%; 
    float:left; 
    margin:0 0 20px 0;
}

#localize.boxsub{width:380px;}

#localize form{
    background:#fcdece;
    padding:20px;
    display:table;
    overflow: hidden;   
}
#localize form span{display:block; color:#db6624; font-weight:bold; margin: 0 0 5px 0; cursor:default; font-size:12px;}
#localize form label{display:block; float:left; margin: 0 0 10px 0;}
#localize form label.radio1{width:240px;}
#localize form label.radio2{width:100px;}
#localize form label.radio3{width:110px;}
#localize form label.radio4{width:130px;}
#localize form label.radio5{width:100px;}
#localize form label.radio6{width:240px;}
#localize form label.radio7{width:100px;}

#localize form .input-text{
    display:block;
    border:1px solid #f8945b;
    padding:5px;
    height:20px;
    margin: 0 0 10px 0;
    color:#333;
    font-size:12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
}
#localize form .input-text#nome-escola{width:325px;}
.page-template-localize-escola-php #localize form .input-text#nome-escola{width:565px;}
#localize form .input-select{
    display:block;
    float:left;
    border:1px solid #f8945b;
    padding:5px;
    height:30px;
    margin: 0 0 20px 0; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;     
    color:#333;
    font-size:12px;
}
#localize form .input-select#input-mun,
#localize form .input-select#input-dist{width:340px;}
.page-template-localize-escola-php #localize form .input-select#input-mun,
.page-template-localize-escola-php #localize form .input-select#input-dist{width:580px;}
#localize form .input-select#input-faq{width:580px; margin:0;}

#localize form .input-select#input-etapa{width:170px; margin: 0 10px 0 0;}
.page-template-localize-escola-php #localize form .input-select#input-etapa{width:284px;}
#localize form .input-select#input-etapa2{width:160px;}
.page-template-localize-escola-php #localize form .input-select#input-etapa2{width:284px;}

.page-template-localize-diretoria-php #localize form .input-select#input-dir{width:580px;}

#localize form .input-select option{
    display:block;
    padding:5px;
    height:15px;
}
#localize form .input-radio{float:left; margin: 0 5px 0 0;}

#localize form label.botao-submit{width:100%; margin:0; display:block; float:left;}
#localize form .input-submit{
    display:block;
    border:1px solid #f8945b;
    font-weight:bold;
    padding:5px;
    height:30px;
    margin: 0 0 10px 0; 
    color:#FFF;
    float:right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    
    background: #ee873b; /* Old browsers */
    background: -moz-linear-gradient(top, #ee873b 0%, #e8652d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee873b), color-stop(100%,#e8652d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ee873b 0%,#e8652d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ee873b 0%,#e8652d 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ee873b 0%,#e8652d 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee873b', endColorstr='#e8652d',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ee873b 0%,#e8652d 100%); /* W3C */
}
#localize form .input-submit:hover{
    background: #e8652d; /* Old browsers */
    background: -moz-linear-gradient(top, #e8652d 0%, #ee873b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8652d), color-stop(100%,#ee873b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e8652d 0%,#ee873b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e8652d 0%,#ee873b 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #e8652d 0%,#ee873b 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8652d', endColorstr='#ee873b',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #e8652d 0%,#ee873b 100%); /* W3C */
}
#localize form .input-submit#submit-limpar{margin: 0 10px 0 0;}
#localize form .input-submit#submit-pesquisar{margin: 0;}


#localize .form-legislacao span{display:block; float:left; margin: 0 5px 5px 0;}
#localize .form-legislacao span.titulo{display:block; float:left; width:140px;}
#localize .form-legislacao .input-select{width:130px; margin: 0 5px 0 0;}
#localize .form-legislacao #input-palavra{margin: 0;}
#localize .form-legislacao .input-text{float:left;}
#localize .form-legislacao #input-avancada{width:420px; float:left;}
#localize .form-legislacao #input-download{width:430px;}
#localize .form-legislacao .label3{padding: 0 0 0 145px;}
#localize .form-legislacao .label3 div{float:left; width:216px;}
#localize .form-legislacao .label3 div .input-text{width:90px;}
#localize .form-legislacao .label3 div .input-text#data-inicial{margin-right:5px;}
#localize .form-legislacao .label3 div .input-text#input-ato{width:180px;}
  
 
/* # TOOLBOX - toolbox.css */
.toolbox {
    border-bottom:solid 1px #ccc;
    padding-bottom:10px;
    margin-bottom:10px;
    display:table;
    width:100%; 
}
.social-networks-share  { background-color:#f1f1f1; height:30px; padding: 10px 0 2px 0; float:left; margin:0; width:100%;}
.social-networks-share .sharrre {float:left; padding: 0 0 0 10px;}
.social-networks-share .sharrre .button {float:left;}
.social-networks-share .sharrre .button.twitter{width:120px;}
.social-networks-share .sharrre .button.facebook{width:100px;}
.social-networks-share .sharrre .button.googleplus{width:80px;}
.social-networks-share .sharrre .button.linkedin{width:104px;}

.social-networks-share #orkut_share {float:left; color:#333; font-family:Arial; font-size:12px; text-decoration:underline; padding:4px 0 0 0; width:50px;}
.social-networks-share #orkut_share img {float:left; margin: 0 2px 0 0;}
.social-networks-share #orkut_share span {float:right;}

.social-networks-share #email_share {background: url("../img/email24.png") no-repeat 0px 3px; float:right;}
.social-networks-share #email_share a {display: block; height: 20px; padding: 5px 10px 0 30px; color:#333; font-family:Arial; font-size:12px; text-decoration:underline;}

/*TOOLBOX no Sidebar*/
#extra .toolbox{
    border:none;
}
#extra .social-networks-share{
    height: auto;
    background: none;
}
#extra .social-networks-share .sharrre{
    padding: 0;
    float: none;
}
#extra .social-networks-share .sharrre .button{
    float: none;
    width: auto;
    margin: 0 0 10px 0;
}
#extra .social-networks-share #orkut_share{
    float: none;
    padding: 0;
    margin: 0 0 10px 0;
}
#extra .social-networks-share #email_share{
    float: none;
    padding: 0;
    margin: 0 0 10px 0;
}
#extra .social-networks-share #orkut_share span{
    float: none;
}

/*
.category-noticias section.post .toolbox,
.search section.post .toolbox,
.category section.post .toolbox{float:left; margin:0 0 5px 0; border:none;}

.toolbox  ul.tool1  {   
    display:block;
    float: left;
    padding:0;
    margin:0;
    width:380px;
    height: 25px;
}
.toolbox ul li a {color:#333; font-family:Arial; font-size:12px; text-decoration:underline;}
.toolbox ul li a:hover {text-decoration:none;}  
.toolbox  ul.tool1 li{float: left; display:block; height:25px;}
.toolbox  ul.tool1 li a{float: left; display:block; padding:0; margin:0; height:25px;}
.toolbox  ul.tool1 li.item01,
.toolbox  ul.tool1 li.item02{height:22px; padding: 3px 0 0 0;}
.toolbox  ul.tool1 li.item03{display:block; height:22px; padding: 3px 0 0 0;}
.toolbox  ul.tool1 li.item03 a{display:block; height:22px; }
.toolbox  ul.tool1 li.item04  {background: url(../img/ico/orkut.png) no-repeat 0 0; margin: 0 20px 0 0;}
.toolbox  ul.tool1 li.item04 a{display: block; height: 20px; padding: 5px 0 0 30px;}
.toolbox  ul.tool2 {float: left; width:240px;}  
.toolbox  ul.tool2 li {float:left;}
    
.toolbox  ul.tool2 li.item05 {
    background: url("../img/share24.png") no-repeat 0px 5px;
    padding-right:15px;
}
.toolbox  ul.tool2 li.item05 a {
    display: block;
    height: 20px;
    padding: 5px 0 0 30px;
}
.toolbox  ul.tool2 li.item06  {background: url("../img/email24.png") no-repeat 0px 3px;}
.toolbox  ul.tool2 li.item06 a {
    display: block;
    height: 20px;
    padding: 5px 0 0 30px;
}
.toolbox  ul.tool2 li.item05 .texto a:hover {}
span.texto {color: #000;    font-size: 12px;}
    
.toolbox li a:hover {text-decoration: underline;    color: #333;}
*/

/* ## Podcast */
#assinar-podcast{height:24px;}
#assinar-podcast p{height:24px; margin:0; font-size:12px; display:block; line-height:12px;}
#assinar-podcast p a{
    display:block;
    margin:0; 
    padding: 0 0 0 25px; 
    height:24px;
    font-size:12px; 
    background:url(../img/rss.png) no-repeat; 
    color:#333;
    float:left; 
}
#assinar-podcast p a span{
    display:block;
    border:1px solid #CCC;
    height:12px;
    background:#f5f5f5;
    float:left;
    padding:5px 10px 5px 10px;
    cursor:pointer;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px; 
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
}
#assinar-podcast p a:hover{text-decoration:none;}
#assinar-podcast p a span:hover{
    border:1px solid #bbb;
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
}
#banner-podcast{margin: 0 0 20px 0;}

/* # CENTRAL DE ATENDIMENTO */
#central-de-atendimento #sidebar{margin: 0 10px 0 0;}
#central-de-atendimento #breadcrumbs {
    float: left;
    width: 75%;
}
#central-de-atendimento .social-networks {
    float: right;
    margin: 30px 0 15px;
    width: 25%;
}
#central-de-atendimento .social-networks h3 {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}
#central-de-atendimento .social-networks ul {
    display: block;
    float: right;
    margin: 0;
    width: auto;
}
#central-de-atendimento #content {width: 780px;}
#central-de-atendimento #content article {
    display: block;
    float: left;
    width: 100%;
}
#central-de-atendimento #content article p{color:#333;}

#central-de-atendimento #content article .box {
    float: left;
    margin: 0 20px 0 0;
    width: 48.5%;
}
#central-de-atendimento #content article .box.sobre ul{list-style:disc; padding: 0 0 0 20px; margin: 0 0 20px 0;}
#central-de-atendimento #content article .box.sobre ul li{padding:0 0 5px 0;}

#central-de-atendimento #content article .box.localize-uma-escola {
    margin: 0;
}
#central-de-atendimento #content article .box.localize-uma-diretoria {
    margin: 0;
    width: 100%;
}
#central-de-atendimento #content article h2.title {
    border-bottom: 1px solid #a8c9d8;
    border-top: 1px solid #a8c9d8;
    font-family: Arial;
    font-size: 20px;
    margin: 0 0 20px;
    padding: 10px;
    color:#000;
}
#central-de-atendimento #content article h3{
    margin: 0 0 20px;
    padding: 10px;
    font-size:14px;
    color:#000;
    font-family:Arial;
    font-weight:bold;
    border-bottom:1px solid #a8c9d8;
}
#central-de-atendimento #content article #img-header{margin: 0 0 10px 0;}

#central-de-atendimento #content article #materia-de-consulta{display:table; margin:0 0 20px 0; padding:0; width:100%;}
#central-de-atendimento #content article #materia-de-consulta li{
    background:url(../img/bg-material-de-consulta.png) no-repeat; 
    display:block; 
    float:left; 
    width:126px;
    padding:0;
}
#central-de-atendimento #content article #materia-de-consulta li.item01{background-position: 0 0;}
#central-de-atendimento #content article #materia-de-consulta li.item02{background-position: -126px 0;}
#central-de-atendimento #content article #materia-de-consulta li.item03{background-position: -252px 0; width:125px;}
#central-de-atendimento #content article #materia-de-consulta li.item01:hover{background-position: 0 -43px;}
#central-de-atendimento #content article #materia-de-consulta li.item02:hover{background-position: -126px -43px;}
#central-de-atendimento #content article #materia-de-consulta li.item03:hover{background-position: -252px -43px;}

#central-de-atendimento #content article #materia-de-consulta li a{
    display:block;
    padding:13px 10px 4px 40px;
    font-size:12px; 
    font-weight:bold;
    color:#60818a;
    height:26px;
    text-align:center;
}
#central-de-atendimento #content article #materia-de-consulta li.item01 a{padding:8px 10px 9px 40px;}

#central-de-atendimento #content article .localize-uma-diretoria .localidade{
    width:32.3%;
    float:left;
    margin:0 10px 0 0;
}
#central-de-atendimento #content article .localize-uma-diretoria .localidade.last{margin:0;}

#central-de-atendimento #content article .localize-uma-diretoria .localidade h3{
    font-family:Arial;
    font-size:14px;
    text-align:center;
    border:none;
}
#central-de-atendimento #content article .localize-uma-diretoria .localidade a{display:block;}
#central-de-atendimento #content article .localize-uma-diretoria .localidade a:hover{background:#EEE;}

/*Form*/
#central-de-atendimento #content article form {
    height: auto;
    margin: 0 0 20px;
    padding: 20px;
    display:table;
}
#central-de-atendimento #content article form input[type="text"], 
#central-de-atendimento #content article form input[type="email"], 
#central-de-atendimento #content article form textarea {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    color: #666666;
    font-size: 14px;
    margin: 0 0 20px 0;
    padding: 5px;
    width: 95%;
}
#central-de-atendimento #content article form select {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    color: #666666;
    font-size: 12px;
    height: 30px;
    margin: 0 0 20px 0;
    padding: 5px;
    width: 99%;
}

#central-de-atendimento #content article form select#input-etapa,
#central-de-atendimento #content article form select#input-etapa2{width:47%; float:left;}
#central-de-atendimento #content article form select#input-etapa{margin:0 5% 0 0;}

#central-de-atendimento #content article form select option{
    display: block;
    font-size: 12px;
    height: 10px;
    padding: 5px;
}
#central-de-atendimento #content article form textarea {height: 100px;}
#central-de-atendimento #content article form input[type="text"]:hover, 
#central-de-atendimento #content article form input[type="email"]:hover, 
#central-de-atendimento #content article form select:hover, 
#central-de-atendimento #content article form textarea:hover {border: 1px solid #BBBBBB;}
#central-de-atendimento #content article form input[type="submit"] {
    background: #3b9dbb;
    background: -moz-linear-gradient(top, #3b9dbb 0%, #2d7da5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b9dbb), color-stop(100%,#2d7da5));
    background: -webkit-linear-gradient(top, #3b9dbb 0%,#2d7da5 100%);
    background: -o-linear-gradient(top, #3b9dbb 0%,#2d7da5 100%);
    background: -ms-linear-gradient(top, #3b9dbb 0%,#2d7da5 100%);
    background: linear-gradient(top, #3b9dbb 0%,#2d7da5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b9dbb', endColorstr='#2d7da5',GradientType=0 );
    float:right;
    border: 1px solid #308fbb;
    color: #FFFFFF;
    font-weight: bold;
    height: 25px;
    padding: 0 10px;
    margin: 0 5px 0 0;
    line-height:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
}
#central-de-atendimento #content article form input[type="submit"]:hover {  
    background: #2d7da5;
    background: -moz-linear-gradient(top, #2d7da5 0%, #3b9dbb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d7da5), color-stop(100%,#3b9dbb));
    background: -webkit-linear-gradient(top, #2d7da5 0%,#3b9dbb 100%);
    background: -o-linear-gradient(top, #2d7da5 0%,#3b9dbb 100%);
    background: -ms-linear-gradient(top, #2d7da5 0%,#3b9dbb 100%);
    background: linear-gradient(top, #2d7da5 0%,#3b9dbb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7da5', endColorstr='#3b9dbb',GradientType=0 );
}
#central-de-atendimento #content article form span.title {
    display:block;
    font-size:14px; 
    font-weight:bold;
    margin: 0 0 5px 0;
    float:left;
    width:100%;
}
#central-de-atendimento #content article form label{margin: 0 0 15px 0; display:block; float:left;}
#central-de-atendimento #content article form label.radio1{width:70%;}
#central-de-atendimento #content article form label.radio2{width:30%;}
#central-de-atendimento #content article form label.radio3{width:70%;}
#central-de-atendimento #content article form label.radio4{width:30%;}
#central-de-atendimento #content article form label.radio5{width:30%;}
#central-de-atendimento #content article form label.radio6{width:70%;}
#central-de-atendimento #content article form label.botao-submit{float:right;}
#central-de-atendimento #content article form label span {
    font-size: 12px;
    font-weight: bold;
}

/* ### Paginacao 
    <div class="central-atendimento-paginacao">
        <ul>
            <li><a href="#">01</a></li>
            <li><a href="#">02</a></li>
            <li><a href="#">03</a></li>
        </ul>   
    </div>
*/
.central-atendimento-paginacao{float:left;}
.central-atendimento-paginacao p span{
    font-size:12px;
    font-weight:bold;
    font-family:Arial;
    padding: 0 20px;
}
.central-atendimento-paginacao p span.n{font-weight:normal; font-size:14px;}

.central-atendimento-paginacao ul{display:block; padding:0; margin: 0 0 20px 0;}
.central-atendimento-paginacao ul li{display:block; padding:0; margin: 0 5px 0 0; float:left;}
.central-atendimento-paginacao ul li a{
    background: #ccdde5;
    color:#5488a0;
    display:block;
    padding:5px 8px;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
}
.central-atendimento-paginacao ul li a:hover, 
.central-atendimento-paginacao ul li span.current{
    background: #5488a0;
    color:#ccdde5;
    display:block;
    padding:5px 8px;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
}

/* ### Botoes

    <div class="nav-bt"><a href="#">Enviar</a></div>
    <div class="nav-bt"><a href="#">OK</a></div>
*/
.nav-bt{float:right; margin: 0 0 40px 0;}
.nav-bt a{
    background: #3b9dbb;
    background: -moz-linear-gradient(top, #3b9dbb 0%, #2d7da5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b9dbb), color-stop(100%,#2d7da5));
    background: -webkit-linear-gradient(top, #3b9dbb 0%,#2d7da5 100%);
    background: -o-linear-gradient(top, #3b9dbb 0%,#2d7da5 100%);
    background: -ms-linear-gradient(top, #3b9dbb 0%,#2d7da5 100%);
    background: linear-gradient(top, #3b9dbb 0%,#2d7da5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b9dbb', endColorstr='#2d7da5',GradientType=0 );
    float:right;
    border: 1px solid #308fbb;
    color: #FFFFFF;
    font-weight: bold;
    font-size:11px;
    height: 14px;
    padding: 5px 10px;
    margin: 0 0 0 5px;
    line-height:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.nav-bt a:hover{
    text-decoration:none;
    background: #2d7da5;
    background: -moz-linear-gradient(top, #2d7da5 0%, #3b9dbb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d7da5), color-stop(100%,#3b9dbb));
    background: -webkit-linear-gradient(top, #2d7da5 0%,#3b9dbb 100%);
    background: -o-linear-gradient(top, #2d7da5 0%,#3b9dbb 100%);
    background: -ms-linear-gradient(top, #2d7da5 0%,#3b9dbb 100%);
    background: linear-gradient(top, #2d7da5 0%,#3b9dbb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7da5', endColorstr='#3b9dbb',GradientType=0 );
}


/* ### PERGUNTAS FREQUENTES */
.perguntas-frequentes .result{border:2px solid #afabab; width:99%;}
.perguntas-frequentes .result ul{list-style:disc; padding:20px; padding: 0 0 0 40px; margin: 0 0 20px 0;}
.perguntas-frequentes .result ul li{margin:0; padding:0 0 5px 0;}
.perguntas-frequentes .result ul li a{font-family:Arial; font-weight:bold; font-size:12px;}

.perguntas-frequentes .result .accordion{padding:20px;}
.perguntas-frequentes .result .accordion .item-accordion{margin: 0 0 15px 0;}
.perguntas-frequentes .result .accordion .item-accordion-title h4 a{
    display:block;
    background:url(../img/arrow-faq.png) no-repeat scroll left center;
    font-size:11px; 
    text-transform:uppercase; 
    padding: 0 0 0 20px;
    font-family:Arial;
}

.perguntas-frequentes .result .accordion .item-accordion-information{padding: 0 0 0 20px; display:none;}
.perguntas-frequentes .result .accordion .item-accordion-information p{font-size:12px; font-weight:bold; margin: 0 0 10px 0;}

/* ### LOCALIZE UMA ESCOLA */

/* #### resultado */
.resultado-localize-uma-escola{width:100%;}
.resultado-localize-uma-escola ul{display:block;}
.resultado-localize-uma-escola ul li{display:block; margin:0 0 10px 0; padding:0 0 5px 0;}
.resultado-localize-uma-escola ul li:hover{background:#EEE;}
.resultado-localize-uma-escola ul li h4{margin:0;}
.resultado-localize-uma-escola ul li h4 a{
    font-family:Arial; 
    font-size:14px; 
    font-weight:bold; 
    color:#000304;
    padding: 0 0 0 20px;
    background:url(../img/arrow-resultado.png) no-repeat scroll left center;
} 

.resultado-localize-uma-escola ul li span{font-size:12px; font-weight:normal; color:#000304; padding: 0 0 0 20px}
.resultado-localize-uma-escola ul li span strong{font-size:12px; font-weight:bold; font-style:italic;}

/* #### Detalhe*/
.info-escola {width:100%; margin: 0 0 20px 0;}
.info-escola .mapa{
    padding:10px;
    border:1px solid #afabab;
    float:left;
    margin: 0 30px 0 0;
}
.info-escola .dados{float:left; width:60%;}
#central-de-atendimento #content article .info-escola .dados h3{
    border:none; 
    padding: 10px 0; 
    font-size:18px; 
    font-weight:normal; 
    font-family:Arial;
}
.info-escola .dados address{
    display:block; 
    float:left;
    width:48%;
    margin: 0 0 15px 0; 
    font-family:Arial;
    font-size:14px;
    font-style:normal;
}
.info-escola .dados address.endereco{width:auto;}
.info-escola .dados address.tipos{width:auto;}
.info-escola .dados address.tipos strong{width:120px; float:left;}
.info-escola .dados address.tipos span{display:block; width:auto; padding: 0 0 0 120px; margin: 0 0 5px 0;}



/* ### LOCALIZE UMA DIRETORIA*/
#central-de-atendimento #content article .form-localize-diretoria{width:80%;}
#central-de-atendimento #content article .form-localize-diretoria span{display:block; font-family:Arial; font-weight:bold; font-size:14px;}
#central-de-atendimento #content article .form-localize-diretoria select{float:left; width:80%;}
#central-de-atendimento #content article .resultado-localize-uma-diretoria{float:left; width:60%;}

#central-de-atendimento #content article .resultado-localize-uma-diretoria p{font-size:14px; font-weight:bold;}
#central-de-atendimento #content article .resultado-localize-uma-diretoria .dados{margin: 0 0 20px 0;}
#central-de-atendimento #content article .resultado-localize-uma-diretoria .dados h3{border:none; padding: 10px 0; margin:0;}
#central-de-atendimento #content article .resultado-localize-uma-diretoria .dados address{font-style:normal; font-size:14px; padding:5px 0;}
#central-de-atendimento #content article .resultado-localize-uma-diretoria .dados address strong{display:block; float:left; padding: 0 10px 0 0;}
#central-de-atendimento #content article .resultado-localize-uma-diretoria .dados address span{padding: 0 0 0 100px; display:block;}
#central-de-atendimento #content article  .jurisdicao{width:35%;}

#central-de-atendimento #content article .rede-de-ensino{width:100%;}
#central-de-atendimento #content article .rede-de-ensino .img-mapa{margin: 0 40px 0 0; float:right;}
#central-de-atendimento #content article .rede-de-ensino .central-atendimento-paginacao{float:none; width:100%;}
#central-de-atendimento #content article .rede-de-ensino .dados{border:1px solid #afabab; margin: 0 0 20px 0; width:425px;}
#central-de-atendimento #content article .rede-de-ensino .dados address{border-bottom:1px solid #a8c9d8; padding:10px; font-style:normal;}
#central-de-atendimento #content article .rede-de-ensino .dados address:hover{background:#eee;}
#central-de-atendimento #content article .rede-de-ensino .dados address a{text-decoration:underline; display:block;}
#central-de-atendimento #content article .rede-de-ensino .dados.header{float:left;}

#central-de-atendimento #content article .rede-de-ensino .dados address strong{padding: 0 10px 0 0; width:80px; display:block; float:left;}
#central-de-atendimento #content article .rede-de-ensino .dados address strong span{padding: 0 0 0 100px;}

/* #### Resultado Mapa*/
#central-de-atendimento #content article .resultado-pesquisa-mapa{width:100%; margin: 0 0 20px 0;}
#central-de-atendimento #content article .resultado-pesquisa-mapa h3{padding:0; border:none; margin:0;}
#central-de-atendimento #content article .resultado-pesquisa-mapa .img-mapa{float:left;}
#central-de-atendimento #content article .resultado-pesquisa-mapa .img-mapa a{display:block;}
#central-de-atendimento #content article .resultado-pesquisa-mapa .img-mapa.maior{width:594px;}
#central-de-atendimento #content article .resultado-pesquisa-mapa .img-mapa.menor{border:1px solid #afabab; margin: 30px 0 0 0; padding:10px;}
#central-de-atendimento #content article .resultado-pesquisa-mapa .img-mapa.menor:hover{background:#EEE;}

/* ### LEGISLACAO*/
#central-de-atendimento #content article .box{margin: 0 20px 20px 0;}
#central-de-atendimento #content article .box.publicacoes{margin:0;}
#central-de-atendimento #content article .box.publicacoes .edicoes a{display:block; margin:0 20px 0 0; float:left;}
#central-de-atendimento #content article .box.publicacoes .edicoes a.last{margin:0;}

#central-de-atendimento #content article .pesquisas{width:100%; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom:1px solid #a8c9d8; }
#central-de-atendimento #content article .pesquisas .form-localize-legislacao{float:left; margin:0; padding:0;}
#central-de-atendimento #content article .pesquisas .form-localize-legislacao span{float:left; font-family:Arial; font-weight:bold; font-size:14px; color:#000304; padding: 5px 5px 0 0; display:block; width:110px;}
#central-de-atendimento #content article .pesquisas .form-localize-legislacao select{width:auto;}

#central-de-atendimento #content article .pesquisas .nav-bt{float:left; margin:0 0 0 20px; padding:2px;}
#central-de-atendimento #content article .pesquisas .nav-bt a{float:left;}
#central-de-atendimento #content article .pesquisas .palavra-chave{width:100%; float:left;}
#central-de-atendimento #content article .pesquisas .palavra-chave span.title{padding:0 0 0 115px; font-family:Arial; font-size:12px; margin: 0 0 5px 0; display:block;}
#central-de-atendimento #content article .pesquisas .palavra-chave .list{display:table; padding: 0 0 0 115px;}
#central-de-atendimento #content article .pesquisas .palavra-chave .list a{
    background: #ccdde5;
    color:#5488a0;
    display:block;
    padding:5px 6px;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    float:left;
    margin:0 6px 0 0;
    text-decoration:none;
}
#central-de-atendimento #content article .pesquisas .palavra-chave .list a:hover{
    background: #5488a0;
    color:#ccdde5;
    display:block;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
}

/* ### Publicacoes*/
#central-de-atendimento #content article .lista-publicacoes{width:100%;}
#central-de-atendimento.legislacao-publicacoes #content article .nav-bt{margin:0;}
#central-de-atendimento #content article .lista-publicacoes ul{display:block; padding:0; margin: 0 0 20px 0;}
#central-de-atendimento #content article .lista-publicacoes ul li{display:block; padding:0 0 10px 140px; margin: 0 0 40px 0; border-bottom:1px solid #a8c9d8;}
#central-de-atendimento #content article .lista-publicacoes ul li.item01{background: url(../img/edicao1.png) no-repeat scroll left top;}
#central-de-atendimento #content article .lista-publicacoes ul li.item02{background: url(../img/edicao2.png) no-repeat scroll left top;}
#central-de-atendimento #content article .lista-publicacoes ul li.item03{background: url(../img/edicao3.png) no-repeat scroll left top;}
#central-de-atendimento #content article .lista-publicacoes ul li span.title{font-size:14px; font-weight:bold; font-family:Arial; margin: 0 0 20px 0; display:block;}
#central-de-atendimento #content article .lista-publicacoes ul li span.ano-current{font-size:14px; font-weight:bold; font-family:Arial; float:left; margin: 5px 10px 0 0;}
#central-de-atendimento #content article .lista-publicacoes ul li .volumes{margin: 0 0 20px 0; padding: 0 0 0 40px;}
#central-de-atendimento #content article .lista-publicacoes ul li .volumes span{
    display:block;
    padding:5px 0 5px 20px;
    background: url(../img/arrow-resultado.png) no-repeat scroll left center;
}
#central-de-atendimento #content article .lista-publicacoes ul li .volumes span.outro{font-weight:bold; padding: 10px 0 10px 20px;}
#central-de-atendimento #content article .lista-publicacoes ul li .volumes span a{font-size:14px; font-family:Arial; color:#000304;}

/* pesquisa avançada*/
#central-de-atendimento #content article .pesquisa-avancada form{padding:0;}
#central-de-atendimento #content article .pesquisa-avancada form span{display:block; font-size:14px; font-family:arial; float:left; width:auto; font-weight:normal; padding: 5px 10px 0 10px;}
#central-de-atendimento #content article .pesquisa-avancada form span.title{ font-weight:bold; margin:0;}
#central-de-atendimento #content article .pesquisa-avancada form label{width:100%;}
#central-de-atendimento #content article .pesquisa-avancada form label input{width:auto; float:left;}
#central-de-atendimento #content article .pesquisa-avancada form label input[type=text]{width:130px;}
#central-de-atendimento #content article .pesquisa-avancada form label input#palavra-semelhante{width:520px;}
#central-de-atendimento #content article .pesquisa-avancada form label input[type=radio]{margin: 5px 0 0 0;}

/*resultado-palavra-chave*/
#central-de-atendimento #content article .resultado-palavra-chave ul{padding: 0 0 0 20px; margin: 0 0 40px 0; list-style:disc;}
#central-de-atendimento #content article .resultado-palavra-chave ul li{padding:5px;}
#central-de-atendimento #content article .resultado-palavra-chave ul li a{display:block;}

/*resultado-pesquisa*/
#central-de-atendimento.legislacao-resultado #content article .central-atendimento-paginacao{font-size:14px; margin: 0 0 20px 0;}
#central-de-atendimento.legislacao-resultado #content article .central-atendimento-paginacao span{font-size:14px; padding:0;}
#central-de-atendimento.legislacao-resultado #content article .central-atendimento-paginacao p{margin: 0 0 5px 0;}

#central-de-atendimento #content article .resultado-pesquisa{width:100%;}
#central-de-atendimento #content article .resultado-pesquisa h3{border:none; padding: 0 0 0 20px; font-size:18px;}
#central-de-atendimento #content article .resultado-pesquisa    ul,
#central-de-atendimento #content article .lista-downloads       ul{display:block; padding:0; margin: 0 0 20px 0;}
#central-de-atendimento #content article .resultado-pesquisa    ul li,
#central-de-atendimento #content article .lista-downloads       ul li{display:block; padding:0 0 0 20px; margin: 0 0 10px 0; background: url(../img/arrow-resultado.png) no-repeat scroll left 2px;}
#central-de-atendimento #content article .resultado-pesquisa    ul li span.title,
#central-de-atendimento #content article .lista-downloads       ul li span.title
{font-size:14px; font-weight:bold; font-family:Arial; margin: 0 0 5px 0; display:block;}

/*detalhe*/
#central-de-atendimento #content article .resultado-pesquisa-detalhe h3{padding:0; border:none;}
#central-de-atendimento #content article .resultado-pesquisa-detalhe span{display:block; font-family:Arial; font-size:14px;}
#central-de-atendimento #content article .resultado-pesquisa-detalhe span.title{font-weight:bold;}
#central-de-atendimento #content article .resultado-pesquisa-detalhe ul {display:block; padding:0; margin: 0 0 20px 0;}
#central-de-atendimento #content article .resultado-pesquisa-detalhe ul li{display:block; padding:5px;}
#central-de-atendimento #content article .resultado-pesquisa-detalhe p.more{font-family:Arial; font-size:14px; font-weight:bold;}


/* ## Contato*/
#central-de-atendimento #content article .contato {width:500px; float:left; margin: 0 20px 2px 0;}
#central-de-atendimento #content article .contato p.title{margin:0 0 20px 0; font-size:12px; font-weight:bold; padding: 0 0 0 20px;}
#central-de-atendimento #content article .contato form.form-contato{border:2px solid #afabab;}
#central-de-atendimento #content article .contato form.form-contato label{width:100%; float:none;}

#central-de-atendimento #content article .contato form.form-contato span{float:left; width:60px; padding: 5px 20px 0 0;}
#central-de-atendimento #content article .contato form.form-contato label.label04 span,
#central-de-atendimento #content article .contato form.form-contato label.label05 span{width:200px;}
#central-de-atendimento #content article .contato form.form-contato label.label06 span{width:80px;}
#central-de-atendimento #content article .contato form.form-contato input[type=text],
#central-de-atendimento #content article .contato form.form-contato textarea{width:auto; margin:0;}
#central-de-atendimento #content article .contato form.form-contato input#nome,
#central-de-atendimento #content article .contato form.form-contato input#email{width:350px;}
#central-de-atendimento #content article .contato form.form-contato input#ddd-telefone{width:40px;}
#central-de-atendimento #content article .contato form.form-contato input#telefone{width:200px;}
#central-de-atendimento #content article .contato form.form-contato .input-textarea{width:325px;}
#central-de-atendimento #content article .contato form.form-contato select{width:220px; margin:0;}

#central-de-atendimento #content article .endereco-mapa{padding: 65px 0 0 0;}
#central-de-atendimento #content article .endereco-mapa .mapa{
    border: 1px solid #AFABAB;
    float: left;
    margin: 0 0 30px 0;
    padding: 10px;
}
#central-de-atendimento #content article .endereco-mapa ul{display:block; padding:0; margin: 0 0 20px 0;}
#central-de-atendimento #content article .endereco-mapa ul li{display:block; padding: 5px 0;}
#central-de-atendimento #content article .endereco-mapa ul li span{font-size:12px; font-weight:bold; font-family:Arial;}

/* ## Sidebar*/
.perguntas-frequentes           #menu-central-de-atendimento li.item01 a,
.localize-uma-escola            #menu-central-de-atendimento li.item02 a,
.localize-uma-diretoria         #menu-central-de-atendimento li.item03 a,
.legislacao                     #menu-central-de-atendimento li.item04 a,
.downloads                      #menu-central-de-atendimento li.item05 a,
.contato                        #menu-central-de-atendimento li.item06 a{background:#FFF;}



.ui-dialog iframe{overflow: scroll !important;}

/* ## Página Preview*/
body.page-preview{margin: 35px 0 0 0;}
#preview{
    position:fixed; 
    top:0; 
    z-index: 999999; 
    background:#0067A6; 
    width:100%;
    -webkit-box-shadow: 0px 2px 5px 2px #666666;
    -moz-box-shadow: 0px 2px 5px 2px #666666;
    box-shadow: 0px 2px 5px 2px #666666; 
}
#preview .fechar{
    display:block; 
    color: #0067A6; 
    font-size:12px; 
    border:1px solid #7FB3D2; 
    background:#eee; 
    float: right; 
    padding: 5px; 
    margin: 5px 20px 5px 0;
    font-weight:bold;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
}
#preview .fechar:hover{background:#BFD9E9; text-decoration:none;}


/* # CONCURSO BIENAL DO LIVRO */
#banner-bienal{width:940px; height:300px; background:#f16d23 url(../img/banner-concurso-bienal.jpg) no-repeat; position: relative; margin: 0 0 15px 0;}
#banner-bienal p{margin:0; font-size:16px; line-height:18px; color: #fff; display: block; position: absolute; left:35px; bottom:20px; width:350px; }
#sobre-concurso p{font-size:16px; color: #696666; padding: 0 30px;}

#enviar-video{
    position: relative;
    padding:20px 25px 20px 25px;
    margin: 0 0 40px 0;
    border:1px solid #ccc;
    background: #e7e7e7; /* Old browsers */
    background: -moz-linear-gradient(top,  #e7e7e7 0%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e7e7e7 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e7e7e7 0%,#efefef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e7e7e7 0%,#efefef 100%); /* IE10+ */
    background: linear-gradient(top,  #e7e7e7 0%,#efefef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
    
}
#enviar-video form h3{color: #696666; font-size:18px; font-weight:bold; font-family:Arial;}
#enviar-video form span{display: block; color: #696666; font-size:12px; margin: 0; padding: 0 0 0 2px; font-weight:bold; font-family:Arial; } 
#enviar-video form fieldset{width: 100%; display: block; margin: 0 0 5px 0;}
#enviar-video form fieldset div{ margin: 0 ; padding:0; display: block; float: left; position: relative;}
#enviar-video form fieldset div.nome span, #enviar-video form fieldset div.nome input,
#enviar-video form fieldset div.com span, #enviar-video form fieldset div.com input,
#enviar-video form fieldset div.ddd span, #enviar-video form fieldset div.ddd input,
#enviar-video form fieldset div.reg span, #enviar-video form fieldset div.reg input,
#enviar-video form fieldset div.concordo span, #enviar-video form fieldset div.concordo input{margin-left:25px;}

#enviar-video form input[type="text"], 
#enviar-video form input[type="email"], 
#enviar-video form textarea,
#enviar-video form select{ 
    display: block;
    background: #fefcfc;
    border: 1px solid #bdb6b6;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #696666;
    font-size: 14px;
    line-height:20px;
    margin: 0 10px 15px 0;
    padding: 5px;
    width: 95%;
    /*float: left;*/
}
#enviar-video form input[type="text"]:hover, #enviar-video form input[type="text"]:focus, 
#enviar-video form input[type="email"]:hover, #enviar-video form input[type="email"]:focus, 
#enviar-video form textarea:hover, #enviar-video form textarea:focus,
#enviar-video form select:hover, #enviar-video form select:focus{
    border:1px solid #aaa;
    background:#fff;
    -webkit-box-shadow: 0px -1px 2px 0px #bbb;
    -moz-box-shadow: 0px -1px 2px 0px #bbb;
    box-shadow: 0px -1px 2px 0px #bbb; 
}

#enviar-video form textarea{font-size:12px; color: #696666; width:100%;}

/*row1*/
#enviar-video form #row1 h3{float:left; margin: 0; width:18%; padding:4px 0 0 0;}
#enviar-video form #row1 .linkVideo{width:82%; margin-right:0;}
#enviar-video form #row1 span{float: none; padding:8px 15px; margin: 0 0 15px 0;}
#enviar-video form #input-linkVideo{width:350px; float: left; margin-right:10px;}

/*row2*/
#enviar-video form #input-nome{width:400px;}
#enviar-video form #input-end{width:340px;}
#enviar-video form #input-nun{width:46px; margin-right: 0;}
#enviar-video form #input-com{width:252px;}
#enviar-video form #input-cep{width:125px;}
#enviar-video form #select-est{width:60px; padding:4px; height:28px;}
#enviar-video form #input-cid{width:339px; margin-right: 0;}
#enviar-video form #input-ddd{width:30px;}
#enviar-video form #input-tel{width:80px;}
#enviar-video form #input-rg,
#enviar-video form #input-ra{width:76px;}
#enviar-video form #input-dtn{width:114px;}
#enviar-video form #input-email{width:160px;}
#enviar-video form #input-ne{width:172px; margin-right: 0;}
#enviar-video form div.ddd input,
#enviar-video form div.rg input{margin-right:5px;}
#enviar-video form p.obs{float: right; text-align:right; color: #696666; font-size:12px; line-height: 12px; margin: 0 25px 0 0;}

/*row3*/
#enviar-video form #textarea-reg{width:830px; height:130px; margin-left:25px; margin-right:0;}
#enviar-video form #check-concordo{float: left; margin: 0 10px 0 25px;}
#enviar-video form div.concordo{width:40%;}

/*row4*/
#enviar-video form fieldset#row4{margin:0;}
#enviar-video form div.enviar{ float: none; height:auto;}
#enviar-video form #input-submit,
#enviar-video form #input-submit:visited,
#enviar-video form #input-submit:active{    
    display: block;
    border:1px solid #ccc;
    padding:5px 20px;
    -webkit-border-radius: 4px;   
    border-radius: 4px;
    font-family:Arial;
    font-weight:bold;
    font-size:14px;
    color: #696666;
    z-index:999;
    position: absolute;
    right:20px;
    bottom:-35px;
    background: #fefefe;
    background: -moz-linear-gradient(top,  #fefefe 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top,  #fefefe 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top,  #fefefe 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top,  #fefefe 0%,#e6e6e6 100%);
    background: linear-gradient(top,  #fefefe 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6e6e6',GradientType=0 );
}

#enviar-video form #input-submit:hover,
#enviar-video form #input-submit:focus{
    border:1px solid #aaa;
    text-decoration:none;   
    -webkit-box-shadow: 0px -1px 2px 0px #ccc;
    -moz-box-shadow: 0px -1px 2px 0px #ccc;
    box-shadow: 0px -1px 2px 0px #ccc; 
    
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #fefefe 5%, #e6e6e6 20%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(5%,#fefefe), color-stop(20%,#e6e6e6), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top, #fefefe 0%,#fefefe 5%,#e6e6e6 20%,#e6e6e6 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#fefefe 5%,#e6e6e6 20%,#e6e6e6 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#fefefe 5%,#e6e6e6 20%,#e6e6e6 100%);
    background: linear-gradient(top, #fefefe 0%,#fefefe 5%,#e6e6e6 20%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#fefefe',GradientType=0 );
}

/*Alerts*/
.alert {
    display: none;
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    border-radius: 4px 4px 4px 4px;
    color: #C09853;
    margin-bottom: 18px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-danger, .alert-error {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}
.alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}
.alert-info {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
}

#enviar-video form label.error{font-size:11px; color: #B94A48; background:#F2DEDE; position: absolute; bottom:6px; right:10px;
    -webkit-border-radius: 4px;    
    border-radius: 4px;
}
#enviar-video form .linkVideo label.error{bottom:10px; right:375px;} 
#enviar-video form .concordo label.error{bottom:-15px; right:280px;} 
#enviar-video form input[type="text"].error, 
#enviar-video form input[type="email"].error, 
#enviar-video form textarea.error,
#enviar-video form select.error{border:1px dotted #B94A48;}

/*Vídeos*/
#v-part{width:100%;}
#v-part #h-part{border:1px solid #ccc; background:#fc813c; padding: 15px 10px; height:18px; position: relative; margin: 0 0 10px 0;}
#v-part #h-part h2{
    font-family:Arial;
    font-weight:bold;
    font-size:22px;
    color: #fdf9f9;
    float: left;
    margin: 0;
    top:-25px;
    padding: 35px 0 5px 80px;
    background: url(../img/ico-camera.jpg) no-repeat scroll left center;
    position: absolute; 
}

#v-part #h-part ul.filtro-abc{float: right;}
#v-part #h-part ul.filtro-abc li{display: block; float: left; margin-left: 2px;}
#v-part #h-part ul.filtro-abc li a{
    display: block;
    text-transform:uppercase;
    color: #fdf9f9;
    font-size:14px;
    font-weight:bold;
    font-family:Arial;
    padding:0 1px;
}
#v-part #h-part ul.filtro-abc li.all{margin-right:5px; margin-left:2px;}
#v-part #h-part ul.filtro-abc li.all a{background:#e86922; text-transform:inherit; padding:2px 4px;}
#v-part #h-part ul.filtro-abc li.active a{background:#e86922;}

#v-part #filtro-mais{width:100%; overflow: hidden; margin: 0 0 30px 0;}
#v-part #filtro-mais ul{display: block; float: right;}
#v-part #filtro-mais ul li{display: block; float: left; color: #696666; font-size:12px;}
#v-part #filtro-mais ul li a{display: block; padding: 0 4px; color: #696666;}
#v-part #filtro-mais ul li a.active{text-decoration:underline;}

#content-part{display: table;}
.row-video .box-video{float: left; margin: 0 90px 40px 0;}
.row-video .box-video.last{margin: 0;}
.row-video .box-video .thumb{margin: 0 0 10px 0;} 
.row-video .box-video .n-part{color: #696666; font-size:14px; font-weight:bold; margin:0; padding: 0 0 0 5px;}
.row-video .box-video .n-escola{color: #696666; font-size:12px; margin:0 0 5px 0; display: block; padding: 0 0 0 5px;}
.row-video .box-video .view{color: #696666; font-size:12px; margin:0 0 5px 0; display: block; padding: 0 0 0 5px;}
.row-video .box-video .thumb a{
    display: block;
    border:1px solid #c3bfbf;
    padding:5px;
}
.row-video .box-video .thumb a img{display: block;}

/* ## Paginação Vídeos Participantes */
.v-pagination {text-align:center;}
.v-pagination a,
.v-pagination span{
    display:inline-block;
    width:28px; 
    height:28px; 
    font-size:14px;
    font-weight:bold;
    color: #d05007; 
} 
.v-pagination a{padding:0 0 10px 0; height:18px; background: url(../img/pg-videos.png) no-repeat scroll center bottom;}

.v-pagination .prev,
.v-pagination .next{
    border:1px solid #ccc;
    text-indent:-9999px;
    margin: 0 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top, #fefefe 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#e6e6e6 100%);
    background: linear-gradient(top, #fefefe 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6e6e6',GradientType=0 );
}
.v-pagination .prev:hover,
.v-pagination .next:hover{
    border:1px solid #aaa;
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #fefefe 5%, #e6e6e6 20%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(5%,#fefefe), color-stop(20%,#e6e6e6), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top, #fefefe 0%,#fefefe 5%,#e6e6e6 20%,#e6e6e6 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#fefefe 5%,#e6e6e6 20%,#e6e6e6 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#fefefe 5%,#e6e6e6 20%,#e6e6e6 100%);
    background: linear-gradient(top, #fefefe 0%,#fefefe 5%,#e6e6e6 20%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#fefefe',GradientType=0 );
}

.v-pagination a:hover, 
.v-pagination a.active {
    text-decoration:none;
    background: url(../img/pg-videos-active.png) no-repeat scroll center bottom;
}
.v-pagination .prev a,
.v-pagination .next a{display: block; background:url(../img/arrow-projetos.png) no-repeat; padding:0; margin:0; height:28px;}
.v-pagination .next a{background-position: -28px 0;}


/* ### Modal Vídeos*/
#concurso-bienal .ui-dialog{
    display: none;
    position: absolute;
    z-index:999999;
    background: url(../img/bg-modal-videos.png);
    padding:40px 130px; 
    -webkit-border-radius: 5px;    
    border-radius: 5px;    
    color: #fffcfc;
    /*opacity: 0.8;
    -moz-opacity: 0.8;
    filter:alpha(opacity=8);*/
}
#concurso-bienal .ui-dialog .ui-dialog-titlebar #ui-dialog-title-dialog{display: none;}
#concurso-bienal .ui-dialog iframe{overflow: hidden !important; margin: 0 0 50px 0;}
#concurso-bienal .ui-dialog-titlebar-close{
    position: absolute;
    background: url(../img/ui-close.png) no-repeat;
    right:10px;
    top:10px;
    display: block;
    width:34px;
    height:34px;
    text-indent:-9999px;
}
#concurso-bienal .ui-dialog h3{
    font-size:18px;
    color: #fffcfc;
    margin: 0 0 10px 0;
    font-weight:bold;
}
#concurso-bienal .ui-dialog span{
    display: block;
    font-size:14px;
    color: #fffcfc;
    margin: 0 0 30px 0;
}

.compartilhe h4{float: left; color: #fffcfc; padding:5px 0 0 0; margin: 0 0 30px 0; font-weight:bold;}
.compartilhe ul li {
    margin-left: 5px;
    position: relative;
    float: left;
    height:36px;
    width:30px;
    list-style:none;
}
.compartilhe ul li a{
    margin: 0 auto;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/redes_sociais.png) no-repeat;
    display: block;
}
.compartilhe ul li.facebook a {background-position: -3px -3px;}
.compartilhe ul li.twitter a {background-position: -49px -3px;}
.compartilhe ul li.orkut a {background-position: -95px -3px;}

#concurso-bienal .ui-dialog span.url{display: block; float: left; width:100%; color: #fcfafa; font-size:14; font-weight:bold; text-transform:uppercase;} 
#concurso-bienal .ui-dialog span.url input{
    background: #fefcfc; 
    width: 340px; 
    height:20px; 
    padding:5px; 
    margin: 0 0 0 5px;
    border:1px solid #bdb6b6;
    -webkit-border-radius: 5px;    
    border-radius: 5px; 
    font-size:12px;
    color:#545050;
}


/* # CONCURSO COPA*/
#enviar-video #form-concurso-copa{}
#enviar-video #form-concurso-copa input[type=text]{
    width: 200px;
    padding-right:5px;
    margin: 0 0 15px 0;
}

#enviar-video #form-concurso-copa fieldset h4{display: block; width: 100%; float: left; color: #666; font-size: 16px; font-weight: bold;}
#enviar-video #form-concurso-copa fieldset div{width: 33.3%; float: left;}
#enviar-video #form-concurso-copa fieldset#de1 div input{width: 270px;}
#enviar-video #form-concurso-copa fieldset#de1 div.emailDE input{width: 280px;}

#enviar-video #form-concurso-copa fieldset#de2 div.nomeES,
#enviar-video #form-concurso-copa fieldset#de2 div.endES{width: 40%;}
#enviar-video #form-concurso-copa fieldset#de2 div.nomeES input,
#enviar-video #form-concurso-copa fieldset#de2 div.endES input{width: 330px;}
#enviar-video #form-concurso-copa fieldset#de2 div.nunES{width: 20%;}
#enviar-video #form-concurso-copa fieldset#de2 div.nunES input{width: 160px;}
#enviar-video #form-concurso-copa fieldset#de2 div.cidES,
#enviar-video #form-concurso-copa fieldset#de2 div.telES,
#enviar-video #form-concurso-copa fieldset#de2 div.dirES,
#enviar-video #form-concurso-copa fieldset#de2 div.emailES{width: 25%;}
#enviar-video #form-concurso-copa fieldset#de2 div.emailES input{width: 205px;}

#enviar-video #form-concurso-copa fieldset#de3 div.nomeEP{width: 65%;}
#enviar-video #form-concurso-copa fieldset#de3 div.rgEP{width: 35%;}
#enviar-video #form-concurso-copa fieldset#de3 div.nomeEP input{width: 95%;}
#enviar-video #form-concurso-copa fieldset#de3 div.rgEP input,
#enviar-video #form-concurso-copa fieldset#de3 div.raEP input{width: 296px;}
#enviar-video #form-concurso-copa fieldset#de3 div.serieEP input,
#enviar-video #form-concurso-copa fieldset#de3 div.classeEP input{width: 270px;}
#enviar-video #form-concurso-copa fieldset#de3 div.dtnEP input{width: 280px;}

#enviar-video #form-concurso-copa fieldset div.cpfEP,
#enviar-video #form-concurso-copa fieldset div.rspvEP,
#enviar-video #form-concurso-copa fieldset div.telEP,
#enviar-video #form-concurso-copa fieldset div.emailEP{width: 25%;}
#enviar-video #form-concurso-copa fieldset div.emailEP input{width: 205px;}

#enviar-video #form-concurso-copa fieldset div.sexoEP{width: 100%; margin: 0 0 10px 0;}
#enviar-video #form-concurso-copa fieldset div.sexoEP div{width: 15%;  margin: 0 20px 0 0;}
#enviar-video #form-concurso-copa fieldset div.sexoEP div{width: 15%;  margin: 0 20px 0 0;}
#enviar-video #form-concurso-copa fieldset div.sexoEP span{margin: 0 0 10px 0;}
#enviar-video #form-concurso-copa fieldset div.sexoEP input{float: left; margin-right: 5px; }

#enviar-video #form-concurso-copa fieldset#de4 div{float: none; width: 100%;}
#enviar-video #form-concurso-copa fieldset#de4 div input{bottom: -40px; width: 100px;}

#enviar-video #form-concurso-copa p.obs{margin: 0 0 5px 0;}


/* <!--Form Consulta --> */
#form_consulta h3{font-size: 14px; font-weight: bold; margin: 0 0 20px 0;}
#form_consulta fieldset{display: block; width: 100%; margin: 0 0 20px 0;}
#form_consulta fieldset label{display: block; float: left; width: 22%; text-align: right; padding: 1% 2% 1% 0; margin: 0 1% 0 0; font-size: 12px; font-weight: bold; background: #eee;}
#form_consulta input[type=text]{
    width: 50%; 
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    color: #666666;
    font-family: Arial;
    font-size: 14px;
    height: 18px;
    padding: 5px;
}
#form_consulta input[type=text]:hover{background: #f8f8f8; border:1px solid #999;}
#form_consulta input[type=submit], #form_consulta input[type=button]{
    background: #999;
    border: medium none;
    border-radius: 5px;
    color: #FFFFFF;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    line-height: 12px;
    padding: 5px;
    margin: 0 5px 0 0;
    width: 100px;
    float: left;
}
#form_consulta input[type=submit]:hover, #form_consulta input[type=button]:hover{background: #666;}

/* Formulário Rede de Professores Bloqueiros */
.form label{
    display: block;
    color: #444;
    font-weight: bold;
    font-size: 14px;
}
.form .text-check{
    font-size: 12px;
    line-height: 18px;
    margin-top: 0;
}
.form .block{
    overflow: hidden;
    margin-bottom: 10px;
}
.form .block.fields-required{
    width: 100%;
    margin-bottom: 20px;
    display: block;
}
.form .block .input-text{
    width: 50%; 
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    color: #666666;
    font-family: Arial;
    font-size: 14px;
    height: 18px;
    padding: 5px;
}
.form .block .input-checkbox{
    -webkit-appearance: checkbox;
}
.form .block label{
    width: 38%;
    float: left;
    text-align: right;
}
.form .block .btn{
    background: #999;
    border: medium none;
    border-radius: 5px;
    color: #FFFFFF;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    line-height: 12px;
    padding: 5px;
    margin: 0 5px 0 0;
    width: 100px;
    float: left;
}
.form .block .btn:hover{background: #666;}
.form .block label.error{
    margin-left: 235px;
    text-align: left;
    width: 43%;
}
.form .alert-error{
    font-size: 12px;
    background: url("../img/ico/erro.png") no-repeat scroll 5px center #FBE3E4;
    border: 1px solid #FBC2C4;
    color: #8A1F11;
    padding: 5px 25px;
}
.form .alert-success{
    font-size: 12px;
    background: url("../img/ico/accept.png") no-repeat scroll 5px center #E6EFC2;
    padding: 5px 25px;
    border: 1px solid #C6D880;
    color: #264409;
}



/* ##NOVA PÁGINA DE NOTÍCIAS */

/* Data Notícias */
#content .date-news{
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #fe7325;
    margin: 30px 0 5px 0;
}

/* Linha Fina */
#content .linha-fina{
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px 0;
}
#content .linha-fina span, #content .linha-fina span a{
    display: block;
    width: 152px;
    height: 45px;
    float: left;
    text-indent: -9999px;   
}
#content .linha-fina p{
    padding-left: 172px;
}
#content .pais-alunos{
    
    background: url("../img/lpa.png") no-repeat scroll left center;
}
#content .professores-funcionarios{
    
    background: url("../img/lpf.png") no-repeat scroll left center;
}
#content .sociedade{
    
    background: url("../img/ls.png") no-repeat scroll left center;
}
#content .linha-fina p{
    font-size: 18px;
    line-height: 22px;
    color: #444;
    font-style: italic;
    margin:0;
}


/*Midias*/
.entry-content .midias{
    width: 220px;
}
.entry-content .midias, 
.entry-content .midias.left{
    float: left;
    margin: 0 20px 10px 0;
}
.entry-content .midias.right{
    float: right;
    margin: 0 0 10px 20px;
}

/* Thumb Vídeo */
#content .entry-content .thumb-video{
    margin-bottom: 20px; 
}
#content .entry-content .thumb-video a{
    display:block; 
    position:relative;
}
#content .entry-content .thumb-video img{
    width: 220px;
    margin:0;
    float: none;
}
#content .entry-content .thumb-video a, 
#content .entry-content .thumb-video span{
    display: block;
}
#content .entry-content .thumb-video .play{
    background:url(../img/player.png) no-repeat scroll top center; 
    position:absolute; 
    top:50%; 
    left:50%; 
    width:60px; 
    height:60px; 
    margin: -30px 0 0 -30px; 
    text-indent:-9999px;
}
#content .entry-content .thumb-video .play:hover{
    background-position:bottom center;
}
#content .entry-content .thumb-video .legenda{
    font-size: 12px;
    padding: 10px 0 0 0;
}
#content .entry-content .thumb-video .legenda a{
    color: #666;
}
.ui-widget-overlay {
    position: absolute;
    height: 100%;
    left: 0;   
    top: 0;
    width: 100%;
    background: #fff; /* url(../img/bg-modal-videos.png); */
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter:alpha(opacity=70);
}
.ui-dialog{
    display: none;
    position: absolute;
    z-index:999999; 
    padding: 4%;
    background: #fff;   
    -webkit-border-radius: 4px;    
    border-radius: 4px;    
    color: #fffcfc;
    box-shadow: 0 0 5px 0 rgba(0,0,0, 0.2)
}
.ui-dialog .ui-dialog-titlebar #ui-dialog-title-dialog{display: none;}
.ui-dialog iframe{overflow: hidden !important; margin: 0 0 10px 0;}
.ui-dialog-titlebar-close{
    position: absolute;
    background: url(../img/ui-close.png) no-repeat;
    right:10px;
    top:10px;   
    display: block;
    width:34px;
    height:34px;
    text-indent:-9999px;
}
.ui-dialog h3{
    font-size:14px;
    line-height: 18px;
    color: #666;
    margin: 0 0 10px 0;
    font-weight:bold;
}

/*Saiba Mais*/
#saiba-mais .title{
    display: block;
    padding: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background: #fe7325;
    margin: 0;
    text-transform: uppercase;
    text-align: right;
}
#saiba-mais h4{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;  
    color: #444;
}
.midias.right #saiba-mais{
    float: right;
    border-left: 1px solid #fe7325;
}
.midias.right #saiba-mais .title, 
.midias.right #saiba-mais h4{
    text-align: left;
}
.midias.right  #saiba-mais .box{
    margin: 15px 5px 15px 15px;
}
.midias.left #saiba-mais{
    float: left;
    border-right: 1px solid #fe7325;
}
.midias.left #saiba-mais .title, 
.midias.left #saiba-mais h4{
    text-align: right;
}
.midias.left #saiba-mais .box{
    margin: 15px 15px 15px 5px;
}
#saiba-mais .box.last{
    border:none;
}

/*Áudio*/
.midias.full{
    width: 100%;
    margin: 0 0 20px 0;
}
#content .midias.full .jp-audio{
    width: 100%;
    margin-bottom: 20px;
    border:none;
    border-top: 2px solid #EB7634;
    background: #fff;
}
#content .midias.full .jp-audio .jp-title{
    background: #eee;
}
#content .midias.full .jp-audio .jp-title li{
    color: #666;
    font-size: 12px;
    font-style: italic;
}

#content .midias.full .jp-audio .jp-controls{
    width: 98%;
    padding: 1% 1% 0 1%;
}
#content .midias.full .jp-audio .jp-controls, 
#content .midias.full .jp-audio .jp-controls li, 
#content .midias.full .jp-audio .jp-controls li a{
    overflow: hidden;
}
#content .midias.full .jp-audio .jp-type-single .jp-interface{
    height: 55px;
}

#content .midias.full .jp-audio .jp-type-single .jp-progress{
    width: 400px;
    top: 20px;
}
#content .midias.full .jp-audio .jp-type-single .jp-time-holder{
    width: 400px;
}
#content .midias.full .jp-audio .jp-volume-max{
    margin-left: 65px;
}
#content .midias.full .jp-audio .jp-type-single a.jp-mute, 
#content .midias.full .jp-audio .jp-type-single a.jp-unmute{
    margin-left: 425px;
}
#content .midias.full .jp-audio .jp-volume-bar{
    left: auto;
    right: 40px;
    top: 25px;
}

/*Download File*/

#content .download-file{
    background: #eee;
    border-top: 2px solid #EB7634;
    overflow: hidden;
    width: 96%;
    padding: 1% 2%;
    margin-bottom: 20px;
}
#content .download-file p{
    margin: 0;
    font-style: italic;
}
#content .download-file p a{
    display: block;
    color: #666;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    padding:10px 0 10px 50px;
    background: url(../img/down-pdf.png) no-repeat scroll left center;
}
#content .download-file p a:hover{
    text-decoration: underline;
    color: #333;
}


/* Leia Também */
#leia-tambem{
    padding: 20px 0;
    width: 100%;    
    overflow: hidden;   
}
#leia-tambem h4{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
}
#leia-tambem h4 a{
    color: #000;
}
#leia-tambem p{
    font-size: 12px;
    line-height: 18px;
}
#leia-tambem p a{
    color: #444;
}
#leia-tambem .img{
    display: block;
    margin-bottom: 10px;
}
#leia-tambem img{
    display: block;
}
#leia-tambem .title{
    display: block;
    padding: 5px;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    background: #e7e7e7;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}
#leia-tambem .box{
    float: left;
    width: 140px;
    padding: 0 20px 0 0;
}
#leia-tambem.full .box.last{
    border:none;
    padding: 0;
}

/* SEE FOLLOW */
.see-follow{
    /* background:#fcdece; */
    font-size: 14px;
    line-height: 18px;
    color: #a5430c;
    text-align: center;
    padding: 5px;
    margin: 0 0 30px 0;
    overflow: hidden;
    font-weight: bold;
}
.see-follow a{
    color: #a5430c;
    text-decoration: underline;
}

/* Boas Práticas */
#extra #boas-praticas{
    margin: 0 0 20px 0;
}
#extra #boas-praticas h3{
    display: block;
    padding: 5px;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    background: #1f5585;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    font-family: Arial;
}
#extra #boas-praticas li{
    background:none;
}
#extra #boas-praticas h4{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}
#extra #boas-praticas h4 a{
    padding: 0;
    color: #1f5585;
}
#extra #boas-praticas p{
    font-size: 12px;
    line-height: 16px;
}
#extra #boas-praticas p{
    color: #444;
}


/* ##NOVA PÁGINA DE FOTOS */
#ultimas-galerias{
    padding: 20px 0;
    margin-bottom: 40px;
    border-bottom: 1px solid #ccc;
    width: 100%;  
    position: relative;
}
#ultimas-galerias:after,
#ultimas-galerias:before,
#ultimas-galerias .linha:after,
#ultimas-galerias .linha:before{
    content: "";
    display: table;
    clear: both;
    overflow: hidden;
}
#ultimas-galerias h4{
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
}
#ultimas-galerias h4 a{
    color: #000;
}
#ultimas-galerias p{
    font-size: 12px;
    line-height: 18px;
}
#ultimas-galerias p a{
    color: #444;
}
#ultimas-galerias .img{
    display: block;
    margin-bottom: 10px;
}
#ultimas-galerias .date{
    width: auto;
    height: auto;
    float: none;
    margin: 0;
    font-size: 12px;
    color: #FE7325;
    font-weight: bold;
}
#ultimas-galerias img{
    display: block;
    width: 100%;
}
#ultimas-galerias .title{
    display: block;
    padding: 5px;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    background: #e7e7e7;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}
#ultimas-galerias .box{
    float: left;
    width: 140px;
    margin: 0 20px 0 0;
}
#ultimas-galerias .box.last{
    border:none;
    padding: 0;
    margin: 0;
}

#ultimas-galerias hgroup.more{display:block; background:none; width:140px; position:absolute; right: 0; bottom: -15px; }
#ultimas-galerias hgroup.more h4{display:block; margin:0;}
#ultimas-galerias hgroup.more h4 a{
    display:block; 
    padding: 6px 15px;  
    border:1px solid #ccc;
    font-family:Arial;
    font-weight:bold;
    font-size:14px;
    text-align:center;
    color:#333; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    
    background: #e6e6e6;
    background: -moz-linear-gradient(top, #fefefe 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top, #fefefe 0%,#e6e6e6 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#e6e6e6 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#e6e6e6 100%);
    background: linear-gradient(top, #fefefe 0%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6e6e6',GradientType=0 );    
}
#ultimas-galerias hgroup.more h4 a:hover{
    border:1px solid #aaa;
    text-decoration:none;   
    -webkit-box-shadow: 0px -1px 2px 0px #ccc;
    -moz-box-shadow: 0px -1px 2px 0px #ccc;
    box-shadow: 0px -1px 2px 0px #ccc; 
    
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #fefefe 5%, #e6e6e6 20%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(5%,#fefefe), color-stop(20%,#e6e6e6), color-stop(100%,#e6e6e6));
    background: -webkit-linear-gradient(top, #fefefe 0%,#fefefe 5%,#e6e6e6 20%,#e6e6e6 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#fefefe 5%,#e6e6e6 20%,#e6e6e6 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#fefefe 5%,#e6e6e6 20%,#e6e6e6 100%);
    background: linear-gradient(top, #fefefe 0%,#fefefe 5%,#e6e6e6 20%,#e6e6e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#fefefe',GradientType=0 );
}


/* ##NOVA PÁGINA DE VÍEDOS */
.video-full {
    margin-bottom: 20px;
}
.video-full iframe{
    display: block;
}
.video-full .legend{
    padding: 20px;
    background: #e7e7e7;
}
.video-full .legend p{
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    color: #444;
}

#ultimas-galerias.videos .box .thumb{
    position: relative;
}
#ultimas-galerias.videos .ico-play{
    background: url("../img/player.png") no-repeat scroll center top transparent;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 60px;
}
#ultimas-galerias.videos .ico-play:hover {
    background-position: center bottom;
    cursor: pointer;
}


/* PÁGINA EXPEDIENTE */
.expediente{ text-align: center; }
.expediente .row{ overflow: hidden; width: 100%; padding-bottom: 30px; }
.expediente .row .col{ width: 33.3%; float: left; }


/*Link intranet*/
.link-intranet{
    color: #A5430C;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    display: block;
}