*, html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    vertical-align: baseline;
    font-family: "trebuchet ms";
    font-weight: normal;
    font-style: normal;
    font-size: 11px;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    text-decoration: none;
}
:focus {
    outline: 0;
}

ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

a { color: #333; }/**/

.bodyHome {
    background:url("http://atllas.com.br/Publico/imagens/site/fundoBody.png") top center no-repeat;
}

.bodyOther {
    background:url("http://atllas.com.br/Publico/imagens/site/fundoBodyOther.jpg") repeat-x;
}


#chat {
    width: 40px;
    height: 120px;
    position: fixed;
    margin: 200px 0 0 0;
    box-shadow:0px 0px 10px #000;

}

#principal {
    width:974px;
    height:auto;
    overflow:hidden;
    margin:auto;
}

#topo {
    height: 83px;

}
#topo img{
    float:left;
    margin: 10px 0 0 0;

}
#menu{
    width:620px;
    height:82px;
    float:left;
    color:#FFF;
    font-weight:600;
    margin-left: 50px;

}

#menu ul li {
    float: left;
    display: block;
    width: auto;
    line-height: 83px;
}

#menu ul li a {
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    padding: 10px;
    text-transform: uppercase;

}

#menu ul li a:hover {
    background-color: #004080;
    border-radius:10px;
}


#menu ul li a.linkRestrito {
    background-color: #ee6d12;
    border-radius:10px;
}

#login {
    width: 80px;
    height:82px;
    float: right;
    padding: 0 10px 0 5px;
}

#login img {
    float: left;
    margin: 26px 8px 26px 0;

}

#login a {
    line-height: 82px;
    float: right;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    box-shadow:0px 0px 5px #000;
    background-color: #004080;
    padding: 0 5px 0 5px;

}

#propaganda {
    height:475px;
    margin: 0 0 50px 0;
    background:url("http://atllas.com.br/Publico/imagens/site/destaques.png") no-repeat;
    overflow: hidden;
    clear: both;
}

#propaganda ul li {
    width: 974px;
}

#propaganda ul li img {
    top: 27px;
    left: 27px;
    position: relative;
    border-radius:10px;
    box-shadow: -1px -1px 1px #666;
    float: left;
    margin: 0 20px 0 0;
}

#propaganda ul li .descricao {
    float: right;
    width: 380px;
    height: auto;
    margin: 20px 0 0 0;
}


#propaganda ul li .descricao h2 {
    font-size: 33px;
    font-weight: bold;
    line-height: 50px;
    color: #fff;
    display: block;
    margin: 0 0 20px  0;
}

#propaganda ul li .descricao p {
    color: #fff;
    line-height: 25px;
    font-size: 12px;
}

#propaganda #paginador {
    width: 82px;
    height: 21px;
    clear: both;
    margin: 60px auto 0 auto;
    text-align: center;
    padding: 5px 0 0 0;
}

#propaganda #paginador a {
    margin: 0 6px 0 0;
    background:url("http://atllas.com.br/Publico/imagens/site/paginador.gif") 0px 0px no-repeat;
    width: 21px;
    height: 21px;
    display: block;
    float: left;
    color: #666;
    font-weight: bold;
    line-height: 21px;
}

#propaganda #paginador a.activeSlide  {
    background:url("http://atllas.com.br/Publico/imagens/site/paginador.gif") -54px 0px no-repeat;
    color: #fff;
}


/* ========================================================================================================
// FORMATAÇÃO -> CONTEÚDO
// ====================================================================================================== */
#conteudo {
    height: auto;
    min-height: 400px;
    overflow: hidden;
    margin: 0 0 20px 0;
    clear: both;
}

#conteudo .colunaHome{
    width:300px;
    height:auto;
    float:left;
    margin: 0 10px 30px 10px;
}

#conteudo .colunaHome h1 {
    font-size: 23px;
    color: #343140;
    display: block;
    height: auto;
    min-height: 60px;
    text-shadow: #f2f2f2 1px 1px 1px;
}

#conteudo .colunaHome img {
    width: 290px;
    height: 139px;
    border-radius: 10px;
    box-shadow:0px 0px 3px #666;
    padding: 5px;
    border: none;
    margin: 30px 0 20px 0;
}

#conteudo .colunaHome img:hover {
    background: #DEDEDE;
}

#conteudo .colunaHome p {
    line-height: 20px;
    color: #969696;
}


#conteudo #enqueteMain {
    width: 380px;
    height: auto;
    overflow: hidden;
    min-height: 200px;
    background: #00C0E7;
    margin: 30px 10px 0 3px;
    float: left;
    padding: 10px;
    box-shadow:0px 0px 3px #666;
    clear: both;
}

