/*
Theme Name: V.Art
Theme URI: http://www.vart.com.br
Description: Tema desenvolvido para a V.Art
Version: 2007
Author: João Costa
Author URI: http://joaocosta.com/
*/

body { margin: 0 auto; background: #F0F0F0; font: 14px Garamond, Georgia, "Times New Roman", sans-serif, serif; cursor:default }
a, a img { border: 0; margin: 0; text-decoration: none }
a:hover { text-decoration: undeline }
div.clearContent { clear: both }

/*
 * Formatao do cabecalho
 */
#mainHeader { padding: 30px 0; width: 100%; margin: 0; background: #FFF }
#mainHeader div.headerContent { width: 700px; margin: 0 auto }
#mainHeader div.headerContent div.logo { float: left; width: 200px; margin-left: -26px; position: relative }
#mainHeader div.headerContent ul.menu { list-style: none; float: right; text-align: right; margin: 22px 0 0 0; padding: 0 }
#mainHeader div.headerContent ul.menu li { float: left; margin-left: 8px; padding: 0 8px 0 0; border-right: 1px solid #c0c0c0 }
#mainHeader div.headerContent ul.menu li.last { padding: 0; border-right: 0 }
#mainHeader div.headerContent ul.menu li a { font-size: 16px; color: #666; letter-spacing:-1px }
#mainHeader div.headerContent ul.menu li a:hover { color: #000 }
#mainHeader div.headerContent ul.menu li a.active { font-weight: bold; color: #000 }

/*
 * Formatao do conteudo
 */
#mainContent { width: 700px; margin: 10px auto }
#mainContent h1 { margin: 0 0 30px 0; display: block; font: 32px Garamond, Georgia, "Times New Roman", sans-serif, serif }
#mainContent div.contentLeft { margin: 0; width: 330px; float: left; border-right: 1px solid #CCC; padding-right: 20px }
#mainContent div.contentRight { margin: 0; width: 330px; float: right }
#mainContent div.contentLeft,
#mainContent div.contentRight { font: 12px Arial, Helvetica, sans-serif; color: #666; line-height: 22px }
#mainContent div.contentLeft p,
#mainContent div.contentRight p { margin: -10px 0 20px 0; position: relative }
#mainContent div.contentLeft p a { color: #333; text-decoration: underline }
#mainContent div.contentLeft p a:hover { color: #000; text-decoration: none }
#mainContent div.contentLeft p img { margin: 0 8px 3px 0 }
#mainContent div.contentLeft span.balao { float: right; width: 110px; margin-left: 15px; font: 20px Georgia, "Times New Roman", Times, serif; color: #666; padding: 4px 0 14px 14px; background: url(images/balao.gif) 0 0 no-repeat }
#mainContent div.contentLeft h2 { margin: -10px 0 15px 0; position: relative; font: 18px Arial, Helvetica, sans-serif; color: #333 }
#mainContent div.contentLeft h2 span { font-size: 11px; font-weight: normal; color: #999; margin-left: 10px }
#mainContent div.contentLeft form { margin: -10px 0 20px 0; position: relative }
#mainContent div.contentLeft form label { display: block; margin: 0 }
#mainContent div.contentLeft form input.input,
#mainContent div.contentLeft form select,
#mainContent div.contentLeft form textarea { margin: 0; border: 1px solid #E4E4E4; background: #FFF; font: 11px Arial, Helvetica, sans-serif; padding: 3px; width: 310px }
#mainContent div.contentLeft form select { width: 318px }
#mainContent div.contentLeft form textarea { height: 70px }
#mainContent div.contentLeft form p { margin: 10px 0 0 0 }
#mainContent div.contentLeft form input.submit { padding: 5px 10px; border: none; font-weight: bold; color: #666; background: #E0E0E0 }
#mainContent div.contentLeft form span.erro { margin-left: 10px; line-height: 12px; font-size: 10px; color: #FF6633 }
#mainContent div.clientes a { float: left; width: 90px; height: 90px; text-align: center; padding: 5px; margin: 0 16px 16px 0; background: url(images/cl_bg.gif) 0 0 no-repeat }
#mainContent div.clientes a:hover { background: url(images/cl_bg.gif) 0 100% no-repeat }

#mainContent div.contentRight ul.news { margin: 0; padding: 0; list-style: none }
#mainContent div.contentRight ul.news li { margin: 0 0 5px 0; padding: 0 0 0 15px; background:url(images/news_dot.gif) 0 50% no-repeat }
#mainContent div.contentRight ul.news li a { display: block; padding: 0 0 5px 0; border-bottom: 1px solid #E4E4E4; color: #333 }
#mainContent div.contentRight ul.news li a:hover { color: #000; border-bottom-color: #C0C0C0 }

/*
 * Formatao do rodape
 */
#mainFooter { padding: 10px 0; width: 100%; margin: 0; background: #E9E9E9 }
#mainFooter div.footerContent { width: 700px; margin: 0 auto; font: 11px Arial, Helvetica, sans-serif; color: #999 }
#mainFooter div.footerContent div.address { width: 300px; float: left; color: #666 }
#mainFooter div.footerContent div.address p { margin: 0 0 4px 0 }
#mainFooter div.footerContent div.address p.last { margin: 0 }
#mainFooter div.footerContent div.copyright { width: 400px; float: right; text-align: right }
#mainFooter div.footerContent div.copyright p { margin: 0 0 4px 0 }
#mainFooter div.footerContent div.copyright p.jc { margin: 18px 0 0 0 }