/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21/11/2014, 09:34:03
    Author     : Lucas Marin Marques 
*/

/* Remover CSS padrão dos navegadores  */
@import url('reset.css');

/* Fontes utilizadas 'by Google Fonts' 
* Título: Michroma
* Texto: Open Sans Condensed
*/
/* @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Michroma|Roboto+Condensed); */


  @font-face {
    font-family: 'Michroma';
    src: url('./../fonts/Michroma/Michroma-Regular.ttf');
}
  
/* HTML5 */
details summary{
    outline: none;
}

/* Bootstrap ajustes */
button,strong{
    outline: none !important;
}

figure img{
    max-width: 100%;
}
figcaption{
    font-size: 18px;
}

/* Textos */
.cap{
    text-transform: capitalize;
}
.upp{
    text-transform: uppercase;
}
.low{
    text-transform: lowercase;
}

/* Mensagem */
#msg{
    border-radius: 10%;
    font-size: 18px;
}
#msg > span{
    padding: 3px 5px;
    border-radius: 15%;
}



/* Cores */
.text-yellow{
    color:#FE9F07;
}
.text-blue {
    color: #3980C2;
}
.text-green {
    color: #4CB647;
}
.text-red{
    color:#DF2D2A;
}
.text-gray{
    color:#566061;
}
.text-white,.text-white:hover{
    color:#f1f1f1;
}
.bg-gray{
    background-color:#566061;
}
.btn-hover{
    transition:all 0.3s;
}
.btn-hover:hover{
    opacity: 0.80;
}
.yahoo{
    color:#65106E !important;
}
.bing1{
    color:#FCA628 !important;
}
.bing2{
    color:#0074BD !important;
}

.wow{}

.gototop{
    position: fixed;
    bottom: 120px;
    right: 2%;
    background-color: rgba(40,40,40,0.5);
    color: #fff;
    border:solid 1px rgba(40,40,40,0.1);
    border-radius: 5%;
    outline: none;
    z-index: 100;
    box-shadow: 1px 1px 5px rgba(40,40,40,0.4);
}

body,html{
    overflow-x: hidden;
}

body {
    font-family: 'Open Sans Condensed';
    font-weight: 300;
    //background: #fafafa url('../images/crossword.png') repeat;
    background: url('../images/bg.png') no-repeat center top;
    background-size: 115% 100%;
    color:#566061;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400; 
    font-family: 'Michroma' !important;
}

h1{
    font-size: 32px;
    color:#547980 !important;
    padding-bottom: 25px;
}
h2{
    font-size: 20px;
    color:#547980 !important;
    padding-bottom: 10px;
}

h3{
    font-size: 16px;
    color:#888;
}

h4{
    font-size: 16px;
}
h5{
    font-size: 16px;
}
h6{
    font-size: 16px;
}

hr {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff;
}

a {
    -webkit-transition: color 300ms, background-color 300ms;
    -moz-transition: color 300ms, background-color 300ms;
    -o-transition:  color 300ms, background-color 300ms;
    transition:  color 300ms, background-color 300ms;
    color:inherit;
}
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}




input,textarea{
    background: rgba(255,255,255,0.25) !important;
}

.center{
    margin:0 auto;
}

.limit{
    max-width: 600px;
}

#social-facebook{
    /*background: url('../images/bg-social.png') repeat-x 20px 70px;*/
    height: 120px;
}


#social-facebook h2 {
    color:#aaa !important;
}
#social-facebook h2 i{
    color:#285e8e !important;
}
#social-facebook h2 small{
    font-weight: bold;
    color:#285e8e !important;
}

.topic h1{
    color:#666;
    padding: 16px 0;
    font-style: italic;
}
.topic h2{
    color:#888;
    margin:0 0 10px 0;
    font-style: italic;
    text-align: left;
}

.topic p,
.topic span,
.topic li,
.topic a{
    font-size: 18px;
    line-height: 150%;
 }

.topic p{
    text-align: justify;
}
.topic span{
    text-align: left;
}

form label{
    font-weight: 300;
    font-family: 'Open Sans Condensed';
}

form legend{
    color:inherit;
}

.line-fit li{
    line-height: 130%;
}

/*************************
*******Header******
**************************/

.top-bar {
    color:#fff;
    background-color: #015AA8;
    line-height: 250%;
    font-size: 16px;
    height: 22px;
}
.top-bar address{
    line-height: 250%;
}
.top-bar a{
    color:#fff;
}
.top-bar a:hover{
    text-decoration: underline;
}
.top-bar div.pull-right{
    margin-right: 25px;
}

.bg-top,.bg-bottom{
    height: 26px;
    width: 100%;
    background-size: 100% 40px;
}
.bg-top{
    background: transparent url(../images/bg-top.png) no-repeat center bottom;
    margin-bottom: 10px;
}
.bg-bottom{
    background: transparent url(../images/bg-bottom.png) no-repeat center top;
     background-size: 100% 26px;
}



.navbar-brand {
    padding: 0;
    margin:0 !important;
}
.navbar-inverse{
    font-family: "Michroma";
    font-size: 12px;
    font-weight: 400;
    background: none;
    border:none;
    box-shadow: -90px 5px 15px #f2f2f2;
    z-index: 2;
    padding-bottom: 15px;
}
.navbar-nav{
    margin-top: 12px;
}
.navbar-nav > li{
    margin-left: 30px;
}
.navbar-inverse .navbar-nav > li > a {
    padding: 5px 12px;
    border-radius: 3px;
    line-height: 200%;
    display: inline-block;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus{
    background-color: rgba(0,0,40,0.6);
    color: #fff;
}
.navbar-header button{
    float: right;
    margin-top: 7px;
    margin-right: 20px;
}

/***************
---- Footer ----
****************/
#footer {
    padding: 10px 0 20px 0;  
    color: #ededec;
    background: #015AA8;
}


.list{
    list-style: circle;
    padding-left: 25px;
}

/***************
---- Facebook ----
****************/
.fb-like{}

.text-center{
    text-align: center !important;
}