/*
 Custom style for documents.
 
 Not needed for Mega Menu or Bootstrap.
 
 Developed by Weborithm.
 Follow me on twitter.com/weborithm
 
*/


/*CAMPOS PRÉ FORMATADOS DICA UPINSIDE*/
pre {
     white-space: pre-wrap;
     word-wrap: break-word;
     text-align: justify;
}




/*SLIDER*/
.main-slider{width: 100%; position: relative; height: 340px;}
.main-slider h3{font-size: 0px;}
.main-slider .container{height: 230px; margin: 30px auto; overflow: hidden;}
.main-slider article{float: left; width: 968px; height: 230px;}
.main-slider article .slide_img{width:960px; height:330px; position:absolute; left:50%; margin-left:-490px; top:195px; padding:0px 10px;};
.main-slider article h1 a{font-size: 26px; font-weight: bold; padding: 5px 0; background: #F63; color: #fff;}
.main-slider article h1 a:hover{background: #CCC;}
.main-slider article time{font-size: 12px; color: #eee; margin: 20px 0; display: block;}
.main-slider article p{font-size: 16px; font-family: 'Baumans', cursive; color: #fff;}
.main-slider .slidenav{position: absolute; left: 0px; bottom: 0px; z-index: 1; width: 100%; text-align: center;}
.main-slider .slidenav a{padding: 4px 50px; background: #CCCCCC; font-size: 0px;}
.main-slider .slidenav a:hover{background: #2900A4;}
.main-slider .slidenav a.activeSlide{background: #70A50E;}



.box-conteudo .desc-empresa{width:calc(100% - 358px); height:auto; position:relative; float:right;}
.box-conteudo .img-galeria{width:348px; height:auto; position:relative; float:right;}
.box-conteudo .img-galeria img{width:164px; height:121px; position:relative; float:left; margin:25px 0px 5px 10px;}
.box-conteudo .desc-produtos{width:calc(100% - 358px); height:auto; position:relative; float:left;}
.box-conteudo h2{font:600 20px "Open Sans", Verdana, Geneva, sans-serif; color:#900;}
.box-conteudo p{font:600 14px "Open Sans", Verdana, Geneva, sans-serif; color:#666; margin:15px 0 0 0; text-align:justify;}

.box-conteudo a, .box-regioes a{color:#900;}

.box-regioes{width:calc(100% - 20px); height:auto; position:relative; float:left; padding:10px; margin:0 0 20px 0; background:;}
.box-regioes h2{font:600 16px "Open Sans", Verdana, Geneva, sans-serif; color:#900;}
.box-regioes p{font:600 12px "Open Sans", Verdana, Geneva, sans-serif; color:#666; margin:15px 0 0 0; text-align:justify;}
@media only screen and (min-width: 768px) and (max-width: 995px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.box-conteudo .desc-empresa, .box-conteudo .desc-produtos{width:100%;}
.box-conteudo .img-galeria{width:100%; height:auto; position:relative; float:left;}
}
@media only screen and (max-width: 479px) {
.box-conteudo .desc-empresa, .box-conteudo .desc-produtos{width:100%;}
.box-conteudo .img-galeria{width:100%; height:auto; position:relative; float:left;}
.box-conteudo .img-galeria img{width:500px; height:600px;}
}


.voltar-ao-topo {
            position: fixed;
            bottom: 2em;
            right: 2em;
            text-decoration: none;
            color: white;
            background-color: rgba(0, 0, 0, 0.3);
            font-size: 12px;
            padding: 1em;
            display: none;
        }
        .voltar-ao-topo:hover {
            background-color: rgba(0, 0, 0, 0.6);
        }

/*contato*/
.main-footer .footer_contact{float: right;}
.main-footer .footer_contact label{display: block; margin-bottom: 8px;}
.main-footer .footer_contact label span{display: block; margin-bottom: 3px; font-family: 'Baumans', cursive; color: #fff;}
.main-footer .footer_contact label input,
.main-footer .footer_contact label textarea{border: none; padding: 5px; width: 274px;}
.main-footer .footer_contact .btn{border: none; padding: 5px; background: #222; font-size: 16px; font-family: 'Baumans', cursive; color: #fff; float: right; cursor: pointer;}
.main-footer .footer_contact .btn:hover{background: #16A085; color: #fff;}
.main-footer a{color: #eee; font-family: 'Baumans', cursive;}
.main-footer a:hover{color: #fff; text-decoration: underline;}


/*BOTÕES*/
.btnadmin{padding: 7px 22px; border: 3px solid #eee; background: #fbfbfb; text-transform: uppercase; font-weight: bold;}
.btnadmin{cursor: pointer; font-size: 0.8em; color: #fff;}
.blueadmin{background: #069; border-color: #053a8a}
.blueadmin:hover{background: #09f; border-color: #069;}
.greenadmin{background: #33752c; border-color: #1f471a}
.greenadmin:hover{background: #4aaa40; border-color: #398431;}


/*MENSAGENS DO SISTEM*/
.trigger{padding: 10px; background: #eee; font-size: 14px; margin-bottom: 15px; color: #fff !important;}
.trigger a{font-weight: 600; font-size: 12px; text-transform: uppercase; padding: 5px 15px; background: #069; color: #fff;}
.trigger a:hover{background: #09f; color: #fff;}

.accept{background: #71ca73}
.infor{background:  #c8dbfd}
.alert{background:  #faf7b7}
.error{background:  #ffafaf}


/*ARTIGO*/
.page_article .art_content{width: 578px; float: left; background: #fff;}
.page_article .art_content img{max-width: 578px;}
.page_article .art_content header .capa{width: 578px; min-height: 300px; margin: 10px 0;}

.page_article .art_content header{display: block; margin-bottom: 10px;}
.page_article .art_content header h1{font-family: 'Baumans', cursive; font-size: 36px; color: #333; padding: 10px 10px 0 10px;}
.page_article .art_content header img{float: left; margin-bottom: 10px;}
.page_article .art_content header time{font-size: 14px; font-family: 'Baumans', cursive; color: #ccc; display: block; padding: 0 20px; text-align: right;}

.page_article .art_content .htmlchars{margin: 0 20px;}

.htmlchars p{margin: 15px 0; font-family: 'Trebuchet MS', arial, sans-serif; color: #333;}
.htmlchars h2{font-size: 26px; font-weight: initial; color: #FF6A6A; margin-bottom: 15px; font-family: 'Baumans', cursive;}
.htmlchars h3{font-size: 23px; font-weight: initial; color: #16A085; margin-bottom: 15px; font-family: 'Baumans', cursive;}
.htmlchars h4{font-size: 20px; font-weight: initial; color: #8500B2; margin-bottom: 15px; font-family: 'Baumans', cursive;}
.htmlchars pre{margin: 15px 0; padding: 10px; background: #fbfbfb; font-family: monospace; font-size: 16px; white-space: normal;}
.htmlchars blockquote{padding: 15px; font-size: 14px; background: #f9fce0; margin: 15px 0;}
.htmlchars a:hover{text-decoration: underline;}
.htmlchars pre{white-space: pre-wrap; word-wrap: break-word; text-align: justify;}

.htmlchars .gallery{padding: 20px; background: #ccc;}
.htmlchars .gallery h3{font-size: 16px; display: block; text-transform: uppercase; color: #8500B2; margin: 0 0 15px;}
.htmlchars .gallery p{font-size: 14px; display: inline; margin: 0; font-family: 'Baumans', cursive; text-transform: none;}
.htmlchars .gallery p mark{background: none; font-family: 'Baumans', cursive; color: #000;}
.htmlchars .gallery ul{display: block;}
.htmlchars .gallery ul li{float: left;}
.htmlchars .gallery ul li .img{float: left; width: 120px; height: 80px; margin: 2.2px;}
.htmlchars .gallery ul li img{float: left;}

.page_article .art_content footer{width: 538px !important; border-top: 1px groove #eee;}
.page_article .art_content footer nav{width: 538px;}
.page_article .art_content footer{display: block; float: left; padding: 20px; background: #eee;}
.page_article .art_content footer h3{font-family: 'Baumans', cursive; font-size: 18px; display: inline; color: #FF6A6A; display: block; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #ccc;}
.page_article .art_content footer article{float: left; width: 250px;}
.page_article .art_content footer article img{max-width: 250px;}
.page_article .art_content footer article .img{max-width: 250px; height: 173px;}
.page_article .art_content footer article h1{font-size: 0; display: block; margin: 10px 0; padding: 0;}
.page_article .art_content footer article time{text-align: left; padding: 0; color: #333;}
.page_article .art_content footer article:last-child{float: right;}
.page_article .art_content footer article a{color: #70A50E; font-size: 18px; font-family: 'Baumans', cursive;}
.page_article .art_content footer article a:hover{color: #fff; background: #70A50E;}

/*SIDEBAR*/
.main-sidebar{float: right; width: 300px;}
.main-sidebar .ads{margin-bottom: 20px; font-size: 0px;}
.main-sidebar .widget{margin-bottom: 20px;}
.main-sidebar .widget:last-child{margin-bottom: 0;}
.main-sidebar .widget .widget_title{font-size: 20px; color: #000; font-family: 'Baumans', cursive; text-transform: uppercase; margin-bottom: 10px; border-bottom: 5px solid #eee; padding-bottom: 3px;}
.main-sidebar .art-list article{float: left; width: 300px; margin-bottom: 15px;}
.main-sidebar .art-list article h1{font-size: 0px; margin-bottom: 5px;}
.main-sidebar .art-list article time{font-size: 12px; color: #ccc;}
.main-sidebar .art-list article a{font-size: 14px; font-family: 'Baumans', cursive; color: blue;}
.main-sidebar .art-list article a:hover{color: #fff; background: blue;}
.main-sidebar .art-list .img{float: left; width: 120px; height: 80px; margin-right: 10px;}

.main-sidebar .last-publish article a{color: #16A085;}
.main-sidebar .last-publish article a:hover{color: #fff; background: #16A085;}

.main-sidebar .most-view article a{color: #FF6A6A;}
.main-sidebar .most-view article a:hover{color: #fff; background: #FF6A6A;}



/*DESTAQUE*/
.one_news{float: left; width: 268px;}
.one_news .img{width: 268px; height: 185px;}
.one_news h1{margin: 10px 0; font-size: 0px;}
.one_news h1 a{font-family: Verdana, sans-serif; color: #16A085; text-transform: uppercase; font-size: 18px;}
.one_news h1 a:hover{background: #e5e5e5; color: #fff;}
.one_news time{margin-bottom: 10px; display: block; font-family: 'Baumans', cursive; color: #ccc; font-size: 14px; text-transform: uppercase;}
.one_news .tagline{font-size: 14px; color: #555;}

/*AS OUTRAS 4*/
.last_news{float: right; width: 278px;}
.last_news article{float: left; width: 278px; margin-bottom: 20px;}
.last_news article .img{float: left; width: 120px; height: 80px; margin-right: 10px;}
.last_news article h1{font-size: 0px;}
.last_news article a{font-family: 'Baumans', cursive; color: #16A085; font-size: 12px; text-transform: uppercase;}
.last_news article a:hover{background: #16A085; color: #fff;}
.last_news article time{font-family: 'Baumans'; font-size: 12px; color: #ccc; font-weight: bold;}
.last_news article:last-child{margin: 0;}

/*ASIDE DESTAQUES*/
.main-destaques aside{float: right; width: 300px;}
.main-destaques aside .usersonline{width: 300px; height: 250px; background: #eee; font-family: 'Baumans'; font-size: 12px; color: #ccc; font-weight: bold;}
.main-destaques aside .line_title{margin: 20px 0 15px 0;}
.main-destaques aside article{float: left; width: 300px; margin-bottom: 15px;}
.main-destaques aside article .img{float: left; width: 120px; height: 80px; margin-right: 10px;}
.main-destaques aside article h1{margin-bottom: 5px; font-size: 0px;}
.main-destaques aside article a{font-family: 'Baumans', cursive; color: #FF6A6A; font-size: 12px; text-transform: uppercase;}
.main-destaques aside article a:hover{background: #FF6A6A; color: #fff;}
.main-destaques aside article time{font-family: 'Baumans'; font-size: 12px; color: #ccc; font-weight: bold;}
.main-destaques aside article:last-child{margin: 0;}


/*PAGINATOR*/
.paginator{float: left; width: 908px; margin-top: -10px;}
.paginator h2{font-size: 0px;}
.paginator h1{font-size: 08px; font-family: Verdana, sans-serif;}
.paginator ul{display: block; background: #990000; padding: 10px; text-align: center}
.paginator ul{
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.paginator ul li{display: inline;}
.paginator ul li a,
.paginator ul li span{padding: 5px; font-family: Verdana, sans-serif; font-size: 15px;}
.paginator ul li a{color: #fff;}
.paginator ul li a:hover{text-decoration: underline;}


/*guia comercial*/
.guia_comercial{float: left; width: 600px; margin-top: 30px;}
.guia_comercial .navitem{float: left; width: 200px;}
.guia_comercial .navitem li{float: left; background:#222222; font-family: Verdana, sans-serif; color: #fff; font-size: 10px; padding: 10px 10px; text-transform: uppercase;}
.guia_comercial .navitem li.tabactive{background: #3399ff url(../images/tab_active.png) center bottom no-repeat !important}
.guia_comercial .navitem li.azul{background: #4000FF}
.guia_comercial .navitem li.roxo{background: #8500B2}
.guia_comercial .navitem li.verde{background: #70A50E}
.guia_comercial .navitem li:hover{cursor: pointer; background: #FF6A6A}

/*tabs*/
.guia_comercial .tab{float:left; width:calc(500px - 358px); padding: 20px; background: #eee;}
.guia_comercial .tab article{float: left; width: 120px; margin-right: 18px;}
.guia_comercial .tab article .img,
.guia_comercial .tab article .img:hover{float: left; width: 120px; height: 60px;}
.guia_comercial .tab article:last-child{float: left; margin-right: 0;}
.guia_comercial .none{display: none;}

/*LAST FOR CAT*/
.last_forcat{float: left; width: 908px;}
.last_forcat h1{font-size: 0px;}
.last_forcat section{float: left; width: 284px;}
.last_forcat .eventos{margin-right: 28px;}
.last_forcat .eventos a{color: #8500B2}
.last_forcat .eventos a:hover{background: #8500B2}
.last_forcat .esportes{margin-right: 0;}
.last_forcat .esportes a{color: #70A50E}
.last_forcat .esportes a:hover{background: #70A50E}
.last_forcat .baladas{float: right;}
.last_forcat .baladas a{color: #4000FF}
.last_forcat .baladas a:hover{background: #4000FF}

.last_forcat .last_news{margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee;}
.last_forcat .last_news article{float: left; width: 283px; margin-bottom: 20px;}
.last_forcat .last_news article:last-child{margin: 0;}

/*CATEGORIAS*/
.page_categorias .cat_header{display: block; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 2px dotted #eee;}
.page_categorias h1{font-family: 'Baumans', cursive; color: #16A085; font-size: 36px; font-weight: initial;}
.page_categorias .tagline{font-size: 18px; font-weight: 200; color: #dcdcdc;}
.page_categorias article{float: left; width: 268px; min-height: 400px; background: #fff; margin: 0 52px 52px 0;}
.page_categorias .right article{float: right; margin-right: 0;}
.page_categorias article header{padding: 10px 15px 15px;}
.page_categorias article header h1{font-size: 0px; margin-bottom: 10px}
.page_categorias article .tagline{font-size: 14px; color: #333}
.page_categorias article header a{font-size: 18px; color: #4000FF; font-family: 'Baumans', cursive;}
.page_categorias article header a:hover{background: #4000FF; color: #fff;}
.page_categorias article header time{font-family: 'Baumans', cursive; font-size: 14px; color: #666;}

/*ARTIGO*/
.page_article .art_content{width: 578px; float: left; background: #fff;}
.page_article .art_content img{max-width: 578px;}
.page_article .art_content header .capa{width: 578px; min-height: 300px; margin: 10px 0;}

.page_article .art_content header{display: block; margin-bottom: 10px;}
.page_article .art_content header h1{font-family: 'Baumans', cursive; font-size: 36px; color: #333; padding: 10px 10px 0 10px;}
.page_article .art_content header img{float: left; margin-bottom: 10px;}
.page_article .art_content header time{font-size: 14px; font-family: 'Baumans', cursive; color: #ccc; display: block; padding: 0 20px; text-align: right;}

.page_article .art_content .htmlchars{margin: 0 20px;}


/*LISTA EMPRESAS*/
.page_empresas{float: left; width: 578px;}
.page_empresas .emp_header{display: block; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 3px solid #eee;}
.page_empresas .emp_header h2{font-size: 30px; font-family: 'Baumans', cursive;}
.page_empresas .emp_header p{font-size: 14px; font-family: 'Baumans', cursive; color: #666;}
.page_empresas article{float: left; display: block;  width: 578px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #eee;}
.page_empresas article header h1, .page_empresas article header h2{font-family: 'Baumans', cursive !important;}
.page_empresas article header h1{font-size: 20px; text-transform: uppercase;}
.page_empresas article header h2{font-size: 16px; color: #666; margin-bottom: 10px;}
.page_empresas article address{font-size: 20px; margin-bottom: 10px; color: #16A085; font-style: normal;}
.page_empresas article .btn{padding: 5px 10px; background: #4000FF; float: left; font-size: 12px; font-family: 'Baumans', cursive; color: #fff; text-transform: uppercase}
.page_empresas article .btn:hover{background: #8500B2;}
.page_empresas article .img{float: left; width: 240px; height: 120px; margin-right: 20px;}

.page_empresas .paginator{width: 578px;}
.page_empresas .paginator ul{width: 558px; background: #cc0033 !important;}

/*EMPRESA*/
.empresa_article{float: left; width: 578px; }
.empresa_article .emp_content{width: 578px; margin-bottom: 30px}
.empresa_article header{position: relative;}
.empresa_article header .img{float: left; width: 578px; height: 286px; margin-bottom: 15px;}
.empresa_article header .views{position: absolute; padding: 15px 25px; background: #FF6A6A; color: #fff; font-size: 20px; font-family: 'Baumans', cursive;}
.empresa_article header .views{right: 178px; }
.empresa_article header h1{font-family: Verdana, sans-serif; font-size: 30px;}
.empresa_article header h2{font-family: Verdana, sans-serif; font-size: 20px; color: #666;}
.empresa_article address{padding: 30px; color: #16A085; background: #eee; margin: 20px 0;}
.empresa_article .tagline{font-size: 14px; font-family: Verdana, sans-serif; font-weight: initial; color: #666; margin: 25px 0;}
.empresa_article .uicon{float: left; width: 120px; height: 90px;}
.empresa_article .site{margin-right: 26px;}
.empresa_article .share{float: right;}
.empresa_article .uicon a{float: left; width: 120px; height: 90px; background: #eee; font-size: 0px;}
.empresa_article .uicon.site a{background: #16A085 url(../images/emp_site.png) center center no-repeat;}
.empresa_article .uicon.face a{background: #16A085 url(../images/emp_face.png) center center no-repeat;}
.empresa_article .uicon.share a{background: #16A085 url(../images/emp_share.png) center center no-repeat;}
.empresa_article .uicon a:hover{background-color: #70A50E;}

.empresa_article footer{float: left; width: 538px; padding: 20px; background: #eee; margin-bottom: 0;}
.empresa_article footer h3{font-family: 'Baumans', cursive; font-size: 18px; color: #FF6A6A; margin-bottom: 15px;}
.empresa_article footer nav{float: left; width: 538px;}
.empresa_article footer article{float: left; width: 120px; font-size: 0px; margin-right: 19px;}
.empresa_article footer article:last-child{float: right; margin-right: 0;}
.empresa_article footer article .img{float: left; width: 120px; height: 60px;}




#box-formulario{width:calc(35% - 20px); height:auto; position:relative; float:left; padding:10px; margin:15px 0px}
#box-formulario .esp_campo{width:100%; height:auto; position:relative; float:left; margin-bottom:10px;}
#box-formulario .txt_campo{width:100%; height:auto; font:400 14px "Open Sans", Verdana, Geneva, sans-serif; color:#535353; position:relative; float:left;  text-align:left;}
#box-formulario input{width:calc(100% - 10px); height:15px; padding:5px; position:relative; float:left; z-index:0; outline:none;}
#box-formulario select{width:calc(100% - 10px); height:30px; padding:5px; position:relative; float:left; z-index:0; outline:none;}
#box-formulario textarea{width:calc(100% - 10px); height:48px; padding:5px; position:relative; float:left; outline:none;}
#box-formulario label.error{width:auto; position:absolute; font:bold 10px Verdana, Geneva, sans-serif; float:left; color:#CD2122;
right:0px; z-index:1;}
#box-formulario .input-error{border:1px solid #CD2122; background:#FFF url(imagens/input-error.png) top right no-repeat;}
#box-formulario .bt_enviar{width:100%; height:30px; position:relative; float:right; text-align:center; cursor:pointer;}
#box-formulario .captcha{width:100px; height:30px; position:relative; float:left; margin-right:5px;}
#box-formulario #codigo{width:calc(100% - 120px); height:20px; position:relative; float:left;}

.redes{width:calc(65% - 20px); height:auto; position:relative; float:left; margin:30px 10px 10px 10px;}
@media only screen and (min-width: 768px) and (max-width: 995px) {
#box-formulario, .redes{width:calc(100% - 20px);}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#box-formulario, .redes{width:calc(100% - 20px);}
.redes h2{font:600 16px "Open Sans", Verdana, Geneva, sans-serif;}
}
@media only screen and (max-width: 479px) {
#box-formulario, .redes{width:calc(100% - 20px);}
.redes h2{font:600 16px "Open Sans", Verdana, Geneva, sans-serif;}
}