/* =============================================================================
   CSS Reset
   ========================================================================== */

/* HTML5 Boilerplate Reset - http://html5boilerplate.com/ normalize.css v1.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* =============================================================================
   Layout/ Grid Styles
   ========================================================================== */

/**
* Grid Styles here, util size column and others
*/

/* =============================================================================
   Link Styles
   ========================================================================== */

a,
a:link,
a:visited { color: #444; cursor: pointer; text-decoration: none; }
a:hover,
a:focus { outline: none; }

/* =============================================================================
   H1, H2, H3, H4 and others titles styles
   ========================================================================== */

h1 { font-size: 36px; line-height: 40px; }
h2 { font-size: 30px; line-height: 40px; }
h3 { font-size: 24px; line-height: 40px; }
h4 { font-size: 18px; line-height: 20px; }
h5 { font-size: 14px; line-height: 20px; }
h6 { font-size: 12px; line-height: 20px; }

/* =============================================================================
   Sprite Assets
   ========================================================================== */

.sprite { background: transparent url(//f.i.uol.com.br/###SITE_ID###/furniture/###VERSAO###/images/sprite.png?###QUERYSTRING###) 0 0 no-repeat; display: block; text-indent: -9999px; }

/* =============================================================================
   Header Styles
   ========================================================================== */

/* =============================================================================
   General Styles
   ========================================================================== */

body { background-color: #fff; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }

hr { border: 0; border-top: 1px solid #ccc; display: block; height: 1px; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }

/* =============================================================================
   Forms
   ========================================================================== */

fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }

/* =============================================================================
   Sidebar, asides styles
   ========================================================================== */

/* =============================================================================
   Footer Styles
   ========================================================================== */

/* =============================================================================
   Ads
   ========================================================================== */

/* =============================================================================
   Mixins - Constants Classes
   ========================================================================== */

/* clearfix */
.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after { content: ""; display: table; line-height: 0; }
.clearfix:after { clear: both; }

/* hide and show (acessible) */
.hide { clip: rect(1px 1px 1px 1px); left: -9999px !important; height: 1px; overflow: hidden; position: absolute !important; top: -9999px !important; width: 1px; }
.full-hide { display: none !important; }
.show { display: block !important; }
.show-inline { display: inline !important; }

/* text alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* alert messages and warnings */
.alert-message, .message {  }
.alert-danger, .alert-error, .message.warning { }

/* floats */
.pull-right { float: right; }
.pull-left { float: left; }

/* unstyled lists */
ul.unstyled,
ol.unstyled { margin-left: 0; list-style: none }

/* default button */
.btn {  }
.btn:hover { }

#customer_service_bar { margin-left: 25px; background-color: #e5e5e5; width: 96% }

/* jQuery MultiSelect UI Widget 1.13 */
.ui-multiselect { padding: 3px 0 3px 4px; text-align: left }
.ui-multiselect.ui-state-default > span { font-size: 13px; padding: 0 0 0 .25em; }
.ui-multiselect span.ui-icon { float: right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position: absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding: 5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size: 0.9em }
.ui-multiselect-header ul li { float: left; font-size: 11px; padding: 0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:0  1px }
.ui-multiselect-checkboxes label input { position:relative; top:0; margin: 0 5px 0 0; padding: 0 5px; }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

#main-content section .servicos .list div { margin-bottom: 10px !important; }
#main-content section .servicos ul li div { min-height: 0 !important; }

fieldset.address-edit-address-block h4 span.address-type{text-transform: lowercase;color: #2a2a2a;}
fieldset.address-edit-address-block h4{color: #3e3e3e;}

/* print area */
#logotipo-folha { display: none; height: 0px; }
#logotipo-folha img { display: block;  float: right; height: 59px; margin-bottom: 100px; text-indent: -9999px; width: 128px; }
@media print {
    body * {
        background: none    !important;
        visibility: hidden  !important;
        position:   static  !important;
    }
    .area_print, .area_print * { visibility: visible !important; }
    .area_print {
        position: absolute !important;
        left:     0        !important;
        top:      0        !important;
        width:    auto     !important;
        height:   auto     !important;
        margin:   0        !important;
        padding:  0        !important;
    }
    .area_print h2, p { font-size: 18px; }
    #logotipo-folha { display: block; height: 50px; }
}



input.btn-blue-reclamacao {
    background: transparent !important;
    display: block;
    text-indent: initial !important;

    color: #fff !important;
    background: transparent url(//f.i.uol.com.br/assinaturas/atendimentoaoassinante/images/bg-logo-10x92.gif) 0 -40px repeat-x !important;
    border-color: #2f96b4 #2f96b4 #5bc0de !important;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) !important;
    font-family: arial,verdana !important;
    font-size: 12px !important;
    font-weight: bold !important;
    float: left !important;
    padding: 7.5px 12px !important;
    text-transform: uppercase !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25) !important;
    width: auto  !important;
}

.align-limpar-dados {
    margin: 10px 0 0 140px !important;
}


div.content-address-info input,
div.content-address-info textarea {
  background: #FEFEFE !important;
}

#main-content section .to-update input:read-only,
#main-content section .to-update textarea:read-only,
#main-content section .to-update select:read-only {
  background: #FAFAFA !important;
}

#main-content section .to-update input:-moz-read-only,
#main-content section .to-update textarea:-moz-read-only,
#main-content section .to-update select:-moz-read-only {
  background: #FAFAFA !important;
}