/*
Theme name: Diple
Theme URI: http://www.redetelenew.com.br
Description: Tema Layout Fixo Institucional
Version: 2015
Author: diple.net
Author URI: http://www.diple.net
*/

/* gerais */

@import url(http://fonts.googleapis.com/css?family=Titillium+Web);
body, a, h1, h2, h3, h4{font-family: 'Titillium Web', sans-serif!important;}
h1, h2, h3, h4, h5, h6{font-weight: 400;}
h1{font-size: 1.750em}/* 28px */
h2{font-size: 1.625em}/* 26px */
h3{font-size: 1.400em}/* 24px */
h4{font-size: 1.375em}/* 22px */
h5{font-size: 1.250em}/* 20px */
h6{font-size: 1.125em}/* 18px */
* {margin: 0;}
html, body {height: 100%;}
body {background: #F2F2F2;}
form textarea{height: 120px;}
.sub-menu{display:none !important;}
#main{min-height: 100%; margin-bottom: -250px;} /* equal to footer height */
#main:after {content: ""; display: block;}
#bot, #main:after {height: 250px;}
.page-404{height: 400px; background:#fff; padding-top: 30px;}
.page-404 h4 .button{font-size: 22px;}
.clearing-assembled .carousel ul {margin:0;}
.clearing-assembled .carousel ul li{padding:10px; cursor: pointer;}
.clearing-assembled .carousel ul li img{margin-bottom: 0;}
.th:hover{box-shadow: 0 0 6px 3px rgba(224, 224, 224, 0.2);}


/* T O P T O P T O P T O P T O P T O P T O P T O P  */
/* cabeçalho */
#top{height:160px;}
#top .top-bar{background: transparent;}
.wh1, .wh2{padding: 0;}
.cima-bar{height: 50px; width: 100%; background: #4B4B4B; border-bottom: 5px solid #e9e9e9; overflow: hidden;}
/* menu-um */
#top .top-bar .menu-um ul li,  #top .top-bar .menu-um ul li:not(.has-form) a:not(.button){background: #333;}

.tel{color:white; margin:0; line-height:45px; margin-right: 15px;}

/* menu-dois */
#top .top-bar .menu-dois ul li,  #top .top-bar .menu-dois ul li:not(.has-form) a:not(.button){background: transparent; bottom: 2px solid transparent; border-top: 2px solid transparent;}
#top .top-bar .menu-dois li a{line-height: 89px;}
#top .top-bar .menu-dois li:not(.has-form) a:hover:not(.button) {background: #FBFEED; border-bottom: 2px solid #033D69; border-top: 2px solid #033D69;}
#top .top-bar .menu-dois li > a {color: #244067; font-size: 16px;}
#top .top-bar .menu-dois li:hover:not(.has-form)>a{color:#244067;}

/* M I D M I D M I D M I D M I D M I D M I D M I D  */
/* slider */
.slide-envelope{position: relative; width:100%; overflow: hidden;}
.slide-left{position: absolute; top:0; left:0; height: 350px;}
.slide-left .slick-list .slick-track img{height:350px; width: 1000px;}
.slide-envelope{height: 350px; border: 3px solid #033d69;}
.slide-envelope .slide-box{margin: 0;}

.left-bg{
    background: #f2f2f2;
    background-repeat: repeat-y;
    bottom: 0;
    height: 100%;
    position: absolute;
    width: 600px;
    left: 0;
}

.right-bg{
    background: #f2f2f2;
    background-repeat: repeat-y;
    bottom: 0;
    height: 100%;
    position: absolute;
    width: 600px;
    right: 0;
}

.content .wc2 .large-8 .box-home{border: 3px solid #033D69; padding: 15px 20px 15px 0; margin-bottom: 15px; margin-top: 15px; height:284px; overflow: hidden;}

.large-8 .box-home .button {position: absolute; bottom: 10px; right: 10px;  color:#fff;}
.large-4 .box-home .button {position: absolute; bottom: 10px; right: 10px;  color:#fff;}
.extra-box .large-4{padding-right:0;}

.content .wc2 .large-4 .box-home{background: #CDD100; padding: 15px 17px; margin-bottom: 15px; margin-top: 15px; height:227px; overflow: hidden;}
.content .wc2 .box-home img{padding: 15px;}
.extra-box .large-4 div>img{margin-top: 20px;}

/* B O T B O T B O T B O T B O T B O T B O T B O T  */

/* sidebar */
.widget-box{background: #c9c9c9; padding: 0;}
.destaque-box{margin:17px; margin-left: 18px;}
.produto-box{margin:17px; margin-left: 18px;}
.produto-img{padding:10px; background: #fff; border: 1px solid #aaa;}
.produto-texto{overflow: hidden; width: 298px; height:69px; padding: 5px 10px; background: #fff; border: 1px solid #aaa;}
.produto-texto p{line-height: 16px;}
.produto-texto p span{color: #244067;}
.destaque-titulo{position: absolute; bottom:0; right: 0; background: #244067; color:#fff; padding: 2px 25px 5px 20px; border-radius: 5px 0 0 0;}


div.row div.sidebar-envelope{padding-right: 15px;}
.sidebar-envelope .widget-box:last-child>div{margin-bottom: 0;}

/* content wc2 */
.wc2a{height:180px; padding: 30px 0;}
.wc2b{padding: 0;}

/* página */
.page-title, .page .conteudo-envelope h2, .single .conteudo-envelope h2{background:#033D69; color:#fff; padding-left: 20px; margin-bottom: 15px; margin-top: 0;}
.page #main .conteudo-envelope, .single #main .conteudo-envelope, .archive #main .conteudo-envelope{padding: 0 0 0 15px; margin-bottom: 50px;}
.page .conteudo-envelope>div, .single .conteudo-envelope>div, .archive .conteudo-envelope>div{background:#fff;}
.page-template-page-blog-php .conteudo-envelope>div, .archive .conteudo-envelope>div{border-bottom: 3px dotted #244067;}
.mid .conteudo-envelope .paginacao{border-bottom :none;}
.page-template-page-blog-php .conteudo-envelope>div:last-child, .archive .conteudo-envelope>div:last-child{margin-bottom: 30px;}{margin-bottom: 30px;}
.page .conteudo-envelope .th{margin-bottom: 24px;}
.page .row .resumo{padding: 0 20px;}

/* post */


/* loop */


/* página - playlist*/
.page-template-page-playlist-php .conteudo-envelope .flex-video iframe{height:230px;}
.page-template-page-playlist-php .conteudo-envelope .flex-video {padding-bottom:175px;}

/* página - portfolio*/
.page-template-page-portfolio-php .conteudo-envelope, .single .conteudo-envelope{padding: 0;}

.imagem-color{position: absolute; width:333px; height:333px; top:0; left:0; opacity: 0; transition: opacity 0.7s;}

.portfolio-box:hover .imagem-color{opacity: 1;}
.portfolio-box:hover .info{opacity: 1;}

.textura{background: url('img/textura.png') repeat; height: 100%; left:0; position: absolute; top: 0; width: 100%; z-index: 10;}
.info{background: #fff; color: #000; font-size:16px; left: 0; opacity:0; padding: 5px; position: absolute; top: 80%; z-index: 20; transition: opacity 0.7s;}
.info p{margin:0;}

/* página - contrato*/
#main .contrato .title-contrato{padding: 30px 30px 0 40px;}
#main .contrato .content-contrato{padding: 20px 30px 40px 40px;}

/* página - blog*/
.page-template-page-blog-php .conteudo-envelope p {margin-bottom: 14px;}

/* rodapé */
#bot{height: 250px; background: #033D69; padding-top: 17px;}
#bot .bot-box1{height: 167px; background: #fff; margin-bottom: 17px; border-radius: 10px; overflow: hidden;}
#bot .bot-box1 .padded-column{padding: 5px;}
#bot .bot-box2{height: 35px; background: #033D69;}
#bot .bot-box3{height: 35px; background: #fff;}

.contratos a{color:#fff; font-size: 13px; margin: 0; line-height: 35px; padding-right: 20px;}
.contratos ul{list-style: none; margin: 0;}
.contratos ul li{display: inline-block;}
.diple_net a{display: block; color:#fff; font-size: 13px; margin: 0; line-height: 35px;}
.copyright{height: 35px;}
.copyright a, .copyright p{margin: 0; color:#333; font-size: 13px; line-height: 35px;}

/* estilos exclusivos */

/* planos */
#plano, #plano2, #plano3{margin-top: 25px;}
.plano{height: 660px; background:#fff; margin-right: 10px; margin-left:10px; padding:15px;}
.plano li{list-style: none; border-bottom: 1px solid #E0E0E0; padding: 20px 0; text-align: center;}
.plano li:last-child{border-bottom: none;}
.plano h2{margin: 0;}
.plano h4{margin: 0;}
.plano p{margin: 0;}
.plano h5{margin-bottom: 20px; font-weight: 400; font-size: 16px;}
.wc2 .plano1{margin-left: 0; margin-right: 20px;}
.wc2 .plano3{margin-right: 0; margin-left: 20px;}
.plano .total{font-size: 26px; line-height: 20px; color: #C4D650; font-weight: 800;}
.plano .decoration{text-decoration: line-through;}
.orcamento {color:#244067;}

.loop-envelope .produto{height:380px; background:#fff; padding:0; margin-left: 5px; margin-right: 5px; margin-bottom: 15px; border-radius: 3px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);}
.loop-envelope div:first-child .produto{margin-left: 0; margin-right: 10px;}
.loop-envelope div:last-child .produto{margin-right: 0; margin-left: 10px;}
.produto .prod-pict{height: 217px; padding: 10px;}
.produto .prod-descr{padding: 0 10px;}
.produto .prod-descr h3{font-size:12px; color:#666; line-height: 17px; margin-bottom: 7px; height: 33px;}
.produto .prod-descr p:hover{color:#D0050B; }
.produto .prod-descr span{display: block; font-size:12px; color:#666; padding-right: 5px;}
.produto .prod-descr h5{font-size:12px; color:#666; line-height: 17px; text-decoration: line-through;  display: inline;}
.produto .prod-descr .price{height:23px; margin-bottom: 45px;}
.produto .prod-descr .price>.amount{font-size:24px; font-weight: 700; color:#D0050B; line-height: 17px;}
.produto .prod-descr span:last-child{display: block;}