/*/////////////////////////////////////////////////////////////////////
 // 
 // Custom theme code styles
 // Written by Themelize.me (http://themelize.me)
 // 
 // This is an empty starter template for overriding styles
 // set by Bootstrap & the theme
 // 
 // ----------------------------------------------------
 // 
 // Remove unused code for better performances
 // 
 // ----------------------------------------------------
 // 
 // @see - Usefuls tools online for editing
 // 1. http://charliepark.org/bootstrap_buttons/ - Button style generator
 // 2. http://www.colorzilla.com/gradient-editor/ - CSS3 gradient maker
 // 
 // @note
 // To ensure custom styles are picked up
 // wrap definitions in body tag
 // ie.
 // body .navbar-inner {
 //   background: #ff0000;
 // }
 // 
 /////////////////////////////////////////////////////////////////////*/
/*
 * --------------------------------------------------
 * 1. General Elements
 *--------------------------------------------------
 */
 #navigation {
  /* 1. Navigation wrapper */
}
#highlighted {
  /* 2. Highlighted (below header) wrapper */
}
#content {
  /* 3. Content wrapper */
}
#content-below {
  /* 4. Content Below wrapper */
}
#footer {
  
}
/*
 * --------------------------------------------------
 * 2. Colours
 *-------------------------------------------------- 
 */
/*
 * --------------------------------------------------
 * 3. Responsiveness/media queries
 *--------------------------------------------------
 */
/* No media query since this is the default in Bootstrap */

/* phones < 768px */
@media (max-width: 768px) {
    .navbar-collapse {
        margin: 0 !important;
    }
}

/* Extra small devices (phones > 768px) */
@media screen and (min-width: 768px) and (max-width:992px){
    /*NAV*/
    .navbar-header {
        float: none;
    }
    .navbar-left,
    .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        padding-left: 0;
        padding-right: 0;
        max-height: 800px !important;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav > li {
        float: none;
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in {
        display: block !important;
    }

    .header {
        /* Small devices (tablets, 768px and up) */
    }
    .header .page-title {
        float: left;
    }
    .header .nav-pills,
    .header .back-link {
        float: right;
        margin-top: 15px;
    }

    #navigation .navbar-inner .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .carousel#carousel-front .item img {
        max-height: 500px;
        margin-top: 20%;
    }
    
    .block>.thumbnails>li{
        margin-bottom: 13%;
    }
    
    .projects li .project{
        border-bottom: none;
    }

}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  /* Medium devices (desktops, 992px and max 1200) */
  
    /*MENU*/
    ul#main-menu {
      margin: 10px 0 0 0;
      float: right;
    }
    ul#main-menu .dropdown-menu {
        margin: 0;
        padding: 10px;
        position: absolute;
        background-color: #2a6082;
        min-width: 220px;
    }
    ul#main-menu .dropdown-menu li a,
    ul#main-menu .dropdown-menu li a:link {
        padding: 0.5em;
    }
    ul#main-menu .dropdown-menu li a:hover,
    ul#main-menu .dropdown-menu li a.active,
    ul#main-menu .dropdown-menu li.active > a,
    ul#main-menu .dropdown-menu li.active > a:hover,
    ul#main-menu .dropdown-menu li.active > a:focus {
        background-color: #2f6b91 !important;
    }
    ul#main-menu li {
        list-style: none;
        margin: 0;
        padding: 0 0.5em;
        float: left;
        border: 0;
        border-left: 1px solid rgba(255, 255, 255, 0.06);
        border-right: 1px solid rgba(42, 96, 130, 0.4);
    }
    ul#main-menu li:first-child {
        border-left: none;
    }
    ul#main-menu li:last-child {
        border-right: none;
    }
    ul#main-menu li a,
    ul#main-menu li a:link {
        text-shadow: none;
        display: block;
        font-weight: bold;
        padding: 10px 1em;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin: 0;
        text-transform: uppercase;
        border: 1px solid transparent;
    }
    ul#main-menu li a .caret,
    ul#main-menu li a:link .caret {
        margin-top: 25px;
        border-top-color: #e6e6e6;
        border-bottom-color: #e6e6e6;
    }
    ul#main-menu li a:hover,
    ul#main-menu li a.active,
    ul#main-menu li.over > a,
    ul#main-menu li.active > a,
    ul#main-menu li.active > a:hover,
    ul#main-menu li.active > a:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    ul#main-menu li.dropdown .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }
    ul#main-menu li.dropdown.open a.dropdown-toggle {
        color: #ffffff;
        background: rgba(42, 96, 130, 0.3);
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
    }
    ul#main-menu li.dropdown.open > ul.dropdown-menu {
        /*right: 8px;*/
        -webkit-border-radius: 3px 0 3px 3px;
        -moz-border-radius: 3px 0 3px 3px;
        border-radius: 3px 0 3px 3px;
    }
    ul#main-menu li.dropdown.open > ul.dropdown-menu a {
        border-bottom: 1px solid #2a6082;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    #navigation .navbar-inner .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    /*SIDEBAR */ 
    .sidebar.sidebar-right .inner {
        padding: 0 20px 20px 20px;
        border-left: 1px dotted rgba(55, 124, 168, 0.2);
    }
    .sidebar.sidebar-left .block {
        padding-right: 20px;
        border-right: 1px dotted rgba(55, 124, 168, 0.2);
    }

    /*CONTATO*/
    #contact-form {
        padding-right: 2em;
    }

}


