@charset "utf-8";
/* CSS Document */

/* float RIGHT */
#bordStretch .help,
#closeBox,
.listThreeshop .spanRight,
#boxLink .help,
.listThreeshop .buttonsRight,
.searchFaq a{ float: right;}

/* float LEFT */
.config .textInline,#contentBox .imgLeft,
#emptyFieldError p,#emptyFieldError span, #emptyFieldErrorBox p,#emptyFieldErrorBox span,#emptyFieldErrorBox2 p,#emptyFieldErrorBox2 span,
#exprStrFieldError p, #exprStrFieldError span,
#checkFieldError p, #checkFieldError span,#nameFieldError p, #nameFieldError  span,#acontSizeError p, #acontSizeError span,
#listMessage li,
#menuBox li a,#bordStretch h3, #boxSmall .bordStretch h3, #scrollBar .fileUp2 p,
.listThreeshop span,.listThreeshop div,
.searchFaqinput,.faqLeft{ float: left;}

#bordStretch .help,#scrollBar .floatRightB,#boxLink .help{ margin: 0;}


/* -------------------- ticketsystem -------------------- */
#boxLarge,#bordTop,#bordBottom{ width: 712px;}
/*#boxLarge{ height: 434px;}*/
#bordTop{ background: url("../images/container_boxLarge_bgTop.png") no-repeat 0 0; height: 12px;}
#bordBottom{ background: url("../images/container_boxLarge_bgBottom.png") no-repeat 0 0; height: 15px;}
#bordStretch{ background: url("../images/container_boxLarge_bgStretch.png") repeat-y 0 0; width: 686px; height: auto !important; min-height: 300px; padding: 0 13px;}

#menuBox, .floatRightB,#buttonsBox, contentBox,#menuBox ul{ width: 100%;}
#menuBox{ height: 34px; background: url("../images/container_boxLarge_menubg.png") repeat-x 0 0; margin-bottom: 10px;}
#menuBox ul{ border-top: 1px solid #E5E5E5; height: 33px;}

#bordStretch .floatRightB{ height: 18px;}



#closeBox{ background: url("../images/container_boxLarge_close.png") no-repeat 0 0; width: 15px; height: 14px;}
#contentBox{ margin-bottom: 15px; height: auto !important; min-height: 240px;}
#buttonsBox, #boxSmall .buttonsBox,#boxSmall2 .buttonsBox,#boxSmall3 .buttonsBox{ border-top: 1px solid #E5E5E5; padding-top: 10px; height: 20px;}

#caixaTicketSystem,#caixaConfirmacao{ width: 100% !important;}
/*#caixaTicketSystem img,#caixaConfirmacao img{ margin-top: 135px; margin-left: 328px;}*/
/*#caixaTicketSystem p,#caixaConfirmacao p{ margin-top: 180px; float: none !important; text-align: center;}*/
#caixaTicketSystem img,#caixaConfirmacao img{ margin-top: 35px; margin-left: 177px;}
#caixaTicketSystem p,#caixaConfirmacao p{ margin-top: 74px; float: none !important; text-align: center;}

.fieldWarning{ background: url("../images/container_warning.png") no-repeat 0 0; position: absolute; width: 8px; height: 24px; margin: 8px 0 0 5px;}
.rpw .fieldWarning{ margin: 3px 0 0 4px;}
.pw .fieldWarning{ margin: 3px 0 0 4px;}
#newsEm .fieldWarning{ margin: -33px 0 0 192px;}

/* se o warning esta dentro de um P tem aquela margem-top:8px */
#emptyFieldError{ margin: 15px 0 20px 0;}
#emptyFieldError p{ padding: 4px 15px 5px 3px; background-color: #F5F5F5; border: 1px solid #E5E5E5; margin-top: 5px; border-right: 0 none; min-width: 128px;
                    width: auto !important; height: 14px; font-size: 9px;}
#emptyFieldError span{ background: url("../images/login_containerBox_errorImg.png") no-repeat 0 0; width: 14px; height: 30px;}

#searchInput2{ width: 200px; height: 19px; position: absolute; right: 20px;}
#searchInput2 input#search{ width: 168px; height: 11px; padding: 1px 3px 2px; background-color: #FFF; border: 1px solid #E5E5E5; font-size: 10px;}
#searchInput2 input#searchBtn,.searchFaqinput .button{ background: url("../images/header_menu_search.png") no-repeat 0 0; border: none; width: 14px; height: 15px; cursor: pointer;
                               position: relative; top: 2px;}
