/* 

    Document   : estilo.css
    Created on : 11/01/2009, 09:23:20
    Author     : Kayan - Acao Direta Web Studio
    Description: CSS - Vitoreti

    TODO customize this sample style
    Syntax recommendation http://www.w3.org/TR/REC-CSS2/
	
*/

*						{ padding:0; margin:0; }
img, fieldset					{ border:none; }
body 						{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background:url(../imagens/bg_body.jpg) no-repeat 50% 0; background-color:#E9E9E9; }
div.clear					{ clear:both; }
span.none					{ display:none; }


/* ------ Container ------ */

div#container					{ width:980px; margin:0 auto; background:#fff; }

/* ------ Header ------ */

div#header					{ position:relative; width:980px; height:177px; background:url(../imagens/bg_header.png) no-repeat; background-color:#fff; border-bottom:5px solid #F5F5F5; }
div#header h1 a.logo				{ position:absolute; top:9px; left:62px; width:391px; height:172px; background:url(../imagens/logo.png) no-repeat; text-indent:-9999px; display:block; }
div#slide img,
div#slide					{ position:absolute; top:0; right:70px; width:388px; }

/* ----- menu ----- */

div#menu					{ width:980px; height:35px; background:url(../imagens/bg_menu.png) no-repeat; }
div#menu ul					{ list-style:none; margin-left:100px; }
div#menu li					{ height:35px; line-height:32px; font-size:14px; display:block; float:left; }
div#menu li a					{ color:#fff; text-decoration:none; padding-left:12px; padding-right:12px; border-right:1px solid #fff; }
div#menu li:hover				{ background:#990000; }
div#menu li a.none				{ border:none; }	
div#menu li.selected				{ background:#990000; }
div#menu_ativo					{ background:#990000; }

/* ------ wrapper ------ */

div#wrapper					{ width:980px; }

/* ----- content ----- */

div#content_home				{ width:980px; }
div#left					{ width:675px; float:left; }
div#right					{ width:305px; float:left; }
div#right h2					{ float:right; margin-right:12px; width:251px; height:35px; background:url(../imagens/bg_h2r.png) no-repeat; font-size:16px; font-weight:normal; color:#fff; text-indent:50px; line-height:35px; }

/* ----- Sobre ----- */

div#sobre h2					{ width:661px; height:35px; background:url(../imagens/bg_h2l.png) no-repeat; font-size:16px; font-weight:normal; color:#fff; text-indent:50px; line-height:35px; margin-left:8px; }
div#sobre p					{ width:640px; margin-left:18px; text-align:justify; }
div#sobre p.vantagens				{ width:408px; height:40px; background:url(../imagens/bg_vantagens.png) no-repeat; margin-left:138px; font-size:20px; text-indent:75px; line-height:30px; }
div#sobre p.vantagens a				{ color:#fff; text-decoration:none; }
div#sobre p.vantagens a:hover			{ color:#eee; }

/* ----- Eventos ----- */

div#eventos 					{ width:675px; }

div#corporativos				{ margin-left:14px; width:320px; height:190px; background:url(../imagens/bg_eventos.jpg) no-repeat; float:left; }
div#sociais					{ float:left; margin-left:10px; width:320px; height:190px; background:url(../imagens/bg_eventos.jpg) no-repeat; }
div#sociais img,
div#corporativos img				{ margin-left:5px; margin-top:5px; }
div#sociais p.detalhesociais,
div#corporativos p.detalhe			{ width:310px; height:15px; background:url(../imagens/bg_p_eventos.png) no-repeat; margin-left:5px; color:#fff; font-size:11px; text-align:center; }
div#sociais p.right a,
div#corporativos p.right a			{ float:right; margin-top:8px; margin-right:10px; color:#666; text-decoration:none; }
div#sociais p.right a:hover,
div#corporativos p.right a:hover		{ font-weight:bold; }

/* ------ Parceiros ----- */

div#parceiros					{ width:250px; height:auto; background-color:#f8f8f8; float:right; margin-right:12px; margin-top:20px; }
div#logos					{ width:210px; margin-left:25px;}
div#logos ul					{ list-style:none; margin-top:-15px; }
div#logos li					{ padding-bottom:10px; margin-top:15px; border-bottom:1px dashed #CCC; }
div#logos li img				{ display:block; margin:auto; }

/* ----- interno ----- */

div#interno					{ width:980px; }
div#interno h2					{ width:959px; height:35px; background:url(../imagens/bg_h2_interno.png) no-repeat; font-size:16px; font-weight:normal; color:#fff; text-indent:50px; line-height:35px; margin-left:10px; }
div#interno p					{ width:930px; margin:0 auto; color:#333; }
div#interno p.under				{ width:580px; margin-left:15px; color:#333; text-decoration:underline; }
div#interno p.obs				{ font-size:11px; margin-left:-5px; margin-top:2px; }
div#interno h3					{ width:930px; margin:0 auto; color:#333; font-size:14px; }
div#interno ul					{ width:930px; margin-left:30px; list-style:none; }
div#interno ul li				{ background:url(../imagens/bg_ul.jpg) no-repeat; text-indent:20px; margin-bottom:5px; }

div#texto					{ float:left; width:570px!important; }
div#texto p 					{ width: 580px; margin-left:15px; }			
div#texto h3					{ padding-left:15px; }
div#fotos					{ width:350px; float:left; }
div#fotos ul.fotos,
div#fotos ul.fotos2				{ width:343px; height:390px; list-style:none; margin-left:52px; margin-top:50px; background:#eee;}
div#fotos ul.fotos2 li,
div#fotos ul.fotos li				{ padding-top:7px; float:left; margin:0 7px; display:block; background:none!important; text-indent:0px!important; }
div.fotografo					{ float:left; width:350px; }
div.fotografo p					{ padding-left:250px; padding-top:5px; width:150px!important; font-size:10px; }

div.logos_se ul li					{ background:none!important; float:left; padding-right:20px; }
div.logos_se ul li.acao_l			{ padding-top:19px; }

/* ----- informacoes ----- */

div#informacoes					{ width:980px; height:46px; background:url(../imagens/bg_informacoes.jpg) no-repeat; }
div#informacoes p				{ font-size:11px; text-align:center; padding-top:10px; }
div#informacoes p.fone				{ padding-top:0px; }

/* ----- footer ----- */

div#footer					{ width:980px; height:35px; background:url(../imagens/bg_footer.png) no-repeat; }
div#footer p					{ padding-top:10px; padding-left:10px; float:left; width:450px; color:#fff; font-size:11px; }
div#footer a.logo_acao				{ margin-top:6px; padding-right:10px; float:right; width:100px; height:22px; display:block; background:url(../imagens/logo_acao.png) no-repeat; text-indent:-9999px; }

/* ----- contato ----- */

div#formulario_d				{ width:560px;float:left;  }
form.fale_conosco				{ margin-left:30px; width:520px;  float:left; }
form.fale_conosco fieldset			{ border:none; }
form.fale_conosco label				{ width:110px; margin-top:10px; height:15px; padding-top:3px; padding-left:10px; float:left; color:#000; }
form.fale_conosco input				{ width:370px; margin-top:10px; padding:2px; border: solid 1px #CCC; background:#E6E6E6; }
form.fale_conosco select:hover,
form.fale_conosco textarea:hover,
form.fale_conosco input:hover			{ background:#fff; }
form.fale_conosco textarea			{ width:375px; margin-top:10px; border: solid 1px #CCC; background:#E6E6E6; }
form.fale_conosco input#enviar			{ height:20px; width:100px; background:#E6E6E6; border: solid 1px #CCC; color:#666; letter-spacing:1px; }
form.fale_conosco .campo_requer			{ border:solid 1px #E5801B; color:#333; }
form.fale_conosco select			{ width:155px; margin-top:10px; padding:2px; border: solid 1px #CCC; background:#E6E6E6; }
form.fale_conosco small				{ color:#000; }

div#formulario_p				{ width:400px; float:left; }
div#formulario_p p				{ width:400px; text-align:center; }
div#formulario_p img				{ margin-left:90px; }

div#resposta_contato				{ width:980px; height:30px; margin-bottom:20px; }
div#resposta_contato p.ok			{ background:#eee; text-align:center; line-height:30px; }
div#resposta_contato p.unok			{ background:#eee; text-align:center; line-height:30px; }


