/*PORTAL-BOX */
#Box_mvpcancelado,#box_renova{font-family:verdana,arial,helvetica,sans-serif;}
#Box_mvpcancelado a,#box_renova a{text-decoration:none;}
#Box_mvpcancelado a:hover,#box_renova a:hover{text-decoration:underline;}
/*DESTAQUE*/
.dm-destaque{margin-bottom:40px;}
.dm-destaque>div>div img{display:block;max-height:185px;margin: 0 0 -10px 0;border:none; width:auto\9;height:auto;max-width:100%;}
.dm-destaque>div>div>a.free img{border-top:5px solid #f47322;}
.dm-destaque>div>div>a.mvp img{border-top:5px solid #7cac3c;}

.dm-destaque>div>div a{text-decoration:none; color:#656565; }
.dm-destaque>div>div>a:nth-last-child(n){margin-right:0;}
.dm-destaque>div>div h4{font-family:Conv_ProximaNova-Light, Arial, Tahoma;font-size:29px;font-weight:500;color:#656565;padding:0 5px; line-height:130%;margin:10px 0;}
.dm-destaque>div>div>a>strong,.dm-destaque>div>div>a>span{font-family:'Conv_Nexa Bold', Arial, Tahoma;color:#666;font-size:14px;}
.dm-destaque>div>div>a.free strong,.dm-devware h4{color:#28a3c5; text-decoration:none;}
.dm-destaque>div>div>a.mvp strong,.dm-mentoring h4{color:#28a3c5; text-decoration:none;}
.dm-destaque>div>div a:hover,.dm-destaque a:hover{text-decoration:underline; color:#ddd;}
/*LINHAS CABEÇALHO*/
.dm-lifree,
.dm-limvp,
.dm-mentoring>.span12>div,
.dm-devware>.span12>div,
.dm-line-revistas{display:inline-block; padding-right:10px;}
.dm-lifree h3,
.dm-limvp h3,
.dm-devware h3,
.dm-mentoring h3{text-aling:left;display:block;text-transform:uppercase; color:#302f31;margin:10px 0;line-height:40px;font-size:24px;}
.dm-lifree,.dm-limvp{margin-top:-5px;font-family:"Conv_Nexa Bold", Arial, Tahoma}
.dm-lifree{border-top:5px solid #f47322;}
.dm-lifree2{border-top:5px solid #6d942b;}
.dm-limvp{border-top:5px solid #7cac3c;}
.free-btn,.mvp-btn{text-decoration:none;/*text-transform:uppercase;-webkit-border-radius:2px;border-radius:2px;*/color:#fff;background-color:#302f31;border:none;display:table;font-size:12px;font-weight:bold;font-family: 'Conv_Nexa Light', Arial, Tahoma;margin:15px 0;padding:7px 13px}
.free-btn:hover,.mvp-btn:hover{text-decoration:none;/*-webkit-border-radius:2px;border-radius:2px;*/color:#fff}
.free-btn:hover{background-color:#f47322}
.mvp-btn:hover{background-color:#7cac3c}
.blue-btn:hover{background-color:#28a3c5}
/*POST FREE E MVP*/
.area-post-free,
.area-post-mvp{padding-top:65px;text-rendering:geometricPrecision;}
.area-post-free a,
.area-post-mvp a{color:#555; text-decoration: none;color:#656565; display: table-cell;vertical-align: middle;
width: 498px;height: 70px; font-size:16px;}
.area-post-free a:hover,
.area-post-mvp a:hover{text-decoration: underline;}
.area-post-free ul li strong:hover{background-color:#eee;}
.area-post-mvp ul li strong:hover{background-color:#eee;}
.area-post-free ul li time{font-size:10px;}
.area-post-mvp ul li time{font-size:10px;}
.area-post-free ul li span{text-transform:uppercase;font-size:13px;text-align:center;display:table-cell;vertical-align:middle;height:70px;width:75px;background-color:#f47322;line-height:16px;color:#fff;font-family:Verdana, Tahoma; font-weight:normal; padding:0 5px}
.area-post-mvp ul li span{text-transform:uppercase;font-size:13px;text-align:center;display:table-cell;vertical-align:middle;height:70px;width:75px;background-color:#7cac3c;line-height:16px;color:#fff;font-family:Verdana, Tahoma;font-weight:normal;padding:0 5px;}
.area-post-free ul li mark {padding: 0 5px;height: 20px;margin-left: 7px;background-color: #f47322;color: #fff;border-radius: 3px;font-weight: normal;display: inline-block;font-size: 10px;text-transform: uppercase;}
.area-post-mvp ul li mark {padding: 0 5px;height: 20px;margin-left: 7px;background-color: #7cac3c;color: #fff;border-radius: 3px;font-weight: normal;display: inline-block;font-size: 10px;text-transform: uppercase;}
.area-post-free ul li strong{font-size:15px;color:#777;text-align:left;display:table-cell;height:70px;vertical-align:middle;line-height:18px;font-family: Arial, Tahoma;font-weight:500;padding: 5px 10px 5px 10px;;line-height: 22px;}
.area-post-mvp ul li strong{font-size:15px;color:#777;text-align:left;display:table-cell;height:70px;vertical-align:middle; line-height:18px;font-family:Arial, Tahoma;font-weight:500;padding: 5px 10px 5px 10px;;line-height: 22px;}
.area-post-free ul li strong i a{text-decoration:none;color:#f47322;border-bottom:1px dotted #ddd;}
.area-post-mvp ul li strong i a{text-decoration:none;color:#7cac3c;border-bottom:1px dotted #ddd;}
.area-post-free ul,.area-post-mvp ul{background-color:#fff;list-style:none;border-right:2px solid #f2f5f7;border-bottom:2px solid #f2f5f7;padding:0; margin-top:0;}
.area-post-free ul li,.area-post-mvp ul li{display:table;margin-bottom:2px;width:100%;padding:0}
.area-post-free ul .z-li,.area-post-mvp ul .z-li{background-color:#f2f5f7}
.area-post-free ul li strong i,.area-post-mvp ul li strong i{text-transform:uppercase;font-style:normal;font-size:12px}
.area-post-free ul li strong i a:hover,.area-post-mvp ul li strong i a:hover{color:#777;border-bottom:1px dotted #fff}
/*DEVWARE E MENTORING*/
.dm-devware,.dm-mentoring{margin:25px 0}
.dm-devware h4,.dm-mentoring h4{font-family:"Conv_Nexa Light", Arial, Tahoma;font-size: 24px;line-height: 130%;font-weight:100;text-transform:uppercase;text-aling:left}
.dm-devware .span12,.dm-mentoring .span12,.dm-libg{border-top:5px solid #302f31}
.dm-devware .span12 div{border-top:5px solid #28a3c5;margin-top:-5px;font-family:"Conv_Nexa Bold", Arial, Tahoma}
.dm-mentoring .span12 div{border-top:5px solid #28a3c5;margin-top:-5px;font-family:"Conv_Nexa Bold", Arial, Tahoma}
.dm-devware p,.dm-mentoring p{margin:0 0 10px;color:#656565;font-size:17px;font-family:Arial, Tahoma;line-height:120%;}
/*REVISTAS*/
.font-dev, font-media{text-transform:uppercase;}
.dm-revistas>div>div>div>div>div>a {display: inline-block;float: left;margin: 2px 11px 0 0;text-align: center;color: white;text-decoration: none;}
.dm-revistas>div>div>div>div.span12{overflow-x:scroll; padding: 0 0 26px 0;}
.dm-revistas>div>div>div>div>div.rolagem{width:1800px;}
.dm-revistas>div.hide-scroll{width: 100%;height: 30px;background-color:#F2F5F7;position: relative;z-index: 20;padding: 0;margin: -20px 0 0 0;}
/*DIVIDER*/
.dm-divider {margin:50px 0;/*background-color:#302f31; padding:25px 0;*/height:131px;background: #3e3e3e url(/imagens/2013/DevMedia-cursos-bg.jpg) no-repeat center center;}
.dm-divider div>{display:inline-block;}
.dm-divider>div>div>span.esq{/*text-align:left;font-size:26px;color:#f47322;*/display:block;width:35%;float:left;/*margin:10px 0;*/}
.dm-divider>div>div>span.cen{/*text-align:center;*/font-size:24px;color:#eee;display:block; width:45%;float:left;margin:24px 0;text-transform: none;}
.dm-divider>div>div>span.cen>span{font-size:43px;color:#eee;text-transform: uppercase;}
.dm-divider>div>div>span.dir{text-align:center;display:block;width:20%;float:left;margin:55px 0 10px 0;}
.dm-divider>div>div>span.dir>a{padding:8px 30px;padding-bottom: 6px; background-color:#fff; color:#424242; /*font-weight:bolder;*/ text-decoration:none;-webkit-border-radius:2px;border-radius:2px;border-bottom:2px solid #B1B1B1;text-transform: none;font-family: 'Conv_Nexa Light', Arial, Tahoma;}
.dm-divider>div>div>span.dir>a:hover{/*border-bottom:5px solid #f47322;*/ background-color:#302f31;color: #eee;}
{-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-ms-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear}
/*REVISTAS*/
.dm-revistas{font-family:Arial, Tahoma; background-color:#F2F5F7; padding-bottom:25px;}
.dm-revistas .prev{display:block;height:46px;width:47px;background-image:url(../../Imagens/2013/setaesq.png);float:left;cursor:pointer;margin:90px -50px 0 0;padding:0}
.dm-revistas .next{display:block;height:46px;width:47px;background-image:url(../../Imagens/2013/setadir.png);float:right;cursor:pointer;margin:90px 0 0 0;padding:0}
.dm-revistas .next:hover,.dm-revistas .prev:hover{background-position:0 bottom}
.dm-revistas .next, .dm-revistas .prev { display: none; }
.dm-revistas .palco{ margin:0 75px }
.dm-revistas>div>div>div>div>div>a span{background-color:#DDDDDD;font-size:14px;font-style:italic;padding:5px 38px;border-radius:27px 4px;color:rgb(117, 117, 117);text-decoration:none;}
.dm-revistas>div>div>div>div>div>a>img{width:150px;height:200px;margin:5px;border-radius:2px;}
/*MARKETING DE VALOR*/
.dm-marketing-valor{font-family:Arial, Tahoma; background-color:#F2F5F7; padding-bottom:25px; margin-bottom:-25px; position: relative;}
.dm-marketing-valor .row-fluid.content>div{display: table-cell;vertical-align: middle;width:25%;height:135px; padding: 0 20px;text-align:center;border-left:1px solid #302f31;-moz-box-sizing: border-box;box-sizing: border-box;}
.dm-marketing-valor .row-fluid.content>div:first-child{border-left:none;}
.dm-marketing-valor .img{width:100%;}
/*TRANSITION AREA*/
.free-btn,
.free-btn:hover,
.mvp-btn,
.mvp-btn:hover,
.dm-divider>div>div>span.dir>a,
.dm-divider>div>div>span.dir>a:hover{
-webkit-transition:all 200ms linear;
   -moz-transition:all 200ms linear;
    -ms-transition:all 200ms linear;
     -o-transition:all 200ms linear;
        transition:all 200ms linear;}
.area-post-free ul li strong,
.area-post-free ul li strong:hover,
.area-post-free ul li strong i a,
.area-post-free ul li strong i a:hover,
.area-post-mvp ul li strong,
.area-post-mvp ul li strong:hover,
.area-post-mvp ul li strong i a,
.area-post-mvp ul li strong i a:hover{
-webkit-transition:all 100ms ease-out;
   -moz-transition:all 100ms ease-out;
    -ms-transition:all 100ms ease-out;
     -o-transition:all 100ms ease-out;
	    transition:all 100ms ease-out;}
@media (max-width: 1199px) {
.dm-divider>div>div>span.cen{font-size:22px;}
.dm-divider>div>div>span.cen>span{font-size: 41px;}
.dm-revistas .next, .dm-revistas .prev { display: block; }
.dm-revistas .palco{ margin:0 50px }
}	
@media (max-width: 979px) {
.dm-destaque>div>div h4{font-size:24px;font-weight:500;}
.dm-divider>div>div>span.esq{display:none;}
.dm-divider>div>div>span.cen{width: 80%;text-align: center;}
.dm-divider>div>div>span.dir {
/*margin: 30px 0 10px 0;*/
}
}
@media (max-width: 767px) {
.dm-destaque{background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 31%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(31%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 31%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 31%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 31%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 31%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );}
.dm-destaque>div{margin:0 10%;}
.dm-destaque>div>div img{display:inline;max-height:180px;border:none;margin:5% 0 0 0;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-ms-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear;}
.dm-destaque>div>div>a strong, .dm-destaque>div>div>a span{ display:inline-block; margin:5px 0 0 3px;}
.dm-destaque>div>div>a{padding:0; margin-bottom:20px; text-decoration:none; color:#656565; text-align:center; padding:0; -webkit-box-shadow:  0px 0px 20px 0px #ddd;box-shadow:  0px 0px 20px 0px #ddd; background-color:#fff;}
.dm-destaque>div>div h4{font-family:Conv_ProximaNova-Light, Arial, Tahoma;font-size:22px;font-weight:500;color:#656565;padding: 0 5px 10px 5px; line-height:30px;}
/*posts*/
.area-post-free, .area-post-mvp {padding-top:0;}
.area-post-free a, .area-post-mvp a {font-size: 14px;}
.free-btn, .mvp-btn {padding: 7px 32px;}
.free-btn, .mvp-btn, .free-btn:hover, .mvp-btn:hover {margin: 25px auto;
}
/*divider*/
.dm-divider {margin: 0 0 25px 0;background: #3e3e3e;padding: 30px 0;height:auto;}
/*.dm-divider>div>div>span.esq{text-align:center;width:100%;float:left;font-size:22px;}*/
.dm-divider>div>div>span.cen{text-align:center;width:100%;float:left;font-size:22px;margin:0;}
.dm-divider>div>div>span.cen>span{font-size: 30px;}
.dm-divider>div>div>span.dir{text-align:center;width:100%;float:left;font-size:100%; margin-top:20px;}
/*serviços*/
.dm-devware>div p, .dm-mentoring>div p,.dm-devware>h4, .dm-mentoring>h4{margin:0 3%;}
.dm-lifree h3, .dm-limvp h3, .dm-devware h3, .dm-mentoring h3 {padding-left: 8px;}
.dm-revistas .palco {margin: 0 50px;}
/*MARKETING DE VALOR*/
.dm-marketing-valor .row-fluid.content>div{display:block;float:left;width:100%;height:auto; padding: 20px 20px;text-align:center;border-left:none;border-top:1px solid #ccc;-moz-box-sizing: border-box;box-sizing: border-box;}
.dm-marketing-valor .row-fluid.content>div:first-child{border-top:none;padding-top:0;}
.dm-marketing-valor .img{width:auto;}
}
@media (max-width: 479px) {
/*destaque*/
.dm-destaque>div{margin:0 10%;}
.dm-destaque>div>div img{display:inline;max-height:180px;border:none; margin:0; padding:0;}
.dm-destaque>div>div>a strong, .dm-destaque>div>div>a span{ display:inline-block; margin:5px 0 0 3px;}
.dm-destaque>div>div>a{padding:0; margin:0 0 20px 0; text-decoration:none; color:#656565; text-align:center; -webkit-box-shadow:  0px 0px 20px 0px #ddd;box-shadow:  0px 0px 20px 0px #ddd; background-color:#fff;}
.dm-destaque>div>div h4{font-family:Conv_ProximaNova-Light, Arial, Tahoma;font-size:24px;font-weight:500;color:#656565;padding: 0 5px 10px 5px; line-height:110%;}
/*posts*/
.area-post-free, .area-post-mvp {padding-top:0;text-rendering:geometricPrecision;}
/*divider*/
.dm-divider>div>div>span.esq{text-align:center;width:100%;float:left;font-size:22px;}
.dm-divider>div>div>span.cen{text-align:center;width:100%;float:left;font-size:22px;}
.dm-divider>div>div>span.dir{text-align:center;width:100%;float:left;font-size:100%; margin-top:20px}
/*destaque*/
}

/*css new home*/
.dm-block-post { background-color: #fff; margin-bottom: -50px; margin-top: 50px; }
ul.dm-post-list { list-style: none; margin-bottom: 30px; }
li.dm-post-item { margin-bottom: 5px; }
li.dm-post-item:nth-child(even) { background-color: #f2f5f7; }
li.dm-post-item:hover { background-color: #eee; transition: all .3s; }
h2.dm-list-text { display: table-cell; vertical-align: middle; padding-left: 20px; padding-right: 20px; font-size: 20px; color: #494949; font-weight: 400; }
h2.dm-list-text span { color: #6d942b; vertical-align: middle; }
span.dm-info-data {
    background-color: #6d942b;
    color: #fff;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: 70px;
    padding: 0 5px;
    line-height: 16px;
    width: 75px;
    font-family: Verdana, Tahoma;
    font-size: 13px;
    text-transform: uppercase;
}
span.dm-info-data span { display: block; padding: 5px 0; }
span.dm-info-data .data_post { font-size: 12px; }
a.titulo_post_play_post { text-decoration: none; font-family: arial; display: block; color: #494949; }
mark.dm-cn-list-text-video {
    background-color: #f47322;
    margin-left: 10px;
    font-size: 12px;
    color: #fff;
    padding: 3px 6px;
    text-transform: uppercase;
    vertical-align: middle;
}
.ultimos-post-btn {
    text-decoration: none;
    color: #fff;
    background-color: #302f31;
    border: none;
    display: table;
    font-size: 12px;
    font-family: 'Conv_Nexa Light', Arial, Tahoma;
    padding: 10px 18px;
    margin: 10px auto 30px;
    font-weight: 400;
}
.ultimos-post-btn:hover {
  background-color: #6d942b; transition: all .3s;
}
/* box cursos show-me-the-code */
.dm-divider { background-image: url('http://www.devmedia.com.br/imagens/2013/bg_curso_home.jpg'); }
.img-curso-show { width: initial !important; margin-right: 100px; }
.img-curso-show img { width: 248px; }
.info-curso-show { color: #302f31; margin: 0px; font-size: 22px; font-weight: 600; }
.text-curso-show { color: #302f31; margin: 0px; font-family: 'Conv_Nexa Bold'; font-size: 28px; }
.btn-right { float: right; }

.dm-mentoring p { margin-left: 492px; }

.guia_home { float: right; }
.span12.scrollto { width: 330px !important; }
.dm-revistas .next, .dm-revistas .prev { display: block;  }
.dm-revistas .next { float: left; margin: 90px 40px 0 25px; }

.next.mobile { display: none; }

.green-btn:hover { background-color: #7cac3c; } 

 .rolagem a {
    display: inline-block;
    float: left;
    margin: 2px 11px 0 0;
    text-align: center;
    color: white;
    text-decoration: none;
}

.rolagem a img {
    width: 150px;
    height: 200px;
    margin: 5px;
    border-radius: 2px;
}

.rolagem a span {
    background-color: #DDDDDD;
    font-size: 14px;
    font-style: italic;
    padding: 5px 38px;
    border-radius: 27px 4px;
    color: rgb(117, 117, 117);
    text-decoration: none;
}

.dm-revistas>div.hide-scroll { margin: -20px 0px -45px 0; }

.dm-destaque>div>div>a.mvp strong, .dm-mentoring h4 { color: #7cac3c; }

.span12.scrollto {
    width: 500px !important;
}
.dm-mentoring p {
    margin-left: 687px;
}
.btn-right {
    float: inherit;
    margin-left: 687px;
}

@media (max-width: 1199px) {
	.dm-divider>div>div>span.dir { width: initial !important; }
    .span12.scrollto { width: 100% !important; }
    .dm-mentoring { display: none; }
    .next.mobile { display: block; float: right; margin: 90px 0 0 0; } 
    .next.full { display: none; }
}

@media (max-width: 979px) {
	.guia_home { display: none; }
	.dm-mentoring { display: none; }
	.span12.scrollto { width: 100% !important; }
	.next.mobile { display: block; float: right; margin: 90px 0 0 0; }
	.next.full { display: none; }
} 

@media (max-width: 767px) {
	.dm-devware h4, .dm-mentoring h4 { padding: 0px 15px; }
	h2.dm-list-text { font-size: 18px; }
  	.ultimos-post-btn { margin: 0px auto 70px; }
  	.dm-block-cursos { margin-bottom: 30px !important; }
  	.ultimos-post-btn { margin-bottom: 30px; }
  	.dm-divider>div>div>span.dir { width: 100% !important; }
}

@media (max-width: 560px) {
 .titulo-destaque {
  margin-left: 5px;
  width: auto;
  margin-right: 5px;
  
}
.titulo-destaque2 {
  margin-left: 5px;
  width: auto;
  margin-right: 5px;
}
.descricao-box-destaque{
 width: auto;
 margin-right: 5px;
}

h2.dm-list-text { font-size: 16px; }

}

@media (max-width: 360px) { 
  h2.dm-list-text { font-size: 14px; padding: 15px 20px; }
  mark.dm-cn-list-text-video { font-size: 10px; }
}