#searchInput2 .sugg{ background: #FFF; border: 1px solid #E5E5E5; border-top: 0 none; margin-right: 18px; width: 174px; position: absolute;}
#searchInput2 .sugg li{ background: #FFF; padding: 1px 3px 2px;}
#searchInput2 .sugg li.last{ margin-bottom: 20px;}

/* scroll */
#scrollBar,.scroll-pane{ width: 100%; height: 270px;}
#boxLarge .listThreeshop #scrollBar,#boxLarge .listThreeshop .scroll-pane { height: 180px; }
/*#aparenciascroll #scrollBar,.scroll-pane{ width: 100%; height: 270px;}*/
#boxSmall2 #scrollBar,#boxSmall2 .scroll-pane{ width: 100%; height: 226px;}
#scrollBar{ background: #FFF; margin: 10px 0 5px; overflow: hidden;}
.scroll-pane{ overflow: auto;}
.horizontal-only{ height: auto; max-height: 200px;}
.jspContainer{ overflow: hidden; position: relative;}
.jspPane{ position: absolute;}
.jspVerticalBar,#boxSmall2 .jspVerticalBar{ position: absolute; top: 0; right: 0; width: 8px; border: 1px solid #E5E5E5; float: none;}

.jspVerticalBar{ height: 267px; float: none !important;}
#boxSmall2 .jspVerticalBar{ height: 224px;}

.jspVerticalBar *{ margin: 0; padding: 0;}
.jspCap{ display: none;}
#scrollBar .jspTrack{ background: #FFF; position: relative;  height: 260px !important; float: none !important;}
#boxSmall2 #scrollBar .jspTrack{ background: #FFF; position: relative;  height: 100% !important;}
.jspDrag{ background: #2BACCC; position: relative; top: 0; left: 0; cursor: pointer; float: none !important;}

#scrollBar .floatRightB{ width: 672px;}
.lineBottom,
#scrollBar .scrollQuestion, #scrollBar .scrollAnswer, #boxLarge .lineBottom,
#boxLarge .listpayMethod .lineBottom{ background: url("../images/container_boxLarge_tableBorderB.png") repeat-x left bottom; padding-bottom: 18px; margin-bottom: 15px;}
#scrollBar .noBackground{ background: none;}
#listMessage{ width: 670px; height: 14px; margin-bottom: 8px;}
#listMessage li{ margin-right: 40px;}

#scrollBar .fileUp2{ height: 21px;}

#listMessage li p .estadoImg{ width: 15px; height: 12px; border: none;}
#scrollBar .scrollQuestion li > span:first-child{ margin-right: 5px;}
#scrollBar .textMargin{ margin-bottom: 13px;}
#scrollBar .textMargin2{ margin-bottom: 8px;}
#boxLarge .textMargin3{ margin-bottom: 21px;}
#boxLarge .textCenter{ text-align: center;}

/* text */
.subTitle2{ margin-bottom: 4px; height: 23px; width: 100%; cursor: move; position: relative;}
#menuBox li a{ border-right: 1px solid #E5E5E5; padding: 8px 26px 0; height: 25px;}
#menuBox li a.last,#menuBox li a.lastSelected{ border: 0 none;}
#menuBox li a.selected,#menuBox li a.lastSelected{ background: #FFF;}
#bordStretch h3, #boxSmall .bordStretch h3,.bordStretch h3,#boxLinkStretch h3{ background: url(../images/container_boxLarge_h3bg.png) no-repeat 0 0;
                                                                               padding-left: 28px; height: 18px; line-height: 150%;}

/* form */
#secondExample input{ margin-top: 3px;}
#secondExample,#secondExample #fileUp, #secondExample .fileUp2,#fileUp2,#secondExample #counter,#secondExample2 .fileUp2{ margin: 0;}
#secondExample #question, textarea, #fileUp, .fileUp2,#formAdmin #fileUp,
#fileUp2, #secondExample #titulo, #secondExample #tags{ background: #FFF; border: 1px solid #E5E5E5; color:#333; padding:3px 4px; margin-right: 8px;}
#secondExample #question, #secondExample textarea, #secondExample #titulo, #secondExample #tags, #secondExample .url,
#secondExample .emailD,#secondExample .input6,#secondExample .input7{ color: #2BACCC; font-size: 10px;}
#secondExample #fileUp,#formAdmin #fileUp,#secondExample .fileUp2,#formAdmin .fileUp2,
#secondExample2 .fileUp2, #fileUp2{ color: #858585; font-size: 10px; width: 225px; height: 14px; position: absolute;
                                                                                       display: block;}

