@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);
@import url('https://fonts.googleapis.com/css?family=Barlow');


a { color: #1e9ace; text-decoration: underline; }
a:hover { text-decoration: none; }
strong { font-weight: bold; }
em { font-style:italic; }


.clear { clear: both; }
.fleft { float: left; }
.fright { float: right; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.middle { vertical-align: middle; }
.nowrap { white-space:nowrap; }
.old-price { text-decoration:line-through; opacity: 0.8; }

.title { color: #1e9ace; font-size: 18px; font-weight: bold; margin-bottom: 20px; }
.subtitle { color: #555; font-size: 16px; font-weight: bold; margin-bottom: 15px; }

.padding-15 { padding: 15px; }

button,
.button { color: #444; font-size: 11px; font-weight: bold; cursor: pointer; display: inline-block; text-decoration: none; }
button:hover,
.button:hover { text-decoration: none; }

.button.back { background: #fff url(../images/arrow_button.png) no-repeat 7px 5px; padding: 2px 4px 2px 20px; border: 1px solid #ccc; font-size: 13px; font-weight: bold; color: #444; text-transform:uppercase; text-decoration: none; border-radius: 3px;}
.button.back:hover { background-color: #eee; }

.button1 { padding: 5px 8px; background: #209cd0; overflow: hidden; cursor: pointer; font-size: 13px; color: #fff; }
.button1:hover { background: #43b7e7;  }
.button1.disabled:hover { background-image: url(../images/bg_bt.png); }
a.button1 { text-decoration: none; color: #fff; background: #209cd0; display: inline-block; }
a.button1:hover { background: #43b7e7 !important; }

.button2 { padding: 5px 8px; background: #a1904b; overflow: hidden; cursor: pointer; font-size: 13px; color: #fff; }
.button2:hover { background: #bbab6d;  }
.button2.disabled:hover { background-image: url(../images/bg_bt.png); }
a.button2 { text-decoration: none; color: #fff; background: #a1904b; display: inline-block; }
a.button2:hover { background: #beaf71 !important; }

.button3 {padding: 2px 2px; overflow: hidden; cursor: pointer; font-size: 13px; color: #818285;; text-decoration: underline;}
.button3:hover { background: #43b7e7; color: white; }

.button4 { padding: 5px 8px; background: #79AA4E; overflow: hidden; cursor: pointer; font-size: 13px; color: #fff; }
.button4:hover { background: #7EC044; }
a.button4 { text-decoration: none; color: #fff; background: #79AA4E; display: inline-block; }
a.button4:hover { background: #7EC044 !important; }

.button-login{ width: 51px; height:56px; margin-left: 5px; margin-top: -6px; border-radius: 5px; background: white; border: outset white; color: #1E9ACE; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;}
.button-login img{ width: 30%; margin-top: 2px; }
.button-login:hover { background: #d9d9d9; }

.button-grey { padding: 5px 8px; background: #bbb; overflow: hidden; cursor: pointer; font-size: 13px; color: #333; }
.button-grey:hover { background: #ccc; }
.button-grey.disabled:hover { background-image: url(../images/bg_bt.png); }
a.button-grey { text-decoration: none; color: #333; background: #bbb; display: inline-block; }
a.button-grey:hover { background: #ccc !important; }

.button-remove { display: block; width: 16px; height: 16px; background: url(../images/bt_remove.png) no-repeat; cursor: pointer;}
.button-remove:hover { background: url(../images/bt_remove_over.png) no-repeat; }

button.disabled,
.button.disabled { opacity: 0.6; }

body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; }

.bt-comprar { background: url(../images/bt_comprar.png) no-repeat; width: 148px; height: 52px; color: #fff; font-size: 16px; font-weight: bold; padding: 9px 73px 31px 53px; display: block; width: 0; height: 0; cursor: pointer;}
.bt-comprar:hover { background-image: url(../images/bt_comprar_over.png) }

.datepicker,
.datetimepicker { background: url(../images/datepicker.png) #fff right 5px center no-repeat !important;}

/* HEADER */
.header-phone { font-size: 20px; color: #818285;}
.header-phone i { color: #1E9ACE; margin-right: 10px;}
.header-mail { font-size: 15px; color: #818285;}
.header-mail i { color: #1E9ACE; margin-right: 13px; font-size: 20px;}
.phone-number { margin-top: 50px; float: right; margin-right: 20px;}

.header-container { background: url(../images/bg_header.png) repeat-x #eeeeee; /*z-index: 9998;*/ position: relative;}
.header-container .end {display:none; height: 3px; width: 100%; background: url(../images/header_end.png) no-repeat center; }

.header { margin: 0 auto; height: 150px; position: relative; border: 0px solid #1E9ACE; border-width: 0px 0px 3px 0px;}

.header .navigation { position: absolute; left: 0; top: 121px; /*z-index: 9998;*/ background: url(../images/bg_navigation.png) repeat-x;}
.header .navigation { width: 100%; }
.header .navigation ul li { float: left; padding-right: 3px; font-size: 15px; background: url(../images/navigation_divider.png) no-repeat top right;}
.header .navigation ul li:last-child { background: none; padding: 0; }
.header .navigation ul li.active a,
.header .navigation ul li:hover a { background: url(../images/bg_navigation_over.png) repeat-x; }
.header .navigation ul li a { color: #fff; font-size: 14px; font-weight: bold; padding: 6px 19px 6px; display: block; text-decoration: none; }
.header .navigation ul li.item-1 a { padding: 7px 17px 2px; }

.header .form-search { position: absolute; left: 515px; top: 51px;  }
.header .form-search input {  width: 180px; color: #444; padding: 5px; font-size: 12px; background: url(../images/bg_search.png) no-repeat;}
.header .form-search input:focus { background: url(../images/bg_search_over.png) no-repeat; }
.header .form-search button { background: url(../images/pesquisa.png) no-repeat; width: 24px; height: 24px; overflow: hidden; text-indent: 25px; cursor: pointer; position: relative; top: -1px;}
.header .form-search button:hover { background-image: url(../images/pesquisa_over.png);  }

.header .logo { position: absolute; top: 25px; left: 11px; }

.header .cart-top { margin-right: 25px; width: 60px; height: 34px; cursor: pointer; background: url(../images/bg_cart_top1.png) no-repeat right center; position: absolute; top: 71px; right: 0; color: #333333; padding: 6px 0; background-size: 49px 30px; }
.header .cart-top #cart_top_title { display: none; }
.header .cart-top #cart_top_count { display: block; margin-left: 20px; color: white; margin-top: 9px; }
.header .cart-top a { display: none; }
        
.header .customer-top { position: absolute; width: 366px; right: 0; top: 6px;}
.header .customer-top .grey-bg {font-size: 14px; font-weight:bold; display: block; color: #818285; /*background: url(../images/bg_customer_top.png) repeat-x;*/ padding: 0 5px 2px; position: absolute; right: 87px; top: 79px; text-align: center; white-space:nowrap; }
.header .customer-top .grey-bg strong { text-decoration: underline; }
.header .customer-top .grey-bg a { color: #818285; /*margin: 0 5px;*/ text-decoration: none;}
.header .customer-top .grey-bg a:hover { text-decoration: underline; }
.header .customer-top .grey-bg .separator { color: #818285; }
.header .customer-top .grey-bg-media {display: none;}

.header .welcome-message { position: absolute; top: 20px; /*right: 200px;*/ font-size: 15px; margin-left: 75px; width: 215px;}
.header .login-header-box { float: right; width: 270px; margin-top: 3px; background: #ebebeb; height: 77px;}
.header .login-header-box table { margin-top: -10px; }
.header .login-header-box .login-aux { margin-top: 5px;}
.header .logout-header-box { float: right; width: 270px; margin-top: 3px; background: #ebebeb; height: 78px;}
.header .logout-header-box .button-login { float: right;}
.header .logout-header-box .button3 { margin-top: 50px;}

/* VIDEO POPUP HOMEPAGE*/
.video-container {
    background: #ededed;
    padding: 25px 0 10px 0;
}

.video-grid {
    max-width: 830px;
    height: 580px;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.video-grid ul li {
    max-width: 400px;
    margin: 2px;
    float: left;
    padding: 10px 5px 10px 5px;
}
.video-grid ul li p {
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    background-color: #209cd0;
    padding: 5px;
    margin: -5px 0 0 0;
}
.title-video-grid {
    font-weight: bold;
    font-size: 26px;
    color: #1e9ace;
    margin-bottom: 10px;
    margin-top: 10px;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* MESSAGES */
#response,
.msg { padding: 10px 20px; text-align: center;  font-size: 12px; margin-bottom: 10px; }
#response .success,
.msg-succ { background: #e2f0f1; color: #007f8b; border: 1px solid #007f8b; }
.msg-succ a { color: #007f8b; }
#response .error,
.msg-error { background: #f2dada; color: #d80e15; border: 1px solid #d80e15; }
.msg-error a { color: #d80e15; }
.msg-notice { background:#FFC; color: #F60; border: 1px solid #F90; }
.msg-notice a{ color: #F60; }
.msg a { font-weight: bold; }

#response div { padding: 6px; }

.msg-info { background: #f5f5f5; border: 1px solid #c9c9c9; padding: 20px 0; text-align: center; font-size: 11px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase;}

/* BREADCRUMBS */
.breadcrumbs { padding: 20px 0; border-bottom: 2px solid #ededed; }
.breadcrumbs li { float: left; margin-right: 6px; padding-right: 9px; background: url(../images/double_arrow.gif) no-repeat 100% 5px;  }
.breadcrumbs li:last-child { background: none; }
.breadcrumbs li a { color: #444; display: block; }

/* FOOTER */
.footer { z-index: 100; position: relative; }
.footer .wrapper{ width: 998px; margin: 0 auto; padding: 10px 0;}
.footer .navigation { float: left; margin-top: 8px; }
.footer .navigation ul li { float: left; padding: 20px; font-size: 12px; font-weight: bold; background: url(../images/divider_footer_navigation.png) no-repeat left center; padding: 0 10px; }
.footer .navigation ul li.item-1 { background: none; }
.footer .navigation ul li a { color: #fff; display: block; text-decoration: none; text-transform: uppercase; }
.footer .navigation ul li a:hover { text-decoration: underline; }
.footer .social { float: right; width: 225px; }
.footer .social ul { float: right; }
.footer .social li { float: left; margin-left: 4px; }
.footer .social p { margin-bottom: 20px; font-size: 12px; color: #aaa; }
.footer .social .fallow-us,
.footer .social h3 { color: #fff; margin: 5px; display: block; text-decoration: none; text-transform:uppercase; font-size: 12px; }
.footer .social .fallow-us { float: left; font-weight: bold; }

.footer .block { float: left; color: #444; font-size: 12px; width: 260px; margin-right: 10px; }
.footer .block strong { font-weight: bold; font-size: 14px; margin-bottom: 10px; display: block; color: #1e9ace; }
.footer .block ul li { background: url(../images/link_arrow.png) no-repeat 0 5px; padding: 0 0 0 15px; margin-bottom: 5px; }
.footer .block ul li a { color: #333; text-decoration: none; }
.footer .block ul li a:hover { text-decoration: underline; }

.footer .blockcompany { float: left; color: #444; font-size: 12px; max-width: 440px; margin-right: 10px; margin-top: 10px; }
.footer .blockcompany strong { font-weight: bold; font-size: 12px; margin-bottom: 10px; display: block; color: #444; }
.footer .blockcompany ul li { background: url(../images/link_arrow.png) no-repeat 0 5px; padding: 0 0 0 15px; margin-bottom: 5px; }
.footer .blockcompany ul li a { color: #333; text-decoration: none; }
.footer .blockcompany ul li a:hover { text-decoration: underline; }

.logocompany {margin: 5px; float: left; max-width: 260px; text-align: center;}
.logocert { margin-right: 5px; float: right; }
.footerlogo {width: 150px}

.footer-1 { background: #ececec; color: #eee;  }
.footer-2 { background: #000; color: #fff;  }

.ccdrn .logo_central img {width:100%;}
.ccdrn .logo_central {margin: auto;width:60%;}
.ccdrn .logo_esquerda {float: left;width:19%;text-align: right; }
.ccdrn .logo_esquerda img {margin-top:60px;max-height: 100px;}
.ccdrn .logo_direita {float: right;width:19%;text-align: left; }
.ccdrn .logo_direita img {margin-top:60px;max-height: 100px;}

/* ABSOLUTE FOOTER */
.absolute-footer {  }
.absolute-footer .wrapper{ width: 998px; margin: 0 auto; padding: 10px 0;}

/* CONTENT */
.main-container { position: relative; /*z-index: 9998;*/  min-height: 900px;  }
.cms-home .main-container { /*background: url(../images/bg_home.png) no-repeat center top;*/ margin-top: -15px; }
.main { /*width: 1000px;*/ margin: 0 auto 0; min-height: 500px; position: relative; /*z-index:999;*/ }

.col-left,
.col-main,
.col-right { position: relative; }

.cols3-page .cols-container { width: 1000px; float: left; background: #fff; box-shadow: 0 0 0px #999;  min-height: 900px; }
.cols3-page .cols-container .col-left { width: 212px; float: left; padding: 15px;  /*background: url(../images/bg_col_left.png) no-repeat top right*/; min-height: 300px; }
.cols3-page .cols-container .col-main { width: 750px; float: right; }
.cols3-page .col-right { width: 212px; float: right; padding: 15px; margin-top: 38px; display: none; }

.cols2-left-page .col-left { width: 212px; float: left; padding: 15px;  /*background: url(../images/bg_col_left.png) no-repeat top right*/; min-height: 300px;  }
.cols2-left-page .col-main { width: 757px; float: right; }

.cols2-right-page .col-right { position: relative; z-index: 9; width: 212px; padding: 15px; float: right; margin-top: 38px; display: none; }
.cols2-right-page .col-main { position: relative; z-index: 99; width: 1000px; float: left; background: #fff; box-shadow: 0 0 0px #999;  min-height: 900px; }

.col1-page .col-main { /*width: 96%; padding: 20px;*/ }

.blocks-wrapper { padding: 20px; }
.blocks-wrapper .customer { max-width: 750px; margin: 0 auto; }

.container { max-width: 1000px; margin-right: auto; margin-left: auto; }
.container-news { max-width: 980px; margin-right: auto; margin-left: auto; }
.container-pages { max-width: 1000px; margin-right: auto; margin-left: auto; }
.container-flags { max-width: 980px; margin-right: auto; margin-left: auto; margin-top: 40px; margin-bottom: 40px; }


/* LAYOUT POPUP */
.layout-popup { background-position: 0 0; }
.layout-popup .main { width: 500px; padding: 10px; }

/* PAGE TITLE */
.page-title { background: url(../images/bg_page_title.png) no-repeat left bottom;}
.page-title h1 { font-size: 25px; color: #fff; padding: 5px 10px; font-weight: normal; }
.titulo-corporativo { font-weight:bold ; font-size: 26px; color: #1e9ace; margin-bottom: 10px; margin-top: 10px; }
.titulo-eidas { font-weight:bold ; font-size: 26px; color: #1e9ace; margin-bottom: 10px; margin-top: -28px; margin-left: 760px; }
.titulo-flags { font-size: 26px; color: #818285; margin-bottom: 20px; margin-top: 10px; text-align: center; }
.img-flags {width: 100%; }

/* BLOCKS */
.block { margin-bottom: 15px; }

.block-title { margin-bottom: 10px; border-bottom: 1px solid #C6C6C6; }
.block-title h1,
.block-title h2,
.block-title h3 { display: inline-block; font-size: 20px; color: #1e9ace; padding: 3px 0; text-transform: uppercase; }

.container-news .block-title { margin-bottom: 10px; border-bottom: 1px solid #C6C6C6; width: 500px; float: right; margin-top: 15px; }

.home-video { margin-left: auto; margin-right: auto; height: 610px; background: #f8f9f9; padding: 25px; }
.home-video video {width: 880px; height: 529px; margin-left: auto; margin-right: auto; display: block;}
.home-video .title-video-box {font-weight: bold; font-size: 26px; color: #1e9ace;  margin-bottom: 10px;  margin-top: 10px; width: 980px; margin-left: auto; margin-right: auto;}

/* BLOCK NEWSLETTER */
.block-newsletter { float: right; border: 0; width: 275px; display: none; }
.block-newsletter .legend { color: #555; line-height: 18px; margin-bottom: 15px; font-size: 13px; }
.block-newsletter .inputs { position: relative; }
.block-newsletter .inputs input { background: url(../images/bg_newsletter.png) no-repeat; width: 181px; color: #444; padding: 5px; margin-bottom: 2px; font-size: 12px;}
.block-newsletter .inputs input:focus { background: url(../images/bg_newsletter_over.png) no-repeat;   }
.block-newsletter .inputs .subscribe { position: absolute; top: 0; left: 195px; }
.block-newsletter .msg-container { padding: 10px 5px 0; text-align: center; }
.block-newsletter .block-title { border: 0; }
.block-newsletter .block-title h3 { color: #111; font-weight: normal; margin-bottom: 10px; display: block; text-decoration: none; text-transform:capitalize; font-size: 20px; border-bottom: 1px solid #d2d2d2; padding-top: 0;}

/* BLOCK STATIC */
.block-static .block-title { margin-bottom: 15px; }
.block-static .block-content { font-size: 12px; line-height: 18px; }
.block-static .block-content p { margin-bottom: 10px; }

/* BLOCK STATIC DARK */
.block-static.dark-block .block-title { border-bottom: 2px solid #000; margin-bottom: 0; background: none; padding: 0; }
.block-static.dark-block .block-title h1,
.block-static.dark-block .block-title h2,
.block-static.dark-block .block-title h3 { display: inline-block; background: #000; font-size: 18px; color: #fff; padding: 3px 5px; text-transform: uppercase;  }
.block-static.dark-block .block-content { padding: 10px; background: #eee; }
.block-static.dark-block .block-content a { color: #e43973; }

/* BLOCK SEARCH */
.block-search li { margin-bottom: 10px; }
.block-search li .title { margin-bottom: 5px; }
.block-search li .title a { color: #1e9ace; font-size: 14px; }
.block-search li .actions { text-align: right; }
.block-search li .actions .link { color: #1e9ace; font-size: 12px; font-weight: bold; cursor: pointer; }
.block-search li .description { color: #444444; line-height: 16px; margin-bottom: 5px; }
.block-search li .url { font-size: 10px; text-decoration: underline; }
.block-search li .graph { border: 1px solid #ccc; display: inline-block; width: 70px; height: 8px; margin-left: 5px; padding: 1px; }
.block-search li .graph .fill { background: #1e9ace; display: block; width: 0; height: 100%;}

/* ARTICLES */
.block-articles .block-title {  }
.block-articles .block-title h1,
.block-articles .block-title h2,
.block-articles .block-title h3 { background: none; font-size: 15px; color: #666666; }
.quemsomos {font-size: 13px;}
.quemsomost { text-align: center; font-size: 18px; color: #1e9ace; font-weight: bold; margin-bottom: 10px;}
.quemsomosc { text-align: center; font-size: 16px; color: #1e9ace; font-weight: bold;}
.suporte {text-align: center;}

/* ARTICLES GRID */
.articles-grid .article { float: left; margin-bottom: 15px; padding-bottom: 25px; position: relative; }
.articles-grid .article.last { margin: 0 !important; }
.articles-grid .article .content { overflow:hidden; color: #666; line-height: 16px; }
.articles-grid .article .title a,
.articles-grid .article .title { color: #b29a18; font-size: 14px; margin-bottom: 5px; text-transform: uppercase; }
.articles-grid .article .article-image { margin-bottom: 5px; padding: 5px; background: #eee; border-radius: 5px; border: 1px solid #ddd; }
.articles-grid .article .actions { position: absolute; bottom: 0; text-align: right; width: 100%; }
.articles-grid .article .actions .link { color: #D15E85; font-size: 12px; font-weight: bold; cursor: pointer; }

.articles-grid.grid-4-cols .article { height: 230px; width: 23%; margin-right: 2.6%; }
.articles-grid.grid-3-cols .article { height: 295px; width: 31.5%; margin-right: 2.6%; }
.articles-grid.grid-2-cols .article { height: 335px; width: 48.5%; margin-right: 2.6%; }

.col1-page .articles-grid.grid-4-cols .article { height: 250px; }
.col1-page .articles-grid.grid-3-cols .article { height: 290px; }
.col1-page .articles-grid.grid-2-cols .article { height: 410px; }

/* DATAGRID */
.datagrid { width: 100%; }
.datagrid thead tr.sorters  { background: #ddd; }
.datagrid thead tr.filters  { background: #eee; }
.datagrid thead tr.mass-actions select { padding: 4px; border-radius: 4px; border: 1px solid #ccc; color: #666; }
.datagrid thead tr.mass-actions th { padding: 3px 0; }
.datagrid thead tr.sorters th { font-size: 14px; vertical-align: top; padding: 2px 5px; font-weight: bold; color: #222; }
.datagrid thead tr.filters th { padding: 7px; font-weight: bold; color: #222; vertical-align: top; border-bottom: 1px solid #ccc; }
.datagrid tbody td { padding: 3px 5px; font-size: 13px; border-bottom: 1px solid #ccc;}

.datagrid thead tr.filters .select,
.datagrid thead tr.filters .number input,
.datagrid thead tr.filters .date input,
.datagrid thead tr.filters .text { width: 100%; background: #fff; border: 1px solid #aaa; padding: 2px; font-size: 12px; display: block; }
.datagrid thead tr.filters .number input,
.datagrid thead tr.filters .date input,
.datagrid thead tr.filters .text { padding: 3px; }
.datagrid thead tr.filters .number  { width: 100%; }
.datagrid thead tr.filters .date label,
.datagrid thead tr.filters .number label { display: table-cell; vertical-align: middle; padding-right: 5px;}
.datagrid thead tr.filters .date span,
.datagrid thead tr.filters .number span { display: table-cell; width: 100%; }
.datagrid thead tr.filters .date input,
.datagrid thead tr.filters .number input { width: 100%; }
.datagrid thead tr.filters .date .row,
.datagrid thead tr.filters .number .row { width: 100%; display: block; height: 27px; }
.datagrid thead tr.filters .date input { min-width: 70px; }

.datagrid .sorter { text-decoration: none; display: block; padding-right: 15px; }
.datagrid .sorter.desc { background: url(../images/small_arrow_down.png) no-repeat center right; }
.datagrid .sorter.asc { background: url(../images/small_arrow_up.png) no-repeat center right; }

.pager-and-filter-actions { width: 100%; }

.pager { margin: 5px 0; }
.pager ul { float: left; }
.pager li { float: left; background: url(../images/bg_bt.png) repeat-x scroll 0 0 #A9C882; margin-left: 3px; }
.pager li:hover { background-image: url(../images/bg_bt_over.png); }
.pager li.selected { background: url(../images/bg_bt2.png) repeat-x scroll 0 0 #B6B6B6; }
.pager li a  { color: #fff; text-decoration: none;  padding: 3px 5px;  }
.pager li.selected a { color: #333; }

.filter-actions { text-align: right; }

/* PAGINATION */
.pagination { margin-bottom: 5px; text-align:right; }

/* ARTICLES LIST */
.articles-list { }
.articles-list .article { padding-bottom: 10px; position: relative; margin-bottom: 15px; border-bottom: 1px solid #ccc;}
.articles-list .article:last-child { border-bottom: 0; margin-bottom: 0; }
.articles-list .article .article-images { width: 160px; }
.articles-list .article .article-images li { margin-bottom: 10px; }
.articles-list .article .article-images li:last-child { margin-bottom: 0; }
.articles-list .article .content { line-height: 16px; color: #666; margin-bottom: 10px; }
.articles-list .article .content p { margin-bottom: 10px; }
.articles-list .article .content .destaque { margin-bottom: 10px; color:#1e9ace;font-size:14px;font-weight:bold;  }
.articles-list .article .content .title { color: #1e9ace; font-size: 20px; margin-bottom: 15px; font-weight: bold; }
.articles-list .article .content .title a { color: #e43973; text-decoration: none;  }
.articles-list .article .content ul,
.articles-list .article .content ol { margin-left: 20px; margin-bottom: 10px;}
.articles-list .article.images-off-text-left .article-images,
.articles-list .article.images-in-text-left .article-images {  float: left; margin-right: 10px;  }
.articles-list .article .actions { text-align: right; position: absolute; bottom: 15px; width: 100%; }
.articles-list .article .actions .link { color: #D15E85; font-size: 12px; font-weight: bold; cursor: pointer; }
.articles-list .article .content ul { list-style: disc outside;}

.articles-list .article.images-off-text-right .article-images,
.articles-list .article.images-in-text-right .article-images {  float: right; margin-left: 10px;  }

.articles-list .article.images-off-text-left .content { margin-left: 170px; }
.articles-list .article.images-off-text-right .content { margin-right: 170px; }

/* ARTICLES LIST */
.articles-extensible-pannels { }
.articles-extensible-pannels .article { position: relative; }
.articles-extensible-pannels .article .collapsable { padding-bottom: 15px; display: none; }
.articles-extensible-pannels .article .article-images { width: 160px; }
.articles-extensible-pannels .article .article-images li { margin-bottom: 10px; }
.articles-extensible-pannels .article .article-images li:last-child { margin-bottom: 0; }
.articles-extensible-pannels .article .content { line-height: 16px; color: #666; margin-bottom: 30px; }
.articles-extensible-pannels .article .content p { margin-bottom: 10px; }
.articles-extensible-pannels .article .title{ color: #acc30f; font-size: 14px; text-transform: uppercase; margin-bottom: 5px; color: #666; padding: 6px; cursor: pointer; background: #ebebeb no-repeat 98% 9px url(../images/arrow_down.png); }
.articles-extensible-pannels .article .title:hover { background-color: #ddd; }
.articles-extensible-pannels .article .title.opened { background-image: url(../images/arrow_up.png) ; } 
.articles-extensible-pannels .article.images-off-text-left .article-images,
.articles-extensible-pannels .article.images-in-text-left .article-images {  float: left; margin-right: 10px;  }
.articles-extensible-pannels .article .actions { text-align: right;  }

.articles-extensible-pannels .article.images-off-text-right .article-images,
.articles-extensible-pannels .article.images-in-text-right .article-images {  float: right; margin-left: 10px;  }

.articles-extensible-pannels .article.images-off-text-left .content { margin-left: 170px; }
.articles-extensible-pannels .article.images-off-text-right .content { margin-right: 170px; }

/* ARTICLES TABS */
.articles-tabs-titles { }
.articles-tabs-titles li { float: left; padding: 10px; display: block; margin-left: 5px; cursor: pointer; text-transform: uppercase; font-size: 12px; color: #666; font-weight: bold;}
.articles-tabs-titles li.selected { background: #ebebeb; }

.articles-tabs { }
.articles-tabs .article { position: relative; border: 2px solid #ebebeb; padding: 10px; }
.articles-tabs .article.hide { display: none; }
.articles-tabs .article .article-images { width: 160px; }
.articles-tabs .article .article-images li { margin-bottom: 10px; }
.articles-tabs .article .article-images li:last-child { margin-bottom: 0; }
.articles-tabs .article .content { line-height: 16px; color: #666; margin-bottom: 30px; }
.articles-tabs .article .content p { margin-bottom: 10px; }
.articles-tabs .article .content .title{ color: #acc30f; font-size: 14px; text-transform: uppercase; margin-bottom: 5px; }
.articles-tabs .article .content .title a { color: #acc30f;  }
.articles-tabs .article.images-off-text-left .article-images,
.articles-tabs .article.images-in-text-left .article-images {  float: left; margin-right: 10px;  }
.articles-tabs .article .actions { text-align: right; }
.articles-tabs .article .sh-content { line-height: 16px; color: #666666; margin-bottom: 30px; margin-top: 10px; text-align: center; }
.articles-tabs .article .sh-content p { margin-bottom: 10px; }
.articles-tabs .article .content .sh-title{ color: #666666; font-size: 14px; font-weight: bold; margin-bottom: 10px; text-align: center; }
.articles-tabs .article .content .sh-title a { color: #acc30f;  }

.articles-tabs .article.images-off-text-right .article-images,
.articles-tabs .article.images-in-text-right .article-images {  float: right; margin-left: 10px;  }

.articles-tabs .article.images-off-text-left .content { margin-left: 170px; }
.articles-tabs .article.images-off-text-right .content { margin-right: 170px; }

/* BLOCKS NAVIGATION */
.block-navigation { }
.block-navigation .block-title { border-bottom: 0; margin-bottom: 0;  padding: 3px 5px;  }
.block-navigation .block-title h3 { color: #333; font-size: 15px;}
.block-navigation ul li { position: relative; border-bottom: 1px solid #c6c6c6; }
.block-navigation ul li.item-1 { border-top: 1px solid #c6c6c6; }
.block-navigation ul li a { padding: 7px 10px 7px 16px; background: url(../images/link_arrow.png) no-repeat 6px center; color: #333333; font-size: 12px; display: block; text-decoration: none; font-family:Tahoma, Geneva, sans-serif; font-weight: bold; }
.block-navigation ul li.active > a{ background-color: #f2f2f2 !important;  }
.block-navigation ul li a:hover { background-color: #f8f8f8; }
.block-navigation ul li.level-2 a { background-position: 15px center; padding: 7px 10px 7px 24px;  }
.block-navigation ul li:last-child { border-bottom: 0; }
.block-navigation ul li li a { font-weight: normal; } 

/* CATALOG */

.category-description { line-height: 18px; margin-bottom: 20px; }
.category-description p { margin-bottom: 15px; }
.category-description p.destaque { margin-bottom: 15px; color:#1e9ace;font-size:14px;font-weight:bold; }

.category-description ul { margin-bottom: 10px; margin-left: 30px; list-style:outside disc; }
.category-description ol { margin-bottom: 10px; margin-left: 30px; list-style: decimal outside; }

/* CATALOG CATEGORIES */
.categories-list { }
.categories-list ul li { padding: 15px; border-bottom: 1px solid #cccccc; background: url(../images/bg_product_list.png) repeat-x #eaeaea;  }
.categories-list ul li.last { margin-right: 0; }
.categories-list ul li:first-child { border-top: 1px solid #cccccc;  }
.categories-list ul li .image { cursor: pointer; float: left; width: 170px; }
/*.categories-list ul li .image img { border: 1px solid #ccc; }*/
.categories-list ul li .container { margin-left: 190px; }
.categories-list ul li .title { color: #1e9ace; font-size: 13px; font-weight: bold; margin: 5px 0; text-transform: uppercase;}
.categories-list ul li .title a { color: #1e9ace; text-decoration: none; }
.categories-list ul li .intro { color: #666; line-height: 16px; overflow: hidden; margin-bottom: 15px; }
.categories-list ul li .actions { font-weight: bold; text-align: right;}
.categories-list ul li .actions a { display: inline-block; margin-top: 5px; }
.categories-list ul li .intro ol { list-style: decimal outside; margin-left: 20px; }
.categories-list ul li .intro ul { list-style: disc outside; margin-left: 20px; }
.categories-list ul li .intro li { height: auto; float: none; width: auto; margin-bottom: 5px; border: 0; padding: 0; background: none; }
.categories-list ul li .price { float: left; font-weight: bold; font-size: 12px; color: #333; }

.categories-grid ul li { width: 230px; margin: 2px; float: left; max-height: 320px; background-color: #f3f0f0; padding: 10px 5px 10px 5px; } /*cursor: pointer; display: grid; }/*height: 190px;*/
.categories-grid ul li.last { margin-right: 0; }
.categories-grid ul li .image { cursor: pointer; }
.categories-grid ul li .title { color: #1e9ace; font-size: 13px; font-weight: bold; margin: 5px 0; text-transform: uppercase;}
.categories-grid ul li .title a { color: #1e9ace; text-decoration: none; }
.categories-grid ul li .intro { color: #666; line-height: 16px; height: 180px; overflow: hidden; margin-bottom: 5px; }/*height: 90px;*/
.categories-grid ul li .actions { font-weight: bold; text-align: right;}
.categories-grid ul li .actions a { display: inline-block; margin-top: 5px; }
.categories-grid ul li .intro ol { list-style: decimal outside; margin-left: 20px; }
.categories-grid ul li .intro ul { text-align: center; font-size: 12px; }
.categories-grid ul li .intro li { height: auto; float: none; width: auto; margin-bottom: 5px; }
.categories-grid ul li .price { float: left; font-weight: bold; font-size: 13px; color: #333; padding-left: 5px; }
.categories-grid ul li:hover .desaturate { filter: grayscale(0%); filter: none; -webkit-filter: grayscale(0);}

.manual-grid ul li { width: 214px; margin: 2px; float: left; height: 320px; background-color: #fcfbb8; padding: 10px 5px 10px 5px; } /*cursor: pointer; display: grid; }/*height: 190px;*/
.manual-grid ul li.last { margin-right: 0; margin-left: 30px; }
.manual-grid ul li .image { float:left; }
.manual-grid ul li .title { color: #1e9ace; font-size: 15px; font-weight: bold; margin: 15px 0; text-transform: uppercase;}
.manual-grid ul li .title a { color: #1e9ace; text-decoration: none; }
.manual-grid ul li .intro { color: #666; margin-left: 0px; line-height: 16px; /*height: 160px;*/ overflow: hidden; margin-bottom: 5px; }/*height: 90px;*/
.manual-grid ul li .actions { font-weight: bold; text-align: right;}
.manual-grid ul li .actions a { display: inline-block; margin-top: 5px; } 
.manual-grid ul li .intro ol { list-style: decimal outside; margin-left: 20px; }
.manual-grid ul li .intro ul { /*text-align: center;*/ font-size: 13px; }
.manual-grid ul li .intro li { height: auto; float: none; width: auto; margin-bottom: 5px; }
.manual-grid ul li .price { float: left; font-weight: bold; font-size: 13px; color: #333; padding-left: 5px; }

.bloco-solucoes {height: 380px;}

.desaturate {
        filter: grayscale(100%); /* Standard CSS */
        -webkit-filter: grayscale(100%); /* CSS for Webkit Browsers */
        filter: url(/elements/grayscale.svg#desaturate); /* Firefox 4-34 */
        filter: gray;  /* Internet Explorer IE6-9 */
        -webkit-filter: grayscale(1); /* Old WebKit Browsers */
         }

.price-table { width:100%; height: 56px;}

.categories-grid-home ul li {width: 19.90%; float: left; max-height: 240px; background-color: #f8f9f9; padding: 10px 0px 10px 0px; margin: 0px 1px 0px 0px;}
.categories-grid-home ul li:hover { background: #d9d9d9; }
.categories-grid-home ul li .last { margin-right: 0; }
.categories-grid-home ul li .image { cursor: pointer; }
.categories-grid-home ul li .title a { color: #1e9ace; text-decoration: none;}
.categories-grid-home ul li .intro { color: #666; line-height: 16px; max-height: 150px; overflow: hidden; margin-bottom: 5px; }
.categories-grid-home ul li .intro img { float: left; width: 30%; margin-left: 30px; }
.categories-grid-home ul li .intro a { float: right; margin-right: 90px; }
.categories-grid-home ul li .actions { font-weight: bold; text-align: right;}
.categories-grid-home ul li .actions a { display: inline-block; margin-top: 5px; }
.categories-grid-home ul li .intro ol { list-style: decimal outside; margin-left: 20px; }
.categories-grid-home ul li .intro ul { list-style: disc outside; margin-left: 20px; }
.categories-grid-home ul li .intro li { height: auto; float: none; width: auto; margin-bottom: 5px; }
.categories-grid-home ul li .price { font-weight: bold; font-size: 13px; color: #333; text-align: center; height: 70px;}
.categories-grid-home { min-height: 220px; margin-top: 15px;}

.sh-grid ul { width: 214px; margin: 2px; float: left; padding: 10px 5px 10px 5px; } /*cursor: pointer; display: grid; }/*height: 190px;*/
.sh-grid ul li { margin-right: 0; }
.sh-grid ul li.last { margin-right: 0; }
.sh-grid ul li .image { cursor: pointer; }
.sh-grid ul li .title { color: #666666; font-size: 13px; font-weight: bold; margin: 10px 0; text-align: center; }
.sh-grid ul li .title a { color: #1e9ace; text-decoration: none; }
.sh-grid ul li .intro { color: #666; line-height: 16px; height: 180px; overflow: hidden; margin-bottom: 5px; margin-top: 10px; text-align: center; }/*height: 90px;*/
.sh-grid ul li .actions { font-weight: bold; text-align: right;}
.sh-grid ul li .actions a { display: inline-block; margin-top: 5px; }
.sh-grid ul li .intro ol { list-style: decimal outside; margin-left: 20px; }
.sh-grid ul li .intro ul { text-align: center; font-size: 12px; }
.sh-grid ul li .intro li { height: auto; float: none; width: auto; margin-bottom: 5px; }


/*BLOCOS COMPATIVEIS COM TODOS OS BROWSERS*/
.categories-grid-home .title { text-align: center; color: #000000; font-size: 17px;  font-weight: bold; margin: 5px 0; text-transform: uppercase; height: 40px;}
.categories-grid-home .prod-img {width: 80%; margin-left: 20px;}
.categories-grid-home .prod-prices {line-height: 0px; font-weight: bold; color: #009BD2; line-height: 0px; text-align: center; font-size: 24px; margin-top: 15px; display: inline-block; }
.categories-grid-home .prod-price { font-style: italic; font-weight: bold; font-size:14px;}
.categories-grid-home .prod-prices .prod-iva {font-size: 15px;}
.categories-grid-home .prod-box {width: 50%; text-align: center;}
.categories-grid-home .prodbox-price {height: 97px; margin-top: 10px;}

/* PRODUCTS GRID */
.products-grid ul li { width: 32%; margin-right: 1.9%; float: left; height: 345px; }
.products-grid ul li .image-container { padding: 5px; border: 2px solid #ddd; }
.products-grid ul li.last { margin-right: 0; }
.products-grid ul li .image { cursor: pointer; }
.products-grid ul li .title { color: #1e9ace; font-size: 14px; font-weight: normal; margin: 5px 0; height: 35px; }
.products-grid ul li .title a { color: #1e9ace; text-transform: uppercase; font-weight: bold; }
.products-grid ul li .intro { color: #666; line-height: 16px; height: 80px; overflow: hidden; margin-bottom: 5px; }
.products-grid ul li .intro p { margin-bottom: 5px;  }
.products-grid ul li .intro ul { margin-left: 20px; list-style: disc outside; margin-bottom: 5px; }
.products-grid ul li .intro ul li { height: auto; float: none; }
.products-grid ul li .price { margin-bottom: 10px; font-weight: bold; }
.products-grid ul li .actions { font-weight: bold; text-align: right;}
.products-grid ul li .actions a {  color: #fff;  }

/* PRODUCTS LIST */
.products-list ul li { padding: 15px; border-bottom: 1px solid #cccccc; background: url(../images/bg_product_list.png) repeat-x #eaeaea; }
.products-list ul li.first { border-top: 1px solid #cccccc;  }
.products-list ul li .image-container { width: 170px; float: left; }
.products-list ul li .image-container img {border: 1px solid #ccc; }
.products-list ul li .description { margin-left: 185px; }
.products-list ul li .image { cursor: pointer; }
.products-list ul li .title { color: #acc30f; font-size: 14px; font-weight: normal; margin: 5px 0 10px; }
.products-list ul li .title a { color: #1e9ace; font-weight: bold; }
.products-list ul li .intro { color: #666; line-height: 16px; overflow: hidden; margin-bottom: 5px; font-size: 12px; }
.products-list ul li .intro p { margin-bottom: 5px; }
.products-list ul li .price { float: left; font-size: 13px; color: #333; margin-top: 4px; }
.products-list ul li .actions { font-weight: bold; text-align: right;}
.products-list ul li .actions a {  color: #fff; display: inline-block;  }
.products-list ul li li { height: auto; float: none; width: auto; margin-bottom: 5px; border: 0; padding: 0; background: none; list-style: disc outside; margin-left: 20px; }

/* NEWS LIST */
.news-list ul li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e4e4e4;}
.news-list ul li.last { }
.news-list ul li .image-container { width: 160px; float: left; border: 2px solid #ddd; padding: 5px; }
.news-list ul li .description { margin-left: 180px; }
.news-list ul li .image { cursor: pointer; }
.news-list ul li .date { color: #555; font-size: 11px; }
.news-list ul li .title { color: #1e9ace; font-size: 14px; font-weight: normal; margin: 5px 0; }
.news-list ul li .title a { color: #1e9ace; font-size: 14px; text-transform: uppercase; text-decoration:none; }
.news-list ul li .intro { color: #666; line-height: 16px; height: 83px; overflow: hidden; margin-bottom: 5px; }
.news-list ul li .actions { font-weight: bold; text-align: right;}

/* TOOLBAR */
.toolbar { background: #eee; border: 1px solid #ccc; height: 36px; position: relative; margin-bottom: 10px; }
.toolbar .grid-button { width:25px; height: 25px; background: url(../images/grid_button.png) no-repeat; position: absolute; top: 6px; left: 6px; cursor: pointer; }
.toolbar .grid-button.selected,
.toolbar .grid-button:hover { background-image: url(../images/grid_button_selected.png); }
.toolbar .list-button { width:25px; height: 25px; background: url(../images/list_button.png) no-repeat; position: absolute; top: 6px; left: 36px; cursor: pointer;  }
.toolbar .list-button.selected,
.toolbar .list-button:hover { background-image: url(../images/list_button_selected.png); }

.toolbar .items-per-page { float: right; margin-top: 7px; margin-right: 15px; color: #444; }
.toolbar .items-per-page label { margin-right: 5px; }
.toolbar .items-per-page select { border: 1px solid #ccc; width: 60px; padding: 1px; color: #444;  }

.toolbar .sorter { float: right; margin-top: 7px; margin-right: 15px; color: #444; width: 210px; position: relative;}
.toolbar .sorter label { margin-right: 5px; }
.toolbar .sorter select { border: 1px solid #ccc; width: 120px; padding: 1px; color: #444; }
.toolbar .sorter .sort-direction { width: 10px; height: 10px; position: absolute; top: 6px; right: 0; cursor: pointer; }
.toolbar .sorter .sort-direction.asc { background: url(../images/small_arrow_up.png) no-repeat; }
.toolbar .sorter .sort-direction.desc { background: url(../images/small_arrow_down.png) no-repeat; }

.toolbar .pager { float: right; position: relative; width: 150px; height: 35px; margin-right: 10px;}
.toolbar .pager .info { position: absolute; text-align: center; width: 100px; left: 25px; top: 10px; font-size: 12px; color: #444;  }
.toolbar .pager .button { height: 25px; width: 25px; background: no-repeat; padding: 0; position: absolute; top: 5px; border-radius: 0; overflow: hidden; }
.toolbar .pager .button a { text-indent: 30px; white-space:nowrap;  display: block; height: 25px; width: 25px;}

.toolbar .pager .button.prev { background-image: url(../images/button_left.png); left: 0; }
.toolbar .pager .button.prev:hover { background-image: url(../images/button_left_over.png); }
.toolbar .pager .button.prev.disabled { background-image: url(../images/button_left_disabled.png); cursor: auto; }

.toolbar .pager .button.next { background-image: url(../images/button_right.png); right: 0; }
.toolbar .pager .button.next:hover { background-image: url(../images/button_right_over.png); }
.toolbar .pager .button.next.disabled { background-image: url(../images/button_right_disabled.png); cursor: auto; }

/* PRODUCT VIEW */
.product-view .product-images { width: 345px; float: left; }
.product-view .product-images .base-image { margin-bottom: 10px; border: 2px solid #ddd; padding: 5px; border-radius: 3px; }
.product-view .product-images .other-images li { width: 96px; height: 72px; overflow: hidden; float: left; margin-right: 7px; margin-bottom: 7px; border: 2px solid #ddd; padding: 5px;  border-radius: 3px; }
.product-view .product-images .other-images li a {  }
.product-view .product-images .other-images li.last { margin-right: 0; }

.product-view .product-description { color: #444; line-height: 16px; margin-bottom: 30px;}
.product-view .product-description p { margin-bottom: 10px; }

.product-view .product-footer-bar { margin-top: 15px; background: #eeeeee; border-top: #ccc 1px solid; padding: 5px 10px; }
.product-view .product-footer-bar .addthis_toolbox { float: right; margin-top: 2px; }

.product-view .product-tabs { margin-bottom: 10px; }
.product-view .product-tabs .clear { margin-top: -1px; }
.product-view .product-tabs .hide { display: none; }
.product-view .product-tabs .articles-tabs-titles li { background: none; padding: 0; margin-right: -15px; position: relative; z-index: 9; }
.product-view .product-tabs .articles-tabs-titles li span { display: block; background: url(../images/product_tab_unselected.png) no-repeat left top; padding-left: 16px; }
.product-view .product-tabs .articles-tabs-titles li span span { display: block; background: url(../images/product_tab_unselected.png) no-repeat right top; padding: 10px 16px 5px 0; color: #fff; }
.product-view .product-tabs .articles-tabs-titles li.selected { background: none;  z-index: 99;}
.product-view .product-tabs .articles-tabs-titles li.selected span { background-image: url(../images/product_tab_selected.png);}
.product-view .product-tabs .articles-tabs-titles li.selected span span { background-image: url(../images/product_tab_selected.png); color: #333;}

.product-view .product-tabs .articles-tabs-content li { padding: 15px; background: #ededed; margin-top: -1px; color: #333; }
.product-view .product-tabs .articles-tabs-content li p { margin-bottom: 10px; }
.product-view .product-tabs .articles-tabs-content li.requirements ul { list-style: outside disc; margin-left: 20px; margin-bottom: 10px; }
.product-view .product-tabs .articles-tabs-content li.requirements ul li { margin-bottom: 5px; padding: 0; }

.product-view .product-tabs .articles-tabs-content .product-shop p { font-weight: bold; color:#1e9ace;font-size:14px;}
.product-view .product-tabs .articles-tabs-content .product-shop li { padding: 0; margin: 0 0 5px 0; position: relative; background: none; }
.product-view .product-tabs .articles-tabs-content .product-shop li input { margin: 0; }
.product-view .product-tabs .articles-tabs-content .product-shop li label { margin: 0 0 0 0; position:relative; top: -2px; cursor: pointer; font-size: 12px; font-weight: bold; }
.product-view .product-tabs .articles-tabs-content .product-shop li label span { display: block; position: absolute; top: 0; overflow: hidden; }
.product-view .product-tabs .articles-tabs-content .product-shop li label .description { width: 160px; left: 5px; }
.product-view .product-tabs .articles-tabs-content .product-shop li label .price  { width: 160px; left: 175px; }
.product-view .product-tabs .articles-tabs-content .product-shop li label .price span { display: inline; position:static; width: auto; }
.product-view .product-tabs .articles-tabs-content .product-shop li label .extra-info { width: 170px; left: 260px; }
.product-view .product-tabs .articles-tabs-content .product-shop .actions { margin-top: 15px; height: 50px; }
.product-view .product-tabs .articles-tabs-content .product-shop .actions .bt-comprar { float: right; }

.product-view .product-tabs .articles-tabs-content .product-shop li label .description2 { width: 180px; left: 5px; }
.product-view .product-tabs .articles-tabs-content .product-shop li label .price2  { width: 160px; left: 200px; }
.product-view .discounts-qty { background: #1e9ace url(../images/percent.png) no-repeat 20px 20px; padding: 15px 15px 15px 60px; color: #fff; }
.product-view .discounts-qty li { font-size: 13px; margin-bottom: 5px; font-weight: bold; }
.product-view .discounts-qty p { font-size: 15px; font-weight: bold; margin-bottom: 10px;}

/* NEWS VIEW */
.news-view .news-images { width: 350px; float: left; }
.news-view .news-images .base-image { margin-bottom: 10px; }
.news-view .news-images .other-images li { width: 110px; height: 82px; overflow: hidden; float: left; margin-right: 10px; margin-bottom: 10px; }
.news-view .news-images .other-images li.last { margin-right: 0; }

.news-view .news-description { margin-left: 365px; color: #444; line-height: 17px;}
.news-view .news-description h2 { color: #1e9ace; font-size: 18px; margin-bottom: 10px; }
.news-view .news-description p { margin-bottom: 10px; }
.news-view .news-description .date { font-weight: bold; margin-bottom: 2px; }

.news-view .news-footer-bar { margin-top: 15px; background: #eeeeee; border-top: #ccc 1px solid; padding: 5px 10px; }
.news-view .news-footer-bar .addthis_toolbox { float: right; margin-top: 2px; }

/* CSS para os botoes de registo de cliente */
.accoes { float: right; margin: 15px;}
.button-register { padding: 5px 10px; background: #209cd0; overflow: hidden; cursor: pointer; font-size: 14px; font-weight: bold; color: #fff; display: inline !important; line-height: 22px !important; padding-right: 10px !important; }


/* FORM - CAIXA VALIDAÇÃO ONLINE */
.validaimg { width: 70%; margin-left: auto; margin-right: auto; display: block; padding: 10px; }

.valida-box {background: #7acff2; padding: 30px; border-radius: 5px; color: #3c3c3c; }
.valida-esconde {display: none;}
.validahide {display: none;}						

.foob {font-size: 13px;}

/* FORM FIELDS */
.form-fields { margin-bottom: 15px; }
.form-fields label { display: block; font-size: 13px; line-height: 22px; padding-right: 37px; }
.form-fields label .hidden { display: none; }
.form-fields label.checkbox-label { padding-right: 0; }
.form-fields label .required { color: #ff0000; }
.form-fields label .gray { color: #A2A2A2; }
.form-fields select,
.form-fields input, 
.form-fields textarea { padding: 4px; border-radius: 4px; border: 1px solid #ccc; width: 464px; margin-bottom: 10px; color: #666;}
.form-fields select { width: 474px; }
.form-fields select.error,
.form-fields select.other-error,
.form-fields input.error, 
.form-fields input.other-error, 
.form-fields textarea.other-error,
.form-fields textarea.error { box-shadow: 0 0 4px #ff0000 !important; }
.form-fields select:focus,
.form-fields input:focus, 
.form-fields textarea:focus { box-shadow: 0 0 4px #1e9ace; }
.form-fields .readonly { background-color: #eee !important; }
.form-fields textarea { height: 150px; }
.form-fields .submit { text-align: right; }
.form-fields .fieldset { margin-bottom: 15px; }
.form-fields select, .form-fields input, .form-fields textarea .login-header-box { margin-bottom: 5px;}
.form-fields .authorize input {width: 30px; float: left;}
.form-fields .authorize p { margin-left: 30px; }

.form-fields .row-1-field { clear: both; }
.form-fields .row-1-field .field  textarea,
.form-fields .row-1-field .field  input { width: 97.5%; }

.form-fields .hidden-group { display: none; }
.form-fields .row-2-fields { clear: both; }
.form-fields .row-2-fields .field { width: 50%; float: left; position: relative; }
.form-fields .row-2-fields .field textarea { width: 95%; }
.form-fields .row-2-fields .field  input { width: 95%; }
.form-fields .row-2-fields .field  select { width: 97.9%; }
.form-fields .row-2-fields .zip-code .zip-1 { width: 55%; }
.form-fields .row-2-fields .zip-code .zip-2 { width: 25%; }

.form-fields legend { color: #666; font-size: 15px; border-bottom: 1px solid #ccc; margin-bottom: 10px; text-transform: uppercase; padding-bottom: 5px; font-weight: bold; }

.form-fields .field-error { color: #CC1317; margin-top: -5px; margin-bottom: 10px; display: block; font-weight: bold;  }
.radio-error { color: #CC1317; margin-top: 5px; margin-bottom: 5px; display: block; font-weight: bold; }

.row-1-field .field .extra-info-marker {  position: absolute; left: 363px; top: auto;  width: 16px; height: 16px; background: url(../images/i_info.png); cursor: pointer; margin-top: -19px; }
.row-1-field .field .extra-info { display: none; position: absolute; top: auto; left: 10.5%; width: 250px; border: 1px solid #1e9ace; background: #fff; padding: 5px; box-shadow: 0 0 3px #1e9ace; z-index: 9999; }

.row-1-field .field .info-marker-entit {left: 413px; margin-top: -37px;}
.row-1-field .field .info-entit {left: 43.5%;}

.survey-view .actions { text-align: right; }
.survey-view .extra-info-marker { position: absolute; right: 10px; top:3px; width: 16px; height: 16px; background: url(../images/i_info.png); cursor: pointer; }
.survey-view .extra-info { display: none; position: absolute; top: 22px; left: 40%; width: 250px; border: 1px solid #1e9ace; background: #fff; padding: 5px; box-shadow: 0 0 3px #1e9ace; z-index: 9999; }
.survey-view .checkbox-label input{ width: 20px !important; }

.survey-view p.required { margin-bottom: 15px; color: #ff0000; }

.ssl-form { margin-top: 15px; }
.ssl-form .input-text { background: #fff; }


/* CONTACT FORM */
.contact-form-description { margin-bottom: 20px; line-height: 18px; }

/* SITEMAP */
.sitemap ul li { font-size: 12px; } 
.sitemap ul li > a{ background: url(../images/link_arrow.png) no-repeat 3px 8px; }
.sitemap ul li > a:hover { background-color: #eee; }
.sitemap ul li a { color: #666; text-decoration: none; font-weight: bold;  border-bottom: 1px solid #ccc; padding: 3px 15px; display: block; }
.sitemap ul li li { background: none;  border-bottom: 1px dashed #ddd; padding-left: 20px; }
.sitemap ul li li a { font-weight: normal; border: 0;}
.sitemap ul li li:last-child { border-bottom: 1px solid #ddd;}
.sitemap ul li li li { padding-left: 20px; }
.sitemap ul li li li:first-child {  border-top: 1px solid #ddd; }
.sitemap ul li li li:last-child {  border-bottom: 0; }

/* BANNERS */
.banners.page { height: 208px; width: 756px; margin: 0 auto; overflow: hidden; text-align: center; position: relative; z-index: 999;}
.banners.page .image { height: 286px; width: 100%; background-repeat: no-repeat; background-position: top center; }

.home-banners { height:450px; position: relative; overflow: hidden; border: 0px solid #1E9ACE; border-width: 0px 0px 3px 0px;}
.home-banners li { width: 100%; height: 481px; background: top center no-repeat; position: absolute; top: 0; left: 0; display: none;}
.home-banners li.active { display: block; }
.home-banners li.link { cursor: pointer; }

.home-banners-navigation { display: block; z-index: 9; position:absolute; bottom: 15px; text-align: center; width: 100%;}
.home-banners-navigation li { display: inline-block; position:static; background: url(../images/bt_slider.png) no-repeat; width: 10px; height: 11px; margin-left: 4px; cursor: pointer;}
.home-banners-navigation li.active { background: url(../images/bt_slider_active.png) no-repeat; display: inline-block; }

/*BANNERS HOMEPAGE*/
.slide1-1{
        position: absolute;
        display: block;
        text-align: center;
	top: 50%;
        transform: translateY(-50%);
        color: #ffffff;    
        width: 60%;
        font-size: 2.5vw;
        text-shadow: 2px 2px #000000;
	animation-duration: 14s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.slide1-2{
        position: absolute;
        display: block;
        text-align: center;
	top: 50%;
        transform: translateY(-50%);
        color: #ffffff;    
        width: 60%;
        font-size: 2.5vw;
        text-shadow: 2px 2px #000000;
	animation-duration: 13s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
} 

.slide2-1{
	position: absolute;
        display: block;
        text-align: center;
	top: 4em;
        color: #000000;    
        width: 60%;
        font-size: 4em;
	animation-duration: 13s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.slide2-2{
        position: absolute;
        display: block;
        text-align: center;
	top: 4em;
        color: #000000;    
        width: 60%;
        font-size: 3.5em;
	animation-duration: 14s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
} 

.slide3-1{
        position: absolute;
        display: block;
        text-align: center;
	top: 8.2em;
        color: #000000;    
        width: 60%;
        font-size: 2.4em;
	animation-duration: 14s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
} 

.slide3-2{
        position: absolute;
        display: block;
        text-align: center;
	top: 8.2em;
        color: #000000;    
        width: 60%;
        font-size: 2.4em;
	animation-duration: 14s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
} 

.slide3-3{
        position: absolute;
        display: block;
        text-align: center;
	top: 8.6em;
        color: #000000;    
        width: 60%;
        font-size: 3.5em;
	animation-duration: 14s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
} 

.slide4-1{
        position: absolute;
        display: block;
/*        text-align: center;*/
	top: 50%;
        transform: translateY(-50%);
        color: #ffffff;    
        width: 60%;
        font-size: 2.5vw;
        text-shadow: 2px 2px #000000;
	animation-duration: 14s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.slide4-2{
        position: absolute;
        display: block;
/*        text-align: center;*/
	top: 50%;
        transform: translateY(-50%);
        color: #ffffff;    
        width: 60%;
        font-size: 2.5vw;
        text-shadow: 2px 2px #000000;
	animation-duration: 13s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
} 



.slide1-1{
	animation-name: anim-1;
}

.slide1-2{
	animation-name: anim-2;
}

.slide2-1{
	animation-name: anim-1;
}

.slide2-2{
	animation-name: anim-2;
}

.slide3-1{
	animation-name: anim3-1;
}

.slide3-2{
	animation-name: anim3-2;
}

.slide3-3{
	animation-name: anim3-3;
}

.slide4-1{
	animation-name: anim4-1;
}

.slide4-2{
	animation-name: anim4-2;
}

@keyframes anim-1 {
	0%, 12.50% { left: -100%; opacity: 0; }
  12.50%,37.50% { left: 20%; opacity: 1; }
  50%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-2 {
	0%, 50% { left: -100%; opacity: 0; }
  62.44%, 87.43% { left: 20%; opacity: 1; }
  100% { left: 110%; opacity: 0; }
}

@keyframes anim3-1 {
	0%, 10% { left: -100%; opacity: 0; }  
        10%, 35% { left: 20%; opacity: 1; }
        50%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim3-2 {
	0%, 40% { left: -100%; opacity: 0; }  
        50%, 55% { left: 20%; opacity: 1; }
        80%, 100% { left: 20%; opacity: 1; }
}

@keyframes anim3-3 {
	0%, 10% { left: -100%; opacity: 0; }  
        20%, 100% { left: 20%; opacity: 1; }
}

@keyframes anim4-1 {
	0%, 12.50% { left: -100%; opacity: 0; }
  12.50%,37.50% { left: 5%; opacity: 1; }
  50%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim4-2 {
	0%, 50% { left: -100%; opacity: 0; }
  62.44%, 87.43% { left: 5%; opacity: 1; }
  100% { left: 110%; opacity: 0; }
}

/* RECRUITMENT */
.recruitment .subtitle { margin-bottom: 15px; text-transform: uppercase; color: #B29A18; font-weight: bold; font-size: 16px; padding-bottom: 5px; border-bottom: 1px solid #B29A18; }
.recruitment p { margin-bottom: 15px; }
.recruitment .authorize { border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; padding-top: 15px; margin-bottom: 15px; }
.recruitment .authorize input { width: 30px; float: left; }
.recruitment .authorize p { margin-left: 30px; }

/* SIDE NEWS LIST */
.side-news-list ul li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e4e4e4;}
.side-news-list ul li.last { }
.side-news-list ul li .image-container { width: 76px; float: left; background: #fff; border: none; padding: 0; margin: 0; }
.side-news-list ul li .description { margin-left: 90px; }
.side-news-list ul li .image { cursor: pointer; padding: 0; margin: 0; }
.side-news-list ul li .date { color: #555; font-size: 11px; font-weight: bold; }
.side-news-list ul li .title { font-size: 12px; font-weight: normal; margin: 0 0 5px; }
.side-news-list ul li .title a { font-weight: bold; }
.side-news-list ul li .intro { color: #666; line-height: 16px; height: 50px; overflow: hidden; margin-bottom: 5px; }
.side-news-list ul li .actions { font-weight: bold; text-align: right;}
.side-news-list ul li .actions a {  color: #444;  }

/* BLOCK NEWS */
/*.block-news { background: #fff; max-width: 480px; float: right; }*/
.col-left .block-news .block-title { position: absolute; top: 0; left: 0; width: 212px; padding: 5px 15px; border-bottom: 0; background: #1e9ace; }
.col-left .block-news .block-title h3 { color: #fff; font-size: 14px; font-weight: bold; }
.block-news .side-news-list { margin-top: 40px; max-width: 490px; float: right;}
.block-news .side-news-list .actions { text-align: right; }
.block-news .side-news-list .actions span { color: #1e9ace; font-weight: bold; font-size: 14px; cursor: pointer; }
.block-news .side-news-list .actions span:hover { text-decoration: underline; }

.map-container { padding: 5px; border-radius: 4px; border: 2px solid #ddd; }
.contacts strong { color: #B29A18; }

.assistente .block-content { padding-top: 100px; background: url(../images/ajuda.jpg) no-repeat; }
.assistente .block-content .wrapper { padding: 10px; background: #eee; }
.assistente .block-content .wrapper .link { text-align: center; margin-bottom: 0; }
.assistente .block-content .wrapper .link a  { background: #a2904c; }

.links-home .block { float: left; width: 348px; }
.links-home .block strong { display:block; color: #1e9ace; font-size: 14px; text-transform: uppercase; }
.links-home .block li { margin-bottom: 5px; }
.links-home .block li a {  background: url(../images/link_arrow.png) no-repeat left center; padding-left: 10px; cursor: pointer; font-weight: bold; color: #555; text-decoration: none;  }
.links-home .block li a:hover { text-decoration: underline; color: #1e9ace; }

.localizacao { position: relative; padding-top: 20px; }
.localizacao table { background: #ececec; width: 100%; }
.localizacao table th { background: #cdcdcd; color: #666; font-weight: bold; font-size: 15px;}
.localizacao table th,
.localizacao table td { padding: 3px 5px; border: 1px solid #d6d6d6; }
.localizacao table td strong { color: #1e9ace; font-size: 14px; }
.localizacao table td { font-size: 12px; color: #333; }
.localizacao p { color: #333; }
.localizacao .block-title { position: absolute; top: 0; left: -15px; width: 212px; padding: 5px 15px; border-bottom: 0; background: #1e9ace; }
.localizacao .block-title h3 { color: #fff; font-size: 16px; }
.localizacao .block-content { padding-top: 37px; }

.support-centers li { width: 100%; margin-bottom: 10px; }
.support-centers .image { float: left; position: relative; }
.support-centers .image span { display: block; background: url(../images/magnifier.png) no-repeat bottom right; width: 46px; height: 46px; position: absolute; z-index: 999; bottom: 5px; right: 0; cursor: pointer; z-index: 999; }
.support-centers .description { margin-left: 180px; }
.support-centers .description .title { color: #1e9ace; font-size: 13px; margin-bottom: 5px; }

.support-centers-search { background: #ececec; padding: 15px; margin-bottom: 15px; position: relative; }
.support-centers-search p.title { font-size: 15px; font-weight: bold; color: #333; }
.support-centers-search p { margin-bottom: 10px; }
.support-centers-search .search-box { width: 300px; margin: 0 auto; }
.support-centers-search .search-box label { width: 60px; display: inline-block; color: #333; font-size: 13px; font-weight: bold; }
.support-centers-search .search-box input,
.support-centers-search .search-box select { border: 1px solid #ccc; padding: 2px; background: #fff; width: 230px; margin-bottom: 5px; color: #333; }
.support-centers-search .search-box input { width: 224px; }
.support-centers-search .clear-filter { position: absolute; bottom: 20px; right: 20px; }

.cms-cart .blocks-wrapper { padding: 0; }
.cms-cart .msg { margin: 10px; }
.cart { padding: 15px; }
.cart .subtitle { color: #1e9ace; font-size: 20px; margin-bottom: 10px; }
.cart table { width: 100%; margin-top: 10px; margin-bottom: 15px; }
.cart table th,
.cart table td { padding: 10px 5px; }
.cart table th { background: #ececec; font-size: 14px; font-weight: bold; }
.cart table td { border-bottom: 1px solid #cccccc; }
.cart table td .product-image { float: left; padding: 0; margin: 0 10px 0 0; }
.cart table td .product-image img { border: 0; padding: 0; margin: 0; border: 1px solid #ddd;  }
.cart table td .product-title { color: #1e9ace; margin-bottom: 5px; font-size: 12px;}
.cart table td.price { color: #1e9ace;  }
.cart table tfoot td { font-size: 14px; font-weight: bold; color: #666;  }
.cart table tfoot td.price { color: #1e9ace; }
.cart table tfoot td.price.tax {  color: #666; }
.cart .actions .button-grey ,
.cart .actions .button1 { font-weight: bold; }
.cart .input-text { width: 50px; padding: 2px; border: 1px solid #ccc; text-align: center; }
.cart p.destaque{ margin-bottom: 10px; color:#1e9ace;font-size:14px;font-weight:bold;  }
.cart table td .field { position: relative; }
.cart table td .field .error { box-shadow: 0 0 4px #C00; }
.cart table td .field .error-message { position:absolute; z-index: 9; top: 15px; left: 0; display: block; color: #C00; width: 100%; text-align: center; }

.addtocart-confirmation { position: fixed; top: 50%; left: 50%; margin-left: -170px; margin-top: -80px; width: 350px; height: 80px; border: 1px solid #333; padding: 15px; background: #fff; z-index: 9999; text-align: center; box-shadow: 0 0 10px #222;  }

.addtocart-confirmation p { color: #333; font-size: 12px; margin-bottom: 15px; }
.addtocart-confirmation button { font-weight: bold; }

.progress { background: url(../images/bg_pages.png); height: 47px; padding-top: 20px; padding-left: 10px; }
.progress li { float: left; font-size: 18px; color: #bbbbbb; margin-right: 5px;  padding: 13px 8px; }
.progress li.current { background: #fff; color: #333; }
.progress li strong { padding: 5px 10px; margin-right: 0; background: #bbb; color: #fff; }
.progress li.link:hover strong ,
.progress li.current strong { background: #1e9ace; color: #fff; }
.progress .link { cursor: pointer; }

.box { padding: 20px; width: 299px;  }
.box .checkout { padding: 20px; width: 299px;  }
.box p { margin-bottom: 10px; }
.box .box-title { color: #1e9ace; font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.box .box-subtitle{ color: #666; font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.box label { display: block; color: #333;  }
.box input { display: block; background: #fff; width: 291px; font-size: 11px;  }
.box .header-login-input input {width: 200px;}

.customer .login-box { background: #ececec; float: left; height: 377px; }
.customer .login-box .questions { float: left; }
.customer .login-box .questions a { display: block; color: #333; }

.customer .register-box { float: right; border: 1px solid #ccc; height: 375px; }

.customer-login .box .actions { float: right; text-align: right;}
.customer-login .box .actions .button1 { font-weight: bold; }

.customer-register .actions { text-align: right; }

.customer-recover-password .box { background: #ececec; width: 660px; }
.customer-recover-password input { display: inline; margin-right: 20px; }

.customer-menu { background: url(../images/bg_pages.png); height: 49px; padding-top: 20px; padding-left: 25px; }
.customer-menu li { float: left; font-size: 17px; color: #bbbbbb; }
.customer-menu li a { padding: 13px 14px; display: block; text-decoration:none;  }
.customer-menu li.current { background: #fff; color: #1e9ace; font-weight: bold; }
.customer-menu li.current a { color: #666; }

.certificates-menu { padding: 9px 15px; border-bottom: 1px solid #ccc; }
.certificates-menu ul li { float: left; }
.certificates-menu ul li a { padding: 0 15px; font-size: 15px; border-left: 1px solid #aaa; }
.certificates-menu ul li.first a { border: 0; padding-left: 0; }
.certificates-menu ul li.current a { text-decoration: none; color: #555; }

/* CERTIFICATES */
.certificates-list { padding: 15px; }

/* CAMPAIGNS MOVES */
.moves-list { padding: 15px; }
.campaign-items li { display: block; border-bottom: 1px solid #ccc; font-size: 15px; padding: 3px 2px 2px; }

.customer-certificates .blocks-wrapper,
.customer-access .blocks-wrapper,
.customer-orders .blocks-wrapper,
.customer-profile .blocks-wrapper,
.customer-campaigns .blocks-wrapper{ padding: 0; }

.customer-certificates .flash-msg { margin: 10px; }

.customer-orders .actions { text-align: right; padding: 10px 0; }
.customer-orders .msg { margin: 15px; }

.customer-access h2 { color: #666; font-weight: bold; font-size: 18px; margin-bottom: 5px; }
.customer-access .form-fields { padding: 15px; }
.customer-access .form-fields .col-1 { margin-bottom: 15px; }
.customer-access .actions { text-align: right; }
.customer-access .msg { margin: 15px; }

.customer-profile h2 { color: #666; font-weight: bold; font-size: 18px; margin-bottom: 15px; }
.customer-profile .form-fields { padding: 15px; }
.customer-profile .form-fields .col-1 { margin-bottom: 15px; }
.customer-profile .actions { text-align: right; }
.customer-profile .msg { margin: 15px; }

.customer-certificates h2 {  color: #1e9ace; font-size: 18px; font-weight: bold; margin-bottom: 20px; }
.customer-certificates textarea { height: 50px; }
.customer-certificates .actions { text-align: right; margin: 10px 0; }

.cms-checkout .flash-msg { margin: 10px; }

.checkout-login .blocks-wrapper { padding: 0; }
.checkout-login .customer-login { padding: 20px; }

.checkout-payment .msg { margin: 15px; }
.checkout-payment .blocks-wrapper { padding: 0; }
.checkout-payment .payment{ padding: 20px; }
.checkout-payment h2 { color: #1e9ace; font-weight: bold; font-size: 18px; margin-bottom: 10px; }
.checkout-payment .payment p { font-size: 12px; margin-bottom: 20px; }
.checkout-payment .e-invoice { margin: 20px 0; }
.checkout-payment .e-invoice label { font-weight: bold; color: #333; }

.checkout-payment-pagseguro .msg,
.checkout-payment-paypal .msg { margin: 15px; }
.checkout-payment-pagseguro .blocks-wrapper,
.checkout-payment-paypal .blocks-wrapper { padding: 0; }
.checkout-payment-pagseguro h2,
.checkout-payment-paypal h2 { color: #1e9ace; font-weight: bold; font-size: 18px; margin-bottom: 10px; }
.checkout-payment-pagseguro .payment,
.checkout-payment-paypal .payment{ padding: 20px; }

.checkout-payment .customer-financial-data { margin-bottom: 10px; }
.checkout-payment .customer-financial-data table { border: 1px solid #ccc; width: 100%; }
.checkout-payment .customer-financial-data table td { padding: 5px; vertical-align:top; }
.checkout-payment .customer-financial-data table td.label { font-weight: bold; width: 110px; color:#222; }

.checkout-payment .payment ul li { margin-bottom: 15px; }
.checkout-payment .payment ul li img { display: block; margin-bottom: 10px; cursor: pointer; }
.checkout-payment .payment ul li img:hover { box-shadow: 0 0 4px #8bbe49; }
.checkout-payment .payment ul li label { cursor: pointer; font-weight: bold; color: #333; }
.checkout-payment .payment ul li input { cursor: pointer; }

.checkout-payment .payment .actions { text-align: right; }

.checkout-scheduling .msg { margin: 15px; }
.checkout-scheduling .blocks-wrapper { padding: 0; }
.checkout-scheduling .scheduling{ padding: 20px; }
.checkout-scheduling h2 { color: #1e9ace; font-weight: bold; font-size: 18px; margin-bottom: 10px; }
.checkout-scheduling .scheduling .actions { text-align: right; }

.checkout-customization .blocks-wrapper { padding: 0; }
.checkout-customization .customization{ padding: 20px; }
.checkout-customization .customization p { }
.checkout-customization .customization strong { font-weight: bold; color: #333; }
.checkout-customization h2 { color: #1e9ace; font-weight: bold; font-size: 18px; margin-bottom: 20px; }
.checkout-customization .customization .actions { text-align: right; }
.checkout-customization .customization p.required { margin-bottom: 15px; color: #ff0000; float: left; }
.checkout-customization .customization .certificate-title { border: 1px solid #ddd; font-size: 15px; padding: 6px 10px; color: #fff; margin-bottom: 15px; background: #1e9ace; }
.checkout-customization .customization .form-fields .col-1 { margin-bottom: 25px; }

.checkout-cancel .blocks-wrapper,
.checkout-success .blocks-wrapper { padding: 0; }
.checkout-cancel .cancel,
.checkout-success .success{ padding: 20px; }
.checkout-success .success p { background: url(../images/i_success.png) no-repeat; padding: 10px 0 15px 100px; font-size: 12px; }
.checkout-cancel .success strong,
.checkout-success .success strong { font-weight: bold; color: #333; }
.checkout-cancel h2,
.checkout-success h2 { color: #1e9ace; font-weight: bold; font-size: 18px; margin-bottom: 20px; }
.checkout-success .actions { margin-top: 15px; text-align: right; }

.checkout-ssl .form-fields .info { padding: 15px; border: 1px solid #ccc; margin-bottom: 20px; }
.checkout-ssl .form-fields .info p { margin-bottom: 15px; }
.checkout-ssl .form-fields .info ul { list-style: disc outside; margin-left: 20px; }
.checkout-ssl .form-fields .info .code { font-family:"Courier New", Courier, monospace; }
.checkout-ssl .actions { text-align: right; }
.checkout-ssl .actions .back { float: left; }
.checkout-ssl .form-fields .row-1-field .field textarea { width: 98.5%; }

.support-center-slots li { margin-bottom: 5px; font-size: 14px; }
.support-center-slots li span { color: #444; display: block; float: left; margin-right: 5px; }
.support-center-slots li .date { background: #ffffff; border: 1px solid #ccc; padding: 5px 10px; }
.support-center-slots li .slot { background: #ECECEC; border: 1px solid #d4d4d4; padding: 5px 6px; margin-bottom: 5px; }
.support-center-slots li .slot:nth-child(14),
.support-center-slots li .slot:nth-child(26) { margin-left: 97px; }
.support-center-slots li .slot:hover { background: #f4f4f4; cursor: pointer; }
.support-center-slots li .slot.selected { background: #83b641; color: #fff; }

.certificates-search .actions { text-align: right; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 15px; }

.certificates-revogation .actions { text-align: right; }

.certificates-renew .actions { text-align: right; }

.cms-404 .col-main { background: #fff url(../images/404.png) no-repeat 520px 70px; }
.cms-404 .blocks-wrapper { padding-top: 80px; }

/* CLEARS */
.categories-list ul li .container:after { clear: both; height: 0; font-size: 0; line-height: 0; content: "."; }

/* ************************** Loader *************************************/
.loader { position: fixed; background: rgba(255,255,255,0.3); position: fixed; z-index: 9999; width: 100%; height: 100%; top: 0; left: 0; display: none; }
.loader .loader-image { width: 150px; height: 64px; position: fixed; top: 50%; left: 50%; margin-left: -75px; margin-top: -75px; background: #fff;  text-align: center; box-shadow: 0 0 8px #666; vertical-align: middle; padding: 15px 0 20px; border-radius: 8px; }

/* ITEM DATA */
.item-data { margin-bottom: 15px; }
.item-data li { font-size: 13px;}
.item-data li strong { font-weight: bold; color: #222; }

/* BROWSER FIXES */
.ie .footer .navigation ul { margin-top: 2px; }
.ie .footer .navigation ul li { padding: 0 7px; }

.ie .header .navigation ul li a { padding: 6px 19px 6px 18px; }

/* MULTIBANCO */
.multibanco  {color: #444; display: inline-block; float: right; margin-bottom: 25px;margin-left: 5px; }
.multibanco  table td { width: 100px;  text-align:center; }
.multibanco table th { font-weight: bold; background: #2b6cad; color:#FFF; text-align: center;}

.expand-next { padding: 8px; font-size: 18px; border: 1px solid #555; color: #555; background: #fff; margin-bottom: 1px; cursor: pointer; }
.expand-next.menu { padding-left: 35px; background: url(../images/i_menu.png) center left 5px no-repeat #fff;  display: none; }
.expand-next.submenu { padding-left: 35px; background: url(../images/i_submenu.png) center left 5px no-repeat #fff;  display: none; }

/*SLIDE VERTICAL*/
.vslide{max-width:450px; float:left; overflow: hidden;}
.vs-section,.vs-code{margin-top:16px!important;margin-bottom:16px!important}
.vs-content{max-width:450px;margin:auto}.vs-rest{overflow:hidden}
.vs-animate-top{position:relative;animation:animatetop 1.5s}@keyframes animatetop{from{top:-200px;opacity:0} to{top:0;opacity:1}}
.vs-animate-left{position:relative;animation:animateleft 1.5s}

@keyframes animateleft{
    from{left:-200px;opacity:0} to{left:0;opacity:1}}

@-webkit-keyframes animateleft {
  from{left:-200px;opacity:0} to{left:0;opacity:1}}

@-moz-keyframes animateleft {
  from{left:-200px;opacity:0} to{left:0;opacity:1}}
  
@-o-keyframes animateleft {
  from{left:-200px;opacity:0} to{left:0;opacity:1}}

.vs-animate-right{position:relative;animation:animateright 1.5s}@keyframes animateright{from{right:0px;opacity:0} to{right:0;opacity:1}}
.vs-animate-bottom{position:relative;animation:animatebottom 1.5s}@keyframes animatebottom{from{bottom:-200px;opacity:0} to{bottom:0;opacity:1}}

.cookiebar {
	background-color: #cdcdcd;
	min-height: 50px;
	font-size:14px;
	color:#000;
	width: 100%;
	position:fixed;
	bottom: 0px;
	z-index:999999;
}

.help-blockasa { top: 37vmin; background: transparent; float: right; position: fixed; z-index: 9999; width: 838px; height: 250px; right: -747px; -webkit-transition: all 1000ms ease-out; -moz-transition: all 1000ms ease-out; -o-transition: all 1000ms ease-out; transition: all 1000ms ease-out;}
.bloco-ajuda {height: 190px; margin-top: 36px; width: 748px; position: absolute; box-shadow: 10px 0 10px 2px #222; right: 0px; }
.subhelp { background: #F8F9F9; width: 160px; padding: 10px; display: inline-block; float: right; height: 170px; line-height: 1.5; }
.subhelp:hover { background: #ececec;}
.subhelp-img { background-image: url(/media/files/img/ico-help_home.png); display: inline-block; background-size: 124%; background-position-y: -12px; background-position-x: 90px; width: 90px; height: 226px; float: left; cursor: pointer;}
.expand { right: 0px;}
.subhelp-block-close { display: inline-block; float: right; height: 190px; width: 28px; cursor: pointer; background: #009BD2; text-align: center; color: white; font-size: 40px; }
.subhelp-block-close .close-help { color: white; font-size: 23px; }
.subhelp .divtitle { height: 35px; border-bottom: 1px solid #d6d6d6; }
.subhelp .divmedia { height: 95px; margin-top: 10px; }
.subhelp .divend { height: 40px; text-align: center;}


.moradaProv { 
    background-image: url(/media/files/img/pointer.png); background-size: 100%;
    width: 40px;
    height: 63px;
    position: absolute;
    top: -13%;
    margin: 178px 480px;
    transform: translateY(-20%);
    animation: pointer 1s ease infinite alternate;
    &:before {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        bottom: -69px;
        left: -30px;
        border-top: 70px solid #ffffff;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
    }
}

@keyframes pointer {
    100% {
        top: -15%;
        transform: translateY(-30%);
    }
}

.moradaProv p {font-size: 19px; color: #f60c0c; font-weight: bold; text-align: center; margin-top: 100px; display: none;}

@media only screen and (max-width: 1000px) {
    .moradaProv{display: none; }
}

/*______________________________________Aviso HomePage Slide____________________________________*/
    #alert {
        position: fixed;
        z-index: 6001;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        line-height: 2.5;
        overflow: hidden; 
        -webkit-box-shadow: 0 0 5px black;
        -moz-box-shadow:    0 0 5px black;
        box-shadow:         0 0 5px black;
        -webkit-transform: translateY(-100px);
        -webkit-animation: slideDown 10s 1.0s 1 ease forwards;
        -moz-transform:    translateY(-100px);
        -moz-animation:    slideDown 10s 1.0s 1 ease; 
        -ms-transform: translateY(-100px);
        -ms-animation:slideDown 10s 1.0s 1 ease;
        color: white;
        background-color: #00A6EB;
        height: 100px;
    }

    .closebtn {
        position: absolute;
        right: 10px;
        top: 9px;
        height: 16px;
        width: 16px;
        cursor: pointer;
        font-size: 16px;
        color:white;
    }
    
    @-webkit-keyframes slideDown {
        0%, 100% { -webkit-transform: translateY(-100px); }
        10%, 90% { -webkit-transform: translateY(0px); }
    }
    @-moz-keyframes slideDown {
        0%, 100% { -moz-transform: translateY(-100px); }
        10%, 90% { -moz-transform: translateY(0px); }
    }
    @-ms-keyframes slideDown{
        0%, 100% { -ms-transform: translateY(-100px); }
        10%, 90% { -ms-transform: translateY(0px); }
    }
    
    .text-alert {text-align: center; font-size: 14px; }
    
/*______________________________________ Fim Aviso HomePage Slide ____________________________________*/

.box-info { background: white; float: left; z-index: 9998; top: 50vmin; max-height: 25vmin; height: 250px; position: absolute; margin-top: 15px; padding: 15px; box-shadow: 0 0 5px #222; margin-left: 20px;}

@media only screen and (max-width: 1700px) {
    
.slide2-1{
	position: absolute;
        display: block;
        text-align: center;
	top: 4.2em;
        color: #000000;    
        width: 60%;
        font-size: 4em;
	animation-duration: 13s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.slide2-2{
        position: absolute;
        display: block;
        text-align: center;
	top: 5em;
        color: #000000;    
        width: 60%;
        font-size: 3em;
	animation-duration: 14s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
} 

.slide3-1{
        position: absolute;
        display: block;
        text-align: center;
	top: 8.5em;
        color: #000000;    
        width: 60%;
        font-size: 25px;
	animation-duration: 14s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
} 

.slide3-2{
        position: absolute;
        display: block;
        text-align: center;
	top: 8.5em;
        color: #000000;    
        width: 60%;
        font-size: 25px;
	animation-duration: 14s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
} 

.slide3-3{
        position: absolute;
        display: block;
        text-align: center;
	top: 9.5em;
        color: #000000;    
        width: 60%;
        font-size: 35px;
	animation-duration: 14s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
} 
    
}    

@media only screen and (max-width: 1000px) {
	/* HEADER */
	
	.header { width: calc(100% - 10px);  max-width: 1000px; height: 128px; margin: 0 5px;}
        .header .login-header-box { display: none;}
        .header .logout-header-box{ display: none; background: transparent;}

	.header .logo { width: 150px; top: 38px; }
	.header .logo img { width: 100%; }
	
	.header .form-search { display: none; }
	
	.header .customer-top { width: 100%; }
        .header .customer-top .grey-bg-media { display: block; color: #fff; background: url(../images/bg_customer_top.png) repeat-x; padding: 0 5px 2px; position: absolute; right: 0px; text-align: center; white-space:nowrap; }
        .header .customer-top .grey-bg-media strong { text-decoration: underline; }
        .header .customer-top .grey-bg-media a { color: #fff; margin: 0 5px; text-transform: uppercase; text-decoration: none;}
        .header .customer-top .grey-bg-media a:hover { text-decoration: underline; }
        .header .customer-top .grey-bg-media .separator { color: #fff; }
        .header .customer-top .grey-bg {display: none;}
    
        .header .welcome-message { display: none; }

        .header .cart-top { width: 100px; cursor: pointer; top: 28px; right: -20px; }
        .header .cart-top #cart_top_title { display: none; }
        .header .cart-top a { display: none; }
        .header .cart-top #cart_top_count { display: block; margin-left: 60px;}
	
	.header .navigation { top: 82px; background: none; z-index: 6000; }
	.header .navigation .expand-next.menu { display: block; }
	.header .navigation ul { display: none; }
	.header .navigation ul li { float: none; background: #555; text-align: center; border-bottom: 1px solid #777; }
	.header .navigation ul li.active a, 
	.header .navigation ul li:hover a { background: #777; }
	.header .navigation ul li:last-child { background: #555; } 
        
        .header-container { background: url(../images/bg_header.png) repeat-x #eeeeee; /*z-index: 999;*/ position: relative;}
        
        .text-alert {text-align: center; font-size: 10px; width: 97%; }
        
        .vslide { float: none; margin-left: auto; margin-right: auto;}
        .block-news .side-news-list { float: none; margin-left: auto; margin-right: auto;}
        .container-news { padding: 10px; }
        .container-news .block-title {max-width: 500px; float: none; width: auto; margin-left: auto; margin-right: auto;}
        .container-flags { display: none;}
	
	/* CONTENT */
	.main-container { /*z-index: 999;*/ min-height: auto; background: none;  }
	.main { width: 100%; max-width: 600px;  min-height: auto; }
	
	.breadcrumbs { padding: 5px; }
	.blocks-wrapper { padding: 5px; }
        
        .home-video {display: none; }
	
	.cols2-right-page .col-right { display: none; }
	.cols2-right-page .col-main { width: 100%;  box-shadow: none; min-height: auto; }
	
	.cols3-page .cols-container { width: 100%; min-height: auto; box-shadow: none;  }
	.cols3-page .col-right { display: none; }
	.cols3-page .cols-container .col-left { padding: 0; float: none; width: calc(100% - 10px); min-height: auto; padding: 5px; background: none; }
	.cols3-page .cols-container .col-main { float: none; width: 100%; }
	.cols3-page .cols-container .col-main { width: 100%; }
	
	.cms-home .main-container { background: none; margin: 0; }
	
	.home-banners { display: none; }
	
	.page-title h1 { font-size: 18px; }
	
	.categories-grid ul li { float: none; width: 99%; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding: 10px 0px 10px 0px; }
	.categories-grid ul li:last-child { border-bottom: 0; }
        .categories-grid ul li .intro {height: auto;}
	.categories-grid ul li .intro li { border-bottom: none; }
        .categories-grid ul li:hover .desaturate { filter: inherit; filter: inherit; -webkit-filter: inherit ;}
        
        .desaturate { filter: grayscale(100%); /* Standard CSS */ -webkit-filter: inherit; /* CSS for Webkit Browsers */ filter: inherit;  /* Internet Explorer IE6-9 */ -webkit-filter: inherit; /* Old WebKit Browsers */ }
        
        .price-table { width:95%; height: 56px;}
        
        .manual-grid ul li { float: none; width: 99%; height: auto; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding: 10px 0px 10px 0px; }
	.manual-grid ul li:last-child { border-bottom: 0; margin-left: 0px; }
	.manual-grid ul li .intro li { text-align: center; border-bottom: none; }
        .manual-grid ul li .title { text-align: center; }
        
        .sh-grid ul { float: none; width: 99%; height: auto; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding: 10px 0px 10px 0px; }
        .sh-grid ul li {}
	.sh-grid ul li:last-child { border-bottom: 0; }
        .sh-grid ul li .intro {height: auto;}
	.sh-grid ul li .intro li { border-bottom: none; }
        
        .titulo-eidas{display:none;}
        .manual-grid ul li .image { display: none}
        
        .categories-grid-home ul li { float: none; width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
        .categories-grid-home ul li:last-child { border-bottom: 0; }
        .categories-grid-home ul li .intro li { border-bottom: none; }
        .categories-grid-home .prod-box { width: 60%; text-align: center; }
        
        .bloco-solucoes {height: auto;}
    
        .titulo-corporativo { font-weight:bold ; font-size: 22px; color: #1e9ace; margin-bottom: 10px; margin-top: 10px; margin-left: 10px; }
        .titulo-flags { font-weight: bold; font-size: 16px; color: #000000; margin-bottom: 20px; margin-top: 10px; text-align: center; }
        .container-flags { max-width: 980px; margin-right: auto; margin-left: auto; padding: 10px; }
        
	.news-list ul li .image-container { float: none; width: calc(100% - 14px); margin-bottom: 8px;  }
	.news-list ul li .description { margin: 0; }
        
        .news-view .news-images { width: 100%;}
        .news-view .news-description { margin-left: 0;}
	
	.block-navigation { margin-top: 8px; }
	.block-navigation .block-title { display: none; }
	.block-navigation .expand-next.submenu { display: block; }
	.block-navigation ul { display: none; }
	.block-title { margin-bottom: 10px; border-bottom: 1px solid #C6C6C6; width: 100%; float: none;}
        
	.categories-list ul li .image { float: none; /*width: 100%;*/ margin-left: auto; margin-right: auto; }
	.categories-list ul li .container { margin: 0; }
	
	.products-list ul li .image-container { float: none; width: 100%; }
	.products-list ul li .description { margin: 0; }
	
	.product-view .product-tabs .articles-tabs-titles { display: table; }
	.product-view .product-tabs .articles-tabs-titles li { margin: 0; float: none; display: table-cell; background: none; text-align: center; padding: 4px; color: #555; vertical-align:middle; }
	.product-view .product-tabs .articles-tabs-titles li.selected { background: #ededed ; }
	.product-view .product-tabs .articles-tabs-titles li span { padding: 0; background: none; }
	.product-view .product-tabs .articles-tabs-titles li span span { padding: 0; background: none;  color: #333; }
	.product-view .product-tabs .articles-tabs-titles li.selected span { background: none; }
	.product-view .product-tabs .articles-tabs-titles li.selected span span { background: none;}
	
	.product-view .product-footer-bar { background: none; border: 0; padding: 0; }
	
	.addtocart-confirmation { width: 260px; margin-left: -145px; height: 103px; }
	.addtocart-confirmation button { margin-bottom: 5px; }
	
	.progress { height: auto; width: calc(100% - 10px); padding: 5px; }
	.progress li { float: none; width: calc(100% -32px); margin: 0;}
	
	.cart table th { font-size: 12px; }
	.cart table td .product-image { width: 100%; float: none; text-align: center; }
	.cart table td .product-image img { width: 50px; }
	.cart table td .product-reference,
	.cart table td .product-title { text-align: center; }
	.cart table th, .cart table td { padding: 10px 2px; }
	
	.cart { padding: 5px; }
	.cart .actions { text-align: center; }
	.cart .actions button { margin-bottom: 5px; }
	
	.checkout-login .customer-login { padding:5px;  }
	.checkout-payment .payment { padding: 5px; }
	
	.customer .login-box { float: none; width: calc(100% - 20px); padding: 10px; margin-bottom: 10px; height: auto; }
	.checkout-login .customer-login input { width: calc(100% - 8px); }
	
	.customer .register-box {  float: none; width: calc(100% - 20px); padding: 10px; height: auto;  }
	
	.form-fields .row-2-fields .field { float: none; width: 100%; }
	.form-fields legend { text-align: center; }
	.form-fields legend button { float: none; margin-top: 5px; }
        .row-1-field .field .info-marker-entit { display: none; }
        
        /* VIDEO POPUP HOMEPAGE */
        .video-grid {float: none; height: auto; margin-left: auto; margin-right: auto; }
        
        .video-grid ul li { float: none; margin-left: auto; margin-right: auto; }
	
        .video-popup img{ width: 100%; height: 100%; } 
        
	/* FOOTER */
	.absolute-footer .wrapper,
	.footer .wrapper { width: 100%; max-width: 600px; }
	
	.footer .block { margin: 0; float: none; padding: 10px; width: 90%;}
        
        .footer .blockcompany { max-width: none; padding: 10px; }
	
	.footer .navigation { float: none; margin-bottom: 10px; }
	.footer .navigation ul li { float: none; background: none; text-align: center; width: 100%; padding: 0; }
	
	.footer .social { width: 100%; text-align: center; }
	.footer .social .fallow-us { display: none; }
	.footer .social ul { float: none; }
	.footer .social li { display: inline; float: none; margin: 0; }
        
        .logocert {margin-right: 5px; float: right; max-width: 140px; }
	
	.block-newsletter { width: calc(100% - 20px); margin: 10px; }
        
        .phone-number {display: none;}
        .help-blockasa {display: none;}
         
    .ccdrn .logo_central img {width:100%;}
    .ccdrn .logo_central {float: left;width:60%;}
    .ccdrn .logo_esquerda {float: left;width:19%;}
    .ccdrn .logo_esquerda img {width:60%;}
    .ccdrn .logo_direita {float: right;width:19%;text-align: right; }
    .ccdrn .logo_direita img {width:60%;}
}

@media only screen and (max-width: 450px) {
    .logocert {margin: auto; max-width: 100%; text-align: center; float: none;}
    .logocompany {margin: auto; max-width: 100%; text-align: center;  float: none; margin-bottom: 10px;}
}

/* CSS utilizado exclusivamente no office - Página Suporte Virtual CSP */ 
@media only screen and (min-width: 600px) {
    .imgred {width:70%; height:70%; display: block; margin-right: auto; margin-left: auto;}
    .imgred1 {width:50%; height:50%; display: block; margin-right: auto; margin-left: auto;}
}

@media only screen and (max-width: 600px) {
    .imgred {width:100%; height:100%; display: block; margin-right: auto; margin-left: auto;}
    .imgred1 {width:70%; height:70%; display: block; margin-right: auto; margin-left: auto;}
}


/* CSS utilizado exclusivamente no office - Página checkout/customization -> campo "Telefone" */ 
.codephoneie{width: 54px;} 

.codephone{
    margin-top: -3px; 
    background: white; 
    width: 56px;
    position: absolute; 
    /*border: 1px solid #ccc;*/
    padding: 5px;
    border-radius: 4px; 
    color: #666;
    margin-left: 24px;
    text-align: center;
}

.flagcountry{
    background-image: url(js/office/flags/4x3/pf.svg);
    width: 30px; 
    height: 20px; 
    background-size: 80%; 
    position: absolute; 
    background-repeat: no-repeat; 
    margin-top: -26px; 
    margin-left: 6px;
}



/*ASA`Página de validadacao*/

.tituloescolha h2{
    font-weight: unset;
    font-size: 14px;
    text-align: justify;
}
.bloco-opcao{
    /*margin-top: -140px;*/
    /*float: right;*/
    /*max-width: 700px;*/
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    box-shadow: 5px 8px 8px 5px #a3c2c2;
    padding: 15px;
}

.bloco-imgstlm{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 449px;
}

.fa-caret-down{
    margin-left: 270px;
}
.desvia2{
    margin-left: 270px;
}
.desvia1{
    margin-left: 630px;    
}

.imggov{
    margin-left: 150px;
    cursor: pointer;
    width: 210px;
}
.imgidcert{
    margin-left: 180px;
    cursor: pointer;
    width: 210px;
}
.imgidcert:hover{
    opacity: 0.8;
}
.imggov:hover{
    opacity: 0.8;
}

.img_ccleitor{
    float: right;
    padding: 10px;
}
.imgchavemovel{
    float: right;
    padding: 10px;
}

.divopcoes{
    margin-top: 30px;
}

#tabmenu1 img {
    border-radius: 5px;
}

.clickedbutton {
    /*border: 1px solid #a3c2c2;*/
    box-shadow: 5px 5px 0px #a3c2c2;
}

.notclickedbutton{
    box-shadow: 5px 5px 5px #a3c2c2;
}

.tabmenu2 img {
    /*border-radius: 5px;*/
}


@media only screen and (min-width: 526px) and (max-width: 1000px) {
    .fa-caret-down{
        margin-left: 150px;
    }
    .desvia2{
        margin-left: 130px;
    }
    .desvia1{
        margin-left: 390px;    
    }
    .imggov{
        margin-left: 40px;
    }
    .imgidcert{
        margin-left: 40px;
    }
    .bloco-imgstlm{
        width: -1%;
    }
}
@media only screen and (max-width: 525px) {
    /*.fa-caret-down{
        margin-left: 150px;
    }*/
    .desvia2{
        margin-left: 150px;
        margin-top: 60px;
    }
    .desvia1{
        margin-left: 150px;    
    }
    .imggov{
        margin-left: 60px;
        margin-top: 5px;
    }
    .imgidcert{
        margin-left: 60px;
    }
    .imgidcert_ecra{
        margin-top: 100px;
        display: block;
    }
    .imggov_ecra{
        margin-top: -130px;
        display: block;
        
    }
    .bloco-imgstlm{
        width: 90px  !important;
    }
}

input.inputcc[type=text]{
    color: #11688d;
    padding: 0px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}

.inputtlm{
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-left: 10px;
}



/*Loader  inicio*/
.loader {
  position: absolute;
  top: 50%;
  left: 48%;
}

.line {
  animation: expand 1s ease-in-out infinite;
  border-radius: 10px;
  display: inline-block;
  transform-origin: center center;
  margin: 0 8px;
  width: 10px;
  height: 40px;
}

.line:nth-child(1) {
  background: #79caf6;
}

.line:nth-child(2) {
  animation-delay: 180ms;
  background: #4ca7ea;
}

.line:nth-child(3) {
  animation-delay: 360ms;
  background: #2192e6;
}

.line:nth-child(4) {
  animation-delay: 540ms;
  background: #2980b9;
}

@keyframes expand {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(2);
  }
}
/*Loader fim*/