/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,300,600');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700');

html, body { height:100%;}
body {font-family: 'Roboto', sans-serif;, sans-serif; font-weight:400; margin-bottom:1px; background-color:#FAFAFA; color: 2182828;}

div.wait { width: 100%; height: 100%; background-image: url(/images/wait.gif); background-repeat: no-repeat; background-position: center; background-color: rgba(255,255,255,.9); position: fixed; z-index: 999999; top: 0; }

header {/*margin-bottom:30px;*/}

.jornal-title {font-family:'Roboto Slab'; font-size:24px;margin:0; margin-bottom:.5rem}

.page-title {text-align:center; font-size:24px;  font-family: 'Roboto Slab', serif; font-weight:900;}

.page-header { margin-top:0;text-align:center; padding:10px; font-family:'Roboto Slab'; }
.page-header h1, .page-header h2 { margin-top:0;}
.page-header-2 {font-family:'Roboto Slab'; padding:10px 0px; margin-bottom:20px; font-size:1.5em}

.editiontitle {font-size:1.8rem; font-family: 'Roboto Slab', serif; font-weight:900; text-align:center; background-color:#ddf7f7; padding:.5rem; margin-bottom:1.5rem;}

#menuEdicoesDown {background-color:#FFF; color:#7D7D7D;transition-property:all; transition-duration: .3s; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; font-size:.9em; font-weight:600}
#menuEdicoesDown:hover { cursor:pointer; color:#333;}

.menu-edicoes {padding:10px; display:none; position:absolute; z-index:999; border:1px solid #e0e0e0; background:#fff; width:100%; max-height:240px; overflow:auto}
.menu-edicoes ul {margin:0; padding:0; list-style:none;}
.menu-edicoes li { line-height:2em; }
.menu-edicoes li a { display:block; color:#555; text-decoration:none; white-space: normal; padding-left:10px; padding-right:10px; font-weight:400; font-family:'Roboto'}
.menu-edicoes li a:first-letter { font-weight:900;} 
.menu-edicoes li a:hover { color:#000; background-color:#f2f2f2;}
.menu-edicoes li.separator {border-bottom:1px solid #CCC;}

.menu-edicoes a { margin:0px 1px 4px 0px;}
.menu-edicoes a.btn-default {background:#e9e9e9}
.menu-edicoes a:hover { color:#000;}

.embed-responsive-30by9 { padding-bottom:30%;}
.font-serif { font-family: 'Roboto Slab', serif;}
.font-heavy { font-family: 'Roboto Slab', serif; font-weight:900;}
div.separator { width:100%; padding:10px; clear:both;}

.tContacts { width:100%;}
.tContacts td { text-align:left; vertical-align:top; padding-bottom:8px;}
.tContactsIcon { padding-right:6px;}
.tContactsContent { width:100%;}
.cm-contacts { width:100%; background:#e0e0e0; padding:5px 10px; border-bottom:1px solid #ccc; }
.cm-contacts a { text-decoration:none;}

/* notícias */
.panel ul {padding:0px;margin:0px;list-style:none;}
.news-item {padding:4px 0px;margin:0px;border-bottom:1px dotted #555;}
.news-item img { max-width:60px; max-height:60px; margin-right:15px; border-radius:5px }
.news-item td {vertical-align:top;}
.news-item a { color:#111; text-decoration:none; font-weight:600; }

.whitebox { background:#fff; padding:10px; width:100%; margin-bottom:20px; height:auto; overflow:auto;}
.whitebox-title { border-bottom:1px solid #CCC; padding-bottom:10px;}
.whitebox-title *, .whitebox-title-inverse { margin:0; padding:0;}
.whitebox-title-inverse { padding:10px;background:#f1f1f1;color:#000; font-weight:300; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px;}
.whitebox-lower-txt { width:100%; height: 2.9em; margin-top:5px; overflow:hidden;}

.comment-box {padding:10px; margin-bottom:10px; background:#f8f8f8;}
.comment-box a { color:#555; text-decoration:none;}
.comment-box a:hover { color:#141414;}
.comment-box i {font-size:32px; float:right;}

.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.lh-img { max-width:80px !important; height:auto; margin-right:10px;}
.lh-txt {width:100%; height:6em; overflow:hidden;}
.lh-name {width:100%; height:1.3em; font-size:10px; color:#000; font-style:'Roboto'; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.bg-cover {background-repeat: no-repeat; background-size:cover; background-position:center;}
.bg-color-primary {background-color:#3e9797 !important; color:#FFFFFF !important;}
.color-primary {color:#3e9797 !important;}

.btn-primary {
    color: #fff !important;
    background-color: #3e9797;
    border:none !important;
	outline:none !important;
	box-shadow:none !important;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    color: #ffff !important;
    background-color: #027071 !important;
}

a {color: #3e9797;}
a:active, a:hover {color: #027071; text-decoration:none;}

footer { background:#242424;padding-top:20px;margin-top:20px;}
footer * { color:#d0d0d0; }
footer a {color: #3e9797;}
footer a:active, footer a:hover {color: #027071; text-decoration:none;}
footer a:hover, footer a:focus { color:#fff; text-decoration:none; outline:none; }
footer ul { list-style:none; margin:0px; padding:0px; }
footer ul li {margin-bottom:5px;}
footer ul li.separator {height:1px; border-bottom:1px solid #454545;}
footer h5 {font-family:'Roboto'; font-weight:500; padding:10px 0px; margin-bottom:20px; border-bottom:1px solid #454545;}

#goTop {position:fixed;bottom:20px;right:20px;display:none; cursor:pointer;}

#cookie-alert {
	width: 100%;
	max-width: 540px;
	height: auto;
	padding: 20px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	background-color: #141414;
	background-color: rgba(20,20,20,.95);
	color: #fff;
	z-index: 500000000;
	font-size:.85rem;
}
#cookie-alert h4 { font-size:1.2rem;}
#cookie-alert a {
	color: #f2f2f2;
	text-decoration: underline;
}
#cookie-alert a:hover {
	color: #fff;
}
#cookie-alert .cookie-alert-close {
	cursor: pointer;
}

.table-media { width:100%;}
.table-media td { padding-bottom:10px;}
.table-media-img {padding-right:10px;}
.table-media-img img { width:100%;  max-width:90px; height:auto;float:none; display:block;}
.table-media-img, .table-media-text { vertical-align:top; text-align:left;}

.table-partners { width:100%; background:#fff; margin-top:10px; border:1px solid #fff; border-collapse:collapse;}
.table-partners td { padding:10px; text-align:center; vertical-align:middle;border:1px solid #242424;  }
.table-partners a { display:block;}

.copyright { background:#333433; margin-top:20px;}
.copyright p { font-size:small; text-align:center; margin:20px 0 20px;}
.copyright a {}

/*  AD frame  */
.ad-frame { margin-bottom:20px;}
.ad-frame a, .ad-frame a:active { outline:none; display:block;}
.ad-frame-img { width:100%; height:170px; padding:10px; background:#fff; }
.ad-frame-name { width:100%; height:2.9em; overflow:hidden; font-size:12px; font-family: 'Roboto'; font-weight:500; text-align:center; margin:5px 0;}
.ad-frame-zon { width:100%; text-align:center; border-width:0px 1px 1px 1px; border-style:solid; border-color:#ccc; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; height:1.5em;}

.item-frame { margin-bottom:30px; border-width:1px 2px 2px 1px; border-style:solid; border-color:#EAEAEA;}
.item-frame a, .item-frame a:active { outline:none; display:block;}
.item-frame-img { width:100%; height:170px; padding:10px; background:#fff; }
.item-frame-name { width:100%; height:2.9em; overflow:hidden; font-size:12px; font-family: 'Roboto'; font-weight:500; text-align:center; margin:5px 0;}
.item-frame-zon {width:100%; text-align:center; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; height:1.5em;}


/*.1-5 {width: 20%;float: left;}*/







.container {
	width:100%;
    max-width: 1300px;
}

@media (min-width: 768px) {
	.border-md-left {
		border-left: 1px solid #dee2e6 !important;
	}
	.border-md-right {
		border-right: 1px solid #dee2e6 !important;
	}
}


.toprow {
	padding:.33em 0;
	background-color:#3e9797;
	color:#FFF;
	/*text-align:center; */
}

.toprow h2 {font-family: 'Roboto Slab', serif; font-weight:900; font-size:1em; margin-bottom:0}

.toplogo { margin:auto;}

.navbar { /*align-items: center; justify-content:flex-end; */
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
}

.navbar div { width:70px; text-align:center; margin:.25rem;}

.btn-nav {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 4px solid #58d7d7 !important;
	overflow:hidden;
	font-size:.55em;
	text-transform:uppercase;
	display:inline-block;
	margin:auto;
	margin-bottom:.25em;
	/*
	display:flex;
    flex-direction: column;
    justify-content: center;
	*/
	padding:0;
	line-height:40px;
}

.btn-nav * {margin:0; padding:0;}
.btn-nav i {font-size:2.5em;}

.navbar div span {font-size:.6em; display:block; color:#3e9797;}

.white-bottom { position: absolute; background: #fff; left: 10px; right: 10px; bottom: 0px; height: 100px; z-index: -1; }
.table i { margin-right:10px; }

.cityhall { text-align:center;}
.table-cityhall {margin:auto;}
.table-cityhall td {border:none !important; padding:0 !important; padding-bottom:.2em !important}

@media (min-width: 640px) {

}
@media (min-width: 768px) {
	.jornal-title {font-size:36px;}
    .col-sm-1-5 {width: 20%;float: left;}
	.cityhall { text-align:left;}
	.table-cityhall {margin:inherit;}
	.toplogo { margin: inherit;}
	.navbar { justify-content:flex-end; }
}
@media (min-width: 992px) {
	
	.col-md-1-5 {width: 20%;float: left;}
	.selectedicao {margin-top:1em;}
}
@media (min-width: 1200px) {
	.col-lg-1-5 {width: 20%;float: left;}
}
/* - 5 col - */