@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
@font-face{font-family: Futura Lt BT; font-style:  normal; font-weight: normal; src: url(../FUTURAL0.eot);}
body{background:url(../imagens/bg.jpg) repeat;}
/*SOMBRA*/
div#site div#sombra_top img, div#site div#sombra_bottom img{position:relative; float:left;}
div#site div#sombra_top{position:relative; float:left; width:810px; height:30px;}
div#site div#sombra_top div{position:relative; float:left; width:800px; height:30px; background:url(../imagens/sombra_top.png) repeat-x;}
div#site div#sombra_esquerda{position:relative; float:left; width:5px; height:979px; background:url(../imagens/sombra_esq.png) repeat-y;}
div#site div#sombra_direita{position:relative; float:left; width:5px; height:979px; background:url(../imagens/sombra_dir.png) repeat-y;}
div#site div#sombra_bottom{position:relative; float:left; width:810px; height:34px;}
div#site div#sombra_bottom div{position:relative; float:left; width:800px; height:34px; background:url(../imagens/sombra_bottom.png) repeat-x;}
div#site div#sombra_bottom div a{background:url(../imagens/art4_logo.png) no-repeat right top; line-height:28px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; text-decoration:none; float:right; margin:5px 0px 0px 0px; padding:0px 30px 0px 0px;}
div#site div#sombra_bottom div a:hover{background-position:bottom right; color:#ebffd1; }

/*ESTRUTURA*/
div#site{width:810px; height:1043px; margin:auto;}
div#site div#corpo{position:relative; float:left; width:800px; height:979px;  background-color:#ebebeb;}
div#site div#corpo div#topo{position:relative; float:left; width:800px; height:219px;}
div#site div#corpo div#conteudo{position:relative; float:left; width:560px; height:692px; background:url(../imagens/bg_conteudo.jpg) top no-repeat;}
div#site div#corpo div#lateral{position:relative; float:left; width:224px; height:692px; margin-right:10px; background:#c3c3c3 url(../imagens/lateral_bg.jpg) repeat-x;}
div#site div#corpo div#rodape{position:relative; float:left; width:800px; height:68px; background:url(../imagens/rodape.jpg) no-repeat #434343;}

/*MENU*/
div#site div#corpo div#lateral div#menu{position:relative; width:224px; height:215px; background:url(../imagens/bg_menu.jpg) no-repeat top left;}
div#site div#corpo div#lateral div#menu ul{margin:0px 0px 0px 15px; padding:0px 0px 0px 0px;}
div#site div#corpo div#lateral div#menu ul li{list-style-type:none; list-style-position:inside; display:list-item; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#febdbd; background:url(../imagens/linha_menu.jpg) no-repeat left bottom; line-height:22px; }
div#site div#corpo div#lateral div#menu ul li a{color:#febdbd; text-decoration:none; display:list-item; list-style-type:square; padding:0px 0px 0px 5px;}
div#site div#corpo div#lateral div#menu ul li a:hover{color:#9d1214; background-color:#FFF}


/*CONTEUDO*/
div#site div#corpo div#conteudo h1{font-family: Futura Lt BT; font-weight:normal; font-size:24px; color:#000}
div#site div#corpo div#conteudo p{font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#666;}

/*NEWSLETTER*/
div#site div#corpo div#lateral div#newsletter, div#site div#corpo div#lateral div#indique{position:relative; float:left; width:224px; height:170px; background:url(../imagens/linha.jpg) repeat-x bottom;}
div#site div#corpo div#lateral h1{font-family: Futura Lt BT; font-weight:normal; font-size:24px; color:#717171; margin:10px 15px 0px 15px}
div#site div#corpo div#lateral p{font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#666; margin:0px 15px 0px 15px}
div#corpo div#lateral form{margin:0px; padding:0px}
div#corpo div#lateral div#newsletter input, div#corpo div#lateral div#indique input{background:#f5f4f4; border:1px solid #c8c8c8; font-size:12px; width:190px; color:#999999; margin:0px 0px 5px 15px; padding:2px;}
div#corpo div#lateral a.botao{display:block; float:right; width:55px; height:17px; background:url(../imagens/btn_enviar.jpg) no-repeat top left; margin:0px 0px 0px 15px;}
div#corpo div#lateral a.botao:hover{background-position:left bottom;}


/*MENSAGEM*/
div#site div#corpo div#lateral p.msg{position:absolute; bottom:30px; left:15px; margin:0px; padding:0px; width:194px; font-size:14px; text-align:center;}


/*BOTTOM*/

div#site div#corpo div#rodape ul{list-style-type:none; text-align:center; margin:30px 0px 0px 0px}
div#site div#corpo div#rodape ul li{display:inline; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; color:#bbb; padding:0px; margin:0px;}
div#site div#corpo div#rodape ul li a{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-weight:normal; color:#bbb; text-decoration:none;}
div#site div#corpo div#rodape ul li a:hover{color:#FFFFFF; text-decoration:underline;}
div#site div#corpo div#rodape h6{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; font-weight:normal; color:#bbb; margin:0px 0px 0px 10px; text-align:center}
div#site div#corpo div#rodape h6 a{color:#bbb;}
div#site div#corpo div#rodape h6 a:hover{text-decoration:none;}







/*
div#site{height:1043px;}
div#site div#sombra_esquerda, div#sombra_direita{height:979px;}
div#site div#corpo{height:979px;}
div#site div#corpo div#conteudo{height:692px;}
div#site div#corpo div#menu{height:692px;}
*/