/* FONT-FACE
-------------------------------------------------- */

/* NEXA
------------------------- */
@font-face {
font-family: 'Conv_Nexa Bold';
src: url('fonts/Nexa Bold.eot');
src: local('☺'),
url('fonts/Nexa Bold.woff') format('woff'),
url('fonts/Nexa Bold.ttf') format('truetype'),
url('fonts/Nexa Bold.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_Nexa Light';
src: url('fonts/Nexa Light.eot');
src: local('☺'),
url('fonts/Nexa Light.woff') format('woff'),
url('fonts/Nexa Light.ttf') format('truetype'),
url('fonts/Nexa Light.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/* PROXIMA NOVA
------------------------- */

@font-face {
font-family: 'Conv_ProximaNova-Light';
src: url('fonts/ProximaNova-Light.eot');
src: local('☺'), url('fonts/ProximaNova-Light.woff') format('woff'), url('fonts/ProximaNova-Light.ttf') format('truetype'), url('fonts/ProximaNova-Light.svg') format('svg');
font-weight: normal;
font-style: normal;
}

/* INSERIR OS ESTILOS ADICIONAIS ABAIXO
-------------------------------------------------- */



/* reset
-------------------------------------------------- */
*{-webkit-tap-highlight-color:transparent;}
html, body{height:100%; margin:0; /*overflow-x:hidden;*/}
.dm-shell{min-height:100%;position:relative;}
/*menu mobile*/
.opacity{
display:none;
position:fixed;
background: #000;
top:0;
width:100%;
height:100%;
opacity: 0.50;
z-index:9998;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
}
header{padding-bottom: 45px;}
header nav.lateral{
position: fixed;
display:none;
top:0px;
overflow-x: hidden;
width: 100%;
height:100%;
z-index: 9999;
}
header nav.lateral>ul{/*display:none;*/position:relative;z-index:9999;}
header nav.lateral ul{
background:#302F31;
margin:0;
padding:0;
width:300px;
height:100%;
color:#888;
border:0px solid #000;
}
header nav.lateral>ul ul{position:relative;display:block;}
header nav.lateral>ul li{
list-style: none;
border-bottom:0px;
background: #302F31;
outline:none;
}
header nav.lateral>ul>li>strong>a{
color: #222;
text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125);
text-decoration:none;
}
header nav.lateral>ul li>a{
display:block;
box-shadow: inset 0 -1px rgba(0,0,0,0.2);
text-shadow: 0 0 1px rgba(255,255,255,0.1);
font: normal normal 14px/20px arial;
color: #999;
padding: 14px 1em 14px 1.8em;
outline:none;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: background 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, box-shadow 0.3s;
transition: background 0.3s, box-shadow 0.3s;
}
header nav.lateral>ul li>a:hover{
background: rgba(0,0,0,0.2);
box-shadow: inset 0 -1px rgba(0,0,0,0);
color: #CCC;
outline:none;
-webkit-transition: background 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, box-shadow 0.3s;
transition: background 0.3s, box-shadow 0.3s;
}
header nav.lateral>ul li>a,
header nav.lateral>ul li>a:hover{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
header nav.lateral>ul li>a:focus{
outline:none;
}
header nav.lateral>ul>li ul{
overflow:hidden;
position:absolute;
top:0;
width:87%;
height:100%;
box-shadow: 1px 0 2px rgba(0,0,0,0.2);
padding:0;
-webkit-transform: translate(-300px, 0);
-moz-transform: translate(-300px, 0);
transform: translate(-300px, 0);
opacity:0;
-webkit-transition: -webkit-transform 100ms,opacity 100ms;
-moz-transition: -moz-transform 100ms,opacity 100ms;
-ms-transition: transform 100ms,opacity 100ms;
-o-transition: transform 100ms,opacity 100ms;
transition: transform 100ms,opacity 100ms;
}
header nav.lateral>ul ul.active{
z-index: 1;
overflow:visible;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
opacity:1;
-webkit-transition: -webkit-transform 100ms,opacity 100ms;
-moz-transition: -moz-transform 100ms,opacity 100ms;
-ms-transition: transform 100ms,opacity 100ms;
-o-transition: transform 100ms,opacity 100ms;
transition: transform 100ms,opacity 100ms;
}
header nav.lateral>ul span{background: url(/imagens/2015/glyphicons-halflings-white.png) no-repeat -456px -72px;float: right;width: 14px;height: 14px;}
header nav.lateral>ul strong{display:block;}
header nav.lateral>ul h2,header nav.lateral>ul h5{color: #CCC;
font: normal normal 15px/20px Arial;}
header nav.lateral>ul h2 span,header nav.lateral>ul h5 span,header nav.lateral>ul strong span{background: none;
float: none;font-size:30px;}
header nav.lateral>ul h2 a,header nav.lateral>ul strong{font: normal normal 30px/30px 'Conv_Nexa bold', Arial, Tahoma;
color:#454545;padding: 15px 0 23px 15px;box-shadow: none;}
/*adicionado para remover o espaço entre os spans*/
header nav.lateral>ul>li>strong>.font-dev,header nav.lateral>ul>li>strong>.font-media{line-height:130%;}
header nav.lateral>ul strong span.font-media{padding: 15px 0 15px 0; font: normal normal 30px/30px 'Conv_Nexa light', Arial, Tahoma;}
header nav.lateral>ul strong{padding-top:28px; font-weight:400; cursor:default; -webkit-transition: all 100ms;-moz-transition: all 200ms;-ms-transition: all 200ms;-o-transition: all 200ms;transition: all 200ms;}
header nav.lateral>ul strong:hover{ -webkit-transition: all 100ms;-moz-transition: all 200ms;-ms-transition: all 200ms;-o-transition: all 200ms;transition: all 200ms;}
header nav.lateral>ul strong span.font-dev,header nav.lateral>ul strong span.font-media{-moz-transition: all 200ms;-ms-transition: all 200ms;-o-transition: all 200ms;transition: all 200ms;}
/*fim das adições*/
header nav.lateral>ul strong span.font-dev{font-weight:300;}
header nav.lateral>ul h2:hover,header nav.lateral>ul h2:hover a,header nav.lateral>ul strong:hover{color:#ffffff;text-shadow:0 0 5px rgba(255,255,255,0.5);font-weight:300;text-decoration:underline;-webkit-transition:all 100ms;-moz-transition:all 100ms;-ms-transition:all 100ms;-o-transition:all 100ms;transition:all 100ms;}
header nav.lateral>ul strong:hover{text-decoration:none;}
header nav.lateral>ul strong:hover span{color: #ffffff;}
header nav.lateral>ul h5{padding: 0 10px;font-size: 22px;color: #4f4f4f;font-family: conv_nexa light;margin: 40px auto 22px auto;text-transform: uppercase;}
header nav.lateral>ul h5.username{padding: 9px 10px 15px 0;font-size: 15px;margin: 14px auto;}
header nav.lateral>ul p{font: normal normal 13px/20px verdana;color:#888888;margin: 30px 10px 20px 10px;}
header nav.lateral>ul a.back{background: rgba(0,0,0,0.1);box-shadow: inset 0 1px rgba(0,0,0,0.1);padding: 12px;font-size: 11px;font-weight: bold;color: #fff;border-left: 5px solid #444;}
header nav.lateral>ul img{vertical-align:top;margin:0 15px;width:45px;height:45px;float:left;-webkit-border-radius: 2px;
border-radius:2px;}
header nav.lateral .icon{/*cursor:pointer;background: url(/imagens/2015/glyphicons-halflings-white.png) no-repeat 0 0;*/background-size:14px !important;
float: right;margin: 12px 12px 0 0;width: 15px;height: 15px;color:#FFF;font-size: 15px;}
header nav.lateral .icon2{height:15px;width:15px;background-size:14px !important;margin: 2px 10px 0 0;float:left;color:#FFF;font-size: 12px;}
header nav.lateral > ul h5 > .icon { cursor: default; margin: 0 10px 0 0; } 
header nav.lateral .home{background-position:0px -24px;background-size:inherit !important;}
header nav.lateral .user{background-position:-168px 0px;background-size:inherit !important;}
header nav.lateral .wrench{background-position: -360px -144px;background-size:inherit !important;}
header nav.lateral .shopping-cart{background-position: -360px -120px;background-size:inherit !important;}
header nav.lateral .dashboard {background:url(/imagens/2015/dash.png) no-repeat;}
header nav.lateral .tecnologia {background:url(/imagens/2015/tecnologias.png) no-repeat;}
header nav.lateral .revistas {background:url(/imagens/2015/revistas.png) no-repeat;}
header nav.lateral .cursos {background:url(/imagens/2015/cursos.png) no-repeat;}
header nav.lateral .pocketvideos {background:url(/imagens/2015/poketvideos.png) no-repeat;}
header nav.lateral .devware {background:url(/imagens/2015/devware.png) no-repeat;}
header nav.lateral .forum {background:url(/imagens/2015/forum.png) no-repeat;}
header nav.lateral .servicos {background:url(/imagens/2015/servicos.png) no-repeat;}
header nav.lateral .publicar {background:url(/imagens/2015/publicar.png) no-repeat;}
header nav.lateral .mvp {background:url(/imagens/2015/mvp.png) no-repeat;}
header nav.lateral .comprar {background:url(/imagens/2015/comprar.png) no-repeat;}
header nav.lateral .logout {background:url(/imagens/2015/logout.png) no-repeat;}
header nav.lateral .atendimento {background:url(/imagens/2015/atendimento.png) no-repeat;}
header .logout,
header .comprar,
header .mvp,
header .publicar,
header .servicos,
header .forum,
header .devware,
header .pocketvideos,
header .cursos,
header .revistas,
header .tecnologia,
header .dashboard{height:15px; width:15px; background-size:15px!important; margin:2px 10px 0 0; float:left;}
header h5>.logout,
header h5>.comprar,
header h5>.mvp,
header h5>.publicar,
header h5>.servicos,
header h5>.forum,
header h5>.devware,
header h5>.pocketvideos,
header h5>.cursos,
header h5>.revistas,
header h5>.tecnologia,
header h5>.dashboard{height:15px; width:15px; background-size:15px!important; margin:0px 10px 0 0!important; float:right;}
::selection,::-moz-selection{background:#49c5bf;color:#fff;}
/* [PRESET] BACKGROUND
-------------------------------------------------- */
/* CORES
------------------------- */
.dm-cor1{background-color:#302f31;/*chumbo*/}
.dm-cor2{background-color:#3B5BA5;/*azul LC*/}
.dm-cor3{background-color:#8CC53E;/*verde devmedia*/}
.dm-cor4{background-color:#F2F5F7;/*cinza-claro*/}
.dm-cor5{background-color:#ffffff;/*branco*/}
.dm-cor6{background-color:#282828;/*chumbo escuro*/}
.dm-log-mobspace{margin-top:20px;color:#ffffff;text-align:center;padding-left:10px;padding-right:10px;}

/* IMAGEM
------------------------- */
.dm-bgnav{
width: 100%;
z-index: 4;
background: url(/imagens/2015/3B5BA5.png) repeat-x #282828;
-webkit-box-shadow: inset 0px -5px 0px 0px #3B5BA5;
box-shadow: inset 0px -5px 0px 0px #3B5BA5;
top: 0px;}
.dm-bgnav-out{position: fixed;width: 100%;z-index: 120;min-height:50px;top: 0px;-webkit-box-shadow:  0px 0px 10px -3px #302f31;box-shadow:  0px 0px 10px -3px #302f31;}
.font-media{font-family: 'Conv_Nexa Light', Arial,  Tahoma;text-transform:uppercase;}
.font-dev{font-family: 'Conv_Nexa Bold', Arial,  Tahoma;text-transform:uppercase;}

/*
-------------------------------------------------- 

NOME DO PROJETO      :  Mashable Menu
DESCRIÇÃO DO PROJETO :  Pure CSS3 Menu.

-------------------------------------------------- */

/* RESET MENU
-------------------------------------------------- */
.devmenu a, .devmenu a:hover {text-decoration:none;}
.devmenu {border:0px;position:relative;margin:0 !important;padding:0!important;line-height:20px; text-transform:uppercase;font-family: Arial,  Tahoma;}
.devmenu ul,devmenu li{list-style:none;}
header>nav>div>div>div>span>ul.menucel>li>ul.submenu{display:block;opacity:0;max-height:0; max-width:300;}

/* RECUO DA CAIXA submenu
-------------------------------------------------- */
header>nav>div>div>div>i{float:left;width:50px;background-image:url(/imagens/2015/menu.png);}
header>nav>div>div>div>i>a:hover{background-image:url(/imagens/2015/menuhover.png);}
header>nav>div>div>div>span>ul.menucel small{font-family: 'Conv_ProximaNova-Light', Arial, Tahoma;font-size: 11px;display: inline-block;padding-bottom: 3px;vertical-align: top;line-height: 160%;}

/* ANIMAÇÃO DO MENU
-------------------------------------------------- */
.navspace{text-transform:uppercase;	margin-left:65px;}
.navspace:hover{background-color:transparent;display:inline-block;}
.ativo,
.ativo2,
.ativo3{height:50px;display:inline-block;background-color:transparent;}
.ativo:hover{height:405px;}
.ativo2:hover{height:340px;}
.ativo3:hover{height:200px;}
.ativo:hover,.ativo2:hover,.ativo3:hover{
background: -moz-linear-gradient(top,  rgba(40,40,40,1) 0%, rgba(40,40,40,1) 65%, rgba(40,40,40,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,40,40,1)), color-stop(65%,rgba(40,40,40,1)), color-stop(100%,rgba(40,40,40,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(40,40,40,1) 0%,rgba(40,40,40,1) 65%,rgba(40,40,40,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(40,40,40,1) 0%,rgba(40,40,40,1) 65%,rgba(40,40,40,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(40,40,40,1) 0%,rgba(40,40,40,1) 65%,rgba(40,40,40,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(40,40,40,1) 0%,rgba(40,40,40,1) 65%,rgba(40,40,40,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#00282828',GradientType=0 ); /* IE6-9 */}

/* BOTOES DO MENU IN LINE
-------------------------------------------------- */
.menucel{margin:0;padding:0;display: block;position: relative;height: 50px;float:left;transition-delay: 0.1s;-webkit-transition-delay:0.1s;-o-transition-delay: 0.1s;-moz-transition-delay: 0.1s;-ms-transition-delay: 0.1s;}
.menucel:hover .submenu {transition-delay: 0.1s;-webkit-transition-delay:0.1s;-o-transition-delay: 0.1s;-moz-transition-delay: 0.1s;-ms-transition-delay: 0.1s; opacity:1;max-width:300px;max-height:400px;padding:25px 0 0 0;}
.menucel a.menulink {padding:15px;display:block;border:0px;color: #ffffff;}
.menucel a.menulink:hover {padding: 15px;display: block;border: 0px;color: #FFF;background-color: #282828;}
.menucel a.menulink2{padding:15px;display:block;border:0px;color:#ffffff;}
.menucel a.menulink2:hover {color: #FFF;background-color:#302f31;}

/*TRANSIÇÃO LINEAR,EASE-IN,EASE-OUT,EASE-IN-OUT*/	

/*------------------------------------------------*/
.devmenu>i {display:block;position:relative;height:50px;}
.devmenu>i>a{background-image:url(/imagens/2015/menu.png);height:50px;display:block;border:0px;color: #ffffff;}
.devmenu>i>a:hover{display:block;border:0px;background:url(/imagens/2015/menuhover.png) #302f31;}
.devmenu>span>a{display:none;}
/* SUBMENU
-------------------------------------------------- */
.submenu{position: absolute;top: 50px;padding:0;max-width:300px;overflow: hidden;z-index:0;}
.devmenu .submenu>li>a {margin:0px;padding:5px 10px;display:block;width:100%;color:#FFF;border-bottom:1px solid #2d2d2d; z-index:0;}
.devmenu .submenu>li>a:hover{color:#dedede;text-shadow: 0px 0px 15px #555;filter: dropshadow(color=#555, offx=0, offy=0);background:#3B5BA5;}
.devmenu .submenu>li>a,
.submenu,
.devmenu>i>a:hover,
.devmenu>i>a,
.menucel a.menulink2:hover,
.menucel a.menulink2,
.menucel a.menulink:hover,
.menucel a.menulink{
font-size:14px;
-webkit-transition: all 150ms ease-out;
-moz-transition: all 150ms ease-out;
-ms-transition: all 150ms ease-out;
-o-transition: all 150ms ease-out;
transition: all 150ms ease-out;
}
/* [TOPO] BOTÃO "VER MAIS" SUBMENU
-------------------------------------------------- */
a.btn-dm-nav{margin-top:10px;}
a.btn-dm-nav{color:#ffffff;display:table;border:none;padding:5px 8px;background-color: #3B5BA5;font-size: 10px;font-weight: bolder;font-family:Arial,  Tahoma;-webkit-border-radius: 2px;border-radius: 2px; 
/*TRANSIÇÃO LINEAR,EASE-IN,EASE-OUT,EASE-IN-OUT*/     
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear; }
a.btn-dm-nav:hover{border-bottom: 5px solid #3B5BA5;background-color: #282828;-webkit-border-radius: 0px;  border-radius: 0px;
/*TRANSIÇÃO LINEAR,EASE-IN,EASE-OUT,EASE-IN-OUT*/
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;}
/* [TOPO] LOGIN
-------------------------------------------------- */
.login-box{position:relative;z-index:10;}
.login-box>.login-btn>label>img {height:40px;width:40px;-webkit-box-shadow:  0px 0px 3px 0px #34A59F;box-shadow:  0px 0px 3px 0px #34A59F;-webkit-border-radius: 2px 2px 0px 0px;border-radius: 2px 2px 0px 0px;}
.login-box button, .login-box input, .login-box textarea{vertical-align: middle;}
.login-box .seta{background: url(/imagens/2015/popoverarrow.png) no-repeat;width:18px; height:10px;position:absolute;top:-8px;right:20px;}
.login-box .seta2{background: url(/imagens/2015/popoverarrow2.png) no-repeat;width: 18px;height: 10px;position: absolute;top: -9px;right: 11px;}
/*botão cadastrar-se*/
.login-box>.login-btn>.cadastre-se{float:left;color: #ffffff;text-transform: uppercase;margin: 8px 8px 0 0;padding: 6px 8px 6px 8px;border-bottom: 5px solid #3B5BA5;background-color: #302f31;-webkit-border-radius: 2px 2px 0px 0px;border-radius: 2px 2px 0px 0px;font-size: 14px;font-weight: bold;line-height: 22px;cursor: pointer;font-family: Arial, Tahoma;}
.login-box>.login-btn>.cadastre-se:hover{border-bottom:5px solid #302f31;background-color:transparent;}
.login-box>.dm-5pxtop{margin-top:5px;}
/*botão login*/
.login-box>.login-btn .popover1{float:right;display:table;color:#ffffff;text-transform:uppercase;margin-top:8px;padding:6px 8px 6px 8px;border-bottom:5px solid #3B5BA5;background-color:#302f31;-webkit-border-radius:2px 2px 0px 0px;border-radius:2px 2px 0px 0px;font-size:14px;font-weight:bold;line-height:22px;cursor:pointer;font-family: Arial, Tahoma;}
.login-box>.login-btn .popover1:hover{border-bottom:5px solid #302f31;background-color:transparent;}
.login-box .login-btn .popover2{display: table-cell;vertical-align: middle;background-color: rgba(255, 255, 255, 0.8);margin: 5px 0 0 0;line-height: 0px;-webkit-border-radius: 2px;border-radius: 2px;width: 40px;height: 40px;-webkit-box-shadow: 0px 0px 5px 0px #333;box-shadow: 0px 0px 5px 0px #333;}
.login-box>.login-btn .popover2:hover{-webkit-border-radius: 2px;border-radius: 2px;background-color: rgba(255, 255, 255, 0.3);}
.login-box>.login-btn>.cadastre-se,
.login-box>.login-btn>.cadastre-se:hover,
.login-box>.login-btn>.popover1,
.login-box>.login-btn>.popover1:hover,
.login-box .login-btn>.popover2,
.login-box>.login-btn>.popover2:hover{
-o-transition: all 200ms linear;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear}
.login-box>.login-btn>.popover2>img{cursor: pointer;max-height: 40px;max-width: 40px;-webkit-border-radius: 2px;border-radius: 2px;margin: 0px auto;display: block;}
.login-box>.login-btn>.pai>.login-pop>.login-form>ul.user-foto{padding: 0;margin: 11px 0 -24px 0;float:left;}
.login-box>.login-btn>.pai>.login-pop>.login-form>ul.user-foto>li>{margin:11px 0 -24px 0;}
.login-box>.login-btn>.pai>.login-pop>.login-form>ul.user-foto>li>a{background:#fff;width:96px;height:96px;display:table-cell;vertical-align:middle;-webkit-border-radius:2px;border-radius:2px;}
.login-box>.login-btn>.pai>.login-pop>.login-form>ul.user-foto>li>a>img{-webkit-border-radius:2px;border-radius:2px;max-height:96px;max-width:96px;display:table-cell;vertical-align:middle;margin:0 auto; border:none;}
.login-box>.login-btn>.pai>.login-pop>.login-form>ul.user-foto>li>a>span{display: block;line-height: 1;font-family: Arial;font-size: 10px;background-color: rgba(213, 71, 27, 0.8);color: #fff;padding: 5px 0;width: 96px;margin: 0;position: absolute;top: 87px;opacity: 0;} 
.login-box>.login-btn>.pai>.login-pop:hover>.login-form>ul.user-foto>li>a>span{
opacity:1;}
.login-box>.login-btn>.pai>.login-pop>.login-form>ul.user-foto>li>a>span,
.login-box>.login-btn>.pai>.login-pop>ul.user-foto>li>a:hover>span{
-webkit-transition: all 100ms linear;
   -moz-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
     -o-transition: all 100ms linear;
        transition: all 100ms linear;}
.login-box>.login-btn>.pai>.login-pop>.login-form>ul.user-dados{width: 234px;float: right;margin: 11px 0 0 0;line-height: 1;padding: 0;text-align: left;}
.login-box>.login-btn>.pai>.login-pop>.login-form>ul.user-dados>li.dm-u-nome{font-size:11px;}
.login-box>.login-btn>.pai>.login-pop>.login-form>ul.user-dados>li.dm-u-nome>a{color:#3872A0;display:block;height:29px;}
.login-box>.login-btn>.pai>.login-pop>.login-form>ul.user-dados>li.dm-u-conta{width: 54px;float: right;margin-top: 0px;}
.login-box>.login-btn>.pai>.login-pop>.login-form>ul.user-dados>li.dm-u-conta>a>img{border:none; width:auto\9;height:auto;max-width:100%;}
.login-box>.login-btn>.pai>.login-pop>.login-form>ul.user-dados>li.dm-u-logout>a{padding: 7px 22px;float: left;-webkit-border-radius: 2px;border-radius: 2px;font-family: Arial, Tahoma;font-weight: bolder;font-size: 11px;border: 1px solid #3872A0;color: #fff;display: block;position: relative;top: 40px;background: #5693c5; /* Old browsers */
background: -moz-linear-gradient(top,  #5693c5 0%, #4682b2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5693c5), color-stop(100%,#4682b2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5693c5 0%,#4682b2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5693c5 0%,#4682b2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5693c5 0%,#4682b2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5693c5 0%,#4682b2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5693c5', endColorstr='#4682b2',GradientType=0 ); /* IE6-9 */}
.login-box>.login-btn>.pai>.login-pop>.login-form>ul.user-dados>li.dm-u-logout>a:hover{
background: #4682b2; /* Old browsers*/
background: -moz-linear-gradient(top,  #4682b2 0%, #5693c5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4682b2), color-stop(100%,#5693c5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4682b2 0%,#5693c5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4682b2 0%,#5693c5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4682b2 0%,#5693c5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4682b2 0%,#5693c5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4682b2', endColorstr='#5693c5',GradientType=0 ); /* IE6-9 */}
.login-box>.login-btn>.pai>.login-pop>.login-form>ul.user-dados>li.dm-u-logout>a:active{background: #4682b2;}

/*-------------------------------*/
.login-box>.login-btn .login-pop form input{padding:0 0 0 15px;height:40px;width:149px;font-family:Arial,  Tahoma;font-size:18px;font-weight:bold;background-color:#CCC;border:none;	-webkit-border-radius: 2px;  border-radius: 2px;color:#454545;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
.login-box .login-btn .login-pop form input:focus{background-color: #eee;
color: #3B5BA5;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
input:-webkit-autofill {background-color:#eee;background-image: none;color:#49c5bf;}
/* BOTÃO LOGIN
------------------------- */
.login-btn{float:right;}
.login-btn form{padding-top:20px;}
/* BALÃO POP
------------------------- */
.login-box .login-btn .pai{position:relative;}
/* estado padrão */
.bg-off{background:#302f31; top:50px; opacity:1!important;height:120px;}
.bg-on{background:#f0f0f0; 	top:5px; opacity:1!important;height:120px;}
.logado{top:5px;}
.deslogado{top:50px;}
.login-pop{display:block;opacity:0;width: 340px;line-height: 50px;color: #FFF;text-align: center;position: absolute;right: 0;border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;border: 0 solid #000;-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);transition: opacity 130ms ease-in-out;padding: 0 15px;}
.dm-shadow{	position:fixed;	top:0;overflow:hidden !important;width:100%;height:100%;background: rgba(0, 0, 0, 0.5);z-index:100;display:none;}
.login-form,.login-user{display:none;}
/*campo input*/
.login-pop form input[type=text]{float:left; margin-right:11px;}
.login-pop form input[type=password]{float:left;}
.login-pop form input[type=text]:focus {
float: left;
outline: none;
color: #3B5BA5;
background-color: #eee;
border-color: #8296E6;
box-shadow: 0 0 6px #6482D2;
transition: all 100ms ease-out;}
.login-pop form input[type=password]:focus{
float: left;
outline: none;
color: #3B5BA5;
background-color: #eee;
border-color: #8296E6;
box-shadow: 0 0 6px #6482D2;
transition: all 100ms ease-out;}

/* BOTÃO OK
------------------------- */
.login-btn button{
margin:0;padding:0;line-height:1;vertical-align:middle;display:table-cell;height:28px;width: 80px;color: #eee;font-family:Arial, Tahoma;font-size:14px;font-weight:bold;border:1px solid #3B5BA5;float:left;-webkit-border-radius:2px;border-radius:2px;outline:none;

background: #6482D2;
background: -moz-linear-gradient(top,  #6482D2 0%, #8296E6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6482D2), color-stop(100%,#8296E6));
background: -webkit-linear-gradient(top,  #6482D2 0%,#8296E6 100%);
background: -o-linear-gradient(top,  #6482D2 0%,#8296E6 100%);
background: -ms-linear-gradient(top,  #6482D2 0%,#8296E6 100%);
background: linear-gradient(to bottom,  #6482D2 0%,#8296E6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6482D2', endColorstr='#8296E6',GradientType=0 );


}
.login-btn button:hover{
background: #8296E6;
background: -moz-linear-gradient(top,  #8296E6 0%, #6482D2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8296E6), color-stop(100%,#6482D2));
background: -webkit-linear-gradient(top,  #8296E6 0%,#6482D2 100%);
background: -o-linear-gradient(top,  #8296E6 0%,#6482D2 100%);
background: -ms-linear-gradient(top,  #8296E6 0%,#6482D2 100%);
background: linear-gradient(to bottom,  #8296E6 0%,#6482D2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8296E6', endColorstr='#6482D2',GradientType=0 );
}
.login-btn button:active{background:#8296E6; border:1px solid #3B5BA5;}
/* CADASTRE-SE
------------------------- */
.login-box>.login-btn>.pai>.login-pop>.login-form>form>a.cadastre-se {display:none;}
/* [TOPO] LOGO E BUSCA
-------------------------------------------------- */

.dm-busca{padding: 95px 0 45px 0;margin: 0;height: 42px;background-color: #302f31;}
.logo-mob{display:none;}
.dm-busca img{border:none; margin-top:-6px;}
.dm-busca>div>div>a{float:left;margin-bottom: -10px;}
.dm-busca>div>div>nav{text-align:right;float:right;vertical-aling:middle;}
.dm-busca>div>div>nav input{outline:none;margin:0;padding:0 0 0 15px;height:40px;width:300px;background-color:#CCC;border:none;-webkit-border-radius: 2px;border-radius: 2px;color:#454545;font-family:Arial, Tahoma;font-size:18px; font-weight:bold;}
.dm-busca>div>div>nav input:focus{outline:none;background-color:#eee;border-color: #8296E6;color: #3B5BA5;box-shadow: 0 0 6px #6482D2;}
.dm-busca>div>div>nav button{outline:none;margin:0 0 0 -5px;padding:0;height:40px;width:40px;background: url(/imagens/2015/buscar.png) no-repeat #777;border:none;-webkit-border-radius: 2px;border-radius: 2px;}
.dm-busca>div>div>nav button:hover{background-color: #999;}
.dm-busca>div>div>nav button, 
.dm-busca>div>div>nav input, 
.dm-busca>div>div>nav textarea {vertical-align: middle;}
.dm-busca>div>div>nav,
.dm-busca>div>div>nav input,
.dm-busca>div>div>nav input:hover,
.dm-busca>div>div>nav button,
.dm-busca>div>div>nav button:hover{   
-webkit-transition: all 300ms ease-out;
   -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
     -o-transition: all 300ms ease-out;
        transition: all 300ms ease-out;  	
}
/* FUNDO RODAPÉ
-------------------------------------------------- */
/* UPDATE 14-01-2014*/
.dm-limitfoot{
	padding-bottom: 360px;
	min-height: 100%;
}
footer{height: 315px;
position: absolute;
bottom: 0;
width: 100%;}
footer>section.footer-box{margin:0!important;}
/* PRIMEIRA LINHA
------------------------- */
.footer-box2 a{text-decoration:none;color:#656565;}
.footer-box2 a:hover {text-decoration:underline;}
.footer-box2{font-family: Arial, Tahoma;color:#FFF;}
.footer-box{padding:35px 0 30px 0;font-size:14px;margin-top:50px;font-family: Arial,  Tahoma;}
.footer-box2{padding:35px 0 30px 0;font-size:12px;}
.f-box-filho{padding:50px 0 50px 0;}
.footer-box .cx3 .fb-like-box {border: none;overflow: hidden;color: #49c5bf;float: right;height: 180px;width: 470px;}
.fb-shell {height: 189px;width: 100%;background-color: #eee;border-radius: 2px;float: right;padding: 0 10px 0 0;}
.footer-box .cx3{float:right;}
.footer-box .cx2 {padding: 10px 0 15px 0;color: #FFF;text-decoration: none;}

.footer-box .cx1 .social-bar ul li a{height:50px; width:50px;}
.footer-box .cx2 a{padding:0 8px 0 8px;color:#FFF;text-decoration:none; display:inline-block;}
.footer-box .cx2 a:hover{color: #4C6CB6;
text-shadow: 0px 0px 15px #6666FF;}
.footer-box .cx2 img {float:left;}
.footer-box .cx3{padding:0;margin:0;}
.footer-box .cx2 nav{margin:5px 0 0 160px;}
/* SOCIAL BAR
------------------------- */
.social-bar {list-style: none;overflow: hidden;margin: 0;padding:0;}
.social-bar a {width: 33px;height: 33px;background-position: 0 0;background-repeat: no-repeat;display:inline-block;}
.social-bar a:hover {background-position: 0 bottom;}
.social-bar a.icon-1 {background-image: url(/imagens/2015/new-soc-icon-1.png);}
.social-bar a.icon-2 {background-image: url(/imagens/2015/new-soc-icon-2.png);}
.social-bar a.icon-3 {background-image: url(/imagens/2015/new-soc-icon-3.png);}
.social-bar a.icon-4 {background-image: url(/imagens/2015/new-soc-icon-4.png);}
.social-bar li {float: left;margin-right: 5px;}

/*LIKEBOX FACEBOOK*/	

#fb-root {
  display: none;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

/* SEGUNDA LINHA
------------------------- */
.footer-box2{padding: 22px 0 5px 0;}
.footer-box2 a{color:#FFF;}
/* PARTE RESPONSIVA
------------------------- */
@media (max-width: 1199px) {
.login-box>.login-btn>.cadastre-se{display:none;}
.login-box>.login-btn>.pai>.login-pop>.login-form>form>a.cadastre-se {margin: 0;padding: 0;line-height:2;vertical-align: middle;display: table-cell;height: 28px;width: 150px;color: #eee;font-weight:bold;font-family: Arial, Tahoma;font-size:14px;float:right;-webkit-border-radius:2px;border-radius:2px;text-shadow: 0px 0px 0px #ccc;}
.login-box>.login-btn>.pai>.login-pop>.login-form>form>a.cadastre-se:hover{border:0px solid;text-shadow: 0px 0px 8px #aaa;
}	
.login-box>.login-btn>.pai>.login-pop>.login-form>form>a.cadastre-se:hover{
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;}
.footer-box .cx3 .fb-like-box {border: none;overflow: hidden;color: #49c5bf;float: right;height: 180px;width: 100%;}
.fb-shell {height: 189px;width: 100%;float: right;}
}

@media (max-width: 979px) {
/*links navbar*/
header>nav>div>div>div>span>ul.dm-4,
header>nav>div>div>div>span>ul.dm-5{display:none;}
.footer-box .cx2 img {float:left; padding-left:10px;}
.f-box-filho {padding:0 0 30px 0;}

.social-bar li {float: left;margin-right: 5px;}
.footer-box .cx2 img {float: left;padding-left: 0px;}
.footer-box .cx2 nav {margin: 60px 0 10px 0px;padding-left: 0px;padding-top: 5px;clear: both;height: 22px;border-left: 5px solid #4B4B4B;}
.fb-shell{height: 210px;float: right;}
.footer-box .cx3{float:right;}
.footer-box2 {padding:22px 0 5px 10px;}
}
@media (max-width: 767px) {
.logo-mob{display:block;vertical-align:middle;padding:16px 0 11px 10px;clear:none;/*font-size:26px;*/font-size:18px;color:#fff;float:left;}
/*links navbar*/
header>nav>div>div>div>span>ul.dm-1,
header>nav>div>div>div>span>ul.dm-2,
header>nav>div>div>div>span>ul.dm-3,
header>nav>div>div>div>span>ul.dm-4,
header>nav>div>div>div>span>ul.dm-5,
header>nav>div>div>div>span>ul.dm-6{display:none; visibility:collapse;}
header>nav>div>div>div>i{border-right: 1px solid #302f31; margin-right: 8px;}
header>nav>div>div>div{border:0px;margin:0;z-index:18;line-height: 19px;}
.login-box>.login-btn{margin-right: 10px;}
.dm-busca>div>div>a{display:none;}	
.dm-busca>div>div>nav input{width:300px; outline: none;}
.dm-busca>div>div>nav{text-align:center; float:none; vertical-aling:middle;}


.social-bar {padding: 0 0 0 6px;}
.footer-box .cx2 img {float: left;padding-left: 0px;margin-left: 10px;}
.footer-box .cx2 nav {margin: 58px 0 10px 10px;padding:5px 0;clear: both;height:100%;border-left: 5px solid #4B4B4B;}
.footer-box .cx2 {padding: 0px 0 17px 0;color: #FFF;text-decoration: none;}
.footer-box .cx3 .fb-like-box{border: none;overflow: hidden;color: #49c5bf;float: right;height: 182px;width: 100%;}
.fb-shell{height: 187px;width: 100%;max-width: 434px;float: left;}
.footer-box .cx3 {float: right;padding: 0 12px;margin-right: 5px;}
}
@media (max-width: 479px) {
.login-box>.login-btn{margin-right:10px;}
.login-box>.login-btn>.pai>.login-pop{right:0;right:0;width:235px;}
.login-box>.login-btn>.pai>.login-pop>.seta {right:19px;}
.login-box>.login-btn>.pai>.login-pop>.login-form>form>input{margin-bottom:10px;padding:0 0 0 15px;height:40px;width:220px;float:left;}
.login-box>.login-btn>.pai>.login-pop>.login-form>form>button,{width:100px;margin-right:10px;}
.login-box>.login-btn>.pai>.login-pop>form>a{width:140px;float:none;}
.dm-busca>div>div>nav input{width:220px;}
.dm-busca>div>div>nav{text-align:center; float:none; vertical-aling:middle;}
.login-box>.login-btn>.cadastre-se{display:none;}
.login-box>.login-btn>.pai>.bg-on>.login-form>ul.user-dados {width:150px;float:right;margin:11px 0 0 0;line-height:1;padding:0;text-align:left;}
.login-box>.login-btn>.pai>.bg-on {right:0;width: 260px;}
.login-box>.login-btn>.pai>.login-pop>.login-form>ul.user-dados>li.dm-u-conta {
width:43px!important;float:right;margin-top: 14px;}
.login-box>.login-btn>.pai>.login-pop>.login-form>ul.user-dados>li.dm-u-logout>a {top:40px;}
.bg-off{height: 163px;}
.bg-on{height: 120px;}
}
@media (max-width: 319px) {
*{word-wrap:break-word}
.login-box>.login-btn>.pai>.login-pop>.login-form>form>a.cadastre-se {width:160px;}
.login-box>.login-btn>.pai>.bg-on {top:5px;width:160px;right:0px;padding:0 15px;height: 198px;}
.login-box>.login-btn>.pai>.bg-off {top:50px;width:160px;right:0px;padding:0 15px;height: 196px;}
.login-box>.login-btn>.pai>.bg-on>.login-form>ul.user-dados {width:160px;float:right;margin:11px 0 0 0;line-height:1;padding:25px 0 0 0;text-align:left;}
.login-box>.login-btn>.pai>.bg-off>.login-form>form>input{padding:0 0 0 15px;height:40px;width:145px;}
.login-box>.login-btn>.pai>.bg-off>.login-form>form>input:focus{background-color:#eee;color:#49c5bf;}
.login-box>.login-btn>.pai>.bg-off>.login-form>form>button{margin:0 0 10px 0;width:160px;}
.login-box>.login-btn>.pai>.bg-off>.login-form>form>a{width:160px}
.logo-mob{display: block;vertical-align: middle;padding:17px 0 11px 0px;clear:none;font-size:14px;color:#fff;float:left;}
.login-box>.login-btn>.pai>.login-pop>.login-form>ul.user-dados>li.dm-u-conta{width:43px;float:right;margin-top: -116px;
margin-right: 6px;}
.login-box>.login-btn>.pai>.login-pop>.login-form>ul.user-dados>li.dm-u-logout>a{top:9px;}
.dm-busca>div>div>nav input{width:100px;}
}
@media (max-width: 239px) {
*{word-wrap:break-word}
.logo-mob{display:block;vertical-align:middle;padding:17px 0 11px 0px;clear:none;font-size:14px;color:#fff;float:left;}
.bg-off{height: 196px;}
.bg-on{height: 198px;}
}

.fb-shell {
	height: 160px;
	margin-top: 15px;
}
.footer-box .cx3 .fb-like-box {
	float: none;
	margin: 5px 0 0 5px;
	overflow-y: hidden;
	height: 152px;
}
@media (max-width: 1199px){
	.footer-box .cx3 .fb-like-box {
		float: none;
	}
}
@media (max-width: 767px){
	.footer-box .cx3 .fb-like-box {
		float: none;
	}
}
@media (max-width: 979px){
	.fb-shell {
		height: 160px;
		margin-top: 0;
	}
}