#conteudo #enqueteMain h2 {
    font-size: 23px;
    color: #343140;
    display: block;
    height: auto;
    text-shadow: #f2f2f2 1px 1px 1px;
    margin: 0 0 20px 0;
}

#conteudo #enqueteMain p {
    font-size: 11px;
    color: #343140;
    display: block;

}

#conteudo #atualizacoesMain {
    width: 534px;
    height: auto;
    overflow: hidden;
    min-height: 200px;
    background: #70B85D;
    margin: 30px 0 0 0;
    float: left;
    padding: 10px;
    box-shadow:0px 0px 3px #666;
    clear: right;
}

#conteudo #atualizacoesMain h2 {
    font-size: 23px;
    color: #343140;
    display: block;
    height: auto;
    text-shadow: #f2f2f2 1px 1px 1px;
    margin: 0 0 20px 0;
}



#conteudo #colunaEsquerda {
    width: 705px;
    height: auto;
    overflow: hidden;
    float: left;
    padding: 44px 16px 0 1px;
}

#conteudo #colunaEsquerda h1 {
    font-size: 24px;
    color: #000;
    display: block;
    text-shadow: #f2f2f2 1px 1px 1px;
    margin: 0 0 20px 0;
}


#conteudo #colunaEsquerda h2 {
    font-size: 18px;
    color: #000;
    display: block;
    text-shadow: #f2f2f2 1px 1px 1px;
    margin: 0 0 10px 0;
    border-bottom: solid 1px #eee;
    padding: 0 0 5px 0;
}


#conteudo #colunaEsquerda p {
    color: #969696;
    line-height: 25px;
    font-size: 12px;
    display: block;
    margin: 0 0 20px 0;
}

#conteudo #colunaEsquerda span, #conteudo #colunaDireita #dadosEmpresaContato span {
    font-weight: bold;
    font-size: 14px;
}

#conteudo #colunaEsquerda img {
    border-radius: 10px;
    box-shadow:0px 0px 3px #666;
    padding: 5px;
    border: none;
    margin: 0 20px 20px 0;  
    float: left;
}

#conteudo #colunaEsquerda .fotosMiniaturas {
    width: 150px;
    height: 100px;
    border-radius: 5px;
    box-shadow:0px 0px 2px #666;
    padding: 5px;
    border: none;
    margin: 0 15px 10px 0;  
    float: left;
}

#conteudo #colunaEsquerda .boxBtnDemonstracao {
    width: 100%;
    height: auto;
    padding: 20px 0 0 0;
    clear: both;
}


#conteudo #colunaEsquerda hr {
    border: solid 1px #eee;
    margin: 30px 0 30px 0;
    clear:both;
}

#conteudo #colunaEsquerda .abas {
    padding: 20px 0 0 0;
}


#conteudo #colunaEsquerda #formularioContato {
    width: 350px;
    height: auto;
    overflow: hidden;
    float: left;
}

#conteudo #colunaEsquerda #dadosEmpresaContato {
    width: 330px;
    height: auto;
    overflow: hidden;
    float: right;
}


#conteudo #colunaEsquerda #boxlogin {
    width: 320px;
    height: auto;
    overflow: hidden;
    margin: 50px 0 0 0;
}

#conteudo #colunaDireita {
    width: 230px;
    height: auto;
    overflow: hidden;
    float: right;
    padding: 44px 0 0 0;
}

#conteudo #colunaDireita h2 {
    font-size: 18px;
    color: #000;
    display: block;
    text-shadow: #f2f2f2 1px 1px 1px;
    margin: 0 0 10px 0;
    border-bottom: solid 1px #eee;
    padding: 0 0 5px 0;
}

#conteudo #colunaDireita ul li {  
    list-style: url("http://atllas.com.br/Publico/imagens/site/seta2.gif");
    margin: 15px 0 0 10px;
}

#conteudo #colunaDireita ul li a {
    color: #969696;
    line-height: 20px;
    font-size: 12px;
}

#conteudo #colunaDireita ul li a:hover {
    text-decoration: underline;
}


#conteudo #colunaDireita p {
    color: #969696;
    line-height: 25px;
    font-size: 12px;
    display: block;
    margin: 0 0 20px 0;
}

#conteudo #colunaDireita p .spanAspas {
    font-family: Georgia;
    font-size: 40px;
}

#conteudo #colunaDireita #boxRedesSociais{
    margin: 0 0 20px 0;

}


#conteudo #colunaDireita #boxRedesSociais .redeSocial {
    margin: 0 20px 0 0;
}

/* ========================================================================================================
// FORMATAÇÃO -> RODAPÉ
// ====================================================================================================== */
#rodape {
    width: 100%;
    height:556px;
    background:url("http://atllas.com.br/Publico/imagens/site/rodape.png") center ;
    margin: 50px 0 0 0;
}

