site-desgovernanca/css/pirata.css

@charset "UTF-8";
img.img-circle {
	box-shadow:0.1em 0.1em 0.2em 0.1em rgba(0,0,0,0.5);
}
img.img-responsive {
	border-radius:1em;
}
.navbar a{
	padding-top:0.1em;
	padding-bottom:0.1em;
}
.jumbotron h1 {
	font-size:xx-large;
}
.jumbotron h2 {
	font-size:x-large;
}
.jumbotron a {
	font-size:large;
}
.jumbotron {
	background: -moz-linear-gradient(-45deg,  rgba(255,0,46,0.7) 0%, rgba(255,255,255,0) 100%), url('../assets/forumdesgovernanca_web.png') no-repeat center center #333333; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,0,46,0.7)), color-stop(100%,rgba(255,255,255,0))), url('../assets/forumdesgovernanca_web.png') no-repeat center center #333333; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(255,0,46,0.7) 0%,rgba(255,255,255,0) 100%), url('../assets/forumdesgovernanca_web.png') no-repeat center center #333333; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(255,0,46,0.7) 0%,rgba(255,255,255,0) 100%), url('../assets/forumdesgovernanca_web.png') no-repeat center center #333333; /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(255,0,46,0.7) 0%,rgba(255,255,255,0) 100%), url('../assets/forumdesgovernanca_web.png') no-repeat center center #333333; /* IE10+ */
	background: linear-gradient(135deg,  rgba(255,0,46,0.7) 0%,rgba(255,255,255,0) 100%), url('../assets/forumdesgovernanca_web.png') no-repeat center center #333333; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ff002e', endColorstr='#00ffffff',GradientType=1 ), url('../assets/forumdesgovernanca_web.png') no-repeat center center #333333; /* IE6-9 fallback on horizontal gradient */
}
.body-content h1 {
	font-size:x-large;
}
img.bandeira {
	max-height:24px;
	max-width:24px;
	border-radius:0.1em;
	box-shadow:0.1em 0.1em 0.2em 0.1em rgba(0,0,0,0.5);
}
.list-group a.ativo {
	background-image:url("../assets/textura-cinza.png");
	background-repeat:repeat;
}
a.social {
	padding:0.5em;
}
img.social {
	max-height:32px;
	max-width:100%;
}
.blog-masthead {
	background-image:url("../assets/textura-cinza.png");
	background-repeat:repeat;
}
a.blog-nav-item {
	color:#B7005B;
}
.navbar {
	background:none;
}
.nav-pills li.menu {
	padding:0.1em;
	border:none;
}
.nav-pills li.item a {
	padding:0.3em;
	color:#B7005B;
	background-image:url("../assets/textura-cinza.png");
	background-repeat:repeat;
    border-radius:2em;
	box-shadow:0.1em 0.1em 0.1em 0.1em rgba(0,0,0,0.5);
}
.nav-pills li.menu a:hover {
	color:#333;
}
.nav-pills li.bandeira a {
	padding:0.1em;
	background:none;
	border:none;
}
.nav-pills li.bandeira a.ativo img.bandeira {
	box-shadow:0.1em 0.1em 0.2em 0.2em #B7005B;
}
.navbar-header button {
	background-image:url("../assets/textura-cinza.png");
	background-repeat:repeat;
}
.navbar-header span.icon-bar {
	background-color:#B7005B;
}
img.funding {
	max-height:64px;
	max-width:100%;
}
body, .blog-footer {
	background-image:url("../assets/textura-branca.png");
	background-repeat:repeat;
}
span.ativo {
	background-image:url("../assets/textura-cinza.png");
	background-repeat:repeat;
	color:#B7005B;
}
.blog-masthead {
	background:none;
}
.video {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	left:10%;
	right:10%;
}
.video iframe {
	position:absolute;
	top:0;
	left:0;
	width:80%;
	height:90%;
	box-shadow:0.2em 0.2em 0.2em 0.2em rgba(0,0,0,0.5);
}
.body-content h3 {
	margin-top:60px;
	margin-bottom:20px;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: 700;
	color: #666666;
}
.local {
	padding:1em;
}
.local img {
	width:100%;
	height:100%;
	max-width:800px;
	box-shadow:0.2em 0.2em 0.2em 0.2em rgba(0,0,0,0.5);
}
video.stream {
	width:80%;
	height:90%;
	box-shadow:0.2em 0.2em 0.2em 0.2em rgba(0,0,0,0.5);
}
.nav-pills li.live a {
	background-color:#B7005B;
	background-image:none;
	color:white;
}
table, thead, tbody, th, tr, td {
	text-align:center;
}

/* http://elvery.net/demo/responsive-tables/ */
@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	table, 
	thead, 
	tbody, 
	th, 
	td, 
	tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	tr { border: 1px solid #ccc; }
 
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	td:before { content: attr(data-title); }
}