/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

   *{
  margin:0;
  padding:0;
    }
    body{
      /*font-family:"Trebuchet MS", Arial, Tahoma;*/
    }
    #content{
      width:100%;
    }
    #content h1{
      color:#FFF;
      text-align:center;
    }
    #layerA{
      background:url(../img/bgteste2.png) no-repeat center top fixed;
      height:936px;
      display: table !important;
      width: 100%;
    }
    #layerB{
      background:#ffffff;
      height:690px;
      display: table !important;
      width: 100%;
    }
    #layerC{
      /*background:url(../img/bgslide.png) #6f5499 no-repeat center top fixed;*/
      background: transparent;
      height:200px;
      display: table !important;
      width:100%;
    }
    #layerD{
      background:#ffffff;
      height:690px;
      margin-top: 20% !important;
      display: block !important;
      width:100%;
    }
    #layerE{
      background:#ffffff;
      height:700px;
      display: block !important;
      width:100%;
    }

    .navbar-inverse .navbar-nav>li>a {
        color: #ffffff;
        font-size: 30px;
        font-family: 'Open Sans Condensed', sans-serif,arial,verdana !important;        
    }
    .navbar-inverse .navbar-nav>li>a:hover {
        color: #ffffff;
        opacity: 0.7;
        border-bottom: solid #ffffff 1px;        
    }
    .navbar-brand {        
        height: 100px;
    }
    .navbar-nav {
        float: right;
    }

    .navbar-fixed-bottom {
        position:fixed !important;
        bottom: 0;
        margin-bottom: 0;
        border-width: 1px 0 0;
    }

    .modal-content {
        z-index: 9999 !important;
    }

    .modal-backdrop {
        z-index: 999 !important;
    }

    #layerA .jumbotron {
        padding: 30px;
        margin-bottom: 30px;
        color: #ffffff;
        background-color: transparent !important;
        text-align: center !important;
        font-family: 'Open Sans Condensed', sans-serif,arial,verdana !important;
        display: table !important;
    }

    #layerA .row {
          margin-left: 5% !important;
          margin-right: 5% !important;
    }

    #layerA form .control-label{
      font-family: 'Open Sans Condensed', sans-serif,arial,verdana !important;
      font-size: 21px !important;
      font-weight: lighter !important;
    }

     #layerA select{
      font-family: 'Open Sans Condensed', sans-serif,arial,verdana !important;
      font-size: 21px !important;
      font-weight: lighter !important;
    }

    #layerA .col-xs-6{
          margin-bottom: 20% !important;
    }

    #layerA .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
          display: block;
          max-width: 100%;
          height: auto;
          padding-left: 20% !important;
          padding-right: 20% !important;
    }

    #layerA .col-xs-6 h4 {
          color:#ffffff !important;
          text-align: center !important;
          font-family: 'Open Sans Condensed', sans-serif,arial,verdana !important;
    }

    #layerA .dropdown-menu{
          text-align: left;
          font-size: 21px;
    }

    #layerA .dropdown-menu>li>a {
          color: #0099cc;
    }

    #layerA .dropdown-menu>li>a:hover {
          background: #0099cc;
          color: #ffffff;
    }

    #layerB .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
          display: inline !important;
          width: 100%;
          height: auto;
          /*margin-bottom: -30px;*/
    }

    #layerB .jumbotron {
          padding: 30px;
          margin-bottom: 30px;
          color: #48afdb;
          text-align: justify !important;
          background: transparent !important;
          font-family: 'Open Sans Condensed', sans-serif,arial,verdana !important;      
    }

    #layerC .container{width: 100% !important; margin: 0 !important; padding: 0 !important;}

    #layerC .nav-tabs {
          border-bottom: none !important;
          position: relative !important;
          margin: 0 auto !important;
          display: table !important;
          width: auto !important;
          padding: 0 !important;
    }

    #layerC .nav-tabs>li {
          width: 140px !important;
          font-family: 'Open Sans Condensed', sans-serif,arial,verdana !important;
          font-size: 21px;
    }

    #layerC .nav-tabs>li a{
          background: #ffffff !important;
          border: solid 1px #ffffff !important;
          color:#0099cc;
          text-align: center;
    }

    #layerC .nav-tabs>li a:hover{
          background: #0099cc !important;
          border: solid 1px #ffffff !important;
          opacity: 0.9;
          color:#ffffff;
    }

    #layerC .tab-content {
          height: 200px !important;
          margin: 0 !important;
          font-family: 'Open Sans Condensed', sans-serif,arial,verdana !important;
          text-align: right !important;
          display: table !important;
          width: 100% !important;
          margin-bottom: -52px !important;
    }

    #layerC .tab-content p {
          padding-left: 10% !important;
          padding-right: 10% !important;
        }

    #layerC .tab-pane {
          color:#ffffff !important;
          text-align: center;
          font-size: 21px;
          width: 100% !important;
    }

    #layerC #b3 {
          color:#333 !important;
          font-weight: bold !important;
    }

    #layerC #b3 h1{color: #ffffff !important;}

    #layerC .tab-content #b1 {background: url(../img/bgslide.png)  repeat-y center top fixed; } 
    #layerC .tab-content #b2 {background: url(../img/bgslide2.png) repeat-y center top fixed; } 
    #layerC .tab-content #b3 {background: url(../img/eadap.jpg) repeat-y center top fixed; } 
    #layerC .tab-content #b4 {background: url(../img/tef2.jpg) repeat-y center top fixed; }

    #layerC .btn {
          margin: 0 auto !important;
          display: table !important;
    }

    #layerD .jumbotron {
          border-radius: 0px !important;
          background: transparent !important;
          padding-top: 0 !important;
          padding-bottom: 1% !important;
          font-family: 'Open Sans Condensed', sans-serif,arial,verdana !important;
    }

    #layerD h2 {color:#48afdb !important;}

    #layerD ul {
          font-family: 'Open Sans Condensed', sans-serif,arial,verdana !important;
          font-size: 21px !important;
    }

    #layerD .tab-pane {
          font-family: 'Open Sans Condensed', sans-serif,arial,verdana !important;
          font-size: 21px !important;
          padding: 3% !important;
    }

    #layerD .active a {background: #e8ecef !important;}

    #layerD .tab-content {background: #e8ecef !important;}

    #layerD table {
          font-family: 'Open Sans Condensed', sans-serif,arial,verdana !important;
          font-size: 18px;
    }

    #layerD form{
      font-family: 'Open Sans Condensed', sans-serif,arial,verdana !important;
      font-size: 21px !important;
   }

    #layerD form .form-control {
      border-radius: 0px !important;
    }

    #layerE .container{
      font-family: 'Open Sans Condensed', sans-serif,arial,verdana !important; 
      font-size: 21px !important;
    }

    #layerE li{list-style: none !important; }

    #layerE form .form-control {
      border-radius: 0px !important;
    }







