@charset "utf-8";
/* Daniel Designer */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

a, .list-artigo li a p { display:block; text-decoration: none;
transition: all .15s ease-in-out;
   -moz-transition: all .15s ease-in-out;
   -webkit-transition: all .15s ease-in-out;}
p { font-size:22px; text-align:justify; font-weight:300;}
ol, ul {
	list-style: none;
}

h2 { font-size:43px; font-weight:900; text-transform:uppercase; text-align: left;}
html, body {height: 100%;}

body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}
/*grid*/
.full {
	width: 100%;
	float: left;
	background-repeat: no-repeat;
	height: auto;
}
.center { width: 960px; margin:0 auto; position:relative; clear:both;}
.left { float:left;width:50%;} .right { float: right; width:50%;} 
/*fim grid*/

/*conteudo 1*/
#content1 { background-position:center top; text-align:center; background-image: url(../images/bg-1.jpg); height: 1080px; background-size: cover; 
}
#logo { clear: both; float: left; width: 100%; margin: 200px 0 70px;}
#menu {background-color: rgba(255, 255, 255, 0.2); font-family: 'Lato', sans-serif; clear: both;}
#menu ul li, #menu-footer li { float: left;width: 25%;}
#menu ul li a, #menu-footer li a  { display: block; padding: 20px 0; color:#fff; font-size:12px;}
#menu ul li a:hover, .ativo {background-color: rgba(255, 255, 255, 0.3);}
#content1 h1 { text-align:center; font-size:70px; color:#fff; font-weight: 900; text-transform:uppercase; float:left; width:100%;}
#content1 h2 {font-weight: 300; font-size: 38px; color: #fff; text-align: center; margin-bottom: 15px;}
.assista {width:217px; margin: 0 auto;}
.assista-bt {
	background: #000 url(../images/play.png) 142px center no-repeat; padding: 18px 0 18px 34px; font-family: 'Lato', sans-serif; font-weight: 700; display: block; float: left; width: 187px; font-size: 18px; color: #fff; text-align: left;
}
.assista-bt:hover, #content3 a:hover {background-color: rgba(0, 0, 0, 0.5); background-position: 145px center; color: #fff;
}
#down {
	width: 62px; margin: 50px auto 0 ; text-align: center;
}
#down a { color: #fff; float: left; margin-top: 290px;}
/*fim conteudo 1*/


#content2 { background: #000; padding: 70px 0; color: #fff;}
#content3 { background-position:center top; text-align:center; background-image: url(../images/bg-2.jpg); height: 373px;  padding: 70px 0;color: #fff;}

#content3 a { color: #000; padding: 15px 30px; float: left; background-color: #ffd011; font-size: 21px; margin-top: 20px;}
#endereco { width:100%; float:left; text-align:center !important; font-size:14px; margin-top:40px;}

#footer {
	background-color: #000;
	padding: 50px 0;
	text-align: center;
	position: relative;
	color: #fff;
}
#footer p {font-size: 12px !important; width: 100%;text-align: center; float: left; margin-top: 20px !important;}
#footer .center {width: 700px;}
#footer .left {width: auto;}
#menu-footer a:hover { color: #0074AB}


.faixa {
	position: absolute;
	bottom: 0;
}
.faixa div { width: 33.31%; height: 13px; float: left;}
.faixa .amarela {background-color: #fecc00}
.faixa .vermelha {background-color: #da0611}
.faixa .azul {background-color: #007ab3}


/*Internas*/


.internas #content1 {
	height: 480px;
}
.internas #menu {padding-bottom: 25px;}
.internas #menu ul {
	position: relative;
	top: 25px;
	
}
.internas #menu li {
	width: 20%;
}
.internas #menu .logo {
	margin-top: -25px;
	
}
.internas #menu .logo:hover {
	background-color: transparent !important;
}
.internas h1 {
	margin-top: 60px;
}
.internas #content1 h2 {
	text-transform: none;
	font-size: 22px;
	width: 50%;
	margin: 0 auto;
	padding: 20px;
	background-color: rgba(0,0,0,0.7);
	clear: both;
	position: relative;
	top: 20px;
}
#content {
	background-color: #fff;
	
}

#content p { 
	text-align:left;
	color: #878787;
	font-size: 18px;
	line-height: 33px;
}

#content h3 {
	padding: 5px;
	background-color: #000;
	color: #fff;
	float: left;
	clear: both;
	margin-top: 20px;
	font-size: 26px;
}

#content .date {
	clear: both;
	margin-bottom: 20px;
	float: left;
}

#content .curtir {
	float: left;
	margin: 20px 0;
}

.artigos {
	background-color: #f4f4f4;
	padding: 20px 0;
}

.list-artigo li {
	float: left;
	margin-left: 3px;
	margin-bottom: 13px;

}

