/* Reset CSS */
html, body, div, span, applet, object, iframe, table, caption, 
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, 
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend{vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0;} 
:focus{outline: 0;} 
body{background: white; line-height: 1; color: black;} 
ol, ul{list-style: none;}
table{border-collapse: separate; border-spacing: 0;} 
caption, th, td{font-weight: normal; text-align: left;} 
blockquote:before, blockquote:after, q:before, q:after{content: "";} 
blockquote, q {quotes: "" "";}
/* Fim Reset CSS */

/* Estilos para deixar o mozilla com barra vertical mesmo sem que haja necessidade como no IE */
html{overflow: -moz-scrollbars-vertical;}

body{background:url(../images/back_listra.jpg);}

#principal{border-top:2px solid #b90103; border-bottom:2px solid #b90103; height:350px; background-color:#9a0000; /*background-color:#992327;*/ margin-top:100px;}
#coluna-esquerda{/*width:240px;*/ width:295px; background-color:#320000; height:100%; float:left; text-align:center;}
#coluna-esquerda img{margin-top:20px;}

#conteudo{height:294px; margin:10px;}

#menu{background:url("../images/menu-vermelho.jpg") no-repeat; height:35px; margin-top:-4px;}
#menu ul{list-style:none; margin-left:-40px; text-indent:-9999em;}
#menu li{position:relative; height:40px; /*border:1px solid;*/ float:left;}
#menu li a{display:block; width:100%; height:100%;}


#empresa{width:110px;}
#empresa a:hover{background:url("../images/menu-vermelho.jpg") no-repeat 0 -35px;}

#equipe{width:110px;}
#equipe a:hover{background:url("../images/menu-vermelho.jpg") no-repeat -110px -35px;}

#produtos{width:110px;}
#produtos a:hover{background:url("../images/menu-vermelho.jpg") no-repeat -220px -35px;}

#clientes{width:110px;}
#clientes a:hover{background:url("../images/menu-vermelho.jpg") no-repeat -330px -35px;}

#contato{width:100px;}
#contato a:hover{background:url("../images/menu-vermelho.jpg") no-repeat -440px -35px;}

#login{width:95px;}
#login a:hover{background:url("../images/menu-vermelho.jpg") no-repeat -540px -35px;}

#menu-vermelho{width:650px; margin-left:300px;}

#logo, #end{margin-top:75px;}
#logo{margin-left:5%; float:left;}
#end{float:right; margin-right:10px;}

#link-cadastros{float:right; margin:5px;}
#link-cadastros ul li{margin-top:20px; text-align:center;}
#link-cadastros p{margin-top:130px; text-align:center;}

#rodape{font:12px Verdana; padding:10px; font-variant:small-caps; color:#000;}