/* ==========================================================================
   End
   ========================================================================== */

   

/*================================= @media screen for iphone =============================*/

// iPhone 5
@media only screen and (min-device-width : 320px)  and (max-device-width : 568px) { 
/* INSIRA SEU ESTILO AQUI */
}
 
// iPhone 2G-4S
@media only screen and (min-device-width : 320px)  and (max-device-width : 480px) { 
/* INSIRA SEU ESTILO AQUI */
}
 
// iPhone 5 portrait
@media only screen and (min-device-width : 320px)  and (max-device-width : 568px) and (orientation: portrait) { 
/* INSIRA SEU ESTILO AQUI */
}
 
// iPhone 5 landscape
@media only screen and (min-device-width : 320px)  and (max-device-width : 568px) and (orientation: landscape) { 
/* INSIRA SEU ESTILO AQUI */
}
 
// iPhone 2G-4S portrait
@media only screen and (min-device-width : 320px)  and (max-device-width : 480px) and (orientation: portrait) { 
/* INSIRA SEU ESTILO AQUI */
}
 
// iPhone 2G-4S landscape
@media only screen and (min-device-width : 320px)  and (max-device-width : 480px) and (orientation: landscape) { 
/* INSIRA SEU ESTILO AQUI */
}
 
// Retina display
@media screen and (-webkit-device-pixel-ratio: 2) {
/* INSIRA SEU ESTILO AQUI */
}