/* SIDEBAR AND WRAPPER */
#wrapper {
    margin-left: 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#wrapper.toggled {margin-left: 0px;}
#sidebar-wrapper {
    z-index: 1100;
    position: fixed;
    left: 270px;
    width: 0;
    height: 100%;
    margin-left: -270px;
    overflow-y: auto;
    background: #343434;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#wrapper.toggled #sidebar-wrapper {width: 270px;}
#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 0px;
}
#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -270px;
}
/* Sidebar Styles */
.sidebar-nav {
    width: 270px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
    border-bottom: 1px solid #333;   
}
.sidebar-nav li a {
    width: 100%;
    text-decoration: none;
    color: #f5f5f5;
    font-weight: 300;
    padding-bottom: 2px;
    transition: all 0.3s ease;
}
.sidebar-nav li a:active, .sidebar-nav li a.active, .sidebar-nav li:hover {
    text-decoration: none;
    color:#fff;
    background:#97d626;
    font-size: 14px;
    transition: all 0.3s ease;
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {text-decoration: none;}
.sidebar-nav > .sidebar-brand {
    padding: 20px 5px;
    font-size: 18px;
    line-height: 60px;
}
.sidebar-nav > .sidebar-brand img {
    width: 80%;
    text-align: center;
    margin: 5px auto;
}
.sidebar-nav > .sidebar-brand a {color: #999999;}
.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}
a.screenclose{display: none;}
#wrapper.toggled a.screenclose{
    display: block;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.8);
    color: #999;
    text-align: right;
    position: fixed;
    padding: 15px;
    z-index: 1050;
    top:0;
    left: 0;
}
.modal {margin-left:0px;}
@media(min-width:992px) {
    #wrapper {margin-left: 270px;}
    #wrapper.toggled {margin-left: 0;}
    #sidebar-wrapper {width: 270px;}
    #wrapper .navbar-fixed-top {
        padding-left: 270px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    #wrapper.toggled .navbar-fixed-top {
        padding-left: 0px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    #wrapper.toggled #sidebar-wrapper {width: 0;}
    #page-content-wrapper {
        padding:0px;
        position: relative;
    }
    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
    #wrapper.toggled a.screenclose{display:none;}
    .modal {margin-left:270px;}
}
a {
    color: #f5f5f5;
}
a:hover, a:focus {
    color: #4c402a;
    text-decoration: none;
}

.pointer{cursor: pointer;}

@media (max-width: 767px){}
@media (min-width: 768px) and (max-width: 991px){}
@media (min-width: 992px) and (max-width: 1199px){}
@media (min-width: 1200px){}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,
button,
a:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
    border-color: transparent;
    box-shadow: transparent;
    -webkit-box-shadow: none;
    outline: 0px;
    outline: 0 auto #dddddd;
    outline-offset: 0px;
}

ul{list-style:none;margin:0;padding:0}

