@import url(http://fonts.googleapis.com/css?family=Exo:400,700);

body{
	font-family: 'Exo', sans-serif;
}

.masthead-nav > li > a:hover, .masthead-nav > li > a:focus{
  border-bottom:0px transparent;
}

section#titulo-pagina{
	background-color: #202020;
	color: #ffffff;
	text-align: center;
}
img#change-img{
  width: 100px;
  height: 69px;
}

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

#copy{
  color: #7F7F7F;
}

#social{
  list-style-type: none;
  padding: 0;
  color: #838383;
  text-align: center;
  margin-top: 25px; 
}
#social li{
  display: inline-block;
}
#social img{
  width: 35px;
  height: 35px;
}
.wphone-fix{
  width: 160px;
  height: 55px;
}
#social li:nth-child(n+2){
  margin-left: 10px;
}
#logo-w{
    width: 250px;
  height: 79px;
  display: block;
  margin: auto;
}
.fix-img-width {
	width: 80%;
  display: block;
  margin: auto;
}

#login{
	background: #f15658;
	padding:0 30px;
	border-radius: 10px;
}

#login a{
	font-weight: normal;
	color: #fff;
	border-bottom: 0;
}
#login a:hover{
	border-bottom: 0;
}

#o-que-e{
	margin-top: 50px;
}


#como-utilizo{
	background-color: #eeeeee;
	padding-top: 50px;
	padding-bottom: 50px;
}

#ocorrencia{
	text-align: center;
	padding-top:50px;
	padding-bottom:50px;
}

#freguesias{
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	background: url('../img/call-to-action.jpg') repeat-x;
}

#freguesias h1{
	color: #fff;
}

#freguesias .btn{
	background-color: #f15658;
	border-radius:10px;
	color: #fff;
	padding: 10px 60px;
	margin-top: 0px;
	box-shadow: 2px 2px#c84b4c;
}

footer{
	background-color:#202020;
	padding-top: 50px;
}

footer p{
	color:#fff;
}

.btn{
	background-color: #f15658;
	border-radius:10px;
	color: #fff;
	padding: 10px 60px;
	margin-top: 20px;
	box-shadow: 2px 2px #c84b4c;

}
.btn:hover{
	background-color: #c84b4c;
	transition:all ease 0.2s;
}

.stores{
	float: right;
	position: absolute;
	bottom: 0%;
	right: 0%;
}
.stores ul{
	list-style-type: none;
}
.stores li{
	margin-top: 10px;
}

.powered-by{
  margin-top: 20px !important;
}

.powered-by-logo{
  margin-top: 0 !important;
}

.powered-by-logo img{
  width: 172px;
  height: 54px;
}

input.subscrever{
	width: 50%;
	padding: 5px;
}
.btn-subscrever{
	color:#fff;
	background-color:#f15658;
	padding: 8px 31px;
	margin-left: 20px;
}
.btn-subscrever:hover{
	color:#fff;
	background-color: #c84b4c;
	text-decoration: none;
	transition:all ease 0.2s;
}

/*Telemoveis - Pagina inicial*/

#android-store   
 {  
 	margin-top: 30px;
    background:url(../img/android.jpg);
  	background-size:contain;
  	background-repeat: no-repeat;
  	background-position: inherit;
}
#iphone-store{
	margin-top: 30px;
    background:url(../img/iphone.jpg);
  	background-size:contain;
  	background-repeat: no-repeat;
  	background-position: inherit;
}

#windows-store{
	margin-top: 30px;
    background:url(../img/windows-phone.jpg);
  	background-size:contain;
  	background-repeat: no-repeat;
  	background-position: inherit;
}

.overlay    
{
	cursor: pointer;
  background:rgba(16,16,16,.75);
  text-align:center;
  border-radius: 10px;
  padding:45px 0 66px 0;
    opacity:0;
    -webkit-transition: opacity .25s ease;
	-moz-transition: opacity .25s ease;
	height: 294px;
  width: 380px;
  display: table-cell;
  vertical-align: middle;
}

#android-store:hover > .overlay {
    opacity:1;
}

#windows-store:hover > .overlay {
    opacity:1;
}

#iphone-store:hover > .overlay {
    opacity:1;
}

#inner-text{ 
    color: #fff;
    font-size: 2em;
}

.detalhe{
  color: #fff;
}

/*Pagina funcionalidades*/
#funcionalidades{
	padding-top: 0px;
	padding-bottom: 0px;
}
h2#funcionalidade-noticias:before{
content: url(../img/noticias.svg);
padding-right: 10px;
}
h2#funcionalidade-eventos:before{
content: url(../img/eventos.svg);
padding-right: 10px;
}
h2#funcionalidade-contactos:before{
content: url(../img/info.svg);
padding-right: 10px;
}
h2#funcionalidade-ocorrencias:before{
content: url(../img/bandeira.svg);
padding-right: 10px;
}
h2#funcionalidade-Canideos:before{
content: url(../img/canideos.svg);
padding-right: 10px;
}
h2#funcionalidade-op:before{
content: url(../img/op.svg);
padding-right: 10px;
}
h2#funcionalidade-referendo:before{
content: url(../img/referendo.svg);
padding-right: 10px;
}
h2#funcionalidade-monos:before{
content: url(../img/monos-verdes.svg);
padding-right: 10px;
}

ul.nav.masthead-nav{
  margin-top: 20px;
  float: right;
}

#quote{
	padding-top: 50px;
	padding-bottom: 50px;
	background: #eeeeee;
}

#quote img{
	display: block;
	margin:auto;
}

