/*----------------- Forms ------------------------------------------------*/
.email-body     {height:150px;}
fieldset {
    border:0 none;
    float:left;
    margin:30px 0 0;
}
dl {
    font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    font-size:12px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:18px;
    margin:0;
    padding:0;
}
dl {
    width:700px;
}
dl input, dl select, dl textarea {
    width:600px;
}
dt {
    display:block;
    float:left;
    height:30px;
    margin-right:10px;
    text-align:right;
    width:170px;
}
dd {
    float:left;
    height:50px;
    margin:0;
    text-align:left;
    width:350px;
}
input, textarea {
    float:left;
}
input[type="submit"] {
    width:100px;
}
input.button {
    border:0 none;
    color:white;
    width: 170px;
    margin-top: 2px;
}
/*----------------- Mensagens ------------------------------------------------*/

#messages-container {
    padding:5px;
    text-align: center;
    vertical-align: middle;
}
#messages-container ul {

}

#links a {
    color:black;
}

/*----------------- Specific ------------------------------------------------*/
.error          {color:#849AFF;}
.success        {color:#849AFF;}
.clear          {clear:both;}
.hidden         {display:none;}
.center         {text-align:center;}
.middle         {vertical-align:middle;}
.black          {color:black;}
.fleft          {float:left;}
.fright         {float:right;}
.height-100     {height:100px;}
.height-150     {height:150px;}
.w100           {width:100%;}
.highlight {background:yellow;}
/* bordas das li
.bt             {border-top: 1px solid #666666}
.bb             {border-bottom: 1px solid #666666}
.bl             {border-left: 1px solid #666666}
.br             {border-right: 1px solid #666666}
*/
/*
.vmiddel        {vertical-align:middle;}
.tcenter        {text-align:center;}
.tmiddel        {vertical-align:middle;}
*/
/*----------------- Elements ------------------------------------------------*/
html, body {
    background:none repeat scroll 0 0 #333333;
}
body {
    background:none repeat scroll 0 0 #333333;
    color:white;
    font-family:arial,sans;
}
h1, h2, h3, h4, h5, h6 {
    font-size:12px;
    font-weight:normal;
    margin:0;
    padding:0;
}
h1 {
    font-size:20px;
}
h2 {
    font-size:20px;
}
h3, h4 {
    font-size:10px;
}
ul {
    list-style-type:none;
}
hr {
    background:none repeat scroll 0 0 black;
    height:1px;
}
a, a:visited, a:active, a:hover {
    color:white;
    text-decoration:none;
}

ul {
    margin:0;
    padding:0;
}



/*----------------- Specializations -----------------------------------------*/
/*-------- header -----------*/
#header {
    background:url("../img/searchbar.png") repeat-x scroll left top transparent;
    float:left;
    width:960px;
}
#header .left {
    background:url("../img/searchleft.png") no-repeat scroll left top transparent;
    display:block;
    float:left;
    height:45px;
    margin-left:10px;
    top:0;
    width:30px;
}
#header .search {
    background:url("../img/searchmid.png") repeat-x scroll  top transparent;
    border:0 none;
    float:left;
    font:16px "Lucida Grande",Arial,sans-serif;
    height:45px;
    margin:0;
    padding:0 0 0;
    top:0;
    width:650px;
}
#header .right {
    background:url("../img/searchright.png") no-repeat scroll right top transparent;
    display:block;
    float:left;
    height:45px;
    top:0;
    width:30px;
}
/*-------- ads -----------*/
#ads {
    background-color:#555555;
    float:right;
    height:480px;
    width:200px;
}

/*-------- contents -----------*/
#content {
    clear:both;
    height:auto;
    margin:0 auto;
    overflow:hidden;
    padding:0 0 30px;
    position:relative;
    width:980px;
}
/*-------- result -----------*/
#result {
    background-color:#333333;
    float:left;
    height:432px;
    overflow:hidden;
    position:relative;
    width:100%;
    height:100%;
    min-height: 430px;
}
#result li {
    clear:both;
    color:#FFFFFF;
    cursor:pointer;
    font-size:14px;
    height:65px;
    list-style-type:none;
    padding:10px 0;
    width:206px;
}
#result li:hover {
    background-color:#444444;
}
#result li.active {
    background-color:#515151;
    color:#CC9900;
}
#result li a {
    color:#849AFF;
    margin:5px;
}
#result li.active a, #result li.active a:active {
    color:white;
}