#rodape #conteudoRodape{
    width:974px;
    height:473px;
    overflow: hidden;
    margin:auto;
}

#rodape #parceiros {
    height:82px;
}

#rodape #parceiros .parceirosRodape {
    margin: 0 50px 0 0;
}


#rodape .colunaRodape{
    width:220px;
    height:auto;
    padding: 20px 0 0 0;
    float:left;
    margin: 0 10px 0 10px;
}

#rodape .colunaRodape ul li {
    margin: 10px 0 0 10px;
    line-height: 30px;
    list-style: url("http://atllas.com.br/Publico/imagens/site/seta.gif");
}

#rodape .colunaRodape ul li a {
    color: #fff;
    text-transform: uppercase;
}

#rodape .colunaRodape ul li a:hover {
    text-decoration: underline;
}

#rodape .colunaRodape hr {
    border: none;
    height: 2px;
    background-image: url("http://atllas.com.br/Publico/imagens/site/fundoHr.png");
}

#rodape  .colunaRodape h1 {
    font-size: 24px;
    color: #f1f1f1;
    text-shadow: #666 1px 1px 1px;
    margin: 0 0 10px 0;
}

#rodape  .colunaRodape p {
    color: #fff;
    line-height: 50px;
}


/* ========================================================================================================
// FORMATAÇÃO -> BOTÕES
// ====================================================================================================== */
.btnRodape {
    width: 69px;
    height: 43px;
    padding: 8px 4px 8px 4px;
    background: url("http://atllas.com.br/Publico/imagens/site/btn1.png") 0px 0px;
    border: none;
    color: #1f1f1f;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0 0 0;
    float: right;
    font-size: 13px;
}

.btnRodape:hover {
    background: url("http://atllas.com.br/Publico/imagens/site/btn1.png") 0px 44px;
    color: #fff;
    cursor: pointer;
}


#conteudo #colunaEsquerda .botao1 {
    background: url("http://atllas.com.br/Publico/imagens/site/btn2.png") 0px -65px no-repeat;
    color: #fff;
    cursor: pointer;
    display: block;
    width: 145px;
    height: 65px;
    line-height: 65px;
    text-align: right;
    padding: 0 25px 0 0;
    font-weight: bold;
    clear: both;
}

#conteudo #colunaEsquerda .botao1:hover {
    background: url("http://atllas.com.br/Publico/imagens/site/btn2.png") 0px 0px no-repeat;
    color: #fff;
    cursor: pointer;
    display: block;
    width: 145px;
    height: 65px;
    line-height: 65px;
    color: #1f1f1f;
    text-align: right;
    padding: 0 25px 0 0;

}



/* ========================================================================================================
// FORMATAÇÃO -> FORMULÁRIOS
// ====================================================================================================== */
.campoTexto, .txtRodape, .txtAreaRodape, .select {
    width:207px;
    border-radius:9px;
    margin: 10px 0 0 0;
    padding: 8px 11px 8px 11px;
    border: solid 1px #333;
}

.txtRodape {
    border: none;
}

.campoMensagem, .txtAreaRodape {
    height: 100px;
}

.txtAreaRodape {
    border: none;
}

label {
    display: block;
}

.campoTexto, .campoMensagem {
    width:307px;
    border-radius:5px;
    border: solid 1px #333;
    margin: 5px 0 15px 0;
    padding: 8px 11px 8px 11px; 

}

form input[type=text]:focus, form input[type=password], form textarea:focus {
    box-shadow:0px 0px 3px #0069A0;
}

.campoMensagem {
    height: 100px;
}




.btn1 {
    width: 69px;
    height: 43px;
    line-height: 43px;
    background: url("http://atllas.com.br/Publico/imagens/site/btn1.png") 0px 0px;
    border: none;
    color: #1f1f1f;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0 0 0;
    display: block;
    font-size: 13px;
    text-align: center;
}

.btn1:hover {
    background: url("http://atllas.com.br/Publico/imagens/site/btn1.png") 0px 44px;
    color: #fff;
    cursor: pointer;
}


/* ========================================================================================================
// FORMATAÇÃO -> NAVEGADOR DESATUALIZADO
// ====================================================================================================== */
#navegadorDesatualizado {
    width: 100%;
    height: 20px;
    background: red;
    z-index: 21;
    position: fixed;
    font-weight: bold
}

#navegadorDesatualizado p {
    line-height: 20px;
    text-align: center; 
    font-weight: bold;
    font-size: 14px;
    color: #fff;
}



/* ========================================================================================================
// FORMATAÇÃO -> ADM
// ====================================================================================================== */

