/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video 
{margin: 0; padding: 0; border: 0;  font-size: 100%;    font: inherit;  vertical-align: baseline;}
/* HTML5*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {  line-height: 1;}
ol, ul {    list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: '';    content: none;}
table { border-collapse: collapse;  border-spacing: 0;}
img {border: 0; -ms-interpolation-mode: bicubic;}

#carregando { width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); background-image: url(../images/ajax.gif); background-position: center; background-repeat: no-repeat; z-index: 99; position: fixed; top: 0px; right: 0px; display: none;}
#carregando span { width: 250px; margin: auto; z-index: 100;} 

html { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; font-smoothing: antialiased;}
body {background: url(../images/bg.png); margin: 0px; padding: 0px; font-size: 62.5% !important; font-family:  Helvetica, Arial, "Lucida Grande", sans-serif; }
a {text-decoration: none; color: #006699; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
a:hover {color: #763AC1; text-decoration: underline;}
.espaco_vertical{height: 50px !important;}
.wrap { width: 960px; margin: auto;}
.ultimo {margin-right: 0 !important; clear: right; float: right !important;}
.primeiro {margin-left: 0 !important; clear: left;}
.centralizado {float: none !important; position: relative !important; margin: auto !important; text-align: center !important; display: block !important}
.sem_margem {margin: 0 !important; padding-left: 1% !important; padding-right: 1% !important; margin-bottom: 12px !important;}
.sem_padding {padding: 0!important;}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col100
{display:inline;float: left;position: relative;margin-left: 1%; margin-right: 1%;}
.col1 {width: 6.333%; float: left; }
.col2 {width: 14.667%; float: left; }
.col3 {width: 23.0%; float: left; }
.col4 {width: 31.333%; float: left; }
.col5 {width: 39.667%; float: left; }
.col6 {width: 48.0%; float: left; }
.col7 {width: 56.333%; float: left; }
.col8 {width: 64.667%; float: left; }
.col9 {width: 73.0%; float: left; }
.col10 {width: 81.333%; float: left; }
.col11 {width: 89.667%; float: left; }
.col12 {width: 98.0%; float: left; }
.col100 {width: 100%; float: left; margin: 0 !important;}

/*botoes, tooltips e aviso*/
.aviso {border:#8B0700 1px solid; border-radius: 3px; margin-bottom: 1em; background: #A78327;  padding-top: 0.5em; padding-bottom: 0.5em; text-align: center; color: white; }
.aviso p {padding: 0.5em; margin: 0.5em;}
.aviso a {color: #DDD;}
.aviso h1, .aviso h2, .aviso h3, .aviso h4, .aviso h5, .aviso h6 
{text-align: center; font-size: 1.9em; margin-top: 0.5em; margin-bottom: 0.5em; color: white;}
.tooltip span { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); background-color: #888; border-radius: 2px;  z-index: 44; padding: 1em; font-size: 100%; display: none; width: 200px; position: absolute;  color: white; text-indent: none !important; }
.tooltip:after {content: width: 16px; height: 16px; margin-left: 4px; display: block;}
.tooltip span:hover {background-color: #444;}
.btn {background-color:  #555; /*border-radius: 3px;*/ margin-top: 0.2em; margin-bottom: 0.2em; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);background-position: 50% 20%; 
    background-repeat: no-repeat; display:block;text-decoration: none; padding-top: 42px; padding-bottom: 12px; color: white; height: 12px; font-size: 120%; text-align: center;}
.btn:hover {background-color:#999; color: white; text-decoration: none; }
.nome {background-image: none !important; padding-top: 3% !important; padding-bottom: 3% !important; height: 1em !important;}
/*icone em tablets e celulares deve ser igual ao botao normal, sem remover o titulo*/
.icone {line-height: 10; overflow: hidden; height: 32px !important; background-position: center !important; padding-top: 0px !important; padding-bottom: 0px !important;}
.icone:hover {background-position: -300px 0px !important;line-height: 2.5;}
.vermelho {background-color: #8B0700 !important; color: white !important;}
.vermelho:hover {background-color:#F92200 !important; }
.azul {background-color: #006699 !important; color: white !important; }
.azul:hover {background-color: #2BA9FF !important;}
.verde {background-color: #006535 !important; color: white !important;}
.verde:hover {background-color: #00E070 !important;}
.cinza {background-color: #CCC !important; color: black !important;}
.cinza:hover {background-color: #D9D9D9 !important;}
.laranja {background-color: #F6891B !important; color: white !important;}
.laranja:hover {background-color: #F5AC57 !important;}
.roxo {background-color: #3C1E5A !important; color: white !important;}
.roxo:hover {background-color: #763AC1 !important;}
.dourado {background-color: #A78327 !important; color: white !important;}
.dourado:hover {background-color: #D3B148 !important;}

.status-aguardando-diario {color: #F5AC57;}
.status-arquivado {color: #CCC;}
.status-deferido {color: #006535 !important; }
.status-deferido-parcialmente {color: #3C1E5A; }
.status-em-tramitacao {color:  #006699;}
.status-indeferido {color: #8B0700;}
.status-para-registro {color: #F6891B;}
.status-outros {color: #666;}
.status-aguardando-pagamento {color:#A78327; }
/*icones*/
.home {background-image: url(../images/home.png);}
.lapis {background-image: url(../images/lapis.png);}
.sair {background-image: url(../images/sair.png);}
.configuracoes {background-image: url(../images/configuracoes.png);}
.seguro{background-image: url(../images/seguro.png);}
.nova-janela{background-image: url(../images/nova-janela.png);}
.sms{background-image: url(../images/sms.png);}
.download{background-image: url(../images/download.png);}
.adicionar{background-image: url(../images/adicionar.png);}
.tabela{background-image: url(../images/tabela.png);}
.nova-mensagem{background-image: url(../images/nova-mensagem.png);}
.editar{background-image: url(../images/editar.png);}
.remover{background-image: url(../images/remover.png);}
.ok{background-image: url(../images/ok.png);}
.interrogacao{background-image: url(../images/interrogacao.png);}
.informacoes{background-image: url(../images/informacoes.png);}
.exclamacao{background-image: url(../images/exclamacao.png);}
.imprimir{background-image: url(../images/imprimir.png);}
.negociacao{background-image: url(../images/negociacao.png);}
.academico{background-image: url(../images/academico.png);}
.biblioteca{background-image: url(../images/biblioteca.png);}
.central{background-image: url(../images/central.png);}
.outros_servicos{background-image: url(../images/outros_servicos.png);}
.certificado{background-image: url(../images/ceritificado.png);}
.outros_documento{background-image: url(../images/documento.png);}
.boleto{background-image: url(../images/boleto.png);}
.email{background-image: url(../images/email.png);}
.usuario {background-image: url(../images/usuario.png);}
.funcionarios {background-image: url(../images/funcionario.png);}


/* Clear-------------*/
.clear {clear: both;display: block; overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix { display: inline-block;}
* html .clearfix {  height: 1%;}
.clearfix { display: block;}

/* Pesquisar-------------*/
.pesquisar input[type=text], .pesquisar input[type=submit], .pesquisar input[type=button] {border: 1px solid #CCC;
font-family:"helvetica_condensedregular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
height: 2em; 
background: #F5F5F5; border-right: none; border-left: none; border-top: none;
margin-top: 1em; font-size: 1.2em;
}
.pesquisar input[type=text] {width: 73%; float: left; padding-left: 5%; background-image: url(../images/search.png); background-repeat: no-repeat; background-position: left;}
.pesquisar input[type=submit], .pesquisar input[type=button] {width: 20%; float: right; text-transform: uppercase;}

/* Menus Nav-------------*/
#nav_portal, #nav_principal {font-size: 1.3em; height: 1.8em; width: 100%; float: left; background: #262626; padding-top: 8px; z-index: 8;}
#nav_portal ul li:last-child , #nav_principal ul li:last-child {border-right: none !important;}
#nav_portal a, #nav_principal a {}
#nav_portal ul li, #nav_principal ul li {display: block; float: left; margin-left: 2%; padding-right: 2%; margin-top: 0.5%;  border-right: 1px solid #CCC; text-transform: uppercase; position: relative;}
#nav_portal ul li a, #nav_principal ul li a {text-decoration: none; color: #DDD;font-weight: 300;}
#nav_portal ul li.ultimo, #nav_principal ul li.ultimo {border-right: none; float: left!important;}
.login a {display: block; width: 90% !important; height: 90% !important; z-index: 900; padding: 10%;text-align: center;  cursor: pointer; color: white; text-transform: uppercase; font-size: 1.2em;}
.login a:hover {text-decoration: none;}
.login, .logout {position: relative; top: -10px; border:none; background-color: #006699;  float: right !important; box-shadow: 5px 5px 5px rgba(0,0,0,0.4);}
#barra_login {height: 120px; float: left; width: 100%; display: none;}
#nav_principal {background: url(../images/divisor-bottom.png) no-repeat bottom; height: 2.5em;}
#nav_principal ul a, #nav_portal ul a {white-space:nowrap;}
#nav_principal ul li a {color: #000; width: 100%; height: 100%}
#nav_principal ul li ul li a, #nav_portal ul li ul li a {color: #000; width: 100%; height: 100%}
.hover {position: relative;}
#nav_principal ul li ul, #nav_portal ul li ul { position: absolute; display: none; top: 100%; left: 0; z-index: 15;  }
#nav_principal ul li ul li, #nav_portal ul li ul li {float: none; margin-top: 0em; background: #EEE; padding: 1em; border-top: 1px dashed #CCC; border-left: 1px solid #CCC; text-transform: none;} 
#nav_principal ul li ul li:hover, #nav_portal ul li ul li:hover {background: #D5D5D5;} 
#call-to-action ul li {width: 92%; color: white; text-transform: uppercase; 
font-weight: 300; }
#call-to-action {height: 100% !important; display: block; margin: 0; padding: 0; float: right;r}
#call-to-action ul li a {text-decoration: none; color: white; font-size: 1.2em; display: block; width: 82%; height: 100%;}
#call-to-action ul li a span { clear: left; font-size: 2.0em !important; float: left; width: 100%; }
.call1 {background: #F6891B;}
.call2 {background: #3C1E5A;}
.call3 {background: #054D74;}
#call-to-action ul li {height: 6em; margin-top: 0.5em; padding-left: 4%; padding-right: 4%; padding-top: 2em; padding-bottom: 2em; background-image: url(../images/seta-esq-grande.png); background-position: right; background-repeat: no-repeat; }
#painel_login {min-height: 200px; background:#006699; display: none; width: 100%;}


/* Header-------------*/
header#principal {width: 100%; float: left; margin-bottom: 1.4em;}
a#home.ceuma {background: url(../images/ceuma-marca.png) no-repeat left;}
a#home.famaz {background: url(../images/famaz-marca.png) no-repeat left;}
a#home.euro {background: url(../images/euro-marca.png) no-repeat left;}
a#home { display: block; height: 160px; text-indent: -5000em; float: left;}

header#principal h1 {font-size: 3.6em; margin-top: 1.2em; width: 100%; text-align: center; color: #555;text-transform: uppercase; font-family:"helvetica_condensedregular", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  }
header#principal h2 {font-size: 1.4em; width: 100%; text-align: center; color: #888;}
aside.atendimento { margin-top: 5em; font-size: 1em; text-align: right;}
aside.atendimento h3 {font-size: 1.2em; color: #5b5b5b;}
.telefone {text-decoration: none; color: #333; font-size: 2.0em;}
aside.atendimento ul li {display: inline; float: right;}
a.facebook, a.twitter, a.youtube {width: 20px; height: 20px; background-image: url(../images/facebook-icon.png); background-repeat: no-repeat; margin: 0.5em; display: block !important; overflow: hidden; line-height: 50;}
a.twitter {background-image: url(../images/twitter-icon.png);}
a.youtube {background-image: url(../images/youtube-icon.png);}

/*destaques*/
#destaques {height: 35em; margin-bottom: 3em;}
#slider {height: 31em; background: #000; margin-top: 0.5em;}
#destaques h2 {z-index: 5; font-size: 2em; width: 60%; padding:4%; padding-top: 3%; padding-right: 36%; position: relative; top:-4em; color: white; background: black; opacity: 0.6; filter: alpha(opacity=60); zoom:1;}
#noticias img {width: 100%; height: auto; border-radius: 3px;   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
.texto-noticia-principal h2 {font-size: 2.2em; margin-bottom: 1em;}
#noticias div { margin-bottom: 2em;}
#noticias span {text-transform: uppercase;margin-top: 0.6em; margin-bottom: 0.6em; display: block; float: left; color: #555;}
#noticias h3 {display: block; float: left; font-size: 1.4em}
.texto-noticia-principal p {margin-bottom: 1.2em; line-height: 1.5em; font-size: 1.3em; color: #444;}
#acesso-rapido h3 {background: url(../images/favoritos.png) no-repeat left top; padding-left: 10%; font-size: 2em; text-align: left; width: 90%; }
#acesso-rapido ul { }
#acesso-rapido ul li {}
#banners-laterais h4 a {background: url(../images/seta-esq.png) 95% no-repeat; display:block;text-decoration: none; padding-top: 1.8em; padding-bottom: 1.8em; color: #333; width: 54%;padding-left: 30%; padding-right: 10%; float: right; height: 100%; font-size: 1.4em; text-align: left;}
#banners-laterais h4 a:hover {text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);}
#banners-laterais h4 {background-position: 5%; background-repeat: no-repeat; background-color:  #FFF;  border:1px solid #CCC; border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); margin-top: 1em; }
.prouni {background-image: url(../images/prouni.png) !important;}
.nead {background-image: url(../images/nead.png) !important;}
.grupo-euroamericano {background-image: url(../images/euroamericano.png) !important;}
.ae {background-image: url(../images/ae.png) !important;}
.veja-tudo a, .veja-tudo-escuro a{padding-top:0.8em;padding-bottom: 0.8em; text-decoration: none; color: #333; font-size: 1.4em; text-align: center; display: block; width: 100%;background-color:  #FFF;  border:1px solid #CCC; border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); margin-top: 1em; background: url(../images/seta-esq.png) 95% no-repeat #CCC;}
.veja-tudo-escuro a {background-color: #96866C; color: white; border:1px solid #96866C;}
.veja-tudo-escuro a:hover {background-color: #BDB7AB; color: black;  border:1px solid #96866C;}
.veja-tudo a:hover {background-color: #FFF; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);}
#calendario {background: #6F5F45; min-height: 200px; padding-top: 2em; height: 100%;}
#icone-calendario {background: url(../images/calendario.png) center no-repeat; padding-top: 125px;}
#calendario h4, #estao-falando h4 {font-size: 2em; color: white; text-align: center;}
#datas {font-size: 1.3em;}
#datas a {color: #DDD; margin-top: 1.6em;}
#datas span {border-radius: 3px; background: #96866C; padding: 0.5em; margin-right: 0.4em; float: left;clear: both;}
#datas span.importante {background: #8B2E00; color: white;}
#estao-falando a, #estao-falando p{display: block;}
#estao-falando {background: #8D794A; padding-top: 2em; height: 100%;}
#icone-estao-falando {background: url(../images/estao-falando.png) center no-repeat; min-height: 60px;}
#estao-falando li {display: none;}
#estao-falando li a {text-align: center; font-size: 1.4em; font-style: italic; color: #FFF; margin-top: 2em;}
#estao-falando li a:hover {color: #DDD; text-decoration: underline; }
#estao-falando ul {width: 90%; margin: 5%; display: block; float: left;}
#linha-calendario {height: 260px; float: left; margin-bottom: 2em; margin-top: 2em;}

/*footer*/
footer#rodape {width: 100%; float: left; margin-top: 60px; background: url(../images/divisor-top.png) top no-repeat; padding-top: 50px;}
#logo-bottom.ceuma {background: url(../images/ceuma-marca-rodape.png) top no-repeat;}
#logo-bottom.famaz {background: url(../images/famaz-marca-rodape.png) top no-repeat;}
#logo-bottom.euro {background: url(../images/euro-marca-rodape.png) top no-repeat;}
#logo-bottom {padding-top: 180px; text-align: center;}
#logo-bottom a {  font-size: 1.5em;}
#destaque-bottom .frame {display:block; top:-71px; height: 320px; position: relative;background: url(../images/frame-filme-rodape.png) top no-repeat; padding-top: 12px; padding-left: 52px; width: 490px;}
#nav_bottom {text-transform: uppercase; font-size: 1.5em;  margin-bottom: 2em;}
a.nti {margin-top: 24px; text-indent: 999em; display: block; width: 120px; height: 50px; background: url(../images/nti.png) top center no-repeat; margin: auto;}

/*Timeout*/
#timeout {width: 50%; float: right; margin-top: 5px; margin-bottom: 5px; text-align: right; margin-right: 30px;}
#timeout:after {content: url(../images/relogio.png); display: block; margin-left: 8px; width: 15px; height: 15px;}

/*APP*/
#app {font-size: 1.4em; min-height: 400px; width: 100%; float: left; position: relative;}
#app h1, #app h2, #app h3, #app h4  { }
h1, h2, h3, h4, h5, h6 {font-weight: 300 !important;}
h2 {font-size: 2.6em; border-bottom: 1px dashed #CCC; margin-top: 0.2em; margin-bottom: 0.2em;}
h3 {font-size: 1.8em; margin-bottom: 0.4em; margin-top: 0.4em;}
h4 {font-size: 1.8em; margin-bottom: 0.4em; margin-top: 0.4em;}
span.user-icon {height: 23px; width: 40px; float: left; background: url(../images/user.png) no-repeat bottom;}
#app header  nav {margin-bottom: 2em; margin-top: 2em;}
.tag {padding: 0.2em; background: #555 !important; color:white !important; border-radius: 3px; margin-right: 0.4em;}
#app header ul li {margin-bottom: 1em;}
#app header ul {border-bottom: 1px dashed #CCC; float: left;}
#app footer {margin-top: 3em; margin-bottom: 1em; float: left;width: 100%;  }
#app header {margin-bottom: 2em; float: left; width: 100%;}


/*tabelas*/
table { color: #333; font-size: small; width: 100%; display: table; border: none; 
    border-collapse: collapse; margin-top: 2.5em; float: left; margin-bottom: 2.5em;
    overflow: scroll; }
table tr:nth-child
th:last-child { border-right: none;}
td:first-child {text-align: left !important; background: #DDD; max-width: 25%; margin-left: 1%;}
table tbody tr:hover {background: #EEE;}
table th {text-transform: uppercase; border-bottom: 1px solid #3C1E5A; border-right: 1px solid #3C1E5A; margin: 5%; min-width: 50px; text-align:center; }
table td {border-bottom: #CCC 1px solid; text-align: center; padding-top: 0.5em; padding-bottom: 0.5em;  vertical-align: middle;}
td.Sim {background: url(img/sim.png) center no-repeat;height:24px; text-indent: -5000em !important;}
.ead-row { background-color: #EDD7C1;}
.cursos-row { text-align: left !important;}

table td #textareaCalculo{border-bottom: #CCC 1px solid; text-align: center; padding-top: 0.5em; padding-bottom: 0.5em;  vertical-align: middle;}

/*formularios*/
#app form * {margin-bottom: 0.4em; margin-top: 0.4em;}
#app form {margin-top: 1em; margin-bottom: 1em;}
#app label, #app form span{ border-bottom:1px dashed #CCC; color: #333; padding-top: 0.5em; padding-bottom: 0.5em; display: block;}
#app form span {background: url(../images/marcador_form.png) left no-repeat; text-indent: 40px; border: none; color: #555;}
#app input, #app textarea {background: #C8C2CE;  border: 1px solid #C8C2CE; color: #555; padding-top: 0.5em; padding-bottom: 0.5em; font-size: 110%;}
#app textarea:disabled {color:#444;}
#app input[type=submit], #app input[type=button] {margin-top: 2em; background: #9384A2 !important; color: white; font-size: 110%; cursor: pointer;} 
#app input:hover, #app textarea:hover {opacity: 0.7; filter: alpha(opacity=70);}
#app input.error{ background: #f8dbdb; border-color: #e77776;}
#app textarea.error{ background: #f8dbdb; border-color: #e77776;}
#app form span.error{ color: #e46c6e !important; }
#app select.error{ background: #f8dbdb; border-color: #e77776;}

#app table td form input[type=submit].inputExcluirNegociacao {margin-top: 0em; background: none !important; background-image: url(../images/excluir.gif)!important; cursor: pointer; background-repeat: no-repeat !important; background-position: center !important; border: 0 !important;}
#app table td form.formImagemBotao {margin-top: 0em; margin-bottom: 0em;}
#app table td form input[type=submit].inputBoletoMensalidade {width: 100%; color: #006699; margin-top: 0em; background: none !important; background-image: url(../images/impressora.png)!important; cursor: pointer; background-repeat: no-repeat !important; background-position: right center !important; border: 0 !important; text-align: initial;}
#app table td form input[type=submit].inputBoletoNegociacao {width: 100%; margin-top: 0em; background: none !important; background-image: url(../images/impressora.png)!important; cursor: pointer; background-repeat: no-repeat !important; background-position: center !important; border: 0 !important;}

/*acordeon*/
ul.acordeon li {width: 100% !important; float: left; }
.acordeon li ul { margin: 0.4em;}
.acordeon li ul li, .marcador{ list-style: url(../images/marcador.png) !important; margin:0.4em; margin-left: 15px; font-size: 1.2em; }
ul.acordeon li div  {display: none;}
ul.acordeon li h3 {font-size: 1.2em !important; padding-top: 2% !important; padding-bottom: 2% !important; 
    background-position: 92% 50%; background-image: url(../images/seta-baixo.png); display: block !important; 
    cursor: pointer; text-align: left; text-indent: 4%; margin-top: 0.1em !important; margin-bottom: 0.1em !important;
    background-repeat: no-repeat; background-color: #999; width: 100%;
}
ul.acordeon li h4 {border-bottom: 1px dashed #555;}
.expandido {background-image: url(../images/seta-cima.png)!important;}

#formasPagamento{text-align: center;}
.acordeon li nav ul li, .marcador{ list-style: none !important; margin:0.4em; margin-left: 15px; font-size: 1.2em; }

/*Modal*/

.jqmWindow {display: none;position: absolute;margin: 5%;width: 90%;background-color: #FFF;color: #333;border: 1px solid black;padding: 0px;}

.jqmOverlay { 
    background-color: #CCC;
}
/*imagens*/
.alignleft {    margin: 12px 24px 12px 0;margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; float: left;}
.alignright {margin: 12px 0 12px 24px;margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; float: right;}
.aligncenter {margin-top: 12px;margin-top: 0.857142857rem;margin-bottom: 12px;margin-bottom: 0.857142857rem;}

/*Single e Page*/
.entry-content {border-bottom: 4px double #ededed;  margin-bottom: 72px;margin-bottom: 5.142857143rem;  padding-bottom: 24px;
    padding-bottom: 1.714285714rem; word-wrap: break-word;  -webkit-hyphens: auto;  -moz-hyphens: auto; hyphens: auto;}
p {margin-bottom: 24px; line-height: 1.6em; font-size: 1.1em;  }
.entry-content h2 {margin-bottom: 24px; font-size: 3.8em; border-bottom: none;}
.entry-content .excerpt {color: #555; font-size: 1.2em;}
.entry-content span.dados {margin-top: 1.2em; margin-bottom: 1.2em; font-size: 1.1em; color: #555;}
.compartilhe {border-bottom: 1px dashed #CCC; margin-bottom: 24px;}
.wp-caption {max-width: 100%; padding: 4px;}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {font-style: italic; font-size: 1.2em;font-size: 0.857142857rem;line-height: 1.6; color: #757575; }
.entry-content ul { margin: 0.4em; margin-bottom: 2.4em;}
.entry-content ul li {list-style: url(../images/marcador.png) !important; margin:0.4em; margin-left: 15px; font-size: 1.3em; }}

/*responsive*/

@media screen and (max-width: 700px), (-webkit-min-device-pixel-ratio: 1.5),  
       (-o-min-device-pixel-ratio: 3/2),  
       (min--moz-device-pixel-ratio: 1.5),  
       (min-device-pixel-ratio: 1.5) {
    
    
    .menu {background: #555 url(../images/menu.png) no-repeat 10% 50%; height: 34px; width: 100%; float: left; color: white; cursor: pointer; line-height: 2.5; }
    
    #nav_portal, #nav_principal {display: block; height: auto !important;}
    #nav_portal ul li, #nav_principal ul li {float: none !important; text-align: center; border: none !important; margin-bottom: 1em !important; font-size: 130%;}
    #nav_portal ul li.ultimo, #nav_principal ul li.ultimo {float: none !important;}
    #nav_portal ul {margin-top: 38px;}
    #nav_principal ul {display: none;}
    nav ul li ul {display: none !important;}
    .menu div.famazicone {background: url(../images/ceumaicone.png) center no-repeat; width: 50px; height: 100%; margin: auto;}
    .menu div.ceumaicone {background: url(../images/ceumaicone.png) center no-repeat; width: 50px; height: 100%; margin: auto;}
    .login, .logout {background: none !important; box-shadow: none!important; padding: 0 !important;}
    a#home {/*background-position: center;*/ display: none;}
    a.facebook, a.twitter, a.youtube {margin:auto !important;}
    #destaque-bottom , header aside.atendimento, header#principal h1, header#principal h2
    {display: none;}
    nav, footer aside.atendimento {text-align: center;}
    .wrap {width:98%; margin-left: 1%; margin-right: 1%;}
    #wrapper {  margin-top: 0.5em;  width: 100% !important; }
    #scroller li img {width: 100%; height: auto;}
    #destaques {margin-bottom: 1em;}
    #linha-calendario {height: auto !important;}
    #noticias .col3 img {display: none;}
    #noticias .col3 h3 {width: 100%; float: left;} 
    #noticias .primeiro {margin-left: 1% !important;}
    #noticias .col3 {width: 100%; float: left !important;}
    #noticias .col3 span {float: left; clear: both;}
    .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12
    {margin-bottom: 1em; margin-left: 1%; margin-right: 1%;}
    .ultimo { margin-bottom: 2em !important; float: left !important; clear: inherit !important;}
    .col1 {width: 46.5%; float: left; margin-left: 2%; }
    .col2 {width: 98%; float: left; margin-left: 2%;}
    .col3 {width: 98%; float: left; margin-left: 2%;}
    .col4 {width: 98%; float: left; }
    .col5 {width: 98%; float: left; }
    .col6 {width: 98%; float: left; }
    .col7 {width: 98%; float: left; }
    .col8 {width: 98%; float: left; }
    .col9 {width: 98%; float: left; }
    .col10 {width: 98%; float: left; }
    .col11 {width: 98%; float: left; }
    .col12 {width: 98.0%; float: left; }
    /*formularios*/
    #app form {margin-top: 0.5em; margin-bottom: 0.5em;}
    #app label, #app form span{ border-bottom:1px dashed #CCC; color: #333; padding-top: 0.5em; padding-bottom: 0.5em; display: block;}
    #app form span { border: none; color: #666; background: none !important; text-indent: 0em !important;}
    #app input, #app textarea {margin:0px; background: #C8C2CE;  border: 1px solid #C8C2CE; color: #555; padding-top: 0.5em; padding-bottom: 0.5em;} 
    #app input[type=submit], #app input[type=button] {margin-top: 2em; background: #9384A2 !important; color: white; font-size: 110%; cursor: pointer;} 
    #app input:hover, #app textarea:hover {opacity: 0.7; filter: alpha(opacity=70);}
    #app input.error{ background: #f8dbdb; border-color: #e77776;}
    #app form span.error{ color: #e46c6e !important; }
    #app select.error{ background: #f8dbdb; border-color: #e77776;}
    
    #app .centroloading{display: block !important; position: fixed !important; top: 50% !important; left: 50% !important}
}