@media screen and (min-width: 1200px) {
  /* Large devices (large desktops, 1200px and up) */
    body{
        background-color: #ffffff;
    }
    #highlighted {
        background: url(../img/bg_noise-5.png) left top repeat;
    }
    /*MENU*/
    ul#main-menu {
        margin: 10px 0 0 0;
        float: right;
    }
    ul#main-menu .dropdown-menu {
        margin: 0;
        padding: 10px;
        position: absolute;
        background-color: #2a6082;
        min-width: 220px;
    }
    ul#main-menu .dropdown-menu li a,
    ul#main-menu .dropdown-menu li a:link {
        padding: 0.5em;
    }
    ul#main-menu .dropdown-menu li a:hover,
    ul#main-menu .dropdown-menu li a.active,
    ul#main-menu .dropdown-menu li.active > a,
    ul#main-menu .dropdown-menu li.active > a:hover,
    ul#main-menu .dropdown-menu li.active > a:focus {
        background-color: #2f6b91 !important;
    }
    ul#main-menu li {
        list-style: none;
        margin: 0;
        padding: 0 0.5em;
        float: left;
        border: 0;
        border-left: 1px solid rgba(255, 255, 255, 0.06);
        border-right: 1px solid rgba(42, 96, 130, 0.4);
    }
    ul#main-menu li:first-child {
        border-left: none;
    }
    ul#main-menu li:last-child {
        border-right: none;
    }
    ul#main-menu li a,
    ul#main-menu li a:link {
        text-shadow: none;
        display: block;
        font-weight: bold;
        padding: 10px 1em;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin: 0;
        text-transform: uppercase;
        border: 1px solid transparent;
    }
    ul#main-menu li a .caret,
    ul#main-menu li a:link .caret {
        margin-top: 25px;
        border-top-color: #e6e6e6;
        border-bottom-color: #e6e6e6;
    }
    ul#main-menu li a:hover,
    ul#main-menu li a.active,
    ul#main-menu li.over > a,
    ul#main-menu li.active > a,
    ul#main-menu li.active > a:hover,
    ul#main-menu li.active > a:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    ul#main-menu li.dropdown .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }
    ul#main-menu li.dropdown.open a.dropdown-toggle {
        color: #ffffff;
        background: rgba(42, 96, 130, 0.3);
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
    }
    ul#main-menu li.dropdown.open > ul.dropdown-menu {
        /*right: 8px;*/
        -webkit-border-radius: 3px 0 3px 3px;
        -moz-border-radius: 3px 0 3px 3px;
        border-radius: 3px 0 3px 3px;
    }
    ul#main-menu li.dropdown.open > ul.dropdown-menu a {
        border-bottom: 1px solid #2a6082;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    /*SIDEBAR */ 
    .sidebar.sidebar-right .inner {
        padding: 0 20px 20px 20px;
        border-left: 1px dotted rgba(55, 124, 168, 0.2);
        }
        .sidebar.sidebar-left .block {
            padding-right: 20px;
            border-right: 1px dotted rgba(55, 124, 168, 0.2);
        }

    #navigation .navbar-inner .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /*CONTATO*/
    #contact-form {
        padding-right: 2em;
    }
  
}

/* Navbar collapse */
/*
 * --------------------------------------------------
 * 4. Misc
 * Other stuff
 *--------------------------------------------------
 */