h1, h2, h3, h4, h5, h6{color:#313031;margin: 0;padding: 0;}

.fullwidth{width: 100%;display: block;;clear: both;position: relative;}
.overhide, .overHidden{overflow: hidden;}
.dtable {display:table;}
.dtableCell {display:table-cell;vertical-align: middle;}

.pad0 {padding-right:0px  !important;padding-left:0px  !important;}
.pad5 {padding-right:5px  !important;padding-left:5px  !important;}
.pad10{padding-right:10px !important;padding-left:10px !important;}
.pad30{padding-right:30px !important;padding-left:30px !important;}
.pad15{padding-right:15px !important;padding-left:15px !important;}
.pad45{padding-right:45px !important;padding-left:45px !important;}
.pad60{padding-right:60px !important;padding-left:60px !important;}
.pad75{padding-right:75px !important;padding-left:75px !important;}
.resetpad{padding-left:0 !important;padding-right:0 !important;}
.resetmargin{margin-left:0 !important;margin-right:0 !important;}
.resetmargin-5{margin-left:-5 !important;margin-right:-5 !important;}
.resetpaddesktop{padding-left:0 !important;padding-right:0 !important;}
.resetpadmobile{padding-left:15px !important;padding-right:15px !important;}
.ocultarmobile{display:block;}
.ocultardesktop{display:none;}
@media (max-width: 767px){
  .pad45{padding-right:22px !important;padding-left:22px !important;}
  .resetpaddesktop{padding-left:15px !important;padding-right:15px !important;}
  .resetpadmobile {padding-left:0px !important;padding-right:0px !important;}
  .ocultarmobile  {display:none;}
  .ocultardesktop {display:block;}
}

.txtLight{font-weight:100;}
.txtBook{font-weight:300;}
.txtNormal{font-weight:500;}
.txtBold{font-weight:700;}

.txtUpper{text-transform:uppercase;}

.txtFam01{font-family: 'moon_flower_boldregular';}
.txtFam02{font-family: "moon-flower";}
.txtFam03{font-family: 'HipsterishFontNormal';}

.txtSize20{font-size:20px;}

.txtBlanco{color:#ffffff;}
.txtColor1{color:#1c262a;}
.txtColor2{color:#97d626;}

.bgNegro{background-color:#231f20;}
.bgBlanco{background-color:#ffffff;}
.bgColor1{background-color:#1c262a;}
.bgColor2{background-color:#97d626;}

.bgTex01{background-image:url(../img/texturas/01.jpg);}

.bgBlanco70{background-color: rgba(255,255,255,0.7);}
.bgNegro70{background-color: rgba(0,0,0,0.7);}
.bgNegro70:hover{background-color: rgba(0,0,0,0);}

.bgGradiente {
  background: linear-gradient(-45deg, #97d626, #1c262a, #97d626, #1c262a);
  background-size: 400% 400%;
  -webkit-animation: Gradient 55s ease infinite;
  -moz-animation: Gradient 55s ease infinite;
  animation: Gradient 55s ease infinite;
}
@-webkit-keyframes Gradient {
  0% {background-position: 0% 50%}
  50% {background-position: 100% 50%}
  100% {background-position: 0% 50%}
}
@-moz-keyframes Gradient {
  0% {background-position: 0% 50%}
  50% {background-position: 100% 50%}
  100% {background-position: 0% 50%}
}
@keyframes Gradient {
  0% {background-position: 0% 50%}
  50% {background-position: 100% 50%}
  100% {background-position: 0% 50%}
}

.bgFoto{
  background-image:url();
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; 
}
.bgFixed{background-attachment:fixed;}
@media (max-width: 767px){.bgFixed{background-attachment:scroll;}}
@media (min-width: 768px) and (max-width: 991px){.bgFixed{background-attachment:scroll;}}

.floatl{float:left;}
.floatr{float:right;}
.floatn{float:none;}

.talignl{text-align:left;}
.talignr{text-align:right;}
.talignc{text-align:center;}
.talignj{text-align:justify;}


.altura0{height:0vh !important;}
.altura100{height:100vh !important;}
.altura30 {height:30vh !important;}
.altura50 {height:50vh !important;}
.altura70 {height:70vh !important;}
.altura70-20 {height:70vh !important;}
.altura70-60 {height:70vh !important;}
.altura70-80 {height:70vh !important;}
.altura70min {min-height:70vh !important;}
.altura100-50{height: 100vh !important;}
.altura100-70{height: 100vh !important;}
.altura50-30 {height:50vh !important;}
@media (max-width: 767px){
  .altura30 {height:20vh !important;}
  .altura70 {height:40vh !important;}
  .altura70-20 {height:20vh !important;}
  .altura70-60 {height:60vh !important;}
  .altura70-80 {height:80vh !important;}
  .altura70min {min-height:40vh !important;}
  .altura100-50{height:50vh !important;}
  .altura100-70{height:70vh !important;}
  .altura50-30 {height:30vh !important;}
}

.altura-100{height:100vh;margin-bottom:-100vh;}

.mtop0{margin-top:0px}
.mtop10{margin-top:10px}
.mtop20{margin-top:20px}
.mtop30{margin-top:30px}
.mtop40{margin-top:40px}
.mtop50{margin-top:50px}
.mtop60{margin-top:60px}
.mtop70{margin-top:70px}
.mtop80{margin-top:80px}
.mtop90{margin-top:90px}
.mtop100{margin-top:100px}
.mtop120{margin-top:120px}
.mtop140{margin-top:140px}
.mtop160{margin-top:160px}
.mtop200{margin-top:200px}
.mtop300{margin-top:300px}
.mtop400{margin-top:400px}

.mbottom0{margin-bottom:0px}
.mbottom10{margin-bottom:10px}
.mbottom20{margin-bottom:20px}
.mbottom30{margin-bottom:30px}
.mbottom40{margin-bottom:40px}
.mbottom50{margin-bottom:50px}
.mbottom60{margin-bottom:60px}
.mbottom70{margin-bottom:70px}
.mbottom80{margin-bottom:80px}
.mbottom90{margin-bottom:90px}
.mbottom100{margin-bottom:100px}
.mbottom120{margin-bottom:120px}
.mbottom140{margin-bottom:140px}
.mbottom160{margin-bottom:160px}

.ptop0{padding-top:0px}
.ptop5{padding-top:5px}
.ptop10{padding-top:10px}
.ptop20{padding-top:20px}
.ptop30{padding-top:30px}
.ptop40{padding-top:40px}
.ptop50{padding-top:50px}
.ptop60{padding-top:60px}
.ptop70{padding-top:70px}
.ptop80{padding-top:80px}
.ptop90{padding-top:90px}
.ptop100{padding-top:100px}
.ptop110{padding-top:110px}
.ptop120{padding-top:120px}
.ptop140{padding-top:140px}
.ptop160{padding-top:160px}
.ptop180{padding-top:180px}
.ptop190{padding-top:190px}
.ptop200{padding-top:200px}
.ptop0-12{padding-top:0px}

.pbottom0{padding-bottom:0px}
.pbottom5{padding-bottom:5px}
.pbottom10{padding-bottom:10px}
.pbottom20{padding-bottom:20px}
.pbottom30{padding-bottom:30px}
.pbottom40{padding-bottom:40px}
.pbottom50{padding-bottom:50px}
.pbottom60{padding-bottom:60px}
.pbottom70{padding-bottom:70px}
.pbottom80{padding-bottom:80px}
.pbottom90{padding-bottom:90px}
.pbottom100{padding-bottom:100px}
.pbottom120{padding-bottom:120px}
.pbottom140{padding-bottom:140px}
.pbottom160{padding-bottom:160px}
.pbottom180{padding-bottom:180px}
.pbottom200{padding-bottom:200px}

.mtop-100{margin-top:-100px}
.mtop-110{margin-top:-110px}
.mtop-150{margin-top:-150px}
.mtop-200{margin-top:-200px}

.mbottom-100{margin-bottom:-100px}
.mbottom-110{margin-bottom:-110px}
.mbottom-150{margin-bottom:-150px}
.mbottom-200{margin-bottom:-200px}


.bordeExt{
    border-style: solid;
    border-color: #dddddd;
    border-width: 1px 0 0 1px;
}
.bordeInt{
    border-style: solid;
    border-color: #dddddd;
    border-width: 0 1px 1px 0;
}
.sombraInterior{
    -webkit-box-shadow: inset 2px 2px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 2px 2px 15px 0px rgba(0,0,0,0.2);
    box-shadow: inset 2px 2px 15px 0px rgba(0,0,0,0.2);
}
.sombraExterior{
    -webkit-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.2);
}

.txt-shadow{text-shadow: 1px 1px 5px #000;}

.navbar-brand {
    float: left;
    height: 60px;
    padding: 5px 5px;
    background: #343434;
}
.navbar-brand > img {
    height: 100%;
}
.navbar-inverse {
    background-color: rgba(0,0,0,.1);
    border-color: transparent;
    border: 0px;
}
.navbar-inverse .navbar-nav > li > a {
    color: #6f6f6f;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: rgba(0,0,0,.1);
}
@media (min-width: 768px){
  .navbar-nav > li > a {
      padding-top: 20px;
      padding-bottom: 20px;
  }
}
.dropdown-menu {
    background-color: rgba(0,0,0,.1);
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
}
.dropdown-menu .divider {
    opacity: .2;
}
.df-container {
    background-color: transparent !important;
}

.btn-primary {
    color: #fff;
    background-color: #343434;
    border-color: #343434;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #5a5a5a;
    border-color: #343434;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 3px solid rgba(0, 0, 0, 0.1);
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}


.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.switch input {display:none;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #343434;
  -webkit-transition: .4s;
  transition: .4s;
  -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3);
  box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3);
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: #f4b206;
}
input:focus + .slider {
  box-shadow: 0 0 1px #f4b206;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}