/* CSS RESETS
---------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 14px;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* @FONTE-FACE
---------------------------------------------------*/
@font-face {
    font-family: 'CalibriRegular';
    src: url('../fonts/calibri-webfont.eot');
    src: url('../fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/calibri-webfont.woff') format('woff'),
    url('../fonts/calibri-webfont.ttf') format('truetype'),
    url('../fonts/calibri-webfont.svg#CalibriRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CalibriBold';
    src: url('../fonts/calibrib-webfont.eot');
    src: url('../fonts/calibrib-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/calibrib-webfont.woff') format('woff'),
    url('../fonts/calibrib-webfont.ttf') format('truetype'),
    url('../fonts/calibrib-webfont.svg#CalibriBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../fonts/myriadpro-regular.eot');
    src: url('../fonts/myriadpro-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/myriadpro-regular.woff') format('woff'),
    url('../fonts/myriadpro-regular.ttf') format('truetype'),
    url('../fonts/myriadpro-regular.svg#myriad_pro_lightbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-SemiBold';
    src: url('../fonts/myriadpro-semibold-webfont.eot');
    src: url('../fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/myriadpro-semibold-webfont.woff') format('woff'),
    url('../fonts/myriadpro-semibold-webfont.ttf') format('truetype'),
    url('../fonts/myriadpro-semibold-webfont.svg#myriad_pro_lightbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* CSS ALTERNATIVOS
---------------------------------------------------*/
.hidden { display: none; }

/* CSS PADRAO ESTRUTURA
---------------------------------------------------*/
body{float:left; width:100%; overflow-x:hidden;}
/*#wrapper{float:left; width:100%; background:#FFF url(../img/bg/bg-geral.jpg) no-repeat center top; text-align:center;}*/
.base-blocos {float:left; width:100%;}

/* TITULO / BREADCRUMB */
.base-title{float: left; width: 940px; height:40px; margin: 0 20px; background: url(../img/bg/bg-base-title.png) repeat-x left bottom;}
.base-title h2{float: left; padding-left: 30px; font: 22px 'Trebuchet MS', sans-serif; color: #333; background: url(../img/bg/sprite-interna.png) no-repeat -961px 2px;}
.base-title ul{display:none !important; /**/ float: right; margin-top:7px;}
.base-title ul li{float: left; font: 12px 'Trebuchet MS', sans-serif; color: #999; margin-left: 3px;}
.base-title ul li:first-child{margin-left: 0;}
.base-title ul li a{float: left; font: 12px 'Trebuchet MS', sans-serif; color: #333; text-decoration: none;}
.base-title ul li a:hover{color: #999; text-decoration: none;}

/* RATING STAR
----------------------*/
.base-rating {display:block; width:50px; height:9px; background:url(../img/bg/sprite-stars.png) no-repeat 0 0; text-indent:-5000em;}
.base-rating.star-0-5 {background:url(../img/bg/sprite-stars.png) no-repeat 0 -10px;}
.base-rating.star-1 {background:url(../img/bg/sprite-stars.png) no-repeat 0 -20px;}
.base-rating.star-1-5 {background:url(../img/bg/sprite-stars.png) no-repeat 0 -30px;}
.base-rating.star-2 {background:url(../img/bg/sprite-stars.png) no-repeat 0 -40px;}
.base-rating.star-2-5 {background:url(../img/bg/sprite-stars.png) no-repeat 0 -50px;}
.base-rating.star-3 {background:url(../img/bg/sprite-stars.png) no-repeat 0 -60px;}
.base-rating.star-3-5 {background:url(../img/bg/sprite-stars.png) no-repeat 0 -70px;}
.base-rating.star-4 {background:url(../img/bg/sprite-stars.png) no-repeat 0 -80px;}
.base-rating.star-4-5 {background:url(../img/bg/sprite-stars.png) no-repeat 0 -90px;}
.base-rating.star-5 {background:url(../img/bg/sprite-stars.png) no-repeat 0 -100px;}

/* WIDTH DEFAULT
----------------------*/
.w140{width:140px;}
.w149{width:149px;}
.w205{width:205px;}
.w225{width:225px;}
.w240{width:240px;}
.w360{width:360px;}
.w419{width:419px;}
.w439{width:439px;}


/* CSS HEADER
----------------------*/
#header{display:table; width:982px; margin:0 auto; position: relative;}
#header h1, #header p {float:left; width:424px; height:113px; margin-top:26px;}
#header h1 a, #header p a {float:left; width:281px; height:113px; background:url(../img/bg/logo_IBPT.png) no-repeat left top; text-indent:-5000em;}

#header .banner_header { position:absolute; right:0; top:56px;}
#header .banner_header a { border-radius: 5px; display: block; height: 80px; width: 750px; overflow: hidden; }

.slide .mask { display: block; border-radius: 5px; overflow: hidden; }

/* MENU USER
----------------------*/
#header #nav-user{float:right; width:305px; height:30px; background: url(../img/bg/sprite-geral.png) no-repeat left top; position: relative;}
#header #nav-user ul{float:left; width:305px; height:30px;}
#header #nav-user ul li{float:left; width:156px; height:30px;}
#header #nav-user ul li:first-child{width:148px; height:30px;}

#header #nav-user a.loja { background: url(../img/admin/loja.png) no-repeat left center; color: #003277; display: block; font-size: 12px; height: 30px; left: -100px; line-height: 30px; padding-left: 27px; position: absolute; text-decoration: none; top: 0; }
#header #nav-user a.loja:hover { text-decoration: underline; }

#header #nav-user ul .acesso{float:left; width:148px; height:30px; }
#header #nav-user ul .acesso:hover{float:left; width:148px; height:30px; background:url(../img/bg/sprite-geral.png) no-repeat left -35px;}
#header #nav-user ul .acesso.ativo{float:left; width:148px; height:30px; background:url(../img/bg/sprite-geral.png) no-repeat left -35px;}
#header #nav-user ul .acesso a{float:left; width:90px; padding:0 0 0 40px; background: url(../img/bg/seta-branca.png) no-repeat 33px center; font:12px/27px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}
#header #nav-user ul .acesso:hover a{float:left; width:90px; background: url(../img/bg/seta-cinza.png) no-repeat 33px center; color:#666666; text-decoration:none;}
#header #nav-user ul .acesso.ativo a{float:left; width:90px;  background: url(../img/bg/seta-cinza.png) no-repeat 33px center; color:#666666; text-decoration:none;}

#header #nav-user ul .cadastre{float:left; width:156px; height:30px;}
#header #nav-user ul .cadastre:hover{float:left; width:156px; height:30px;  background:url(../img/bg/sprite-geral.png) no-repeat -148px -35px;}
#header #nav-user ul .cadastre.ativo{float:left; width:156px; height:30px;  background:url(../img/bg/sprite-geral.png) no-repeat -148px -35px;}
#header #nav-user ul .cadastre a{float:left; width:114px; padding:0 0 0 24px;  background: url(../img/bg/seta-branca.png) no-repeat 18px center; font:12px/27px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}
#header #nav-user ul .cadastre:hover a{float:left; width:114px; background: url(../img/bg/seta-cinza.png) no-repeat 18px center; color:#666666; text-decoration:none;}
#header #nav-user ul .cadastre.ativo a{float:left; width:114px; background: url(../img/bg/seta-cinza.png) no-repeat 18px center; color:#666666; text-decoration:none;}

/* SEARCH
----------------------*/
#header #search{float:right; width:auto; margin:34px 0 0 115px;}
#header #search .bg-search{float:left;  background:url(../img/bg/sprite-geral.png) no-repeat left -208px;}
#header #search .bg-search input[type=text]{float:left; height:28px; padding:5px 10px; font: 14px/28px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; background:none; border:none;}
#header #search .bt_search{float:left; width:36px; height:37px; padding:0; background:url(../img/bg/sprite-geral.png) no-repeat -2px -252px; border:none; cursor:pointer}

/* MENU MAIN
----------------------*/
#header #nav-main{float:left; width:982px; height:64px; margin:23px 0 0 0; padding:6px 0 0; background: url(../img/bg/bg-menu.png) no-repeat left top;}
#header #nav-main .base-menu-main{display:block; width:971px; height:50px;  margin:0 auto;}
#header #nav-main .base-menu-main ul{float:left; width:auto; height:50px;}
#header #nav-main .base-menu-main ul li{float:left; width:auto; height:50px;}
#header #nav-main .base-menu-main ul li:first-child{border-left:0;}
#header #nav-main .base-menu-main ul li a{float:left; padding:17px 20px 10px 20px; text-align:center; background:url(../img/bg/sprite-geral.png) no-repeat -3px -81px; font: 16px 'CalibriRegular'; color:#FFF; text-decoration:none; height: 23px; }
#header #nav-main .base-menu-main ul li a:hover{float:left; background:url(../img/bg/sprite-geral.png) no-repeat; text-decoration:none;}
#header #nav-main .base-menu-main ul li .ativo{float:left; background:url(../img/bg/sprite-geral.png) no-repeat; text-decoration:none;}

#header #nav-main .base-menu-main ul li .inicio{width:55px; background-position:-3px -82px; text-decoration:none; border-right: 1px solid #3b69a2; }
#header #nav-main .base-menu-main ul li .inicio:hover{width:55px; background-position:-3px -141px; text-decoration:none;}
#header #nav-main .base-menu-main ul li .inicio.ativo{width:55px; background-position:-3px -141px; text-decoration:none;}

#header #nav-main .base-menu-main ul li .destaques{width:75px; background-position:-125px -82px; text-decoration:none; border-right: 1px solid #3b69a2; }
#header #nav-main .base-menu-main ul li .destaques:hover{width:75px; background-position:-125px -141px; text-decoration:none;}
#header #nav-main .base-menu-main ul li .destaques.ativo{width:75px; background-position:-125px -141px; text-decoration:none;}

#header #nav-main .base-menu-main ul li .estudos{width:65px; background-position: -412px -82px; text-decoration:none; border-right: 1px solid #3b69a2; }
#header #nav-main .base-menu-main ul li .estudos:hover{width:65px; background-position:-412px -141px; text-decoration:none;}
#header #nav-main .base-menu-main ul li .estudos.ativo{width:65px; background-position:-412px -141px; text-decoration:none;}

#header #nav-main .base-menu-main ul li .ibpt-social{width:85px; background-position:-125px -82px; text-decoration:none; border-right: 1px solid #3b69a2; }
#header #nav-main .base-menu-main ul li .ibpt-social:hover{width:85px; background-position:-125px -141px; text-decoration:none;}
#header #nav-main .base-menu-main ul li .ibpt-social.ativo{width:85px; background-position:-125px -141px; text-decoration:none;}

#header #nav-main .base-menu-main ul li .ibpt-na-imprensa{width:115px; background-position:-267px -82px; text-decoration:none; border-right: 1px solid #3b69a2; }
#header #nav-main .base-menu-main ul li .ibpt-na-imprensa:hover{width:115px; background-position:-267px -141px; text-decoration:none;}
#header #nav-main .base-menu-main ul li .ibpt-na-imprensa.ativo{width:115px; background-position:-267px -141px; text-decoration:none;}

#header #nav-main .base-menu-main ul li .panorama-economico{width:160px; background-position:-267px -82px; text-decoration:none; border-right: 1px solid #3b69a2; }
#header #nav-main .base-menu-main ul li .panorama-economico:hover{width:160px; background-position:-267px -141px; text-decoration:none;}
#header #nav-main .base-menu-main ul li .panorama-economico.ativo{width:160px; background-position:-267px -141px; text-decoration:none;}

#header #nav-main .base-menu-main ul li .empresas-em-foco{width:130px; background-position:-803px -82px; text-decoration:none;}
#header #nav-main .base-menu-main ul li .empresas-em-foco:hover{width:130px; background-position:-803px -141px; text-decoration:none;}
#header #nav-main .base-menu-main ul li .empresas-em-foco.ativo{width:130px; background-position:-803px -141px; text-decoration:none;}

/* CSS CONTAINER
----------------------*/
#container {margin:0 auto; margin-top: 40px; padding-top: 10px; border-top: 1px solid #eee; border-radius: 5px 5px 0 0; width:982px; background: url(../img/bg/bg-container.png) no-repeat left top; overflow: hidden}
/*#content {float:left; width:980px; padding-top:25px; margin:0 1px;}*/
.content {margin:0 auto; width:980px; overflow: hidden;}

/* CSS FOOTER
----------------------*/
#footer{float:left; width:100%; margin-top:42px; background:url(../img/bg/bg-footer.png) repeat-x left top; text-align:left;}
#footer .base-footer{position:relative; display:table; width:962px; height:201px; margin:0 auto; padding:52px 10px 0 10px;}

/* CSS FOOTER ADDRESS
----------------------*/
#footer .base-footer #address{float:left; width:200px; height:170px; padding: 0 20px; background:url(../img/bg/separador-vertical-footer.jpg) repeat-y right top;}
#footer .base-footer #address strong{float:left; width:100%; font: 16px/20px 'CalibriBold'; color:#FFF; text-align:right; }
#footer .base-footer #address p{float:left; width:100%; font: 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-align:right;}
#footer .base-footer #address a{float:left; width:100%; font:bold 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-align:right; text-decoration:none;}
#footer .base-footer #address a:hover{text-decoration:underline;}

/* CSS FOOTER MENU
----------------------*/
#footer .base-footer #nav-footer{float:left; width:400px;}
#footer .base-footer #nav-footer .standard-column{float:left;  height:170px; margin:0 5px;}
#footer .base-footer #nav-footer .standard-column:first-child{margin-left:0;}
#footer .base-footer #nav-footer .standard-column strong{float:left; width:100%;}
#footer .base-footer #nav-footer .standard-column strong a{float:left; width:100%; padding-left:20px; font: 16px/20px 'CalibriBold'; color:#FFF; text-decoration:none; }
#footer .base-footer #nav-footer .standard-column ul{float:left; margin-left:28px}
#footer .base-footer #nav-footer .standard-column ul li{float:left; margin:5px 0 0 0; clear: left;}
#footer .base-footer #nav-footer .standard-column ul li a{float:left; padding-left:10px; background: url(../img/bg/seta-branca.png) no-repeat left center; font: 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}

/* CSS FOOTER NEWSLETTER
----------------------*/
#footer .base-footer #newletter{position:absolute; right:23px; top:6px; float:left; width:239px; height:234px; padding:0 31px; background:url(../img/bg/bg-newsletter.png) no-repeat left top;}
#footer .base-footer #newletter h2{float:left; width:100%; padding:14px 0; font: 20px "CalibriBold", Tahoma, Geneva, sans-serif; color:#666666; text-transform:uppercase;}
#footer .base-footer #newletter #form-newsletter{float:left; margin-top:12px;}
#footer .base-footer #newletter #form-newsletter label{float:left; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999999;}
#footer .base-footer #newletter #form-newsletter .bg-input{float:left; height: 30px; margin-top:5px; background:url(../img/bg/sprite-geral.png) no-repeat left -303px;}
#footer .base-footer #newletter #form-newsletter .bg-input .border-right{float:right; width:10px; height:30px; background:url(../img/bg/sprite-geral.png) no-repeat -968px -349px;}
#footer .base-footer #newletter #form-newsletter .bg-input:first-child{float:left; margin-top:10px;}
#footer .base-footer #newletter #form-newsletter .bg-input input{float:left; height: 18px; width:215px; padding:6px 0 6px 10px; font: 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999999; border:none; background:none;}
#footer .base-footer #newletter #form-newsletter .base-checkbox{float:left; width:134px; margin-top:21px;}
#footer .base-footer #newletter #form-newsletter .base-checkbox label{float:left; width:110px; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#999999;}
#footer .base-footer #newletter #form-newsletter .base-checkbox input[type="checkbox"]{float:left;}
#footer .base-footer #newletter #form-newsletter .bt_send{float:left; width:102px; height:32px; padding:0; margin-top:14px; font:16px 'CalibriRegular'; color:#fff; background:url(../img/bg/sprite-geral.png) no-repeat -258px -391px; border:none; cursor:pointer;}

/* CSS FOOTER COPYRIGHT
----------------------*/
#footer #copyright{float:left; width:100%; background:url(../img/bg/bg-copyright.jpg) repeat-x left top;}
#footer #copyright .base-copyright{display:table; width:980px; margin:0 auto; padding:22px 0 13px 0;}
#footer #copyright .base-copyright .text-left{float:left; font: 14px "CalibriRegular", Tahoma, Geneva, sans-serif; color:#888; }
#footer #copyright .base-copyright .text-left strong{font: 18px "CalibriBold", Tahoma, Geneva, sans-serif; color:#888; }
#footer #copyright .base-copyright .text-right{float:right; font: 14px "CalibriRegular", Tahoma, Geneva, sans-serif; color:#888; }
#footer #copyright .base-copyright .text-right a{text-decoration:none;}
#footer #copyright .base-copyright .text-right strong{font: 18px "CalibriBold", Tahoma, Geneva, sans-serif; color:#888; }

/* CakePHP */

form .error-message { display: none; }
form .error, form .error-message { color: #9E2424; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; text-shadow: none; }

/** Notices and Errors **/

.message { clear: both; color: #fff; font-size: 140%; font-weight: bold; margin: 10px 20px; padding: 5px; }
.success, .message, .cake-error, .cake-debug, .notice, p.error, .error-message { background: #ffcc00; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #ffcc00, #E6B800); background-image: -ms-linear-gradient(top, #ffcc00, #E6B800); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#E6B800)); background-image: -webkit-linear-gradient(top, #ffcc00, #E6B800); background-image: -o-linear-gradient(top, #ffcc00, #E6B800); background-image: linear-gradient(top, #ffcc00, #E6B800); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 18px; padding: 7px 14px; color: #404040; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); }
.success, .message, .cake-error, p.error, .error-message { clear: both; color: #fff; background: #c43c35; border: 1px solid rgba(0, 0, 0, 0.5); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(top, #ee5f5b, #c43c35); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }
.success { clear: both; color: #fff; border: 1px solid rgba(0, 0, 0, 0.5); background: #3B8230; background-repeat: repeat-x; background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230)); background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230); background-image: -moz-linear-gradient(top, #76BF6B, #3B8230); background-image: -ms-linear-gradient(top, #76BF6B, #3B8230); background-image: -o-linear-gradient(top, #76BF6B, #3B8230); background-image: linear-gradient(top, #76BF6B, #3B8230); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }
p.error { font-family: Monaco, Consolas, Courier, monospace; font-size: 120%; padding: 0.8em; margin: 1em 0; }
p.error em { font-weight: normal; line-height: 140%; }
.notice { color: #000; display: block; font-size: 120%; padding: 0.8em; margin: 1em 0; }
.success { color: #fff; }


/********** NOVA HOME **********/
.margin-bottom-30{
    margin-bottom: 30px;
}

.bg-gray{
    background: #e0e0e1;
}

.bg-darkblue{
    background: #00416f;
}

.head{
    background: #3b69a2;
}

.head-slogan{
    padding: 12px 0;
    display: block;
    float: left;
    cursor: default;

    color: #fff;
}

.head-nav{
    overflow: hidden;
    float: right;
}

.head-nav-item{
    float: left;
    position: relative;

}

.head-nav-item:before{
    width: 100%;
    height: 0%;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;

    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;

    content: " ";
}

.head-nav-item:hover:before{
    height: 100%;
}

.head-nav-link{
    padding: 12px 10px;
    display: block;
    position: relative;
    z-index: 1;

    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;

    color: #fff;
    text-decoration: none;
}

.head-nav-item:hover:hover .head-nav-link{
    color: #3b69a2;
}

.head-main{
    padding: 20px 0;
}

.logo a{
    display: block;
    width:185px;
    height:113px;
    background:url(../img/bg/logo_IBPT.png) no-repeat center;
    float:left;

    text-indent: -1000em;
}

.main-banner{
    margin: 15px 0;
    width: 750px;
    /*position: relative;*/
    float: right;

    vertical-align: middle
}

.main-banner .main-banner-extend{
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 73px;
    z-index: -1;
    box-shadow: 0 5px 10px rgba(0,0,0,.3);

    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.main-banner:hover .main-banner-extend{
    height: 436px;
    z-index: 9;
}

.main-banner a{
    display: block;
}

.nav{
}

.nav-item{
    list-style: none;
    position: relative;
    float: left;
}

.nav-item:before{
    width: 100%;
    height: 0%;
    background: #036ab2;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;

    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;

    content: " ";
}

.nav-item:after{
    width: 100%;
    height: 0%;
    background: #004b80;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;

    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;

    content: " ";
}

.nav-item:hover:before, .nav-item.active:before{
    height: 95%;
}

.nav-item.active:before{
    height: 100%;
}

.nav-item:hover:after{
    height: 100%;
}

.nav-link{
    padding: 18px 30px;
    display: block;
    position: relative;
    z-index: 2;

    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;

    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;

    font-family: 'Roboto', sans-serif !important;
    font-size: 17px;
    color: #666666;
    text-decoration: none;
}

.nav-item:hover .nav-link, .nav-item.active .nav-link{
    color: #fff;

    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.nav-loja{
    list-style: none;
    float: right;
}

.nav-loja-link{
    padding: 18px 10px;
    display: block;

    font-size: 16px;
    color: #30518c;
    text-decoration: none;
}

.nav-loja-link:hover{
    background: #30518c;
    color: #fff;
}

/*******/

.footer{
    margin-top: 80px;
    background: #004b80;
}

.footer-title{
    margin-bottom: 20px;

    color: #00d8ff;
    font-size: 18px;
}

.footer-label{
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}

.footer-label strong{
    font-weight: bold;
}

.footer-label a{
    color: #fff;
    text-decoration: none
}

.col-225, .col-400, .col-205{
    padding: 35px 25px;
    min-height: 266px;
}

.col-225{
    width: 225px;
    float: left;
}

.col-400{
    width: 400px;
    background: #036ab2;
    float: left;
}

.col-205{
    width: 205px;
    background: #025d9d;
    float: left;
}

/**/

.hashtag{
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #00d8ff;

}

.hashtag-item{
    margin-left: 12px;
    display: inline-block;
}

.hashtag-item:first-child{
    margin-left: 0;
}

.hashtag-item a{
    text-decoration: none;
}

/**/

.produtos-box{
    width: 50%;
    float: left;
}

.produtos-list{
    line-height: 22px;
    list-style: inside disc;
    color: #ffae00;
}

.produtos-link{
    color: #fff;
    text-decoration: none;
}

/**/

.newsletter{
    margin-top: 10px
}

.newsletter-label{
    margin-bottom: 10px;
    display: block;
    position: relative
}

.newsletter-span{
    color: #ffffff;
    font-weight:  bold;
}

.newsletter-input{
    padding: 12px 15px !important;
    width: calc(100% - 30px);
    border-radius: 3px;
    border: none;
    font-size: 14px;
    color: #00416f
}

.newsletter-button{
    padding: 12px 0;
    width: 100%;
    border-radius: 3px;
    border: none;
    background: #e7c63e;
    cursor: pointer;
    font-size: 16px;
    color: #004b80;
    font-weight: bold;
    text-transform: uppercase
}

/**/

.footer .icon-phone{
    font-size: 18px;
}

.footer .icon-phone:before, .footer .icon-mail:before{
    margin-right: 10px;

    color: #00c5ee;
    font-size: 18px;
}

.footer-main-label{
  display: block;
  padding: 14px 0;
  float: left;

  font-size: 14px;
  color: #b4b4b4;
}

.footer-main-social{
    overflow: hidden;
    float: right;
}

.footer-main-social-link{
    padding: 8px 5px;
    display: block;
    position: relative;
    z-index: 3;
    float: left;

    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;

    font-size: 26px;
    color: #fff;
    text-decoration: none;
}

.footer-main-social-link:before{
    position: relative;
    z-index: 1;
}

.footer-main-social-link:after{
    width: 0%;
    height: 0%;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;

    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;

    content: " ";
}

.footer-main-social-link:hover:after{
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
}

.footer-main-social-link:hover{
    color: #004b80;
}

.footer-main-anchor{
    margin-left: 25px;
    padding: 10px 5px;
    display: inline-block;
    background: #fff;
    
    font-size: 20px;
    color: #00416f;
    text-decoration: none;
    text-align: center;
}

/**/