#quote blockquote{
	margin-top: 30%;
	margin-bottom: 30%;
}

#funcionalidades-store{
	padding-bottom: 50px;
	padding-top: 50px;
}
#funcionalidades-store img{
	display: block;
	margin:auto;
}

.navbar-toggle{
  border:2px solid #444;
  margin-top: 30px;
}

.navbar-toggle .icon-bar{
  background-color: #444;
}
.navbar{
  margin-bottom: 0;
}


@media screen and (max-width: 321px){
.stores{
	position: absolute;
	bottom: 3%;
	right: 3%;
}
#quote blockquote{
  margin: 0;
}
.btn-subscrever{
	margin-left: 0;
}
#sobre-compta{
	margin-top: 25px;
}

}





/*COVER */

/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  
}

/* Custom default button */



/*
 * Base structure
 */
.masthead-nav > li > a
{
  color: #444;
}
.masthead{
	position: fixed;
  top: 0; 
  transition:all ease 0.3s;
  width: 100%;
  background: #fff;
  padding: 0;
  margin: 0;
  z-index: 9999;
  box-shadow: 0px 2px 20px #cecece;
  left: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-overflow-scrolling: touch
}
html,
body {
  height: 100%;
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  /*display: table;*/
  /*width: 100%;*/
  /*height: 100%;*/ /* For at least Firefox */
  /*min-height: 100%;*/
  margin-top: 90px;
  /*-webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
          box-shadow: inset 0 0 100px rgba(0,0,0,.5);*/
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
  background: url('../img/top-inicial.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}

.site-wrapper-inner.teste {
  display: table-cell;
  vertical-align: top;
  background: none;
  background-size: cover;
  background-position: center;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}

/* Padding for spacing */
.inner {

}


/*
 * Header
 */
.masthead-brand {
  margin-top: 10px;
  margin-bottom: 10px;
  float: left;
}

.masthead-nav > li {
  display: inline-block;
}
.masthead-nav > li + li {
  margin-left: 20px;
}
.masthead-nav > li > a {
  padding-right: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 2px solid transparent;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: #cecece;
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  border-bottom-color: #444;
}



/*
 * Cover
 */

.cover {
  
}
.cover .btn-lg {
  padding: 10px 20px;
  font-weight: bold;
}


/*
 * Footer
 */

.mastfoot {
  color: #999; /* IE8 proofing */
  color: rgba(255,255,255,.5);
}


/*Mobile*/
@media (min-width: :768px){


.stores{
	float: none;
	position: absolute;
	bottom: 3%;
	right: 3%;
}

.stores ul{
	float: right;
}

.stores li{
	
}
.site-wrapper-inner{
	background: url('../img/top-inicial.jpg') no-repeat;
	background-position: center;
}

#quote blockquote{
	margin: auto;
  margin-top: 0;
  margin-bottom: 0;
}

#sobre-compta{
	margin-top: 25px;
}

.fix-img-width{
	width: 70%;
	padding-top: 25px;
	display: block;
	margin:auto;
}

  .masthead-brand {
    float: left;
  }
  .masthead-nav {
    float: right;
  }

.site-wrapper-inner{
  background: url('../img/top-inicial.jpg');
  background-position: center;
}

.masthead-brand{
  float: left;
}

.stores{
	
}

.stores img{
  width: 80%;
  margin: auto;
  display: block;
}

}

/*Tablet and Up */
@media (max-width: 767px){
#sobre-compta{
  margin-top: 25px;
}
#login{
  margin-top: 25px;
}

#login a{
  font-weight: normal;
  color: #FFF;
  border-bottom: 0;
}
#login a:hover{
  border-bottom: 0;
}

#social{
  float: none;
  text-align: center;
}
input.subscrever{
  width: 50%;
  padding: 7px;
  border-radius: 0;
}

  /* Pull out the header and footer */
  .mastfoot {
    position: fixed;
    bottom: 0;
  }
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */

  .,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }


ul.nav.masthead-nav{
  z-index: 9999;
}

.masthead-nav a{
  color:#444;
}

.affix-top{
  position: fixed;
  background: transparent;
    box-shadow: none;
    width: 100%;
    top: 0;
}

ul.nav.masthead-nav{
  text-align: center;
  margin:auto;
  z-index: 9999;
  width: 100%;
  clear: both;
}

.masthead-nav > li{
  width: 95%;
  margin-left: 20px;
}


}

/* columns of same height styles */

.row-full-height {
  height: 100%;
}
.col-full-height {
  height: 100%;
  vertical-align: middle;
}
.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}
.col-xs-height {
  display: table-cell;
  float: none !important;
}

@media (min-width: 768px) {
  .col-sm-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 992px) {
  .col-md-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-height {
    display: table-cell;
    float: none !important;
  }
}

/* vertical alignment styles */

.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

.col-md-7.col-md-height.nov_text {
    vertical-align: middle;
}

img.fix-img-width.nov_img {
    width: 35%;
	margin-left: 50px;
}

.nov{
    text-align: right;
}
h2.nov{
  margin-top: 10px;
  margin-bottom: 10px;
}

blockquote.nov{
	border-left: none;
	border-right: 5px solid #eee;
}

section#novidades {
    /*padding-bottom: 50px;*/
}

img.slydy {
max-height:770px;
}

div#slidy-container {
    margin-top: 80px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	
	.nav.masthead-nav.collapse.navbar-collapse {
	padding-left: 0px;
    padding-right: 0px;
    width: 600px;
	}
	
	#login{
		margin-left: 6px;
		padding-left: 30px;
		border-left-width: 2px;
	}
}