.list-artigo li a {
	position: relative;
	overflow: hidden;
	

}
.list-artigo li a span, .list-artigo li a p {
	position: absolute;
}
.list-artigo li a img {
	/*line-height: 999;*/
}

.list-artigo li a p {
	color: #fff !important;
	font-size: 12px !important;
	line-height: 20px !important ;
	background-color: rgba(0,0,0,0.7);
	bottom: -120px;
	padding: 10px !important;
	width: 100%; 
}
.list-artigo li a p strong {
	display: block;
	font-size: 18px;
	font-weight: 700;
}
.list-artigo li a span {
	background-color: #000;
	top: 0;
	clear: both;
	float: left;
	color: #fff;
	padding: 5px;
}
.list-artigo li a:hover p {
	bottom: 0;
}
.load-more, .maxlist-more {
	margin: 0 auto;
	width: 320px;
}
.bt-carregar, .maxlist-more a{
	padding: 20px 10px;
	background-color: #000;
	color: #fff !important;
	text-align: center;
	float: left;
	
	margin-top: 20px;

}
.bt-carregar:hover, .maxlist-more a:hover{
	background-color: #007AB3;
}
.list-news {
	margin: 50px 0;
	float: left;
}

.list-news li {
	float: left;
	margin: 10px 0 10px 10px;
	width: 160px;
	

}

.list-news li a {
	position: relative;
	width: 100%;
	float: left;
	
}
.list-news li a img {
	float: left;
	width: 100%; 

}
.list-news li a span {
	color: #fff;
	padding: 5px;
	position: absolute;
	font-size: 12px;
	left: 0;
	float: left;
	clear: both;
	top: 0;
	background-color: #000;

}

.list-news li a p {	
height: 346px;
line-height: 19px !important;
font-size: 15px !important;
padding: 20px;
}
.list-news li a  strong {
	display: block;
	font-weight: 700;
	color: #0074ab;
	padding:10px 0;
	float: left;
	width: 100%;
	font-size: 15px;
}

.list-news li a:hover {
	background-color: #0079B4;
}

.list-news li a:hover p, .list-news li a:hover  strong {
	color: #fff !important;
}

.list-news li a:hover img {
	opacity: 0.5;
}

#mp-conteudo { float: left; margin: 50px 0;}
#mp-conteudo h3 { background-color: transparent; color: #000; width: 100%; padding: 0;}
#mp-conteudo span {
	width: 100%;
}
#mp-conteudo p {
	position: relative;
}
#mp-conteudo p img {
	float: left;
	margin: 20px 20px 20px 0;
	width: 260px;
}
#mp-conteudo p span {
	color: #fff;
	font-size: 12px;
	padding: 10px;

	width: 260px;
	position: absolute;
	background: rgba(0,0,0,0.6);
	top: 109px;
	left: 0;
	
}

.videos li{
	width: 230px;
}

.col7 {
	width: 683px;
	float: left;
}

.col3 {
	width: 240px;
	float: right;
}
.title {
	font-weight: 500;
	font-size: 29px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	margin-top: 40px; 
	text-transform: capitalize;
	
}
.title span {
	color: #c20a0b;
}
.col3 .title {
	font-size: 18px;
	margin: 54px 0 20px;
}
.searchfild {
	position: relative;
}
.searchfild .search {
	border: 1px solid #eee;
	padding: 5px;
	width: 100%;
}
.searchfild input[type="submit"] {
	position: absolute;
	top:2px;
	right: 2px;
	border: none;
	background: transparent url(../images/search-icon.png) center no-repeat;
	width: 29px;
	height: 29px;
	cursor: pointer;
}

.searchfild .search:focus {
	border-color: #0074ab;
    }
/*calendario*/
#loading {
		position: absolute;
		top: 40px;
		left: 100px;
		}
	#calendar {
		width: 100%;
		margin: 20px auto;
	}

	.fc-border-separate thead {
    	background-color: #c40a05;
    	color: #fff;
    	font-size: 10px;
	}
	.fc-header-title h2 {
		font-size: 12px !important;
	}
/*fim calendario*/
/*Relacionadas*/
.relacionadas {
	display: none;
}
.relacionadas ul {
	margin-top: 0;
}
.relacionadas li {
    width: 100%;
    margin: 0;
}
.relacionadas li a {
	width: 100%;
	padding: 10px;
}
.relacionadas li img {
	display: none;
}
.relacionadas p {
	float: left;
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
}
 /*Fim Relacionadas*/

 .youtube span {
	width: 40px;
	height: 39px;
	background: transparent url('../images/play.png') no-repeat center !important;
	left: 50% !important;
	top: 50% !important;
	margin-left: -25px;
	margin-top: -25px;
 }