/*
Theme Name: Cn Polícia
Author: Agi Comunicação e Design - www.agicomunicacao.com.br
*/

@import url('https://fonts.googleapis.com/css?family=Anton|Nunito+Sans');

body {
	background: #EAEAEA;
	text-align: center;
	font-family: 'Nunito Sans', sans-serif;
}

.topo {
	width: 100%;
	height: auto;
	background: #BF2027;
}

.logo {
	background: #FFF;
	max-width: 300px;
	padding: 30px;
}


.banner {
	width: 100%;
}


.banner img {
	max-width: 970px;
	height: auto;
	width: 100%;
	padding: 10px 0;
}


.menu {
	padding: 25px 0 10px 0;
	background: #BF2027;
}

.menu ul li {
	display: inline-block;
	padding: 0 5px;
	font-size: 1.4em;
}

.menu ul li a {
	color: #FFF;
	text-decoration: none;
}

.menu ul li a:hover {
	color: #FF0;
	text-decoration: underline;
}

.ads {
	margin-top: 15px;
}


/*********************************/

.conteiner {
	width: 100%;
	max-width: 1000px;
}

.articles {
	width: 70%;
	max-width: 680px;
	float: left;
	margin-top: 30px; 
}

.sidebar {
	float: right;
	width: 30%;
	max-width: 300px;
}

.article {
	background: #FFF;
	color: #000;
	box-shadow: 5px 7px 3px #CCC;	
	-webkit-box-shadow: 5px 7px 5px #CCC;	
   	-moz-box-shadow: 5px 7px 5px #CCC;
   	margin-bottom: 15px; 
   	border: 1px solid #CCC;
}

.article div {
	padding-bottom: 10px;
}

.article a {
	color: #BF1F26;
	text-decoration: none;
}

.article a:hover {
	text-decoration: underline;
}

.content {
	margin: 15px 20px;
	text-align: left;
}

.content img {
	width: 100%;
	max-width: 700px; 
	text-align: center;
	height: auto;
}

.title {
	font-family: 'Anton', sans-serif;
	font-size: 1.8em;
	text-align: left;
	margin: 15px 20px;
	text-transform: uppercase; 
	border-left: 4px solid #BF1F26;
	padding-left: 5px;
}

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

.img-news {
	text-align: center; !important
	padding-bottom: 15px;
}

.img-news img {
	max-width: 480px;
	width: 100%;
	height: auto;
}

.date-post {
	background: #BF1F26;
	color: #FFF;
	font-size: 1em;
	margin-top: 25px;
	-webkit-transform: skew(-25deg); 
	-moz-transform: skew(-25deg);
	-ms-transform: skew(-25deg);
	-o-transform: skew(-25deg);
	transform: skew(-25deg);
	height: 25px;
}

.date {
	transform: skew(25deg);
	-webkit-transform: skew(25deg); 
	-moz-transform: skew(25deg);
	-ms-transform: skew(25deg);
	-o-transform: skew(25deg);
	padding-top: 5px;
	text-align: center;

}

.banner-notice {
	margin: 20px 0;
	padding: 10px;
	background: #FFF;
	box-shadow: 5px 7px 3px #CCC;	
	-webkit-box-shadow: 5px 7px 5px #CCC;	
   	-moz-box-shadow: 5px 7px 5px #CCC;
   	margin-bottom: 15px; 
   	border: 1px solid #CCC;
}

.continue {
	text-align: left;
	margin: 15px 15px;
	font-size: 1.4em;
}

.continue a {
	color: #BF1F26;
	text-decoration: none;
}

.continue a:hover {
	text-decoration: underline;
	cursor: pointer;
}

.compartilhar {
	margin: 15px;
	}

.cx-fb {
	float: left;
}

.cx-wa {
	float: left;
	margin: 0 0 0 10px;
}

.cx-fb img {
	max-width: 50px;
	width: 100%;
	height: auto;
} 

.cx-wa img {
	max-width: 50px;
	width: 100%;
	height: auto;
}

.paginacao {
	margin: 2px 5px;
}

.paginacao a {
	color: #000;
	text-decoration: none;
	border: 1px solid;
	padding: 3px 3px;
	margin: 2px 5px;
}



/**********************************/

.title-sidebar {
	color: #BF2027;;
	font-size: 1.8em;
	margin: 20px 0;
}

.banner-sidebar img {
	margin-bottom: 15px;
	display: list-item;
	width: 100%;
	max-width: 300px;
	height: auto;
}

.last-news {
	margin: 15px 0;
}

.last li::before {content: "• "; color: #000;}

.last ul li {
	text-align: left;
	font-size: 1em;
	padding-bottom: 10px;
}

.last ul li a {
	color: #666;
	text-decoration: none;
}

.last ul li a:hover {
	text-decoration: underline;
	color: #000;
}

.users {
	text-align: center;
	padding: 20px 0;
}

.users img {
	width: 30px;
}


.fanpage {
	padding-bottom: 20px;
}

/***************************/

footer {
	width: 100%;
	background: #003D79;
	height: 300px;
	margin-top: 25px;
	color: #FFF;
}

.friso-white {
	border-bottom: 3px solid #FFF;
	padding-top: 25px;

}

.redes {
	margin: 30px 0 0 0;
}

.redes img {
	max-width: 40px;
	padding: 0 1px;
}

.menu-footer {
	margin: 0 0 15px 0;
}

.copyright a {     
	color: #FFF;     
	text-decoration: none; 
}

.agi {
	padding: 20px 0;
}

.agi a {
	color: #FFF;
	text-decoration: none;
}

.agi a:hover {
	text-decoration: underline;
}