/*
 * Cliente: R. Assolari Assessoria Contábil
 * Projeto: Site institucional, 2010
 * Autor: Gustavo Straube, gustavo.straube@gmail.com
 */

/* -- reset -- */

* { margin: 0; padding: 0; }

html, body { height: 100%; }
html { background: #fff url(images/endereco-bg.gif) repeat-x 0 130px; font-size: 100%; }
body { height: auto; background: url(images/footer-bg.jpg) repeat-x 0 bottom; font: .75em "Lucida Grande", trebuchet, arial, sans-serif; color: #000; }

a { text-decoration: none; color: #b01e28; overflow: hidden; }
a:hover { text-decoration: underline; }

fieldset, abbr, img { border: 0; }
table, th, td { border: 0 none; border-collapse: collapse; border-spacing: 0; }

textarea, input { font: 1em "Lucida Grande", trebuchet, arial, sans-serif; }

hr { display: block; clear: both; margin: 20px 0; color: #ccc; border: 1px solid #ccc; }

:focus { outline: 0; }

/* -- classes -- */

.hasfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.hasfloat { display: inline-block; } 
/* Hides from IE-mac \*/ 
* .hasfloat { height: 1%; } 
.hasfloat { display: block; } 
/* End hide from IE-mac */

.heightlimiter { display: block; height: 60px; overflow: hidden; }

.nobr { white-space: nowrap; }
.error { margin: 0 0 20px; padding: 10px; background: #fcc; color: #f00; border: 0 none #f00; }
.message { margin: 0 0 20px; padding: 10px; background-color: #defcdc; color: #249716; border: 0 none #249716; }

ul.error, ul.message { padding: 1px 10px; list-style: none; }
ul.error li, ul.message li { margin: 10px 0 !important; padding: 0 !important; }

ul.popup { border: 2px solid; position: absolute; top: 260px; left: 50%; width: 540px; padding: 15px 25px !important; margin: 0 0 0 -285px !important; cursor: pointer; }

a.btn { padding: 5px; border: 2px solid #b01e28; background: #b12b35; color: #fff; font-size: 1em; }

ul.paging { margin: 15px 0; text-align: center; list-style: none; }
  ul.paging li { display: inline; margin: 0 10px; }

/* -- header -- */

#header { width: 980px; height: 180px; margin: 0 auto; }

body.interna #header h2 a { float: left; width: 431px; height: 129px; margin: 0; background: url(images/logo.gif) no-repeat 0 0; text-indent: -9999em; }

#header form.login { float: right; width: 545px; }
#header form.login fieldset { height: 32px; padding: 5px 5px 6px; background: url(images/login-bg.gif) no-repeat 0 0; }
#header form.login fieldset h4 { float: left; width: 159px; height: 15px; margin: 6px 9px 10px; background: url(images/login-logo-ecv.jpg) no-repeat 0 0; text-indent: -9999em; }
#header form.login fieldset ol { float: left; list-style: none; }
#header form.login fieldset ol li { position: relative; float: left; margin-left: 7px; }
#header form.login fieldset ol li.user { width: 298px; margin: 0; padding-top: 6px; color: #fff; text-align: center; }
#header form.login fieldset input { width: 134px; height: 17px; padding: 4px; border: 0; background: url(images/login-bg-input.gif) no-repeat 0 0; color: #fff; }
#header form.login fieldset button { display: block; float: left; width: 51px; height: 25px; margin-left: 7px; padding: 4px; border: 0; background: url(images/login-bg-button.gif) no-repeat 0 0; font-weight: bold; color: #fff; cursor: pointer; }
#header form.login fieldset label { display: none; }
#header form.login p { float: right; font-size: .83em; }
#header form.login p a { color: #999; }

#header ul#main-menu { float: right; clear: right; width: 546px; height: 40px; margin-top: 17px; background: url(images/main-menu-bg.gif) no-repeat 0 0; list-style: none; }
#header ul#main-menu li { position: relative; float: left; }
#header ul#main-menu li a { display: inline-block; height: 40px; margin-right: 3px; background: none no-repeat 0 0; text-indent: -9999em; }

#header ul#main-menu li.empresa a { width: 73px; background-image: url(images/main-menu-empresa.gif); }
#header ul#main-menu li.servicos a { width: 84px; background-image: url(images/main-menu-servicos.gif); }
#header ul#main-menu li.clientes a { width: 150px; background-image: url(images/main-menu-clientes.gif); }
#header ul#main-menu li.contato a { width: 84px; background-image: url(images/main-menu-contato.gif); }
#header ul#main-menu li.trabalhe a { width: 143px; margin-right: 0; background-image: url(images/main-menu-trabalhe.gif); }

#header ul#main-menu li.empresa a:hover { background-image: url(images/main-menu-empresa-ativo.gif); }
#header ul#main-menu li.servicos a:hover { background-image: url(images/main-menu-servicos-ativo.gif); }
#header ul#main-menu li.clientes a:hover { background-image: url(images/main-menu-clientes-ativo.gif); }
#header ul#main-menu li.contato a:hover { background-image: url(images/main-menu-contato-ativo.gif); }
#header ul#main-menu li.trabalhe a:hover { background-image: url(images/main-menu-trabalhe-ativo.gif); }


#header ul#main-menu li.servicos ul { position: absolute; top: 36px; left: 0; display: none; width: 190px; height: 134px; padding: 10px; background: url(images/main-menu-servicos-submenu.gif) no-repeat 0 0; border-bottom: 1px solid #ccc; list-style: none; }
#header ul#main-menu li.servicos:hover ul { display: block; }
#header ul#main-menu li.servicos:hover a { background-image: url(images/main-menu-servicos-ativo.gif); }
#header ul#main-menu li.servicos ul li { position: static; display: list-item; margin-bottom: 8px; }
#header ul#main-menu li.servicos ul li a { float: none; display: inline; width: auto; height: auto; margin: 0; background: none !important; text-indent: 0; color: #666; }

#header p.vcard { clear: both; width: 100%; padding: 13px 0; color: #fff; }
#header p.vcard span.adr, #header p.vcard span.tel { padding-right: 10px; }
#header p.vcard span.crc, #header p.vcard span.tel { padding-left: 10px; }

/* -- content -- */

#content { width: 980px; margin: 0 auto; padding: 10px 0 40px; }

#content #utils { float: left; width: 187px; }

#content #utils ul.side-menu { width: 173px; height: 215px; padding: 4px 0 15px 14px; margin-bottom: 10px; background: url(images/side-menu-bg.gif) no-repeat 0 0; font-size: 1.17em; list-style: none; }
#content #utils ul.side-menu li { margin-top: 11px; }
#content #utils ul.side-menu li a { display: block; height: 25px; padding: 7px 0 0 42px; background: none no-repeat 0 0; color: #666; }
#content #utils ul.side-menu li a:hover { text-decoration: none; color: #b12b35; }
#content #utils ul.side-menu li.modelos a { background-image: url(images/side-menu-modelos.gif); }
#content #utils ul.side-menu li.certidoes a { background-image: url(images/side-menu-certidoes.gif); }
#content #utils ul.side-menu li.links a { background-image: url(images/side-menu-links.gif); }
#content #utils ul.side-menu li.parceiros a { background-image: url(images/side-menu-parceiros.gif); }
#content #utils ul.side-menu li.webmail a { background-image: url(images/side-menu-webmail.gif); }

#content #utils dl { width: 163px; height: 119px; padding: 16px 12px 12px; background: url(images/orcamento-bg.gif) no-repeat 0 0; }
#content #utils dl dt { width: 108px; height: 31px; background: url(images/orcamento.jpg) no-repeat 0 0; text-indent: -9999em; }
#content #utils dl dd ul { margin: 10px 0 0 4px; font-size: .92em; list-style: none; }
#content #utils dl dd ul li { margin-top: 5px; }
#content #utils dl dd ul li a { color: #444; }

#content #inside { float: left; width: 591px; padding: 0 20px; }

#content #inside h1 { margin-bottom: 10px; font: 2em "Myriad Pro", Helvetica, Arial, sans-serif; font-weight: normal; color: #b01e28; }
#content #inside h3 { margin: 30px 0 10px; font-size: 1.33em; font-weight: normal; color: #888; }
#content #inside h4 { margin: 25px 0 10px; font-size: 1.17em; font-weight: bold; color: #000; }
#content #inside p { margin: 20px 0; text-align: justify; line-height: 1.5em; }

#content #inside ol, #content #inside ul { margin: 20px 0; }
#content #inside ol li, #content #inside ul li { margin: 5px 0 5px 20px; text-align: justify; line-height: 1.5em; }

#content #inside form { margin: 20px 0; }
#content #inside form ol { margin: 0; list-style: none; }
#content #inside form ol li { margin: 15px 0; }
#content #inside form ol li label { display: block; margin-bottom: 3px; }
#content #inside form ol li label.left { float: left; clear: left; width: 160px; margin-bottom: 5px; }
#content #inside form ol li textarea { width: 100%; }
#content #inside form ol li p { margin: 0; color: #c00; }
#content #inside form ol li p small { color: #666; font-size: .83em; }
#content #inside form ol li.phone { display: block; float: left; width: 33%; }
#content #inside form button { padding: 5px; border: 2px solid #b01e28; background: #b12b35; color: #fff; font-size: 1em; cursor: pointer; }

#content #inside ul.migalhas { margin: 0 0 15px; list-style: none; }
#content #inside ul.migalhas li { display: inline; margin: 0; }
#content #inside ul.migalhas li a { padding-right: 20px; background: url(images/migalhas-div.gif) no-repeat 100% 50%; }

#content #highlights { float: right; width: 162px; }

#content #highlights dl.news dt { width: 155px; height: 22px; background: url(images/noticias.gif) no-repeat 0 0; text-indent: -9999em; }
#content #highlights dl.news dd ul { list-style: none; }
#content #highlights dl.news dd ul li { margin: 10px 0; }
#content #highlights dl.news dd ul li a { color: #000; }

#content #highlights ul.banners { padding-top: 15px; background: url(images/highlights-div.jpg) no-repeat 0 5px; list-style: none; }
#content #highlights ul.banners li { margin-top: 5px; }

/* -- footer -- */

#footer { width: 980px; height: 202px; margin: 23px auto 0; background: url(images/footer-logo.jpg) no-repeat 0 0; }
#footer ul.links, #footer p { float: left; clear: left; margin-left: 175px; }

#footer ul.links { margin-top: 32px; background: url(images/footer-link-div.gif) no-repeat 166px 0; list-style: none; }
#footer ul.links li { float: left; }
#footer ul.links li a { display: inline-block; height: 16px; background: none no-repeat 0 0; text-indent: -9999em; }
#footer ul.links li.assolari a { width: 156px; background-image: url(images/footer-link-assolari.gif); }
#footer ul.links li.ecv a { width: 279px; margin-left: 35px; background-image: url(images/footer-link-ecv.gif); }

#footer p { margin-top: 14px; font-size: .83em; color: #c29999; }

#footer ul.facilities { height: 80px; margin-left: 780px; padding: 10px 0 20px 18px; background: url(images/facilities-div.jpg) no-repeat 0 0; list-style: none; }
#footer ul.facilities li { margin-top: 10px; }
#footer ul.facilities li a { display: block; padding-left: 22px; background: none no-repeat 0 0; color: #ccc; }
#footer ul.facilities li a:hover { text-decoration: none; color: #fff; }

#footer ul.facilities li.termos a { background-image: url(images/facilities-termos.gif); }
#footer ul.facilities li.mapa a { background-image: url(images/facilities-mapa.gif); }
#footer ul.facilities li.topo a { background-image: url(images/facilities-topo.gif); }

#footer ul.facilities li.termos a:hover { background-image: url(images/facilities-termos-ativo.gif); }
#footer ul.facilities li.mapa a:hover { background-image: url(images/facilities-mapa-ativo.gif); }
#footer ul.facilities li.topo a:hover { background-image: url(images/facilities-topo-ativo.gif); }

#footer a.codekings { display: block; width: 108px; height: 23px; margin: 20px 0 0 798px; background: transparent url('images/codekings.gif'); text-indent: -9999em; overflow: none; }

/* -- home -- */

body#home #header h1 a { float: left; width: 431px; height: 129px; margin: 0; background: url(images/logo.gif) no-repeat 0 0; text-indent: -9999em; }

body#home #content #inside div.banner-home { width: 575px; height: 260px; background: url(images/banner.jpg) no-repeat 0 0; text-indent: -9999em; }

/* -- contato -- */

body#contato #content #inside div.gmaps { display: none; width: 100%; height: 400px; border: 0; overflow: hidden; }

/* -- trabalhe conosco -- */

body#trabalhe #content #inside form ol li { margin: 10px 0; }

/* -- orçamentos -- */

body#orcamentos #content #inside form ol li { margin: 10px 0; }

/* -- site -- */

body#site #content ul { margin-left: 20px; }

/* -- ecv -- */

body.ecv #header div.login { float: right; width: 525px; height: 62px; margin-top: 23px; padding: 10px; background: url(images/ecv-info.gif) no-repeat 0 0; }
body.ecv #header div.login h4 { width: 155px; height: 13px; background: url(images/ecv-info-title.gif) no-repeat 0 0; text-indent: -9999em; }
body.ecv #header div.login p { margin: 10px 0; font-size: .92em; }
body.ecv #header div.login ul { font-size: .92em; list-style: none; }
body.ecv #header div.login ul li { display: inline; margin-right: 30px; }

body.ecv #content #admin-menu { margin: 0 0 15px; list-style: none; }
body.ecv #content #admin-menu li { display: inline; position: relative; margin: 0; }
body.ecv #content #admin-menu li a { display: block; float: left; margin-right: 3px; padding: 5px 8px; border: 2px solid #ff9; background: #ffc; color: #666; font-size: 1.17em; }
body.ecv #content #admin-menu li ul { display: none; }

body.ecv #content ul.menu { margin: 0 0 20px; list-style: none; }
body.ecv #content ul.menu li { display: inline; margin: 0; text-align: left; }
body.ecv #content ul.menu li a { display: block; float: left; width: 256px; height: 47px; margin-right: 25px; padding: 42px 0 0 54px; background: none no-repeat 0 0; color: #aaa; }
body.ecv #content ul.menu li.painel a { background-image: url(images/ecv-painel.gif); }
body.ecv #content ul.menu li.documentos a { background-image: url(images/ecv-documentos.gif); }
body.ecv #content ul.menu li.solicitacoes a { margin-right: 0; background-image: url(images/ecv-solicitacoes.gif); }
body.ecv #content ul.menu li a strong { display: none; }

body.ecv #content h1 { margin-bottom: 10px; font: 2em "Myriad Pro", Helvetica, Arial, sans-serif; font-weight: normal; color: #b01e28; }
body.ecv #content h3 { margin: 30px 0 10px; font-size: 1.33em; font-weight: normal; color: #888; }
body.ecv #content h4 { margin: 25px 0 10px; font-size: 1.17em; font-weight: bold; color: #000; }
body.ecv #content p { margin: 20px 0; text-align: justify; line-height: 1.5em; }

body.ecv #content table { width: 100%; margin: 20px 0; }
body.ecv #content table tr th, body.ecv #content table tr td { padding: 5px; text-align: left; vertical-align: top; }
body.ecv #content table tr td.warn { color: #f00; }
body.ecv #content table tr.line td { background: #eee; }
body.ecv #content table tr.warn td { background: #ffd; }
body.ecv #content table tr.line.warn td { background: #ffa; }

body.ecv #content dl dt { float: left; clear: left; width: 190px; padding-top: 10px; color: #666; font-size: 1.17em; }
body.ecv #content dl dd { float: left; width: 770px; margin-bottom: 20px; padding: 10px; background: #eee; }
body.ecv #content dl.wide dt { float: none; clear: both; width: auto; padding: 10px 0; }
body.ecv #content dl.wide dd { float: none; width: auto; }

body.ecv #content form { margin: 20px 0; }
body.ecv #content form ol { margin-bottom: 20px; list-style: none; }
body.ecv #content form ol li { margin: 15px 0; }
body.ecv #content form ol li label { display: block; margin-bottom: 3px; }
body.ecv #content form ol li textarea { width: 100%; }
body.ecv #content form ol li p { margin: 0; color: #c00; }
body.ecv #content form ol li p small { color: #666; font-size: .83em; }
body.ecv #content form button { padding: 5px; border: 2px solid #b01e28; background: #b12b35; color: #fff; font-size: 1em; cursor: pointer; }
body.ecv #content form ol li .mceEditor table { margin: 0; }
body.ecv #content form ol li .mceEditor table tr th, body.ecv #content form ol li .mceEditor table tr td { padding: 0; }
body.ecv #content form ol.quarter li { float: left; width: 25%; margin: 10px 0; }

body.ecv #content form.horizontal { margin: 20px 0; }
body.ecv #content form.horizontal ol { margin-bottom: 20px; list-style: none; }
body.ecv #content form.horizontal ol li { float: left; margin: 0 20px 0 0; }
body.ecv #content form.horizontal ol li label { display: block; margin-bottom: 3px; }
body.ecv #content form.horizontal button { margin-top: 12px; }

body.ecv #content ul.tabs { list-style: none; overflow: hidden; }
body.ecv #content ul.tabs li { display: inline; }
body.ecv #content ul.tabs li a { display: block; float: left; margin-right: 5px; padding: 4px 6px; border: 2px solid #ddd; background: #eee; }

/* -- Warn message -- */

#warn_message { position: fixed; z-index: 100; width: 100%; height: 100%; background: rgba(0,0,0,.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); zoom: 1; }
#warn_message .inner { position: absolute; top: 50%; left: 50%; width: 400px; margin: -100px 0 0 -215px; padding: 10px; background: #fff; border: 5px solid #ccc; border-radius: 5px; }
#warn_message .inner .close { display: block; float: right; padding: 2px 5px; background: #b01e28; color: #fff; }
#warn_message .inner .close:hover { color: #ccc; text-decoration: none; }