body {
	background:#e8e9eb;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
		color:#000;
}

strong { font-weight: 700; }

a, a:hover, a:focus {
	color: #a93a52;
	text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

h1, h2 {
	margin-top: 10px;
	font-size: 36px;
    font-weight: 700;
    color: #fff;
    line-height: 44px;
}

img { max-width: 100%; }

.collapse {
    display: inline;
}

.logo{
	min-width: 200px;
	width: 70px;
}

/***** Top menu *****/

.navbar {
	padding-top: 10px;
	padding-bottom: 5px;
	background: #333;
	background: rgba(51, 51, 51, 0.7);
	border: 0;
	-o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

ul.navbar-nav {
	font-size: 14px;
	color: #fff;
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
    list-style: none;
    text-align: left;
    padding: 0;
}

.li{
	border-bottom: 1px dotted #46ca7a;
	padding: 5px 0px 5px 0px;
	font-size: 15px;
}

.navbar-inverse ul.navbar-nav li { padding-top: 8px; padding-bottom: 8px; }

.navbar-inverse ul.navbar-nav li .li-text { margin-right: 10px; opacity: 0.8; }

.navbar-inverse ul.navbar-nav li a { display: inline; padding: 0; color: #fff; }
.navbar-inverse ul.navbar-nav li a:hover { color: #fff; opacity: 1; border-bottom: 1px dotted #fff; }
.navbar-inverse ul.navbar-nav li a:focus { color: #fff; outline: 0; opacity: 1; border-bottom: 1px dotted #fff; }

.navbar-inverse ul.navbar-nav li .li-social a {
	margin: 0 7px;
	font-size: 28px;
	vertical-align: middle;
}
.navbar-inverse ul.navbar-nav li .li-social a:hover,
.navbar-inverse ul.navbar-nav li .li-social a:focus { border: 0; color: #a93a52; }

.navbar-brand {
	width: 229px;
	background: url(../img/logo.png) left center no-repeat;
	text-indent: -99999px;
}
.navbar>.container .navbar-brand { margin-left: 0; }

.grid{
max-width:970px;
margin:auto;
}

.nome{
font-size: 19px;
font-weight: 700;
}

.votos{
margin: auto;
width: 200px;
background: #5b6a75;
border-left: 4px solid #46ca7a;
color: #fff;
font-size: 17px;
padding: 5px;
}

.tituloMunicipio{
margin-top: 25px;
margin-bottom: 39px;
color: #5b6a75;
}

.avatar {
    border-top: 3px solid #46ca7a;
    border-bottom: 2px solid #46ca7a;
}

.avatar:hover{opacity: 0.7}

/***** Description *****/

.description-container {
	border-bottom: 1px solid #18d26e;
	padding-top: 25px;
	padding-bottom: 10px;
	text-align: center;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.56) 75%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.56) 75%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.56) 75%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}

.description-title { padding-bottom: 10px; }
.description-text { opacity: 0.8; }

.description-text a { color: #fff; border: 0; }
.description-text a:hover,
.description-text a:focus { color: #fff; border-bottom: 1px dotted #fff; }

.description-text .divider-1 { margin-top: 50px; }


/***** Multi Step Form *****/

.msf-container {
    padding-top: 9px;
    padding-bottom: 0px;
    text-align: center;
}

.msf-title h3 { padding-bottom: 10px; font-weight: 700; }
.msf-title p { opacity: 0.8; }

.msf-form h4 {
	margin-top: 20px;
	margin-bottom: 30px;
	font-weight: 700;
	line-height: 26px;
}

.mb{margin-bottom: 10px;}

.msf-form h4 .step { color: #aaa; }

.msf-form form fieldset { display: none; overflow: hidden; }

.msf-form form input[type="text"] { width: 400px; margin-left: 5px; margin-right: 5px; }

.msf-form form textarea.form-control { width: 700px; height: 160px; }

.msf-form form select.form-control { width: 250px; margin-left: 5px; margin-right: 5px; }

.green {color: #18d26e; font-size: 42px; font-weight: bold;}

.branco{font-size: 52px;}

.msf-form .form-group { margin-bottom: 15px; }

.msf-form form button.btn { min-width: 110px; margin-top: 15px; margin-left: 5px; margin-right: 5px; }

.msf-form form p { opacity: 0.8; }

.msf-form form .radio-buttons-1,
.msf-form form .radio-buttons-2,
.msf-form form .checkboxes-1,
.msf-form form .checkboxes-2 { display: inline-block; margin: 0 15px 20px 15px; }

.msf-form form .selects-1,
.msf-form form .selects-2 { display: inline-block; margin: 0 0 20px 0; }

footer{
position: absolute;
margin: auto;
bottom: 20px;
text-align: center;
width: 100%;
}