/*
    Document   : default
    Created on : 24/10/2011, 16:07:15
    Author     : Trinity Brasil
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


root {display: block;}

.carrinhoCompra { margin-left: -11px; }

body {font-family: Arial,Helvetica,sans-serif; font-size: 12px; width: 100%; height: 100%;}

.top {width: 100%; _width: 90%; height: 100px; background: #FEFEFE;border-bottom:1px solid #DBDBDB;}

.top ul {display: inline-block;}

.top div {line-height: 100px; float: left;}

.top div {display: inline; margin: auto;}

.top div a {color: #818181; text-decoration: none;}

.top div a:hover {color: #000000;}

.logo {margin: 11px auto auto 40px; border: none;}

/*
.top_itm {float: left; width: 14%;}
.top_itm>a {display: inline;}
*/

.top_itm {float: left; width: 14%; height: 100px; text-align: left;}

.top_itm>a {display: inline;}

.sign {color: #818181; text-align: center; background: #FEFEFE; height: 30px; line-height: 30px;}

.bull {right: 3.5%; bottom: 100%; text-align: right; position: absolute;}

.footer {position: fixed; bottom: 0; width: 100%;}

.banner {position: relative; height: 89%; width: 100%; height: 140% \0/; margin-top: -1px \0/;}

.mark {margin: auto 37px 50px auto;}

.banner_home {width: 100% !important; margin-bottom: 10px; height: 100% !important; position: fixed;}

.banner_look {width: 87.5%; margin: auto 6.5% 10px 6.5%; height: 100%;}

.marca {width: 100%; height: 100%; text-align: center;}

.image_banner {height: 100%; height: 100% \0/; margin-top: 30px \0/;}

.banner_home {vertical-align:middle; text-align:center; position: absolute;}

.conceito_img {margin-top: -60px \0/;}

#image_banner img {height: 100%; width: 100%;}
.image_banner img {position: absolute; bottom: 0px;}

.image_slider img {width: 100%;}

.img {margin-top: 0px \0/; height: 100% \0/;}

.marca {height: 100% \0/;}

.scroller {background: #CCC; width: 100%;}

.scroll {cursor: pointer; overflow: hidden;}

.top {border-bottom: 1px solid #D4D4D4;}

 .back_bull {width: 100%; height: 100%; height: 100% \0/; margin-top: -30px \0/;}
 /* .back_bull {left: 0px; top: 0px; width: 100%; height: 100%; height: 100% \0/; margin-top: -30px \0/;} */

.cad_multimarcas {margin: 6% auto auto auto; width: 100%;} /* margin-top: 11%; */

.cad_multimarcas legend {font-size: 18px; color: #808080; font-weight: bold; text-align: left; margin-bottom: 37px;}
.cad_multimarcas .legend {font-size: 18px; color: #808080; font-weight: bold; text-align: left; margin-bottom: 37px;}

.cad_multimarcas label {display: block; margin-bottom: 5px; color: #7F7F7F;}
.cad_multimarcas .label {display: block; margin-bottom: 5px; color: #7F7F7F;}

.cad_multimarcas input[type=text] {background: #808080; height: 34px; width: 300px; margin: auto auto 18px auto; opacity:0.30; -moz-opacity: 0.3; filter: alpha(opacity=30); border: none;}

.cad_multimarcas textarea {background: #808080; height: 117px; width: 760px; margin: auto auto 18px auto; opacity:0.30; -moz-opacity: 0.3; filter: alpha(opacity=30);}

.cad_multimarcas .input{background: #808080; height: 34px; width: 300px; margin: auto auto 18px auto; opacity:0.30; -moz-opacity: 0.3; filter: alpha(opacity=30); border: none;}

.form_rig {margin-top: 86px; margin-left: 67px;}


.bt {background: #858688; color: #FFFFFF; font-weight: bold; height: 30px; width: 90px; line-height: 30px; border: none; cursor: pointer; float: right; margin-right: 20px;}


.contato {margin: 5% auto auto auto; width: 100%;}

.contato legend {font-size: 18px; color: #808080; font-weight: bold; text-align: left; margin-bottom: 37px;}
.contato .legend span {font-size: 18px; color: #808080; font-weight: bold; text-align: left; margin-bottom: 37px;}

.contato label {display: block; margin-bottom: 5px; color: #7F7F7F;}
.contato .label {display: block; margin-bottom: 5px; color: #7F7F7F;}

.contato input[type=text] {background: #808080; height: 34px; width: 300px; margin: auto auto 18px auto; opacity:0.30; -moz-opacity: 0.3; filter: alpha(opacity=30); border: none;}
.contato .input {background: #808080; height: 34px; width: 300px; margin: auto auto 18px auto; opacity:0.30; -moz-opacity: 0.3; filter: alpha(opacity=30); border: none;}

.contato textarea {background: #808080; height: 117px; width: 760px; margin: auto auto 18px auto; opacity:0.30; -moz-opacity: 0.3; filter: alpha(opacity=30);}

.item_contact {color: #7F7F7F; font-size: 10px;}

.vl_contact {color: #7F7F7F; font-size: 10px; font-weight: bold;}
.vl_contact a{color: #7F7F7F; font-weight: bold; text-decoration: none;}

.direct_contacts {text-align: center;}


.next_step {color: #7F7F7F; text-decoration: none; font-size: 14px; font-weight: bold; position: absolute !important; right: 87px; background: none; border: none; cursor: pointer; margin-top: 30px;}

.subtit {margin-bottom: 20px !important; display: block; color: #7F7F7F;}


.conceito {background: none; margin: 4px auto; color: #FFFFFF; width: 75px; height: 28px; line-height: 25px; text-align: center;}
.conceito a {color: #ACACAC !important; text-align: center;}
.conceito a:hover {color: #000 !important;}


/* estilos especificos */


label.error {border: none;color: red;padding: 1px; background: none;margin-top: 1px;width: 300px;text-align: left;}

input {color: #000; font-weight: bold;}


/* scroll jquery css */

div.sc_menu {
/* Set it so we could calculate the offsetLeft */
padding-top:100px;
/* Add scroll-bars */
}

.sc_menu ul li img{display:block;}
.sc_menu ul li{float:left;}

div.sc_menu_col {
/* Set it so we could calculate the offsetLeft */
/*padding-top:100px;
/* Add scroll-bars */
}

.sc_menu_col ul li img{display:block;}
.sc_menu_col ul li{float:left;}

div .image_banner {width: 100% !important;}
.jspVerticalBar{display:none !important;}
.jspTrack{background:#CCCCCC !important;}
.jspDrag{background:#666666 !important; width: 231px !important;}

.jspPane {padding:0px !important;}

table {margin-top: 0px; margin-bottom: -2px;}