#logo {
    height:65px;
    margin:0 auto;
    padding:0;
    position:relative;
    width:980px;
}
#logo a {
    background:url("../img/logo-200x64.png") no-repeat scroll 0 0 transparent;
    display:block;
    height:70px;
    width:250px;
}
/*-------- main -----------*/
#main {
    float:left;
    height:425px;
    margin:0;
    overflow:hidden;
    width:500px;
}
#main div.navi {
    cursor:pointer;
    height:17px;
    margin:0;
    padding:0;
    text-align:center;
    width:100%;
}
#main_navi {
    float:left;
    margin:0 !important;
    padding:0 !important;
}
#main_navi left {
    float:left;
    margin-right:10px;
}
#main_navi strong {
    display:block;
}
/*-------- pages -----------*/
#pages {
    height:419px;
    position:relative;
}
.page           {width:500px;}
/*-------- logo -----------*/
#logo {
    height:65px;
    margin:0 auto;
    padding:0;
    position:relative;
    width:980px;
}
#logo a {
    background:url("../img/logo-200x64.png") no-repeat scroll 0 0 transparent;
    display:block;
    float:left;
    height:70px;
    width:300px;
}
#logo h1 {
    color:white;
    float:left;
    font-size:48px;
    font-weight:bold;
    margin-top:5px;
}
/*-------- categorias e marcas -----------*/
#categorias, #marcas {
    color:#CF9203;
    height:100%;
    overflow:auto;
    width:776px;
}
/*-------- categorias -----------*/
#categorias li {
    clear:none;
    float:left;
    text-align:center;
    width:250px;
}

/*-------- marcas -----------*/
#marcas li {
    clear:none;
    float:left;
    width:250px;
}
#marcas li img {
    border-color:black;
    height:60px;
    width:80px;
}
#links {
    color:white;
    font-size:10px;
    margin:0 auto;
    padding:0;
    text-align:center;
    width:980px;
}
/*-------- bottom -----------*/
#bottom {
    background:url("../img/bottom-bg.png") repeat-x scroll top transparent;
    float:left;
    height:51px;
    margin:0;
    text-align:center;
    vertical-align:middle;
    width:960px;
}
#bottom .produto-nao-encontrado {
    font-size:13px;
    height:50px;
    margin-top:16px;
    width:230px;
}
#bottom div {
    float:left;
    height:42px;
    margin:5px;
    width:172px;
}
#bottom .pagination {
    margin:0;
    width:236px;
}
#bottom .nav, #bottom .results {
    height:46px;
    width:60px;
}
#bottom div p {
    line-height:11px;
}
.scrollable {
    background:none repeat scroll 0 0 white;
    color:black;
    height:350px;
    overflow:hidden;
    padding:0 10px;
    position:relative;
    width:auto;
}


div.detail.top {
    background:none repeat scroll 0 0 white;
    color:black;
    font-size:13px;
    padding:10px 10px 0;
    text-align:center;
    width:auto;
}
.scrollable .items {
    clear:both;
    position:absolute;
    width:20000em;
}
.item {
    float:left;
    font-size:12px;
    margin:10px;
    width:480px;
}


.esquerda {
    background-color:white;
    float:left;
    font-size:10px;
    margin:0;
    padding:0;
    text-align:center;
    width:80px;
}

.list img {
    border:medium none;
    height:60px;
    width:80px;
}

.pagination a:link {
    text-decoration:none;
}
.pagination a:visited {
    text-decoration:none;
}
.pagination a:hover {
    text-decoration:underline;
}
.pagination li {
    float:left;
    font-size:9px;
}
.pagination li.active {
    color:blue;
}
.pagination a {
    color:white;
}

