@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,700);

body {
  font-family: 'Roboto Slab', serif !important;
  text-align: justify;
}
.dropdown-menu {
    max-width: 100%;
}
.f16{ font-size: 30px !important;}
#pagina{
  background-image: url('/imagens/bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;  
}
.lnk{ cursor: pointer; }
.dropdown-menu li a {
    word-wrap: break-word;
    white-space: normal;
}
footer p{ text-align: center;}
.gal_foto{
  cursor: pointer;
  margin-bottom: 20px;
}
.noticia:hover, .noticias:hover, .portfolio-item:hover{
  background-color: lightgoldenrodyellow;
}
#galeria{ background-color: white;}
row{ max-width: 90%; }
.noticia, .noticias, .portfolio-item{ cursor: pointer;}
.portfolio-item, .noticia{ padding-top: 10px;}
.noticia { padding: 10px 0px 0px 0px;}
.img-noticias{ margin: 0px 0px 20px 20px; clear: none; float: right;}
.noticia a:hover, .noticias a:hover{
  text-decoration: none;
  color: black;
}
.paginacao{ cursor: pointer;}
.titulo-noticia{ clear:both;}
.lista-noticias{ 
  background-color: lightgray;
  margin-top: 20px !important;
}
.img-lista{
  width: 100%;
}
#agenda{
  margin: 20px 0px 20px 0px;
  background-color: lightgray;
  padding: 0px 20px 20px 20px;
}
h1, h2, h3, h4, h5, h6, .navbar{ font-family: 'Ubuntu', sans-serif; text-align: left; margin-top: 0px !important; }
.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}
.ui-datepicker{ width:100%; }
.carousel{
  margin-bottom: 40px;
}
.Highlighted a{
   background-color : Green !important;
   background-image :none !important;
   color: White !important;
   font-weight:bold !important;
}
.nodate, .ui-datepicker .nodate span{
   background-color : lightgray!important;
   background-image :none !important;
   color: black !important;
   font-weight: bold !important;
}
.centered{ text-align: center;}
.thumbnail{ background-color: lightgray; text-align: center;}
.thumbnail:hover{
  background-color: lightgoldenrodyellow !important;
}
a.el:hover{ text-decoration: none;}
abbr{ font-weight: bold;}
a {
    color: black;
}

.foto{ width: 100%; margin: 0px 0px 20px 0px;}
.pull-right{ margin: 0 0 0 10; }
img.foto_destaque {
    width:250px;
    max-width: 100%;
    border-radius: 30px;
}
#nav{
  background-color: black;
    width:100%;
    top:0;
    font-weight: 300;
}
#mapa{
  width: 100%;
  height: 400px;
}
h1, .uppercase { text-transform: uppercase; }

.up{
  text-transform: uppercase;
  font-weight: bold;
  font-weight: 700;
}
.navbar-inverse{
    border: none;
}


.starter-template {
  padding: 40px 15px;
  text-align: center;
}

.container{
    max-width: 900px;
    margin: 0 auto;
}

#banner_topo{
	width: 100%;
	height: 206px;
	background-image:url("/imagens/topo2.png");
  background-color: white;
	background-size:cover;
	background-repeat: repeat-x;
	background-position: center;
	vertical-align: middle;	
}

.menutopo{
    max-height: 30px !important;
}
#logo{
    margin-top: 106px;
    float: right;
}
.jumbotron{
    margin-top: 20px;
    max-width: 900px;
}

#conteudo{
    margin-top: 20px;
}
footer {
	text-align: center;
	padding: 50px 0 ;
  background-color: black;
	margin-top: 20px;
}

footer p {
	color: #f8f8f8;
}


footer .social {
    margin-top: 10px;
    text-align: center;
}

footer .social a { display: inline-block; width: 24px; height: 24px; margin: 0 0 0 8px; vertical-align: middle; }

footer .social a.twitter { background: url(/imagens/social-icons/twitter.png) left bottom no-repeat; }
footer .social a.dribbble { background: url(/imagens/social-icons/dribbble.png) left bottom no-repeat; }
footer .social a.rss { background: url(/imagens/social-icons/rss.png) left bottom no-repeat; }
footer .social a.pinterest { background: url(/imagens/social-icons/pinterest.png) left bottom no-repeat; }
footer .social a.flickr { background: url(/imagens/social-icons/flickr.png) left bottom no-repeat; }
footer .social a.forrst { background: url(/imagens/social-icons/forrst.png) left bottom no-repeat; }
footer .social a.vimeo { background: url(/imagens/social-icons/vimeo.png) left bottom no-repeat; }
footer .social a.linkedin { background: url(/imagens/social-icons/linkedin.png) left bottom no-repeat; }
footer .social a.facebook { background: url(/imagens/social-icons/facebook.png) left bottom no-repeat; }
footer .social a.email { background: url(/imagens/social-icons/email.png) left bottom no-repeat; }
footer .social a.github { background: url(/imagens/social-icons/github.png) left bottom no-repeat; }
footer .social a.behance { background: url(/imagens/social-icons/behance.png) left bottom no-repeat; }
footer .social a.googleplus { background: url(/imagens/social-icons/googleplus.png) left bottom no-repeat; }
footer .social a.youtube { background: url(/imagens/social-icons/youtube.png) left bottom no-repeat; }
footer .social a.skype { background: url(/imagens/social-icons/skype.png) left bottom no-repeat; }
footer .social a.tumblr { background: url(/imagens/social-icons/tumblr.png) left bottom no-repeat; }

footer .social a:hover { background-position: left top; }
p { text-align: justify;}

.elem:hover{
  background-color: lightgoldenrodyellow !important;
}

.img-top{ margin-bottom: 10px;}
.container{ min-width: 315px;}
@media (max-width: 767px) {
    label #tit .control_label{ text-align: left;}
    body {
        padding-top: 50px;
    }
    .navbar{
        position: fixed;
        top: 0;
        width:100%;
    }
    p{ text-align: left;}

    #mapa{ width:90%; margin: auto; }
    .img-noticia{ max-width: 100%;}
    .img-noticias{ max-width: 100%; max-height: none; clear: both; float: none;}
}