html, body {margin: 0; padding: 0; height: 100%; font-family: 'Century Gothic', CenturyGothic, AppleGothic, "Trebuchet MS", Arial, Helvetica, sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
h1, h2, h3, h4 {color: #007DF9;}
a {text-decoration: none;}
ul {list-style: none;}
li {list-style: none;}
:focus {outline: none;}
.contents {position: relative; min-height:100%;}

/*.contents {position: relative;}
.imgLiquid img {visibility: hidden;}
.section {position: relative;}*/


/***************
MODAL FALE CONOSCO
***************/
.modal-fale {background-color: rgba(0, 0, 0, 0.6); z-index: 99; position:fixed; top:0; left:0; width:100%; height:100%; display: none;}
.modal-fale .content {position: relative; width: 455px; background: #fff; top: 5%; margin-left: 35.5%;}
.modal-fale .exit {z-index: 99; color: #ccc; cursor: pointer; border: 1px solid #ccc; padding: 5px 10px; position: absolute; top: 22px; right: 0;}
.modal-fale .exit:hover {background: cornflowerblue; color: #fff;}
.modal-fale .legenda {width: 100%; font-size: 2em; font-weight: bold; background: #1ABC9C; text-align: center; color: #fff; padding: 20px 5px; font-style: uppercase;}
.form-fale {float: left; width: 405px; height: auto; padding: 30px; background: #fff;}
.form-fale .formfull input {width: 100%; font-family: Arial, 'Century Gothic', CenturyGothic, AppleGothic, "Trebuchet MS", Helvetica, sans-serif;}
.form-fale .formfull textarea {width: 100%; height: 220px; font-family: 'Century Gothic', CenturyGothic, AppleGothic, "Trebuchet MS", Arial, Helvetica, sans-serif; overflow:auto; resize: none}
.form-fale fieldset {border: 1px solid #606060; background: #fff; padding: 15px;}
.form-fale button {width: 100%; background: #09F; color: #fff; padding: 5px 5px; border: none; cursor: pointer;}
.form-fale button:hover {background: #003399;}
.form-fale .formfull .load {float: right; margin-top: 15px; margin-right: 10px; display: none;}

/************
PAGINATOR
************/
.paginator {position: relative; height: 40px; width:956px; padding: 10px 5px; background: #f1f1f1; margin-bottom: 10px;}
.paginator a {float: left; margin-right: 10px; margin-top: 7px; font-weight:bold; text-decoration:none; color:#007DF9; font-size:15px;}
.paginator a:hover {color: #696969;}
.paginator .atv {float:left; margin-right:10px; font-weight: bold; text-decoration:none; color:#000; font-size:25px;}
.paginator form {float:right;}
.paginator input[type=text] {font-size:18px; color:#606060; border:none; border-bottom:1px solid #069; background:none; width: 300px; padding:5px;}
.paginator .btn {padding: 5px; cursor: pointer; background: #06F; margin: 0 10px; border:none; font-size: 18px; color: #FFF;}
.paginator .btn:hover {background: #696969;}
.paginator img {float:right; margin-left:10px; margin-top:2px; display: none;}

/************
NAVEGAÇÃO
************/
.mais {float: left; position: relative; cursor: pointer; margin-right: 10px; padding: 5px; color: #007DF9; background: #e1e1e1;}
.mais:hover {background: #007DF9; color: #fff;}

.j_button {float: right; font-size: 0.6em; background: #007DF9; color: #fff; padding: 5px 5px; font-weight: normal;}
.j_button:hover {cursor: pointer; background: #696969;}

.voltar {float: left; position: relative; cursor: pointer; padding: 5px; color: #007DF9; background: #e1e1e1;}
.voltar:hover {background: #007DF9; color: #fff;}

.topo {float: right; position: relative; bottom: 0; cursor: pointer; padding: 5px; color: #007DF9; background: #e1e1e1;}
.topo:hover {background: #007DF9; color: #fff;}

.lendoartigos {position: fixed; z-index: 99; text-align: center; background: #007DF9; padding: 5px; color: #fff; left: 40%; top: 35%; display: none;}
/*.lendoartigos {float: left; position: relative; text-align: center; background: #007DF9; padding: 5px; color: #fff; left: 25%; display: none;}*/

.notfound {position: relative; height: 40px; width: 100%; background: #f1f1f1; margin-bottom: 20px;}
.notfound h4 {padding-top: 10px; padding-left: 10px}
/************
SLIDER
************/
.carousel {width: 100%; position: relative; background: #f3f3f3; margin-bottom: 20px;}
.carousel .content {width: 940px; height: 300px; overflow: hidden; position: relative; background: #fff; margin-left: calc((100% - 940px)/2);}

.carousel .nav {position: absolute; padding: 20px; top: 70px; color: #fff; font-size: 1.3em; cursor: pointer; z-index: 1;}
.carousel .nav:hover {background:rgba(0, 0, 0, 0.7);}
.carousel .nav.back {left: 0;}
.carousel .nav.forth {right: 0;}

.slides .slide_item_desc {position: relative; width: 920px; height: 65px; padding: 0 10px; background: rgba(0, 0, 0, 0.7); left: 0; bottom: 81px; color: #c1c1c1;}
.slides .slide_item_desc h3 {text-align: center; color: #e8e8e8; text-shadow: 1px 1px #000; padding: 5px 0;}

.slides {overflow: hidden; position: relative; width: 940px; height: 300px;}
.slides .itens {position: relative; left: 0; top: 0; margin: 0; padding: 0; width: 3760px;}
.slides .slide_home {width: 940px; height: 300px; float:left;}
.slides .slide_home img {width: 940px; height: 300px;}

/************
MYDIALOG
************/
.dialog-msg{position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0); z-index:104; display: none;}

.dialog-msg .msg {background:#fff; position:absolute; left: 36%; top: 20%; width:400px; padding:20px; height:160px; z-index:999; border:5px solid #CCC; display: none;}
.dialog-msg .msg .tt {display:block; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #CCC; font-size:40px; font-weight:600;}
.dialog-msg .msg p {font-size:18px; font-weight:400; margin-top:10px;}

.dialog-msg .msg .closedial {position:absolute; right:15px; top:15px; padding:5px 10px; background:#ccc;}
.dialog-msg .msg .closedial {text-decoration:none; color:#fff; font-weight:200;}
.dialog-msg .msg .closedial:hover {background:#09F; color:#fff;}

.dialog-msg .accept {color:#0C0; display:none;}
.dialog-msg .accept .tt {padding-left:45px; background:url(../img/ms_icon_accept.png) center left no-repeat;}
.dialog-msg .alert {color:#F90; display:none;}
.dialog-msg .alert .tt {padding-left:45px; background:url(../img/ms_icon_alert.png) center left no-repeat;}
.dialog-msg .error {color:#900; display:none;}
.dialog-msg .error .tt {padding-left:45px; background:url(../img/ms_icon_error.png) center left no-repeat;}

/************
SCROLL
************/
.scroll {width: 100%;}
.scroll ul {display: block; height: 300px; overflow-y: auto; overflow-x: hidden; padding: 0;}
.scroll .ul_ap {display: block; height: 900px; overflow-x: hidden; padding: 0;}

.scroll .ul {width: 100%; list-style: none;}
.scroll .li {padding: 15px; border: 1px dotted #d1d1d1; margin-bottom: 5px;}
.scroll .li .tipo {color: #006393; font-weight: bold;}
.scroll .li a {text-decoration: none; color: #fff;}
.scroll .li a:hover {background: #b1b1b1;}
.scroll .li .ver {background: #4CAF50; padding: 5px; margin-right: 5px;}