/*
    Created on : 08/03/2015, 20:04:42
    Author     : Amaro
*/
/* == [header tag] ===========================================================*/
.azul{
    background-color: #263965;
}

.cinza{
    background-color: #ccc;
}

header .direita, .esquerda{
    width: 50%;
}

.esquerda > figure > img{
    max-height: 9em !important;
    width: auto;
}

.esquerda{
    float: left;
}

.direita{
    float: right;
    padding: 13px 0;
    color: #fff;
    text-align: right;
    font-size: 85%;
}

.footercmdc{
    font-size: 85%;
}

.line_title{border-bottom: 1px solid #eee; padding-bottom: 4px; margin-bottom: 10px;}
.line_title span{padding-bottom: 4px; border-bottom: 3px solid #eee; font-size: 18px; text-transform: uppercase; font-family: 'Baumans', cursive;}
.line_title .azul{border-color: #4000FF}
.line_title .roxo{border-color: #8500B2}
.line_title .verde{border-color: #70A50E}
.line_title .oliva{border-color: #16A085}
.line_title .vermelho{border-color: #FF6A6A}

.bs-docs-nav .navbar-nav > .active > a, .bs-docs-nav .navbar-nav > .active > a:hover, .bs-docs-nav .navbar-nav > li > a:hover {
    background-color:#F9F9F9;
    color:#463265;
}
docs.min.css
.bs-docs-nav .navbar-brand, .bs-docs-nav .navbar-nav > li > a {
    color:#563D7C;
    font-weight:500;
}

.bemvindo{
    background: #0C9BD0 url() 0 0 no-repeat;
    margin-bottom:30px;
}
.bemvindo .socials { width: 158px; margin-left: auto; padding-top:18px;  }
.bemvindo .socials a { width: 31px; height: 30px; float:right; margin-left: 6px;  background: url(images/socials.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }
.bemvindo h4 { color:#fff; font-size: 16px; font-family: 'Raleway', sans-serif;  font-weight: 500; text-shadow: rgba(0,0,0,0.5) 0px 1px 0px; text-transform: uppercase; }
.bemvindo h2 { color:#f8f8f8; font-family: 'Raleway', sans-serif; font-size: 56px; line-height:56px; padding-bottom: 12px; font-weight: 700; text-shadow: rgba(0,0,0,0.5) 0px 1px 0px; }
.bemvindo p { color:#fff; }
.bemvindo p a { color:#fff; text-decoration: underline; }
.bemvindo p a:hover { text-decoration: none; }

.titulos{
    font-weight:bold;
    color:#029cdb;
    padding: 10px 0 0 0;
}

/* eventos
*/
.entry-inner { padding-bottom: 18px; margin-bottom: 16px; background: url(images/entry-title.png) repeat-x 0 bottom; }
.boxevt{ border-radius:100%; border: 1px solid #ccc; width: 64px; height: 62px; }
.date { margin-right: 15px;  position: relative; float:left; padding: 14px 12px; }
.date strong { color:#00acef; font-size: 22px; line-height: 22px; font-family: arial, sans-serif; font-weight: bold; display:block; }
.date span { font-weight: bold; font-size: 9px; color:#c6c6c6; position:relative; margin-top: 0px; display:block; line-height:9px;  }
.date em { -webkit-transform: rotate(-90deg); line-height: 12px;
           -moz-transform: rotate(-90deg);	 font-weight: bold; font-style: normal; width: 12px;  color:#bdbdbd; font-size: 12px; position:absolute; bottom: 20px; left: 41px; }

.box_info_head{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 10px 15px;


    border-bottom-color:transparent;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}

.box_info{
    border-radius: 3px;
    padding: 15px;
    background-color: #fff;
}

/*---------------------------------------
 **   SECTION:  OUR FOCUS             -----
-----------------------------------------*/

.focus {
    padding-bottom: 100px;
    overflow: hidden;
    background: #FFFFFF;
}
/* FOCUS BOX */
.service-icon {
    margin-bottom: 30px;
    width: 145px;
    height: 145px;
    margin: auto;
    border-radius: 50%;
    border: 10px solid #ececec;
    margin-bottom: 20px;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* ON HOVER COLORED ROUNDED CIRCLE AROUND ICONS */
.red,.green,.blue,.yellow {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.red:hover .service-icon {
    border: 10px solid #e96656;
}
.green:hover .service-icon {
    border: 10px solid #34d293;
}
.blue:hover .service-icon {
    border: 10px solid #3ab0e2;
}
.yellow:hover .service-icon {
    border: 10px solid #f7d861;
}

.focus-box h5 {
    margin-bottom: 15px;
    color: #404040;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 17px;
}
.focus-box p {
    font-size: 14px;
}

/*---------------------------------------
 **   BORDER BOTTOMS                 -----
-----------------------------------------*/

.white-border-bottom:before {
    position: absolute;
    margin: auto;
    z-index: 1;
    content: "";
    width: 50%;
    height: 2px;
    background: #F5F5F5;
    bottom: -9px;
    left: 25%;
}
.dark-border-bottom:before {
    position: absolute;
    margin: auto;
    z-index: 1;
    content: "";
    width: 50%;
    height: 2px;
    background: #404040;
    bottom: -9px;
    left: 25%;
}
.red-border-bottom:before {
    position: absolute;
    margin: auto;
    z-index: 1;
    content: "";
    width: 75%;
    height: 2px;
    background: #e96656;
    bottom: -9px;
    left: 12.5%;
}
.green-border-bottom:before {
    position: absolute;
    margin: auto;
    z-index: 1;
    content: "";
    width: 75%;
    height: 2px;
    background: #34d293;
    bottom: -9px;
    left: 12.5%;
}
.blue-border-bottom:before {
    position: absolute;
    margin: auto;
    z-index: 1;
    content: "";
    width: 75%;
    height: 2px;
    background: #3ab0e2;
    bottom: -9px;
    left: 12.5%;
}
.yellow-border-bottom:before {
    position: absolute;
    margin: auto;
    z-index: 1;
    content: "";
    width: 75%;
    height: 2px;
    background: #f7d861;
    bottom: -9px;
    left: 12.5%;
}

.circle {
    border-radius: 100%;
    border: 1px solid #ccc;
    width: 145px;
    height: 145px
}

.pixeden  {
    height: 63px;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    display: block;

}

blockquote.blockquote-success {
    border-left: 5px solid #468847;
}
blockquote.blockquote-warning {
    border-left: 5px solid #F89406;
}
blockquote.blockquote-important {
    border-left: 5px solid #B94A48;
}
blockquote.blockquote-info {
    border-left: 5px solid #3A87AD;
}
blockquote.blockquote-inverse {
    border-left: 5px solid #333333;
}

/* =Jumbotron
-------------------------------------------------------------- */
.jumbotron {
    color: #222; }

.home-jumbotron {
    position: relative;
    text-align: center;
    //background-color: transparent;
    padding: 50px 15px;
    margin-bottom: 40px; }
.home-jumbotron h1 {
    font-size: 96px; }
@media (max-width: 992px) {
    .home-jumbotron h1 {
        font-size: 72px; } }
@media (max-width: 768px) {
    .home-jumbotron h1 {
        font-size: 48px; } }
@media (max-width: 480px) {
    .home-jumbotron h1 {
        font-size: 40px; } }
.home-jumbotron .lead {
    z-index: 20;
    position: relative;
    font-size: 24px; }
@media (max-width: 768px) {
    .home-jumbotron .lead {
        font-size: 20px; } }
@media (max-width: 480px) {
    .home-jumbotron .lead {
        font-size: 18px; } }
.home-jumbotron .middle-circle {
    -moz-border-radius: 80px;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    background: #fff;
    font-size: 60px;
    height: 120px;
    width: 120px;
    line-height: 140px;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    bottom: -90px;
    z-index: 10; }
.basic .home-jumbotron .middle-circle {
    color: #D9534F; }

/**************************************
/************ CSS TRIGGER *************
**************************************/
.trigger{position: relative; padding: 20px; color: #333; background: #ccc; border: 1px solid #333; font:400 14px 'Verdana', sans-serif;}
.trigger{border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.trigger .ajax_close{position: absolute; right: 10px; cursor: pointer; top: 10px; background: black; width: 20px; height: 20px; display: none;}
.trigger.accept{background-color: #E5F8CE; border-color: #D0F1A6;}
.trigger.infor{background-color: #D1ECF7; border-color: #BCDFEF;}
.trigger.alert{background-color: #FFF6BF; border-color: #FCEB77;}
.trigger.error{background-color: #FAD0D0; border-color: #F6ABAB;}