* { margin: 0; padding: 0; }
ul { list-style: none; }
a { text-decoration: underline; color: #999; }
a:hover { text-decoration: none; }
img { border: none; }
html, body  { }
body {
    background: url('../image/bkg.page.home.png') left top repeat fixed #FFF;
	font-family: Arial, Verdana, Tahoma;
	font-size: 14px;
	height: 100%;
}
.clear-fix { clear: both; }
#all, #body .columns, #body .columns .column, #body .columns .column.content, #body .columns .column.content .border, #main-content { height: 100%; }

#all .background { position: fixed; z-index: -2; top: 0; left: 0; width: 100%; min-width: 1024px; min-height: 768px; }
#all .background img { width: 100%; }

#body {
    width: 750px;    
    margin: 0 auto;
    color: #fff;
	height: 100%;
}

#body .columns .column { float: left; }
#body .columns .column.content { margin-left: 8px; }

#body .columns .column.content .border { display: block; float: left; }
#body .columns .column.content .border_left { background: url('../image/border_left.png')  left top repeat-y; padding-left: 30px; }
#body .columns .column.content .border_right { background: url('../image/border_right.png')  right top repeat-y; padding-right: 20px; }

#body .columns .column_right { display: block; float: left; _width: 300px; }
#body .columns .column_left { width: 200px; display: block; float: left; }

#body .menu { display: block; width: 100%; float: left; margin-bottom: 30px; margin-left: 15px; }
#body .menu li { display: inline; float: left; margin-left: 20px; }
#body .menu li a { display:block; width: 32px; height: 32px; font-size: 0.2px; text-indent: -999999em; }
#body .menu li.portifolio a { background-image: url('../image/btn_portifolio.png'); }
#body .menu li.clientes a { background-image: url('../image/btn_clientes.png'); }
#body .menu li.contato a { background-image: url('../image/btn_contato.png'); }

#body .menu li.portifolio.selected a { background-image: url('../image/btn_portifolio_col.png'); }
#body .menu li.clientes.selected a { background-image: url('../image/btn_clientes_col.png'); }
#body .menu li.contato.selected a { background-image: url('../image/btn_contato_col.png'); }

#main-content { padding-left: 15px; padding-right: 15px; width: 605px; background: #000; display: block; opacity: 0.95; filter: alpha(opacity=95); }
#main-content .logo { margin-top: 30px; }
#main-content .logo h1 { font-size: 0.2px; display: inline; }
#main-content .logo h1 a {
    text-indent: -99999em;
    display: block;
    width: 196px;
    height: 130px;
    margin: 0 1px;
    background: url('../image/rogerio_borges.png') center center no-repeat;		
}
#main-content .logo span { display: none; }

#main-content .separator { width: 196px; height: 1px; background: url('../image/separador.png') left top no-repeat; margin: 25px auto 10px auto; }

#main-content .description { display: block; }
#main-content .description h2 { display: none; }
#main-content .description img { border: none; margin: 0 10px 10px 0; float: left; }
#main-content .description p { font-size: 11px; text-align: left; text-indent: 15px; }

#main-content .clients { margin-top: 25px; }
#main-content .clients h2 { font-size: 14px; font-weight: lighter; }
#main-content .clients ul { color: #ccc; font-size: 12px; }
#main-content .clients ul li { margin: 3px 3px; padding: 3px; display: block; width: 34px; float: left; background: #111; border: 1px solid #333; }
#main-content .clients ul li img { width: 30px; margin: 0 auto; display: block; }

#main-content .contact { font-size: 11px; margin-top: 20px; }
#main-content .contact ul { margin-top: 3px; }
#main-content .contact ul li { padding: 0 10px; display: block; float: left; border-right: 1px solid #999; height: 10px; }
#main-content .contact ul li:first-child { padding-left: 0; }
#main-content .contact ul li:last-child { border: none; }
#main-content .contact ul li a{ display: block; margin-top: -3px; }
#main-content .contact a.email { text-decoration: none; color: #fff; }
#main-content .contact a.email:hover { color: #ccc; }

#main-content .telephone { margin-top: 40px; clear: both; font-size: 12px; }
#main-content .telephone h2 { font-size: 11px; font-weight: normal; }

