/* Layout para o site da Helisul */

*{ margin:0; padding:0; border:0; outline:none;}
html{ background-image:url(../imagens/bgSite.jpg); background-repeat:repeat-x; background-color:#1b1828;}
.floatLeft{ float:left;}

/**** Estrutura interna ****/

#site{ width:842px; margin:0 auto;}
#flashInterno{ width:842px; height:150px; background-color:#999999;	margin-bottom:20px;}
#header{ margin:0; margin-top:22px;	height:85px; margin-bottom:22px;}
#logo{ margin-right:120px; float:left; margin-bottom:20px}
#logo h1 a{	text-indent:-99999px; display:block; background-image:url(../imagens/logo.jpg);	width:212px; height:106px;}
#selo{ margin-left:40px; float:left;}
#intranet{ float:right; background-color:#EEE; width:180px; height:85px;}
#intranet h2{ margin:0;	padding:0; margin-bottom:5px; _margin-bottom:0; /* Hack IE6 */ margin-top:10px; margin-left:15px; font-size:11px; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif;}

/**** Menu ****/

#menu{ clear:both; height:30px;}
#menu ul{ list-style:none;}
#menu ul li{ float:left;}
#menuHome a{ text-indent:-99999px; display:block; background-image:url(../imagens/menuHome.jpg); width:72px; height:30px; margin-right:1px;}
#menuEmpresa a{ text-indent:-99999px; display:block; background-image:url(../imagens/menuEmpresa.jpg); width:93px; height:30px;	margin-right:1px;}
#menuServicos a{ text-indent:-99999px; display:block; background-image:url(../imagens/menuServicos.jpg); width:94px; height:30px;margin-right:1px;}
#menuBases a{ text-indent:-99999px; display:block; background-image:url(../imagens/menuBases.jpg); width:76px; height:30px; margin-right:1px; }
#menuFrota a{ text-indent:-99999px; display:block; background-image:url(../imagens/menuFrota.jpg); width:74px; height:30px; margin-right:1px; }
#menuSeguranca a{ text-indent:-99999px; display:block; background-image:url(../imagens/menuSeguranca.jpg); width:107px; height:30px; margin-right:1px; }
#menuGestao a{ text-indent:-99999px; display:block; background-image:url(../imagens/menuGestao.jpg); width:148px; height:30px; margin-right:1px; }
#menuMidia a{ text-indent:-99999px; display:block; background-image:url(../imagens/menuMidia.jpg); width:74px; height:30px; margin-right:1px; }
#menuContatos a{ text-indent:-99999px; display:block; background-image:url(../imagens/menuContatos.jpg); width:96px; height:30px; }
#menuHome a:hover{ background-image:url(../imagens/menuHome2.jpg); }
#menuEmpresa a:hover{ background-image:url(../imagens/menuEmpresa2.jpg); }
#menuServicos a:hover{ background-image:url(../imagens/menuServicos2.jpg);}
#menuBases a:hover{ background-image:url(../imagens/menuBases2.jpg); }
#menuFrota a:hover{ background-image:url(../imagens/menuFrota2.jpg); }
#menuSeguranca a:hover{ background-image:url(../imagens/menuSeguranca2.jpg); }
#menuGestao a:hover{ background-image:url(../imagens/menuGestao2.jpg); }
#menuMidia a:hover{ background-image:url(../imagens/menuMidia2.jpg); }
#menuContatos a:hover{ background-image:url(../imagens/menuContatos2.jpg); }

/**** Conteudo ****/

#conteudo{ clear:both; }

/**** Slideshow ****/

#slideshow{ width:840px; }
#boxNav{ background-color:#12101b; padding-top:6px; padding-bottom:6px; margin-bottom:14px;}
#imgMaior{ width:838px; height:350px; }
#imgMaior img{ border: 1px solid #a1a0a5; }
.thumbs img, .thumbs2 img{ margin: 0 6px 0 6px; _margin: 0 5px 0 5px; /* Hack IE6 */ *margin: 0 4px 0 7px; /* Hack IE7 */ cursor:pointer; }
.prev, .next{ background-color:#23212b; padding: 33px 7px 33px 7px; }
.prev2, .next2{ background-color:#23212b; padding: 70px 2px 70px 2px; }
#slideshow #anterior{ float:left; }
#slideshow .thumbs, #slideshow .thumbs2{ float:left; }
.next{ margin-left:4px; }
.next2{ margin-left:6px; *margin-left:14px;}

/**** Form ****/

#formLogin label{ float:left; width:40px; margin-left:16px; line-height:22px; text-align:left; font-size:11px; color:#333; font-family: Arial Narrow; color:#666; font-weight:bold; }
#formLogin br{ clear:left; }
.inputLogin{ width:105px; border:1px solid #999; background-color:#FFF; margin-bottom:1px; margin-top:1px; _margin:0; padding:1px;/* Hack IE6 */ height:13px; font-size:10px; }
.button{ background-color:#224072; padding:2px; color:#FFFFFF; }
.buttonLogin{ background:#247; font-size:10px; color:#FFF; padding:1px;}
.input{ background-color:#E1E1E1; color:#666666; padding:2px; border:none; font-family:Geneva, Arial, Helvetica, sans-serif; margin:1px; font-size:12px; }
#formContato label{ float: left; width: 80px; font-size:13px; color:#CCCCCC; font-family:Geneva, Arial, Helvetica, sans-serif; }
#formContato textarea{ width: 350px; height: 150px; }
#formContato br{ clear: left; }
.inputErro{	background-color:#fff9db; color:#de0000; padding:2px; margin:1px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; }
span.obrigatorio{ font-size:13px; color:#FFF; background-color:#F20006; padding:2px; font-weight:bold; display:none; font-family:Geneva, Arial, Helvetica, sans-serif; }

/**** Conteúdo ****/
#Mapa{ width:440px; height:241px; float:right;}

/**** Conteúdo ****/
#conteudo h1{ color:#999999; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999999; font-family:Trebuchet MS; font-size:25px;}
#conteudo h2{ color:#CCCCCC; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:18px; margin-top:25px; clear:both; background-image:url(../imagens/setah2.jpg); background-position:left; background-repeat:no-repeat;	padding-left:20px; margin-bottom:10px; }
#conteudo h3{ color:#FFF; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; margin-top:25px; margin-bottom:10px;}
#conteudo p{ color:#FFFFFF; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; }
.template img{ float:left; margin-right:20px; margin-bottom:10px; border:1px solid #CCC; padding:2px; background:#1b1828; }
.lista li{ 	background-image:url(../imagens/5.gif); background-position:left 4px; background-repeat:no-repeat; padding-left:30px; font-family:Geneva, Arial, Helvetica, sans-serif; list-style:none; font-size:12px; color:#FFFFFF; }
#conteudo a{ color:#bfe3fd; }
#conteudo a:hover{ color:#6fb6f4; text-decoration:none; }

/* Galeria */

ul#galeria{ list-style:none; margin-top:20px; margin-left:111px}
ul#galeria li img{ margin-right:65px; margin-bottom:20px;}

/**** Rodape ****/

#rodape{ background-image:url(../imagens/bgRodape.jpg); background-repeat:repeat-x; background-color:#110f1a; text-align:center;}
#rodape p{ width:842px; margin:0 auto; vertical-align:middle; color:#FFF; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; line-height:31px; height:31px; }
#spacerRodape{ clear:both; height:20px; }