#secondExample .floatLeftFile{ margin-bottom: 10px;}
#secondExample .floatLeftFile p{ height: 23px;}
#secondExample .floatLeftFile p .btnG{ position: relative; left: 242px;}
#secondExample #question, #secondExample #titulo, #secondExample #tags{ width: 410px; margin: 10px 0 0 0;}
#secondExample .url{ width: 410px; margin: 0 0 10px 0; float: left; background: #FFF; border: 1px solid #E5E5E5; padding:3px 4px;}
#secondExample textarea{ width: 662px; height: 30px; margin-bottom: 10px;}
#secondExample #textareaSmall{ height: 14px;}
#secondExample p.message{ text-align: right; float: right; font-size: 9px; height: 13px; margin-right: 13px;}
#secondExample p, #secondExample #counter{ color: #666; font: 10px Verdana, Arial, Helvetica, Tahoma, sans-serif;}
#secondExample #counter{ border: none; text-align: right; padding: 0 2px 0; font-size: 9px;}
#secondExample .floatLeft{ float: left;}

#scrollBar textarea{ width: 660px;}

.tycketsystem .listThreeshop span{ margin-right: 25px;}
.listThreeshop .buttonsRight{ float: right; margin: 0;}
.buttonsRight .btnG span,.buttonsRight .btnB span,.col7 .btnG span{ margin: 0; padding-left: 0;}
.buttonsRight .btnB{ margin-left: 8px;}
.tycketsystem .listThreeshop .mBottom,.tycketsystem #contentBox .listThreeshop .lineBottom{ margin-bottom: 5px;}

/* -------------------- configura��es -------------------- */
.config .textInline{ margin-right: 17px; height: 22px; line-height: 190%;}
#contentBox .imgLeft{ border: 1px solid #E5E5E5; padding: 2px; margin-bottom: 4px;}
.config #contentBox{ height: auto !important; min-height: 260px;}

#boxLarge .config h3{ background-position: 0 -18px; height: 23px;}
#scrollBar .fileUp2 p{ margin-right: 40px; line-height: 180%;}


/* -------------------- link -------------------- */
#boxLink,#boxLinkTop,#boxLinkBottom{ width: 593px;}
#boxLink{ min-height: 434px; margin: 0 auto;}
#boxLinkTop{ background: url("../images/container_box_bgTop.png") no-repeat 0 0; height: 12px;}
#boxLinkBottom{ background: url("../images/container_box_bgBottom.png") no-repeat 0 0; height: 15px;}
#boxLinkStretch{ background: url("../images/container_box_bgStretch.png") repeat-y 0 0; height: auto !important; min-height: 250px; padding: 0 13px;}
#boxLinkStretch,#boxLink .subTitle2, #boxLink #menuBox, #boxLink .floatRightB, #boxLink #menuBox ul, #boxLink #buttonsBox{ width: 567px;}
#boxLink .floatRightB{ height: 18px; margin-top: 10px;}

#boxLink h3{ background-position: 0 -336px; height: 20px;}

/* -------------------- suporte -------------------- */
#boxLarge .suport h3{ background-position: 0 -407px; height: 23px;}

/* scroll 2 */
#scrollBar2,#scrollBar2 .scroll-pane{ width: 166px; height: 270px;}
#scrollBar2{ background: #FFF; margin: 10px 0 5px; position: absolute;}
#scrollBar2 .scroll-pane{ overflow: auto;}
#scrollBar2 .jspVerticalBar{ height: 268px;}
#scrollBar2 .listHelp{ margin-left: 12px; width: 135px;}
#scrollBar2 .listHelp li{ margin-bottom: 7px; padding-left: 10px;}
#scrollBar2 .listHelp .selected{ background: url("../images/container_boxLarge_orderList2.png") no-repeat 0 2px;}
#scrollBar2 .listHelp a{ cursor: pointer;}

#boxLarge .paddingLeft #contentBox{ padding-left: 178px; margin-top: 10px; min-height: 330px; height: auto !important;}
#boxLarge .height54{ height: 24px;}
#boxLarge .paddingLeft #loading, #boxLarge #triggerAnswerButtons{ margin-top: 28px;}
#boxLarge .goSupport{ width: 420px; padding-left: 58px; background: url("../images/container_floatBottom_1.png") no-repeat 0 8px; position: relative; left: 125px;}
#boxLarge #buttonsBox .goSupport h3{ float: none; background: none; padding-left: 0; margin-bottom: 4px; height: 19px;}

/* -------------------- faq -------------------- */
#boxLarge .faq h3{ background-position: 0 -430px; height: 24px; line-height: 200%;}