#main-content .credits { margin-top: 40px; font-size: 10px; color: #666; }
#main-content .credits span { display: block; margin-bottom: 2px; }
#main-content .credits a { opacity: 0.6; filter: alpha(opacity=60); }

#main-content .left-border { height: 90%; width: 2px; border-left: 2px dotted #333; margin-top: 30px; }

#main-content .loader { text-align: center; font-size: 13px; line-height: 20px; border: 1px solid #999; background: #111; width: 300px; margin: 200px auto 0 auto; display: none; }
#main-content .column_right .content { margin-top: 40px; display: inline; margin-left: 30px; float: left; }

#main-content .widget { width: 95%; height: auto; margin-bottom: 20px; margin: 0 auto 20px auto; }
#main-content .widget .icon { float: left; width: 20px; }
#main-content .widget .box { padding-left: 10px; border-left: 1px solid #666; float: left; }
#main-content .widget .box .title { display: block; font-size: 14px; margin-bottom: 7px; color: #999; }
#main-content .widget .box .inner-content { font-size: 12px; color: #fff; }
#main-content .widget a { color: #fff; text-decoration: none; } 
#main-content .widget a:hover { text-decoration: underline; } 

#body.contato  { width: 700px; }
#body.contato  #main-content { width: 605px; }

#main-content #contact { width: 340px; /*border: 1px solid red;*/ }
#main-content #contact .widget.formulario { margin-top: 40px; }
#main-content #contact .widget.formulario  label { display: block; margin: 0 0 10px 0; }
#main-content #contact .widget.formulario  label span.text { display: block; width: 95px; }
#main-content #contact .widget.formulario  label input { padding: 5px; width: 210px; }
#main-content #contact .widget.formulario  label input:focus, #main-content #contact .widget.formulario  label textarea:focus { background: lightyellow; }
#main-content #contact .widget.formulario  label textarea, #main-content #contact .widget.formulario  label input { font-family: verdana; font-size: 11px; color: #333; border: 1px solid #000; }
#main-content #contact .widget.formulario  label textarea { width: 272px; height: 100px; margin-top: 5px; padding: 5px; }
#main-content #contact .widget.formulario .info { float: right; color: #666; }
#main-content #contact .widget.formulario  span.required { color: #b71319; }

#body.portifolio  { width: 900px; }
#body.portifolio  #main-content { width: 805px; }

#main-content #gallery { width: 560px; }
#main-content #gallery .widget.gallery { margin-bottom: 30px; }
#main-content #gallery .widget.gallery .outer-box { max-width: 422px; height: 62px; float: left; overflow: hidden; }
#main-content #gallery .widget.gallery .outer-box ul { white-space: nowrap; display: block; }
#main-content #gallery .widget.gallery .outer-box ul li { margin-right: 10px; display: inline; width: 62px; height: 62px; }
#main-content #gallery .widget.gallery .outer-box ul li a { display: inline-block; width: 62px; height: 62px; opacity: 0.6; filter: alpha(opacity=60); }
#main-content #gallery .widget.gallery .outer-box ul li a:hover { opacity: 1; filter: alpha(opacity=100); }
#main-content #gallery .widget.gallery .outer-box ul li a img { border: 1px solid #333; }
#main-content #gallery .widget.gallery a.prev { width: 19px; height: 30px; background: url(../image/arrow_on.png) top left no-repeat; display: inline; text-indent: -999999em; font-size: 0.2px; float: left; margin: 15px 10px 0 5px; }
#main-content #gallery .widget.gallery a.next { width: 19px; height: 30px; background: url(../image/arrow_on.png) top right no-repeat; display: block; text-indent: -999999em; font-size: 0.2px; float: left; margin: 15px 0 0 10px; }
#main-content #gallery .widget.gallery a.prev.off { background: url(../image/arrow_off.png) top left no-repeat; }
#main-content #gallery .widget.gallery a.next.off { background: url(../image/arrow_off.png) top right no-repeat; }

#tooltip {
	display: block;
	position: absolute;
	width: auto;
	background: lightyellow;
	padding: 4px;
	opacity: 0.80;
	filter: alpha(opacity=80);	
}
#tooltip h3 { font-family: Tahoma; font-size: 14px; color: #333; font-weight: normal; }