@charset "utf-8";
/* CSS Document */

/**************************************/
/*	INFO	*/
/**************************************
        Mega Infor PVH - Desenvolvimento Web
--------------------------------------
        Projeto: Lereene Corporation
        Início: 29/10/2016
        Última Atualização:  06/11/2016
        Montador: Eneas Vaz
        
/**************************************/
/*	FONTES	*/
/**************************************/


/**************************************/
/*	FONTES - FIM	*/
/**************************************/

/* Gere no conteudo: http://www.google.com/webfonts */

/**************************************/
/*	HEAD	*/
/**************************************/

html {
    padding:0;
    margin:0;
    background: #ccc;
}
body {
    font-family:Arial, Helvetica, sans-serif, Adobe Devana;
    color: #000;
    font-size: 12px;
    height: auto;
    width: 1044px;
    padding:0;
    margin:0 auto;
    text-align:justify;
    background: #fff;
}
/**************************************/
/*	CLASSES	*/
/**************************************/
.bg_debug { background:#0F0}
.bg_debug_2 { background:#06F;}
.clear {clear:both;}
.fb-comments {
    margin-left: 10px;
}
/**************************************/
/*	TOPO	*/
/**************************************/
.topo {margin: 0 auto; width:1024px; height: 210px; background: url(../img/bg/bg_topo.png) no-repeat; position: relative; }
.topo .logo {display: block; position: absolute; top: 15px; left: 29px;}
.topo .logoADL {display: block; position: absolute; top:15px; right: 25px;}
.topo .SpsubLogo { display: block; position: absolute; bottom: 5px; left: 19px;}
.menu {margin: 0 auto; padding: 0; width: 1024px;}
.menu ul { margin: 0; padding: 0; height: 35px; border-bottom: #fb0000 solid 1px;}
.menu ul li { margin-left: 50px; font-size:24px ; font-weight: bold; float: left; list-style: none;}
.menu ul li a {text-decoration: none; color: #fb0000;}
.menu ul li a:hover {color: #000;}
/**************************************/
/*	Banner central                */
/**************************************/
.banner-centro { margin: 0; padding: 5px; height: 175px; width: 100%;}
.banner-centro .container-banner-central { margin: 0; padding: 0;}
/**************************************/
/*	CONTEUDO	*/
/**************************************/
.conteudo {margin: 0 auto; width: 1024px; min-height:700px;}
.conteudo .box01 { margin: 0; padding: 0; width:770px; height: auto; float: left;}
.conteudo .box02 { margin: 0; padding: 0; width:254px; height: auto; float: left;}
/**************************************/
/*	Banner  	*/
/**************************************/
.conteudo .box02 .banner {margin:0; padding: 0; height: 645px;}
.conteudo .box02 .banner ul li .img_top {display: block; text-align: center; }
.conteudo .box02 .banner ul li .sp_tit {display:  block; margin: 20px; text-align: center; font-size: 24px; color:#fb0000; font-weight: bold;}
.conteudo .box02 .banner ul li .sp_itens { display: block; margin-top: 30px; text-align: center;}
.conteudo .box02 .banner ul li .sp_itens .sp_desc .sp_img {display: block; text-align: center; }
.conteudo .box02 .banner ul li .sp_itens .sp_desc { display: block; margin: 5px; text-align: center; font-size: 16px; color: #000;}
.conteudo .box02 .banner ul li .sp_itens .sp_desc .sp_titulo {display: block; margin: 5px; text-align: center; font-size: 16px; color: #000;}
/*.conteudo .box02 .banner ul li .sem_desc {display: block; margin: 5px; text-align: center; font-size: 16px; color: #000;}
.conteudo .box02 .banner ul li .sem_desc span {color:red; text-decoration:line-through; }*/
.conteudo .box02 .banner ul li .sp_itens .sp_desc .preco_atual span { color:#33cc00; font-size:18px; font-weight: bold; }
.conteudo .box02 .banner ul li .sp_itens .sp_desc .sp_btComprar { display: block; margin: 10px; text-align: center;}
.conteudo .box02 .banner ul li .sp_itens .sp_desc .sp_btComprar a { cursor: pointer; }
.conteudo .box3{ margin: 0; padding: 0; height:100px; width: 150px; float: left;}
/**************************************/
/*	       Det Home               */
/**************************************/
.sp-tit { margin: 10px 20px 10px 10px; padding: 0; font-size: 24px; font-weight: bold; }
.sp-border-style { border-bottom: solid 1px; border-bottom-style: dashed; }
.conteudo .detHome .box03 { margin: 0; padding: 0; width: 435px; float: left;}
.conteudo .detHome .box03 .manchetes { margin: 0; padding: 0; width: auto; height: auto;}
.conteudo .detHome .box03 .manchetes .lis-manchetes { margin: 10px; padding: 0; width: auto; height: auto; position: relative;}
.conteudo .detHome .box03 .manchetes .lis-manchetes .img-machete { margin:0 10px 0 0; padding: 0; float: left;}
.conteudo .detHome .box03 .manchetes .lis-manchetes .sp-manchete { display: block; margin:0 0 10px 0; padding: 0 ;width:280px; float: left;}
.conteudo .detHome .box03 .manchetes .lis-manchetes .sp-manchete .tit-manchete { display: block; padding: 0; margin-bottom: 5px;}
.conteudo .detHome .box03 .manchetes .lis-manchetes .sp-manchete .text-manchete { display: block; padding: 0; line-height: 1;}
.conteudo .detHome .box03 .manchetes .lis-manchetes .sp-manchete .mais { display: block; padding: 0; position: absolute; right: 10px; bottom: 3px;}
.conteudo .detHome .box03 .novidades { margin: 30px 10px; padding:0; border: #000 solid 1px; border-radius: 10px;}
.conteudo .detHome .box03 .frm-novidades { margin: 0 0 0 40px; padding: 0; width: 100%;}
.conteudo .detHome .box03 .frm-novidades div label { display: block; margin: 5px 5px 5px 0; width:80px; float: left; text-align: right; }
.conteudo .detHome .box03 .frm-novidades div select { display: block; margin: 5px 5px 5px 0; width:220px; height: 25px; float: left; border-radius: 5px; }
.conteudo .detHome .box03 .frm-novidades div input { display: block; margin: 5px 5px 5px 0; width:220px; height: 25px; float: left; border-radius: 5px;}
.conteudo .detHome .box03 .frm-novidades .btn { display: block; margin: 5px 5px 5px 0; width:318px; text-align: right;}
/***************************************/
.conteudo .detHome .box04 { margin: 0; padding: 0; width: 335px; float: left;}
.conteudo .detHome .box04 .noticias { margin: 0; padding: 0; height: 250px; position: relative;}
.conteudo .detHome .box04 .noticias .mais { padding: 0; position: absolute; right: 10px; bottom: 3px;}
.conteudo .detHome .box04 .noticias .mais a { font-size: 16px; font-weight: bold; color: #000;}
.conteudo .detHome .box04 .noticias .mais a:hover { color: #fb0000;}
.conteudo .detHome .box04 .noticias .lista-noticias { margin: 0; padding-bottom: 30px;}
.conteudo .detHome .box04 .noticias .lista-noticias .o { display: block; margin: 0; padding: 0; float: left;}
.conteudo .detHome .box04 .noticias .lista-noticias .over-text { display: block; margin-left: 5px; padding: 0; float: left; height: 18px; width: 320px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.conteudo .detHome .box04 .noticias .lista-noticias a:hover { color: #fb0000;}
.conteudo .detHome .box04 .videos {margin: 5px; padding: 0; width: 325px; height:190px; border: 1px; border-style: dashed; }
.conteudo .detHome .box04 .videos .box-videos { margin: 5px; padding: 0; height: 130px;}
.conteudo .detHome .box04 .videos .box-videos img { margin:7px; float: left;}
.conteudo .detHome .box04 .videos .box-videos .det-video { margin:5px; padding: 0; float: left; width: 120px; height: 98px; font-size: 12px; overflow: hidden; line-height: 1;}
.conteudo .detHome .box04 .videos .box-videos .play-video { display: block; margin: 0; text-align: center; }
.conteudo .detHome .box04 .videos .box-videos .play-video a {text-decoration:none; color:#000; font-weight:bold;}
.conteudo .detHome .box04 .videos .box-videos .play-video a:hover {text-decoration:underline; color: #fb0000;}

/**************************************/
/*               Links                */
/**************************************/
.links {margin: 0; padding: 0;}
.links .box1_02{ margin: 0; height: auto; width: auto;}
.links .box1_02 .box1_02_span1 { display: block; margin: 0 10px 5px 0; padding: 0;font-size: 24px; color: #000; }
.links .box1_02 .links { list-style: none; margin: 0; padding: 0;}
.links .box1_02 .links li {display: block; margin: 14px; float: left;  border:#000 solid 1px;}
.links .box1_02 .links li a { text-decoration: none;}
.links .box1_03 { margin: 0; height: auto; width: auto;}
.links .box1_03 .box1_03_span1 { display: block; margin: 0 10px 5px 0; padding: 0;font-size: 24px; color: #000; }
.links .box1_03 .certidoes { list-style: none; margin: 0; padding: 0;}
.links .box1_03 .certidoes li {display: block; margin: 14px; float: left; border:#000 solid 1px;}
.links .box1_03 .certidoes li a { text-decoration: none;}
/**************************************/
/*	Institucional                 */
/**************************************/
.conteudo .institucinal {margin: 0; padding: 0; font-size: 16px;}
.conteudo .institucinal .det-institucinal {margin: 50px 50px 0 40px; width: 700px; text-align: justify; }
.conteudo .institucinal .tit-institucinal {display: block; margin-bottom: 20px; width: 100%; font-size: 24px; font-weight: bold; border-bottom: #000 solid 1px; border-bottom-style: dashed;}
/**************************************/
/*	Institucional                 */
/**************************************/
.conteudo .galeria {margin: 0; padding: 0; font-size: 16px; font-weight: bold;}
.conteudo .galeria .detGaleria {margin: 50px 50px 0 40px; width: 700px; text-align: justify; }
.conteudo .galeria .titGaleria {display: block; margin-bottom: 20px; width: 100%; font-size: 24px; font-weight: bold; border-bottom: #000 solid 1px; border-bottom-style: dashed;}
.conteudo .galeria a { font-size: 20px; color: #06F;}
.conteudo .galeria a:hover { color: #fb0000;}
.conteudo .galeria .imgGaleria { margin: 25px;}
.conteudo .galeria .imgGaleria .ulGaleria { margin:0; padding: 0;}
.conteudo .galeria .imgGaleria .ulGaleria li {display: block; margin: 5px; list-style: none; float: left;}
/**************************************/
/*	Parceiros             */
/**************************************/
.conteudo .parceiros {margin: 0; padding: 0; font-size: 16px;}
.conteudo .parceiros .detParceiros {margin: 50px 50px 0 40px; width: 700px; text-align: justify; }
.conteudo .parceiros .titParceiros {display: block; margin-bottom: 20px; width: 100%; font-size: 24px; font-weight: bold; border-bottom: #000 solid 1px; border-bottom-style: dashed;}
.conteudo .parceiros .imgParceiros { margin: 25px;}
.conteudo .parceiros .imgParceiros .ulParceiros { margin:0; padding: 0;}
.conteudo .parceiros .imgParceiros .ulParceiros li {display: block; margin: 5px; list-style: none; float: left;}

/**************************************/
/*	Trabalhe Conosco              */
/**************************************/
.conteudo .servicos {margin: 0; padding: 0; font-size: 16px;}
.conteudo .servicos .det-servicos{ margin: 50px 50px 0 40px; width: 700px; text-align: justify; }
.conteudo .servicos .tit-serv {display: block; margin-bottom: 20px; width: 100%; font-size: 24px; font-weight: bold; border-bottom: #000 solid 1px; border-bottom-style: dashed;}
/**************************************/
/*	Certificados Digitais         */
/**************************************/
.conteudo .certificados {margin: 0; padding: 0; font-size: 16px; text-align: center;}
.conteudo .certificados .detCertificados{ margin: 50px 50px 0 50px; width: 700px; }
.conteudo .certificados .tit-cert {display: block; margin-bottom: 20px; width: 100%; font-size: 24px; font-weight: bold;}
.conteudo .certificados .item-cert { margin: 50px ; width: 285px; float: left; text-align: justify;}
.conteudo .certificados .item-cert .sp-item {display: block; margin-bottom: 20px; text-align: center;}
.conteudo .certificados .markting { margin: 50px ; width: 700px; }
/**************************************/
/*	Redirecionamento              */
/**************************************/
.site_red .topo_red {margin: 0 auto; width: auto; background:#5373B2;}
.site_red .topo_red .logoRed { display: block; margin: 0 auto; padding: 10px; width: 1140px; position: relative;}
.site_red .topo_red .logoRed .menu  { display: block; width: 820px; position: absolute; bottom: 15px; right:20px;}
.site_red .topo_red .logoRed .menu ul { margin: 0; padding: 0;}
.site_red .topo_red .logoRed .menu ul li { margin-left: 30px; font-size:15px ; font-weight: bold; float: left; list-style: none;} 
.site_red .topo_red .logoRed .menu ul li a {text-decoration: none; color:#ffffff;}
.site_red .topo_red .logoRed .menu ul li a:hover {color: #fb0000;}
/**************************************/
/*	CONTATO	*/
/**************************************/
.conteudo .contato {margin: 0; padding: 0; width: 100%;}
.conteudo .contato .sp_titCont { display: block; margin: 10px ; font-size: 24px; color: #000; font-style: italic; font-weight: bold;}
.conteudo .contato .sp_detCont {display: block; margin: 10px ; font-size: 14px; color: #000; font-weight: bold;}
.conteudo .contato .sp_detCont a { text-decoration: none; color: #000; font-weight: bold;}
.conteudo .Mapa { margin: 0; padding: 0; width: 100%; height: auto;}
.conteudo .Mapa .sp_titMap {  display: block; margin:25px 10px; font-style: italic; font-size: 24px; color: #000; font-weight: bold; }
.conteudo .Mapa .mapa { display: block ; margin-left: 95px;}
.conteudo .tit_formulario { margin:25px 10px; font-style: italic; font-size: 24px; color: #000; font-weight: bold;}
.conteudo .formulario { margin: 0; padding: 0:} 
.conteudo .formulario .frm_contato { margin: 0; padding: 0; width: 100%;}
.conteudo .formulario .frm_contato div label { display: block; margin: 5px 5px 5px 0; width:90px; float: left; text-align: right; }
.conteudo .formulario .frm_contato div input { display: block; margin: 5px 5px 5px 0; width:600px; float: left }
.conteudo .formulario .frm_contato div textarea { display: block; margin: 5px 5px 5px 0; width:600px; float: left; height: 120px; }
.conteudo .formulario .frm_contato .btnForm { display: block; margin: 5px 5px 5px 0; width:690px; text-align: right; }

/**************************************/
/*	RODAPE	*/
/**************************************/
.rodape { margin: 0 auto; padding: 0; background:url(../img/bg/bg_rodape.png); height: 97px; width: 1024px; position: relative;}
.rodape .detRodape { display: block; position: absolute; top:  10px ; left:10px;}
.rodape .detRodape .menuRodape { margin: 0; padding: 0; list-style: none;}
.rodape .detRodape .menuRodape li { margin-left: 15px; font-size: 14px; font-weight: bold; float: left; list-style: none;}
.rodape .detRodape .menuRodape li a {text-decoration: none; color: #fb0000;}
.rodape .detRodape .menuRodape li a:hover {color: #fff;}
.rodape .logo_rodape { display: block; margin: 4px 15px; width: 1024px;}
.rodape .direitos { display: block; font-size: 14px; text-align: left; color:#ffffff; position:absolute; top: 10px; right: 15px; }