.searchFaq{ height: 20px; margin-bottom: 14px;}
.searchFaqinput{ position: relative; width: 494px;}
.searchFaqinput input[type="text"]{ width: 467px; padding: 2px 4px; border: 1px solid #E5E5E5; background-color: #FFF;}
.searchFaqinput .button{ position: absolute; right: 0;}
.searchFaq a{ margin: 3px 10px 0 0;}

.listFaq li>a:first-child{ background: url("../images/container_sidemenuLeft_pages.png") no-repeat 0 0; margin-bottom: 6px; display: block;}
.listFaq li.selected>a:first-child{ background-position: 0 -10px; background-position: 0 -10px; font-weight: bold; text-decoration: underline;}
.listFaq li.selected{ margin-bottom: 15px;}
.listFaq li>a:first-child,.faqResp{ padding-left: 10px;}

.searchResult .listFaq{ width: 485px;}
.leftInfo{ width: 144px; margin-right: 16px;}
.moreInfo li{ padding-bottom: 6px;}
.helpInfo{ border-top: 1px solid #E5E5E5; margin-top: 15px;}
.helpInfo li{ padding-bottom: 3px; height: 20px; line-height: 200%;}


/* -------------------- OVERLAY -------------------- */
#closeBox:hover{ background-position: 0 -14px;}

#boxLarge .orderList:hover{ background-position: 0 -5px;}

.listFaq li a:hover{ text-decoration: underline;}

#mpBx input[type=checkbox]{display: none;}


/* -------------------- Aviso email incorrecto -------------------- */

#exprStrFieldError{ margin: 15px 0 20px 0; display: none;}
#exprStrFieldError p{ padding: 4px 15px 5px 3px; background-color: #F5F5F5; border: 1px solid #E5E5E5; margin-top: 5px; border-right: 0 none; min-width: 128px;
                    width: auto !important; height: 14px; font-size: 9px;}
#exprStrFieldError span{ background: url("../images/login_containerBox_errorImg.png") no-repeat 0 0; width: 14px; height: 30px;}


/* -------------------- Aviso CheckBox -------------------- */

#checkFieldError{ margin: 15px 0 20px 0; display: none;}
#checkFieldError p{ padding: 4px 15px 5px 3px; background-color: #F5F5F5; border: 1px solid #E5E5E5; margin-top: 5px; border-right: 0 none; min-width: 128px;
                    width: auto !important; height: 14px; font-size: 9px;}
#checkFieldError span{ background: url("../images/login_containerBox_errorImg.png") no-repeat 0 0; width: 14px; height: 30px;}


/* -------------------- Aviso SameName -------------------- */

#nameFieldError{ margin: 15px 0 20px 0; display: none;}
#nameFieldError p{ padding: 4px 15px 5px 3px; background-color: #F5F5F5; border: 1px solid #E5E5E5; margin-top: 5px; border-right: 0 none; min-width: 128px;
                    width: auto !important; height: 14px; font-size: 9px;}
#nameFieldError span{ background: url("../images/login_containerBox_errorImg.png") no-repeat 0 0; width: 14px; height: 30px;}

/* -------------------- Aviso acontSizeError -------------------- */

#acontSizeError{ margin: 15px 0 20px 0; display: none;}
#acontSizeError p{ padding: 4px 15px 5px 3px; background-color: #F5F5F5; border: 1px solid #E5E5E5; margin-top: 5px; border-right: 0 none; min-width: 128px;
                    width: auto !important; height: 14px; font-size: 9px;}
#acontSizeError span{ background: url("../images/login_containerBox_errorImg.png") no-repeat 0 0; width: 14px; height: 30px;}


/*box for models com barra lateral*/

#emptyFieldErrorBox{ top: 363px; position: absolute; display: none;}
#emptyFieldErrorBox p{ padding: 4px 15px 5px 3px; background-color: #F5F5F5; border: 1px solid #E5E5E5; margin-top: 5px; border-right: 0 none; min-width: 128px;
                    width: auto !important; height: 14px; font-size: 9px;}
#emptyFieldErrorBox span{ background: url("../images/login_containerBox_errorImg.png") no-repeat 0 0; width: 14px; height: 30px;}

/*box for models sem barra lateral*/

#emptyFieldErrorBox2{ margin: -26px 0 20px; display: none;}
#emptyFieldErrorBox2 p{ padding: 4px 15px 5px 3px; background-color: #F5F5F5; border: 1px solid #E5E5E5; margin-top: 5px; border-right: 0 none; min-width: 128px;
                    width: auto !important; height: 14px; font-size: 9px;}
#emptyFieldErrorBox2 span{ background: url("../images/login_containerBox_errorImg.png") no-repeat 0 0; width: 14px; height: 30px;}