/*  
Layout: Leandro Oliveira (ilumni)
Versão: 1.0
Autor: Leandro Oliveira
*/

img, a img { border: none}

body { font: 13px/18px Helvetica, Arial, sans-serif; background: #ddd url(../imagens/bg.png) repeat-x fixed left top; color: #000; margin: 0px; padding: 0px; height: 100%}

ul { margin: 0px; padding: 0px; list-style: none}
ol { margin: 0px;padding: 0px; list-style-position: inside}
li { margin: 0px; padding: 0px}
h3 { margin-top: 0px; padding-top: 0px}
h4 { font-size: 14px; font-weight: bold}
h5 { font-size: 13px; font-weight: bold}
q { font-style: italic}
a { outline:none}

#wrapper { margin: 0px; width: 99%;	padding: 0px}
#logo { background: #000 url(../imagens/logo.png) no-repeat top left; position: fixed; top: 0px; left: 0px; width: 251px; height: 149px}

#lateral { background: url(../imagens/bg_lateral.png) repeat; color:#fff; text-align: justify; margin: 0px 0px 0px 700px; padding: 35px 10px 10px 10px; width: 181px; height: 293px; position: fixed; top: 0px; font-size: 12px}
#lateral ul a { font-size: 9px; height: 30px; color: #FFF; text-decoration: none; padding: 0px; display: inline; float: left; margin-right: 16px}
#lateral ul a:hover { border-bottom: #FFF solid 2px}
#lateral li { display: inline}
#lateral p { margin-top: 128px}

#nav { background: url(../imagens/nav.png) no-repeat; margin: 0px 0px 0px 685px; padding: 0; width: 12px; height: 67px; position: relative; top: 40px}
#nuvem { background: url(../imagens/nuvens.png) no-repeat; margin: 0px 0px 0px 750px; padding: 0; width: 170px; height: 126px; position: fixed; top: 280px}

#banner { margin: 330px 0px 30px 120px; padding: 0px; width: 180px; position: fixed; left: 0px; top: 0px; z-index: 1}

#info { color:#4b4b4b; margin: 170px 0px 30px 12px; padding: 0px; width: 143px; position: fixed; left: 0px; top: 0px; font-size: 12px}


#impresso { color: #FFF; padding: 38px 0 0 0; margin: 1000px 0px 1000px 280px; width: 395px; text-align: right}
#impresso h2 { font-size: 22px; color: #4b4b4b; background: #FFF; margin: 0px 0px 15px; padding: 5px; padding-right:105px; float: right}
#impresso h3 { font-size: 16px; color: #DDD; font-weight: bold}
#impresso h3 span { font-weight: normal; font-size: 14px}
#impresso a:link, #conteudo a:visited { color: #FF0; text-decoration: none}
#impresso a:hover {	color: #fff}

#web { color: #FFF; padding: 38px 0 0 0; margin: 1000px 0px 1000px 280px; width: 395px; text-align: right}
#web h2 { font-size: 22px; color: #4b4b4b; background: #FFF; margin: 0px 0px 15px; padding: 5px; padding-right:105px; float: right}
#web h3 { font-size: 16px; color: #DDD; font-weight: bold}
#web h3 span { font-weight: normal; font-size: 14px}
#web a:link, #conteudo a:visited { color: #FF0; text-decoration: none}
#web a:hover {	color: #fff}

#visual { color: #FFF; padding: 38px 0 0 0; margin: 1000px 0px 1000px 280px; width: 395px; text-align: right}
#visual h2 { font-size: 22px; color: #4b4b4b; background: #FFF; margin: 0px 0px 15px; padding: 5px; padding-right:105px; float: right}
#visual h3 { font-size: 16px; color: #DDD; font-weight: bold}
#visual h3 span { font-weight: normal; font-size: 14px}
#visual a:link, #conteudo a:visited { color: #FF0; text-decoration: none}
#visual a:hover {	color: #fff}

#lab { color: #FFF; padding: 38px 0 0 0; margin: 1000px 0px 1000px 280px; width: 395px; text-align: right}
#lab h2 { font-size: 22px; color: #4b4b4b; background: #FFF; margin: 0px 0px 15px; padding: 5px; padding-right:105px; float: right}
#lab h3 { font-size: 16px; color: #DDD; font-weight: bold}
#lab h3 span { font-weight: normal; font-size: 14px}
#lab a:link, #conteudo a:visited { color: #FF0; text-decoration: none}
#lab a:hover {	color: #fff}

/*
div.hr { height: 62px; background: url(../imagens/firula.jpg) no-repeat top right}
div.hr hr { display: none}
*/

#rodape { background: url(../imagens/rodape1.png) no-repeat bottom left; position: fixed; bottom: 0px; left: 0px; width: 303px; height: 207px}


.esq { float:left}
.dir { float:right}
.verde { padding: 3px; background: #A0D501; color: #000}

.page {	clear: both}





/* Begin recent clients list. */

#recent-clients {margin-bottom: 25px; padding: 0}
#recent-clients ul {margin: 0; padding: 0; list-style-type: none}
#recent-clients li {display: inline; padding: 0 1px 0 0}
#recent-clients li a img {padding: 0; margin: 2px}

/* End recent clients list. */