.navi a {
    background:url("../img/navigator.png") no-repeat scroll 0 0 transparent;
    display:block;
    float:left;
    font-size:1px;
    height:8px;
    margin:3px;
    width:8px;
}
.navi a:hover {
    background-position:0 -8px;
}
.navi a.active {
    background-position:0 -16px;
}
.navegador {
    float:left;
    height:432px;
    margin:0 2px;
    overflow:hidden;
    width:31px;
}
.button, .navegador a, a.nextpage, a.prevpage {
    background:url("../img/botoes.png") no-repeat scroll 0 0 transparent;
    display:block;
    float:left;
    height:10px;
    width:10px;
}
a.nextpage {
    background-position:-124px -126px;
}
a.prevpage {
    background-position:-124px -84px;
}
a.nextpage.disabled, a.nextpage.disabled:hover {
    background-position:-124px -210px;
}
a.prevpage.disabled, a.prevpage.disabled:hover {
    background-position:-124px -168px;
}
.navegador a {
    display:block;
    height:408px;
    width:100%;
    margin-top:17px;
}
.navegador a.anterior {
    background-position:-31px 0;
}
.navegador a.proximo {
    background-position:-62px 0;
}
.navegador a.proximo:hover {
    background-position:-93px 0;
}
.navegador a.anterior:hover {
    background-position:0 0;
}
.item div {
    overflow:hidden;
    width:420px;
}
.ads {
    float:right;
    height:432px;
    margin-left:780px;
    margin-top:67px;
    overflow:hidden;
    position:absolute;
    width:200px;
}

.button {
    background-position:0 -433px;
    font-size:17px;
    height:40px;
    line-height:40px;
    margin:5px 0 0 10px;
    overflow:hidden;
    padding:0;
    text-align:center;
    vertical-align:middle;
    width:170px;
}
.button.short {
    line-height:26px;
}
.button.active, .button:hover {
    background-position:0 -475px;
}
.button.active span, .button:hover span {
    /* color:black; */
}
.button span {
    color:#CF9203;
    display:block;
    font-size:13px;
    margin-top:-10px;
}
a.nextpage, a.prevpage {
    display:block;
    float:left;
    height:43px;
    margin:3px 0 0 10px;
    width:73px;
}
a.nextpage.disabled, a.prevpage.disabled {
    cursor:default;
}
a.nextpage:hover {
    background-position:-124px -42px;
}
a.prevpage:hover {
    background-position:-124px 0;
}
.results {
    font-size:12px;
}


span.dados {
    font-size:10px;
}
a.fonte {
    color:blue;
    float:right;
    font-size:10px;
    margin-right:5px;
}

div.elapsed {
    color:green;
    position:absolute;
}
span.dados {
    font-size:10px;
}

span.loader {
    display:block;
    height:32px;
    margin:200px 370px;
    width:32px;
}
span.total {
    clear:both;
    color:white;
    font-size:12px;
}


#produtos.no-product-found {
    margin-top:205px;
    text-align: center;
    width: 770px;
}

/*-------- cantos -----------*/
.bottom {
    display:block;
    float:left;
    height:51px;
    margin:0;
    width:10px;
}
.bottom.left {
    background:url("../img/bbe.png") no-repeat scroll left top transparent;
}
.bottom.right {
    background:url("../img/bbd.png") no-repeat scroll left top transparent;
}
.header {
    display:block;
    float:left;
    height:51px;
    margin:0;
    width:10px;
}
.header.left {
    background:url("../img/bte.png") no-repeat scroll left top transparent;
}
.header.right {
    background:url("../img/btd.png") no-repeat scroll left top transparent;
}


/*---- Tags -----------------*/

#result .tags {
    width: 750px;
}

#result .tags li,#result .tags li:hover {
    background:none;
    height:auto;
    width: auto;
    /*
    border:0 none;
    clear:none;
    display:block;
    float:left;
    padding:0;
    width:auto;
    height:15px;
    */
}

#result .tags li:hover {background:white;}


/* BOSSES */
#result li.active {
    background-color: #849AFF;
    color: #FFFFFF;
}



#result li {
    color: #849AFF;

}

.button span {
    color:#849AFF
}

.opiniao, #anuncie {
    width:600px;
    margin: 0 0 auto 190px;
    text-align: justify;
}
#anuncie h2 {
    color:#849AFF;
}

a.azul, a:visited .azul {
    color:#849AFF;
}

img.vkey {
    width:50px;
    height:50px;
    float:left;
}

.clear-search {
    position:absolute;
    margin-left:-211px;
    margin-top:13px;
}
b.highlight {
    font-weight: normal;
}

#resultado {
    text-align: center;
    vertical-align: middle;
    float:left;
    width:100%;
}