/*.row:before, .row:after {
	content:'';
	display:block;
	width:100%;
	height:0;
}*/

.flex-container {
	display:flex;
	flex-flow:row wrap;	
}

div > ins > iframe{ 
margin:0px auto; 
border:1px solid #F00;
}

.container-cabecalho ul li{
    float: left;
}


.font-contexto-exato-header-21{
    font-weight: 900;
    font-family: 'Frank Ruhl Libre', serif;
    color: #660000;
    margin-bottom: 0px;    
    text-align: center;
}

.h-flex-1 h3{
    margin:-10px 0px 0px;
    font-family: "LatoRegular", Arial;
    color: #000;
    font-weight: 700;
    text-align: center;
}


.h-flex{
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.btsize{
    width: 55px;
    height: 48.5px;
    display: flex;
    justify-content: center;
}

.btsize a{
    align-self: center;
}

.h-flex-1 .menu{
    border: 0px;
    padding: 0px 12px;
    font-size: 34px;
    color: #660000;
}
.h-flex-1 .busca{
    margin-top: 5px;
    font-size: 20px;
    color: #660000;
}

.m-btn-close::before {
    transform: rotate(45deg);
}

.m-btn-close::after {
    transform: rotate(-45deg);
}

.m-btn-close::before, .m-btn-close::after {
    background-color: #c32417;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 3px;
    margin: auto;
}

.modal .modal-header .m-btn-close {
    position: absolute;
    background-color: #FFF;
    border: 0px;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.m-btn-close {
    font-size: 0;
    width: 40px;
    height: 40px;
    transition: transform 0.4s;
}

.m-btn-close:hover {
    transform: rotate(90deg);
}

button:focus, a:focus {
    outline: none;
}

a:link { 
 text-decoration:none; 
}

.post-title a{
	text-decoration:none;
	color: #000;
}

.img-blogpost{
	min-width: 750px;
}

.background-header{
	background: url(../imgs/bg1.jpg)repeat-x;
}
	
.menu-side{
	padding: 5px;
    border-bottom: 1px solid #fff;
}

.padding-menu{
	padding:0px 5px;
}

.font-menu{
	font-family: "LatoRegular", Arial;
    color: #FFF;
    font-size: 30px;
    font-weight: 700;
    padding:3px;
} 

a.font-menu:hover {
    color: #600000;
    background-color:#FFF;
    text-decoration:none;
}

a.font-menu-bottom:hover {
    color: #600000;
    background-color:#FFF;
    text-decoration:none;
}


.color-link {
	color: #600000;
}

.color_icon {
    color: #FFF;
}	
	
.color-link:hover {
	color:#003827;
}

.color_icon-bottom {
    color: #003827;
}

a.color_icon:hover {
    color: #003827;
}

.font-titblog{
	margin-top:10px;
	color: #333;
}
	
.font-headercol{
	font-size:20px;
    font-weight: 600;
    padding:5px;
    color:#600000;
    margin:0px;
    font-family: 'Francois One', sans-serif;
}


    	
.font-blogroll {
    font-size:20px;
    color: #600000;
    font-weight: bold;
    font-family:Arial;
    margin:0px;	
}
    
.font-titheader{
	margin-top:0px;
}	
.pag-holder{
	padding-top:30px;
}
	
.list-padding{
	padding:5px 10px;
}

	
.copyright {
    font-size: 14px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 5px 0px;
    text-align: center;
}	

.font-ecomercial{
	font-family: 'PT Sans', sans-serif!important;
}

.font-panel-title{
	font-size:22px;
}

.post-anteriores {
	font-size:22px;
}


@media (min-width: 768px) {
    .font-contexto-exato-header-21 {
        font-size: 55px;
        word-spacing: -10px;
        letter-spacing: -4px;
    }
    .h-flex-1 h3{
        font-size: 14px;
    }
    .topo-ce {
        padding-left: 15px; 
        padding-right: 15px; 
        /*border-top: 4px solid #660000;*/
        padding-top: 20px;
    }         
}

@media (min-width: 992px){ 
    .font-contexto-exato-header-21 {
        font-size: 70px;
        word-spacing: -10px;
        letter-spacing: -4px;
    }
    .h-flex-1 h3{
        font-size: 15px;
    }
    .topo-ce {
        padding-left: 15px; 
        padding-right: 15px; 
        /*border-top: 4px solid #660000;*/
        padding-top: 20px;
    }     
}

@media (min-width: 1200px) { 
    .font-contexto-exato-header-21{
        font-size: 70px;
        word-spacing: -10px;
        letter-spacing: -4px;
    }
    .h-flex-1 h3{
        font-size: 15px;
    }
    .topo-ce {
        padding-left: 0px; 
        padding-right: 0px; 
        border-top: 4px solid #660000;
        padding-top: 20px;
    } 
}

/*------------------------------- 576 max 767 ---------------------------------*/

@media (max-width: 767px) {
    .post-title a h1{
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 27px;
    }

    .post-title a h3{
        font-size: 18px;
        line-height: 21px;
    }


	.logo-posi{
		padding-left:105px;
	}
	
	.font-copyright{
		font-size:8px;
	}	
	.font-menu {
   	    font-size:9px;
	}
	.tit-post{
    	font-size:24px;
    }
	.font-fatosopinioes-footer {
        font-family: 'Oranienbaum', serif;
        font-size: 15px;
        color: #FFF;
        font-weight: bold;
        padding-left: 65px;
        padding-top: 30px;
        margin: 0px;
	}

	.font-contextoexato-footer {
        font-family: 'Oranienbaum', serif;
        font-size: 45px;
        color: #FFFF00;
        font-weight: bold;
        padding-left: 40px;
        padding-top: 0px;
        margin-top: -5px;
	}
	
	.font-fatosopinioes-header {
        font-family: 'Oranienbaum', serif;
        font-size: 15px;
        color: #FFF;
        font-weight: bold;
        padding-top:20px;
        margin:0px auto auto 20px;
	}

	.font-contextoexato-header {
        font-family: 'Oranienbaum', serif;
        font-size: 36px;
        color: #FFFF00;
        font-weight: bold;
        padding-top: 0px;
        margin-top:-5px;
	}
	
	.data-header {
        font-family: "LatoRegular", Arial;
        color: #FFF;
        background-color: #003827;
        font-size: 12px;
        font-weight: 700;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        padding: 5px;
	}
	
	.font-titcolunistas{
        font-size:22px;
        font-weight: 600;
        padding:3px;
        font-family: 'Francois One', sans-serif;
    }
    
    .font-titcolunistas_miolo{
        font-size:24px;
        font-weight: 600;
        padding:0px;
        font-family: 'Francois One', sans-serif;
        margin-bottom:0px;
    }	
	.font-menu-bottom {
        font-family: "LatoRegular", Arial;
        color: #003827;
        font-size: 12px;
        font-weight: 700;
        padding: 3px;
	}
}

/*------------------------------- 768 ---------------------------------*/

@media (min-width: 768px){


    .modal-form {
        width: 550px;
        margin: 65px auto 0;
    }

	.post-title a h1{
    	margin-top: 5px;
    	margin-bottom: 10px;
        font-size: 20px;
        line-height: 23px;
    }

    .post-title a h3{
        font-size: 24px;
        line-height: 27px;
    }

	.list-unstyled li{
		padding:10px;
	}
	
	.logo-posi{
		padding-left:87px;
	}
	
	.font-copyright{
	font-size:14px;
	}
	
	.font-menu {
    	font-size:16px;
	}
	
	
	
	.fa-3x {
    	font-size: 1.7em!important;
	}
	

	
	.font_ititm {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 24px;
        color: #600000;
        font-weight: 900;
        margin:10px 0px 45px;
        line-height: 1.2em;
	}
	
	.font_ititg {
        font-family: 'Francois One', sans-serif;
        font-size: 32px;
        line-height: 45px;
        color: #600000;
        font-weight: bold;
        margin:10px 0px 45px;
        line-height: 1.2em;
	}
	
	.font_iretranca{
        font-size: 18px;
        font-family: 'Francois One', sans-serif;
        color: #FFF;
        background-color: #003827;
        font-weight: bold;
        text-transform: uppercase;
        padding:3px 5px;
	}
	
	.font-menu-bottom {
        font-family: "LatoRegular", Arial;
        color: #003827;
        font-size: 20px;
        font-weight: 700;
        padding: 3px;
	}	
	
	.data-header {
        font-family: "LatoRegular", Arial;
        color: #FFF;
        background-color: #003827;
        font-size: 18px;
        font-weight: 700;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        padding: 5px;
	}
	
	.font-contextoexato-footer {
    font-family: 'Oranienbaum', serif;
    font-size: 50px;
    color: #FFFF00;
    font-weight: bold;
    padding-left: 0px;
    padding-top: 25px;
    }
	
	.font-menu-bottom {
    font-family: "LatoRegular", Arial;
    color: #003827;
    font-size: 20px;
    font-weight: 700;
    padding: 3px;
	}
	
}

/*------------------------------- 992 ---------------------------------*/

@media (min-width: 992px){

    .modal-form {
        width: 600px;
        margin: 65px auto 0;
    }


	.post-title a h1{
    	margin-top: 5px;
    	margin-bottom: 5px;
        font-size: 24px;
        line-height: 27px;
    }

    .post-title a h3{
        font-size: 18px;
        line-height: 21px;
    }

	.logo-posi{
		padding-left:255px;
	}
	
	.font-copyright{
	font-size:14px;
	}
	
	.font-menu {
    	font-size:23px;
	}
	
	.fa-3x {
    	font-size: 2.5em!important;
	}
	

	
	.font-titcolunistas{
	font-size:22px;
    font-weight: 600;
    padding:3px;
    font-family: 'Francois One', sans-serif;
    }
    
    .font-titcolunistas_miolo{
	font-size:34px;
    font-weight: 600;
    padding:0px;
    font-family: 'Francois One', sans-serif;
    margin-bottom:0px;
    
    }
    
    
    .tit-post{
    	font-size:36px;
    }
    
    .data-header{
	font-family: "LatoRegular", Arial;
    color:#FFF;
    background-color:#003827;
    font-size: 24px;
    font-weight: 700;
   	border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    padding:5px;
	}
	
	.font-menu-bottom{
	font-family: "LatoRegular", Arial;
    color: #003827;
    font-size: 30px;
    font-weight: 700;
    padding:3px;
	}
	
	

	.font-contextoexato-header {
    font-family: 'Oranienbaum', serif;
    font-size: 90px;
    color: #FFFF00;
    font-weight: bold;
    padding-left: 0px;
    padding-top: 0px;
    margin-top: -15px;
	}
	
	.font-menu-bottom {
    font-family: "LatoRegular", Arial;
    color: #003827;
    font-size: 30px;
    font-weight: 700;
    padding: 3px;
	}


}

/*------------------------------- 1200 ---------------------------------*/

@media (min-width: 1200px){

	.post-title a h1{
    	margin-top: 5px;
    	margin-bottom: 5px;
        font-size: 24px;
        line-height: 27px;
    }

    .post-title a h3{
        font-size: 18px;
        line-height: 21px;
    }

	.logo-posi{
		padding-left:345px;
	}
	
	.font-copyright{
		font-size:14px;
	}
	.font-menu {
    	font-size:30px;
	}
	.fa-3x {
    	font-size: 2.5em!important;
	}
	
	
	.font-titcolunistas{
	font-size:22px;
    font-weight: 600;
    padding:3px;
    font-family: 'Francois One', sans-serif;
    }
    
    .font-titcolunistas_miolo{
	font-size:34px;
    font-weight: 600;
    padding:0px;
    font-family: 'Francois One', sans-serif;
    margin-bottom:0px;
    
    }	
	
	
    .tit-post{
    	font-size:36px;
    }
    
    .data-header{
	font-family: "LatoRegular", Arial;
    color:#FFF;
    background-color:#003827;
    font-size: 24px;
    font-weight: 700;
   	border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    padding:5px;
	}
	
	.font-menu-bottom{
	font-family: "LatoRegular", Arial;
    color: #003827;
    font-size: 30px;
    font-weight: 700;
    padding:3px;
	}
	
	

	.font-contextoexato-header {
    font-family: 'Oranienbaum', serif;
    font-size: 90px;
    color: #FFFF00;
    font-weight: bold;
    padding-left: 40px;
    padding-top: 0px;
    margin-top: -10px;
	}
	
	.font-menu-bottom {
    font-family: "LatoRegular", Arial;
    color: #003827;
    font-size: 24px;
    font-weight: 700;
    padding: 3px;
	}

}

	.red{
    	color:red;
    }
	.form-area{
    	background-color: #FAFAFA;
		padding: 10px 40px 60px;
		margin: 10px 0px 60px;
		border: 1px solid GREY;
	}	
	
	.img-center {margin:0 auto; padding:30px 0px;}
.name_banner{font-size:15px;}


@media (max-width: 544px) {
	tbody{
		font-size:10px;
	}
	
	.bd-title {
		font-size: 2rem;
		color:#600000;
		background-color: #ffb800;
		padding: 15px 7px;
		font-weight: 700;;
	}
	.thead-font{
		background-color:#2F4F2F;
		color:#FFF;
		font-size:12px;
	}
	.tb-font{
		font-size:12px;
	}
	.table>tbody>tr>td{
		padding:7px;
	}
	.table>thead>tr>th{
		text-align:center;
	}
}


@media (min-width: 544px) {
	.bd-title {
		font-size: 3rem;
		color:#600000;
		background-color: #ffb800;
		padding: 15px 7px;
		font-weight: 700;
	}
	.bd-title + p {
    	font-size: 2rem;
    	font-weight: 400;
	}
	.thead-font{
		background-color:#2F4F2F;
		color:#FFF;
	}	

}
@media (max-width: 769px) {
	
	.td-font2{
		font-size:11px;	
	}
	.img-layout{
		padding-top:10px;	
	}
}


/* do not group these rules*/
.search-ce::-webkit-input-placeholder {
    color: #CCC;
}
 
.search-ce:-moz-placeholder {
    color:  #CCC;
}
 
.search-ce::-moz-placeholder {
    color:  #CCC;
}
.search-ce:-ms-input-placeholder {
    color:  #CCC;
}	

.classNameHere {
	margin-top:50px;	
}
	
.search-ce{
	font-size:30px;
	color:#666;
	height:50px;
	}

.btn-search-ce{
    height: 50px;
    padding: 0px 20px;
    font-size: 30px;
    border: 0px;
    top: 5px;
    color: #600000;	
}