#administrar .cadastrar {

    width: 180px;
    height: 43px;
    line-height: 43px;
    background: url("http://atllas.com.br/Publico/imagens/site/btn3.jpg");
    border: solid 1px #999;
    border-radius:10px;
    color: #1f1f1f;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0 20px 0;
    display: block;
    font-size: 13px;
    text-align: center;
}

#administrar h1 {
    font-size: 25px;
    font-weight: bold;
    display: block;
    margin: 20px 0 20px 0;
    color: #333;

}

#administrar hr {
    border: solid 1px #7Fc443;
    margin: 20px 0 20px 0;
    clear: both;
}

#administrar .foto {
    width: 200px;
    height: 120px;
    box-shadow:0px 0px 7px #333;
    float: left;
    margin: 0 20px 40px 0;
}

#administrar ul li img  {
    box-shadow:0px 0px 7px #333;

}

#administrar a {
    color: #333;
    font-weight: bold;
}

#administrar table {
    border-collapse: collapse;
}

#administrar table tr td, #administrar table tr th {
    border: solid 1px #999;
    padding: 7px;
}

#administrar table tr th {
    background: url("http://atllas.com.br/Publico/imagens/site/fundoCinza1.jpg");
}

#administrar table tr:hover {
    background: url("http://atllas.com.br/Publico/imagens/site/fundoCinza1.jpg");
}/*

        L.A Informática - 2010
        Empresa: Sena Soares
        Desenvolvedor: Jackson Veroneze
        Contato: jakk4ever@hotmail.com

        Início: 24/06/2010
        Término: 16/07/2010

        Proibida a cópia ou qualquer outra forma de reprodução, integral ou parcial, sem o prévio acordo do autor.

*/


/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }



/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; background:url(../imagens/imagensSite/fundoDescricoes.jpg) bottom repeat-x #FFF; font-size: 16px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; font-weight:bold; border-bottom: solid 2px #7FC443; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/* Component containers
----------------------------------*/


.ui-widget-content a { color: #CCC/*{fcContent}*/; }
.ui-widget-header { border-bottom: 1px solid #aaaaaa/*{borderColorHeader}*/;  }


/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }
.ui-widget :active { outline: none; }


div.jGrowl {
    z-index: 			9999;
    color: 				#3E21FF;
    font-size: 			15px;

}

/** Special IE6 Style Positioning **/
div.ie6 {
    position: 			absolute;
}

div.ie6.top-right {
    right: 				auto;
    bottom: 			auto;
    left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
    left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
    left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
    left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
    left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    width: 				100%;
}

/** Normal Style Positions **/
div.jGrowl {
    position:			absolute;
}

body > div.jGrowl {
    position:			fixed;
}

div.jGrowl.top-left {
    left: 				0px;
    top: 				0px;
}

div.jGrowl.top-right {
    right: 				0px;
    top: 				0px;
}

div.jGrowl.bottom-left {
    left: 				0px;
    bottom:				0px;
}

div.jGrowl.bottom-right {
    right: 				0px;
    bottom: 			0px;
}

div.jGrowl.center {
    top: 				0px;
    width: 				50%;
    left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
    margin-left: 		auto;
    margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
    background-color: 		#FFE53A;
/*    opacity: 				.85;
    -ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
    filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=85); */
    zoom: 					1;
    width: 					235px;
    padding: 				10px;
    margin-top: 			5px;
    margin-bottom: 			5px;
    font-family: 			Tahoma, Arial, Helvetica, sans-serif;
    font-size: 				20px;
    text-align: 			left;
    display: 				none;
    -moz-border-radius: 	5px;
    -webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
    min-height: 			40px;
}

div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {
    margin: 				10px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
    font-weight: 			bold;
    font-size:				.85em;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
    z-index:				99;
    float: 					right;
    font-weight: 			bold;
    font-size: 				1em;
    cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
    padding-top: 			4px;
    padding-bottom: 		4px;
    cursor: 				pointer;
    font-size:				.9em;
    font-weight: 			bold;
    text-align: 			center;
}

/** Hide jGrowl when printing **/
@media print {
    div.jGrowl {
        display: 			none;
    }
}/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:25px; height:25px; background:url(http://atllas.com.br/Publico/imagens/colorbox/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(http://atllas.com.br/Publico/imagens/colorbox/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(http://atllas.com.br/Publico/imagens/colorbox/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(http://atllas.com.br/Publico/imagens/colorbox/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(http://atllas.com.br/Publico/imagens/colorbox/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(http://atllas.com.br/Publico/imagens/colorbox/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(http://atllas.com.br/Publico/imagens/colorbox/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(http://atllas.com.br/Publico/imagens/colorbox/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:#fff url(http://atllas.com.br/Publico/imagens/colorbox/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}