/* Reseter */
body,div,p,h1,h2,h3,h4,h5,h6,ol,ul,li,hr,img,table{padding: 0px;margin: 0px;border: 0px;}
ul,li{list-style-type: none;}
html{width: 100%;height: 100%;}

body{background: url('../images/site_bg.png') #efc519 top left repeat-x;font-family: "Arial",  Sans-serif;font-size: 12px;color: #2a2e2b;width: 100%;height: 100%;position: relative;}

/* Generic Stuff */

.clr{clear: both;float: none;height: 0px;overflow: hidden;display: block;}
.left{float: left;}
.right{float: right;}
.center{margin: 0 auto;}
hr{color: #959482;background-color: #959482;height: 1px;width: 100%;}
p.small{font-size: 10px;}
p.alt2{padding-left: 120px;}
.hideMe{display: none;}
.bold{font-weight: bold;}
.underline{text-decoration: underline;}
.font12{font-size: 12px;}
.font11{font-size: 11px;}
h1,h2,h3,h4,h5{color: #2a2e2b;}
a,h3 a{color: #2a2e2b;text-decoration: none;}
a:hover,h3 a:hover{text-decoration: none;}

a.linkDestHomepage{display: block; height: 291px;}

.tooltip{margin-left: 2px;cursor: help;position: relative;cursor: pointer;}
.tooltip .tooltip-icon{z-index: 9;}
.tooltip .tooltip-text{position: absolute;top: 20px;left: -50px;padding: 5px;background-color: #2a2e2b;display: none;color: #efc519;width: 120px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;font-size: 11px;-webkit-box-shadow: 1px 1px 9px rgba(50, 50, 50, 0.75);-moz-box-shadow:    1px 1px 9px rgba(50, 50, 50, 0.75);box-shadow:         1px 1px 9px rgba(50, 50, 50, 0.75);z-index: 10;}
.tooltip .tooltip-text.alt1{width: 250px;cursor: pointer;}
.tooltip:hover .tooltip-text{ display: block;z-index: 10;}
#container{width: 100%;position: relative;}
#pneumobile{width: 770px;height: 100%;margin: auto;position: relative;padding-bottom: 40px;}

.border-simple{border: 1px solid #959482;}

/* FORMS */

.article_content form{text-align: right;}
.article_content form input[type="submit"]{width: 69px;line-height: 19px;height: 20px;border: 0px solid #fff;background: url("../images/yellow_button.png") 0px 0px no-repeat;font-size: 10px;font-family: "Arial",  Sans-serif;}
.article_content form input[type="submit"]:hover{background: url("../images/yellow_button.png") 0px -20px no-repeat;}
.article_content form select{line-height: 20px;height: 20px;}

/* BUTTONS */

.button{height: 20px;line-height: 20px;text-align: center;font-size: 10px;border: 0px solid #fff;font-weight: bold;text-decoration: none;font-family: "Arial",  Sans-serif;}
a.button{display: block;color: #2a2e2b;text-decoration: none !important;font-family: "Arial",  Sans-serif;font-size: 10px;}
input[type="button"],input[type="submit"]{cursor: pointer;color: #2a2e2b;line-height: 15px;}
/* Gray Button */ input[type="submit"].alt6,.button.alt6{width: 69px !important;background: url('../images/buttons_strip.png') 1px -100px no-repeat !important;}
/* Gray Button */ input[type="submit"].alt3,.button.alt3{width: 97px !important;background: url('../images/buttons_strip.png') 1px -20px no-repeat !important;}
/* Gray Button */ input[type="submit"].alt1,.button.alt1{width: 114px !important;background: url('../images/buttons_strip.png') 0px 0px no-repeat !important;}
/* Gray Button */ input[type="submit"].alt4,.button.alt4{width: 142px !important;background: url('../images/buttons_strip.png') 1px -60px no-repeat !important;}
/* Gray Button */ .button.alt9, input[type="submit"].alt9, input[type="button"].alt9,.button.alt4{width: 181px !important;background: url('../images/buttons_strip.png') 1px -161px no-repeat !important;}
/* Yellow Button */ input[type="button"].alt7,input[type="submit"].alt7,.button.alt7{width: 60px !important;background: url('../images/buttons_strip.png') 1px -120px no-repeat !important;}
/* Yellow Button */ input[type="submit"].alt2,.button.alt2{width: 117px !important;background: url('../images/buttons_strip.png') 1px -40px no-repeat !important;}
/* Yellow Button */ input[type="submit"].alt5,.button.alt5{width: 134px !important;background: url('../images/buttons_strip.png') 1px -80px no-repeat !important;}
/* Yellow Button */ input[type="submit"].alt8,.button.alt8{width: 174px !important;background: url('../images/buttons_strip.png') 1px -140px no-repeat !important;}

/* ICONES */

.icon{width: 20px;}

/* Colors */

.yellow{color: #efc519;}
.yellow_alt2{color: #fef39f;}
.yellow_alt3{color: #e89c23;}
.black{color: #2a2e2b;}
.yellowBg{background-color: #feec65;}
.yellowBg_alt2{background-color: #efc519;}
.pallidYellowBg{background-color: #fffad9;border-bottom: 4px solid #2a2e2b;padding-bottom: 10px;}
#siteBackgroundStripes{width: 100%;height: 100%;background: url('../images/bg_listas.png') top left;position: fixed;}

/* LISTAS */

ul.formatedList{}
ul.formatedList li{margin: 15px 0px;}
ul.formatedList.alt2 li{margin: 5px 14px;float: left;}
ul.formatedList li a{color: #2a2e2b;text-decoration: none;}
ul.formatedList li a:hover{color: #e89c23;}

ul.formatedList li a.infoText{margin-right: 5px;}

ul.formatedList li a.pneus{display: block; float: left;width: 106px;}

ul.formatedList.marcas li{position: relative;float: left;width: 150px;height: 35px;margin: 0px 40px 5px 0px;line-height: 12px;}
ul.formatedList.marcas li:nth-child(4n){margin-right: 0px;}
ul.formatedList.modelos li{position: relative;float: left;width: 226px;height: 20px;margin: 0px 21px 10px 0px;}
ul.formatedList.modelos li:nth-child(3n){margin-right: 0px;}

/* HEADER */

#header{height: 131px;width: 100%;position: relative;}
.logoHeader{position: absolute;left: 0px;top: 26px;}
.textHeader{position: absolute;right: 0px;top: 60px;}

/* MAIN MENU */

#menu {z-index: 90;height: 25px;width: 100%;background-color: #2a2e2b;-moz-border-radius-topleft: 12px;-webkit-border-top-left-radius: 12px;border-top-left-radius: 12px;-moz-border-radius-topright: 12px;-webkit-border-top-right-radius: 12px;border-top-right-radius: 12px;}
#menu ul  {z-index: 100;list-style: none inside none;width: 100%;height: 25px;}
#menu ul li  {float: left;padding: 0 46px;line-height: 25px;position: relative;background-color: #2a2e2b;margin-left: 15px;color: #efc519;}
#menu ul li.selected a,
#menu ul li a.selected{color: #fff;}
#menu ul li a{color: #efc519;text-decoration: none;}
#menu ul li:hover, #menu ul li a:hover,  #menu ul li:hover a  {color: #fff;}
#menu ul li ul, #menu ul li ul li  {display: none;}
#menu ul li:hover ul,  #menu ul li:hover ul li  {display: block;}
#menu ul li ul  {position: absolute;left: -30px;top: 25px;width: auto;}
#menu ul li:hover ul li a{color: #fff;}
#menu ul li:hover ul li a:hover{color: #efc519;}
#menu ul li ul li  {float: none;white-space: nowrap;border-top: 1px solid #fff; color: #fff;}
#menu ul li ul li.last  {-moz-border-radius-bottomright: 12px;-webkit-border-bottom-right-radius: 12px;border-bottom-right-radius: 12px;}


/* FOOTER */

#footer  {width: 100%;position: relative;}
#footer ul  {list-style: none inside none;width: 100%;}
#footer ul li  {float: left;padding-right: 16px;line-height: 25px;position: relative;}
#footer ul li.right  {float: right;padding-right: 0px;}
#footer ul li a  {color: #2a2e2b;text-decoration: none;}

/* MAIN CONTENT */

.box{background: #fde500;border-right: 1px solid #2a2e2b;border-bottom: 4px solid #2a2e2b;    width: 256px;height: 256px;position: relative;overflow: hidden;}
.box.last{border-right: none;}
.destaque{width: 256px;position: relative;float: left;margin-bottom: 20px;height: 230px;}
.destaque h1{font-size: 16px;margin: 12px 25px;}
.destaque .image{padding: 0px 25px 0px 25px;text-align: center;}
.destaque .text{padding: 12px 35px 12px 25px;}
.destaque .seeMore{position: absolute;bottom: 0px;right: 10px;display: block;padding: 6px 6px 3px 6px;}
#middle{width: 100%;z-index: 10;}
#middle img{margin-right: 0px;}

.topImageConteiner{text-align: center; width: 770px;}
.topImage{border-bottom: 4px solid #fee73f;text-align: center;}

.article_content{padding: 0px 25px;padding-top: 25px;margin-bottom: 20px;}
.article_content h1{margin-bottom: 15px;line-height: 30px;}
.article_content h2{font-size: 16px;line-height: 20px;}
.article_content p{margin-bottom: 15px;}
.article_content a{text-decoration: underline;}
.article_content a:hover{text-decoration: none;}
.article_content a.marcas{text-decoration: none;display: block;}

.article_content a.marcas img{width: auto;}


.yellowBox{width: 176px;}
.yellowBox .image{height: 175px;text-align: center;border-top: 15px solid #2a2e2b;border-right: 1px solid #2a2e2b;}
.yellowBox .image.noBorder{width: 175px;border-right: 0px solid #2a2e2b;}
.yellowBox .text{width: 160px;text-align: justify;}
.yellowBox .text.alt2{width: 175px;}

/* Pesquisa de Resultados */

.search_result_box{position: relative;border-bottom: 1px solid #959482;width: 700px;padding: 10px;}
.search_result_box.highlight{background-color: #fef08c;}
.search_result_box .image{margin-right: 20px;width: 160px;}
.search_result_box .text{margin-right: 10px;width: 350px;}
.search_result_box .buttons{width: 160px;text-align: center;}
.search_result_box .buttons .simulate{position: absolute;bottom: 20px;right: 20px;}
.search_result_box .highlightSugestion{display: none;}
.search_result_box.highlight .highlightSugestion{display: block !important;width: 160px;height: 71px;background: url("../images/button_sugestion.png") 0px 0px no-repeat;padding-top: 17px;font-weight: bold;font-size: 9px;text-transform: uppercase;text-align: center;color: #000;}
.icon_vert_align{line-height: 23px;}

/* Shopping Cart*/

table.shopping_cart tbody{}
table.shopping_cart{border-spacing: 0px;border-top: 1px solid #959482;border-right: 1px solid #959482;width: 730px;font-size: 11px;}
table.shopping_cart tr td.size1{width: 40px;}
table.shopping_cart tr td.size2{width: 50px;}
table.shopping_cart tr td.size3{width: 60px;}
table.shopping_cart tr td.size4{width: 70px;}
table.shopping_cart tr td.size5{width: 80px;}
table.shopping_cart tr.unselected td{color: #ccc;}
table.shopping_cart tr td{border-bottom: 1px solid #959482;border-left: 1px solid #959482;padding: 10px 5px;}
table.shopping_cart tr.tfooter td,table.shopping_cart thead{background-color: #fef39f;font-weight: bold;}
table.shopping_cart tr td.center{text-align: center;float: none;margin: 0px;}
table.shopping_cart tr td.left{text-align: left;float: none;}
table.shopping_cart tr td.right{text-align: right;float: none;}
.changeStatus{cursor: pointer;}
.titleBox{background-color: #fef08c;padding: 5px 10px;width: 100%;font-weight: bold;margin-bottom: 10px;font-size: 12px;}
.col1{width: 390px;}
.col2{width: 315px;}
.col2 .titleBox{padding-left: 0px;}
form.shoopingCartEnding{text-align: left;font-size: 11px;}
form.shoopingCartEnding .label{width: 110px;margin-right: 5px;text-align: right;line-height: 20px;}
form.shoopingCartEnding .label.alt2{width: 118px;}
form.shoopingCartEnding .input{margin-bottom: 10px;}
form.shoopingCartEnding .input.noMargin{margin-bottom: 0px;}
input[type="text"]{background-color: #fff;border: 1px solid #c9cac5;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;font-size: 11px;cursor: pointer;}
form.shoopingCartEnding input[type="text"].alt2{width: 20px !important;}
form.shoopingCartEnding input[type="text"].alt3{width: 358px !important;}
form.shoopingCartEnding .input input[type="text"]{width: 250px;}
form.shoopingCartEnding textarea{background-color: #fff;border: 1px solid #c9cac5;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;font-size: 11px;}
.calendar{height: 150px;margin-bottom: 5px;}

/* Start Página de Que Pneu Comprar */

.pneu_info{position: relative;width: 720px;height: 275px;background: url("../images/pneu.jpg") 0px 0px no-repeat;}
.pneu_info .text{position: absolute;right: 10px;top: 10px;font-size: 45px;}
.pneu_info .value{display: none;}
.pneu_info .value1{background: url("../images/val1.png") 0px 0px no-repeat; width: 100px; height: 50px; position: absolute; top: 77px; left: 132px;}
.pneu_info .value2{background: url("../images/val2.png") 0px 0px no-repeat; width: 100px; height: 50px; position: absolute; top: 88px; left: 185px;}
.pneu_info .value3{background: url("../images/val3.png") 0px 0px no-repeat; width: 100px; height: 50px; position: absolute; top: 104px; left: 226px;}
.pneu_info .value4{background: url("../images/val4.png") 0px 0px no-repeat; width: 100px; height: 50px; position: absolute; top: 117px; left: 251px;}
.pneu_info .value5{background: url("../images/val5.png") 0px 0px no-repeat; width: 100px; height: 50px; position: absolute; top: 129px; left: 270px;}

/* CALENDARIO JQUERY UI */

.ui-datepicker {width: 315px !important; padding: 0px;}
.ui-widget-content {background: #fffad9;}
.ui-widget-header {background: none ;background-color: #efc519;border: 0px solid #fff;}
.ui-corner-left, .ui-corner-bl {border-bottom-left-radius: 0px;}
.ui-corner-right, .ui-corner-bl {border-bottom-right-radius: 0px;}
.ui-datepicker .ui-datepicker-title {color: #fff;font-size: 11px;font-family: arial;}
.ui-datepicker th {font-size: 10px; color:#4c4c4c;}
.ui-datepicker th {padding: 2px 0px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background-color: #fffad9;background: none; border: 1px solid #cccab9;}
.ui-widget-header .ui-state-default:hover, .ui-state-default:hover, .ui-widget-content .ui-state-default:hover{background-color: #efc519;color: #fff;border: 1px solid #D3D3D3;}
.ui-state-disabled:hover span.ui-state-default {background-color: #fffad9;color:#555555;opacity: 1;filter: Alpha(Opacity=100);}
.ui-widget-header .ui-state-disabled {display: none;}

.ui-datepicker table {font-size: 10px;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover{background: none; border: 0px solid #fff;}
.ui-datepicker .ui-datepicker-next-hover{top: 2px; right: 2px;}
.ui-datepicker .ui-datepicker-prev-hover{top: 2px; left: 2px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background-color: #efc519; color: #fff;}

/* MARCAS */

ul.boxMarca li{position: relative;float: left;width: 150px;height: 45px;margin: 20px 40px 20px 0px;overflow: hidden;text-align: center;font-size: 18px;font-weight: bold;line-height: 43px;}
ul.boxMarca li:hover{border-bottom: 2px solid #000;height: 43px;}
ul.boxMarca li img{/*width: 150px;*/}
ul.boxMarca li:nth-child(4n){margin-right: 0px;}

/* Cart */
#icon-cart{position: absolute;right: 8px;top: 112px;
background: url("../images/cart.png") 0px 0px no-repeat;
border: 0px solid #000;width: 110px;height: 20px;}

/* JQUERY UI - Dialog */

#dialogBox.ui-widget-content{background-color: #f7f8f9;}
.ui-dialog{padding: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;border: 1px solid #9f9fa0;}
.ui-dialog .ui-dialog-titlebar {border-bottom: 1px solid #e5e5e5;height: 30px;background-color: #ECECEC;-moz-border-radius-bottomleft: 0px;-webkit-border-bottom-left-radius: 0px;border-bottom-left-radius: 0px;-moz-border-radius-bottomright: 0px;-webkit-border-bottom-right-radius: 0px;border-bottom-right-radius: 0px;}
.ui-dialog-title{display: none;}
#dialogBox.ui-widget-content {text-align: center;font-size: 11px;color: #231F20;padding: 30px 0px;}
.ui-widget-overlay{background: #000 url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity: .8;filter: Alpha(Opacity=80);}
.ui-dialog .ui-dialog-buttonpane {background-color: #ECECEC;padding: 0px;margin-top: 0px;}
#formContainer{position: absolute;top: 50px;left: 50%;margin-left: -274px;width: 548px;display: none;z-index: 10;background-color: #FFFAD9;-moz-border-radius-bottomleft: 12px;-webkit-border-bottom-left-radius: 12px;border-bottom-left-radius: 12px;-moz-border-radius-bottomright: 12px;-webkit-border-bottom-right-radius: 12px;border-bottom-right-radius: 12px;-webkit-box-shadow: 0px 0px 9px rgba(50, 50, 50, 0.75);-moz-box-shadow:    0px 0px 9px rgba(50, 50, 50, 0.75);box-shadow:         0px 0px 9px rgba(50, 50, 50, 0.75);padding-bottom: 20px;}
#formContainer .closeForm{position: absolute;top: -10px;right: -10px;width: 20px;height: 20px;line-height: 20px;text-align: center;background-color: #333;color: #efc519;font-size: 15px;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;-webkit-box-shadow: -1px -1px 3px rgba(50, 50, 50, 0.75);-moz-box-shadow:    -1px -1px 3px rgba(50, 50, 50, 0.75);box-shadow:         -1px -1px 3px rgba(50, 50, 50, 0.75);}
#formContainer .closeForm:hover{cursor: pointer;background-color: #efc519;color: #333;}
#formContainer .article_content{width: 477px !important;margin-bottom: 0px;}
.showForm{cursor: pointer;}
#hideForm{position: absolute;top: 0px;right: 0px;}
textarea.error,
input.error{border: 1px solid red !important;}
label.error{display: block !important;}