/* Definições principais */ body, ul, li, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } body, table { font-family: Verdana; font-size: 12px; } body { background-color: white; color: #333; background-repeat: repeat-x; background-position: top; } div { position: relative; display: inline-block; } a { color:#333; text-decoration: none; } a:hover { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { color: #a1ba00; font-family: Trebuchet MS; letter-spacing: -1px; margin: 0 0 20px 0; } h1 { font-size: 24px; } textarea { resize: none; } /* Botões e elementos de formulário */ .buttons { border: none; background: none; background-color: #7b8d02; padding: 6px 10px 6px 10px; font-family: Arial; letter-spacing: -1px; font-weight: bold; font-size: 14px; color: white; cursor: pointer; margin: 0; } .buttons:active { background-color: #999; } .buttons2 { border: none; background: none; background-color: #f0f0f0; padding: 6px; font-family: Arial; letter-spacing: -1px; font-weight: bold; font-size: 14px; color: #333; cursor: pointer; margin: 0; } .buttons2:active { background-color: #999; } .fields { background-repeat: repeat-x; background-color: white; font-family: Arial; font-size: 14px; font-weight: bold; color:#333; border: 1px solid #ddd; padding: 4px; height: 16px; } .fields_red { background-repeat: repeat-x; background-color: #ffeded; font-family: Arial; font-size: 14px; font-weight: bold; color:#333; border: 1px solid #fcb6b6; padding: 4px; height: 16px; } /* Tooltips */ #tooltip { position: absolute; z-index: 3000; padding: 3px; color: #FFFFFF; font-family: Tahoma; background-color: #a1ba00; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-shadow: #7d8f0d 0 1px 1px; } #tooltip h3, #tooltip div { margin: 0; padding: 3px; font-size: 14px; font-weight: bold; color: #FFFFFF; letter-spacing: normal; } /* Caixa de sugestões */ .jsonSuggestResults { position: absolute; border: 1px solid #CCC; background-color: white; padding: 0; margin: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .jsonSuggestResults .resultItem { margin: 0px; padding: 5px; position:relative; width: 280px; cursor:pointer; font-size: 11px; } /* DIV das mensagens */ #message { display: none; } #message #messageText { font-size: 14px; font-weight: bold; color: white; } #message #messageText a { color: white; border-bottom: 2px dotted #fff; } #message #messageText a:hover { text-decoration: none; } /* Caixa de conteúdo */ #textBox { display: none; } #textBox #content { width: 800px; height: 300px; overflow: auto; font-size: 11px; line-height: 18px; text-align: justify; } #textBox #content h1 { margin: 20px; } #textBox #content p { margin: 0 20px 20px 20px; } #textBox #close { position: absolute; right: -30px; top: 10px; } /* Barra flutuante de busca */ .stick { position: fixed; } #search { position: absolute; width: 100%; height: 100px; background-color: #a1ba00; background-repeat: repeat-x; top: 50%; margin: -50px 0 0 0; clear: both; display: none; border-bottom: 1px solid #999; } #search .middle { position: absolute; width: 700px; height: 100px; left: 50%; margin: 0 0 0 -350px; } #search .middle .legend { position: absolute; left: 270px; top: 18px; font-family: Trebuchet MS, Arial; letter-spacing: -1px; font-weight: bold; color: white; font-size: 24px; text-shadow: #7d8f0d 0 1px 1px; } #search .middle .logo { position: absolute; left: 20px; top: -20px; } #search .middle .searchbar { position: absolute; left: 270px; bottom: 18px; } #search .middle .searchbar #q { margin-right: 10px; color:#666; background-repeat: repeat-x; background-color: white; font-family: Arial; font-size: 16px; font-weight: bold; color: #DDD; border: 1px solid #ddd; padding: 4px 30px 3px 4px; width: 300px; height: 19px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #search .middle .searchbar #loading { position: absolute; right: 18px; top: 7px; display: none; } #search .middle .searchbar .main { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-repeat: repeat-x; } #search .middle .buttonHolder { position: absolute; right: 50px; bottom: 20px; } #search .middle .copy { position: absolute; right: 10px; bottom: -26px; font-size: 11px; color: #999; text-shadow: #fff 0 1px 0; } #search .middle .copy a { color: #999; } #search .middle .copy span { color: #ddd; font-size: 9px; } #search .gray { position: absolute; width: 100%; height: 40px; background-color: #f0f0f0; bottom: -40px; left: 0; } /* Área de resultados */ #results { position: relative; width: 100%; margin: 140px 0 0 0; padding: 20px 0 0 0; display: none; clear: both; } #results #info { display: none; font-size: 11px; position: absolute; right: 10px; top: 10px; color:#666; padding: 10px; background-color: white; opacity: 0.9; } #results ul { margin: 0; padding: 0; } #results ul .spacer { position: relative; margin: 0; padding: 0; height: 19px; } #results ul .box { position: relative; display: inherit; margin: 0; padding: 0; height: 80px; border-bottom: 1px solid #ddd; list-style: none; background-repeat: repeat-x; background-position: bottom; } #results ul .box .image { position: absolute; left: 20px; top: 0; } #results ul .box .image img:hover { opacity: 0.5; } #results ul .box .nome { position: relative; display: inherit; margin-left: 120px; font-size: 16px; font-weight: bold; color: #666; font-family: Tahoma, Arial; padding-bottom: 4px; } #results ul .box .nome a { color: #a1ba00; text-decoration: none; } #results ul .box .nome span, #results ul .box .nome span a { color: #666; } #results ul .box .valor { position: relative; display: inherit; margin-left: 120px; font-size: 14px; font-weight: bold; color: red; padding-bottom: 4px; } #results ul .box .valor a { color: red; text-decoration: none; } #results ul .box .revenda { position: relative; display: inherit; margin-left: 120px; font-size: 12px; color: #666; } /* Rodapé */ #bottom { position: relative; width: 100%; display: none; border-top: 10px solid #a1ba00; font-size: 11px; color: #999; } #bottom a { color: #666; } #bottom div { padding: 10px; } #bottom span { color: #ddd; font-size: 9px; }