html {
  min-height: 100%;
    position: relative;
}

body {
  font-family: 'verdana';
  font-size: 14px;
  background-attachment: fixed;
  background-position: center;
  margin: 0;
  margin-bottom: 30px;
  
}

.footer {
  background-color: black;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 25px;
  color: white;
  text-align:center;
  padding:auto
}

.navbar-light .navbar-toggler {
  border:0;
}

i {color:#604665; padding:1px;}



.navbar-light .navbar-toggler-icon {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  background-image:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}


.navbar-light .navbar-toggler-icon:before {
  content:"\f07b";
}

.navbar-light .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before {
  content:"\f07c";
}

#cuerpo{
  background-size: cover;
}

.min50{ min-height:50%}

.bg1 { background-color:#0F192A;  color:white;}

.disabled-link{
        cursor: default;
        pointer-events: none;        
        text-decoration: none;
        color: grey;
    }
    

.isDisabled {
  color: gray;
  cursor:default	;
  opacity: 0.5;
  text-decoration: none;
}    

@media (min-width: 576px) { .float {right:10rem;} }
@media (min-width: 768px) {  }
@media (min-width: 992px) {   }
@media (min-width: 1200px) {   }
@media (min-width: 1400px) { .float {right:120px;}   }

table {margin-bottom:10px;}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Verdana';
}

p {
  line-height: 1.75;
}

.text-faded {
  color: rgba(51, 47, 47, 0.5);
}

.text-expanded {
  color: white;
}





.page-section {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.centro{
	margin:auto;
	vertical-align:middle;
	}
}

.section-title {
  font-size: 1.5rem;
  font-weight: 800;
  text-transform: uppercase;
  padding-bottom: 1vh;
}

.section-subtitle {
  font-size: 1.2rem;
  font-weight: 200;
  text-transform: uppercase;  
}

.fondogris, .fondogris  th, .fondogris td { background-color:gray; color:white;
	}

.bg-faded, .bg-faded td {
  background-color: rgba(255, 255, 255, 0.44);
}

#mainNav {
  background-color:  font-family: 'Raleway';
    background-color: rgba(255, 255, 255, 0.55);
  background-image:url('../img/tira1.png')

}



.btn-xl {
  font-weight: 700;
  font-size: 0.8rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.intro {
  position: relative;
}

 .dark {
  color: #121212 !important;
}


.claro, .claro li a {
  color: #f0FbFb ;
}
.claro, .claro li a:hover {
  color: #bbffff;
}


.naranja {
  color: orange !important;
}

.navbar-light .navbar-nav > li > a {
  color: white!important;
}
@media (min-width: 576px) {
  #mainNav .navbar-nav .nav-item .nav-link {
    font-size: 0.9rem;
  }
  #mainNav .navbar-nav .nav-item .nav-link:hover {
    color: rgba(255, 255, 255, 0.4);
  }
  #mainNav .navbar-nav .nav-item.active .nav-link:hover {
    color: #e6a756;
  }
}
.btn-xl {
  font-weight: 700;
  font-size: 0.8rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 576px) {
  .intro .intro-img {
    width: 75%;
    float: right;
  }
  .intro .intro-text {
    left: 0;
    width: 60%;
    margin-top: 3rem;
    position: absolute;
    text-align: justify;
  }
  .intro .intro-right {
    left: 10vh;
    width: 70%;
    text-align: right;
    margin-left: 50px;
    z-index:0;
    position: relative;
  }

  .intro .intro-left {
    top: 10vh;
    width: 70%;
    z-index:1;    
    position: relative;
  }

  .intro .intro-text .intro-button {
    width: 100%;
    left: 0;
    position: absolute;
    bottom: -2rem;
  }
}




@media (min-width: 576px) {
  .section-item-title {
    position: relative;
    z-index: 1;
    margin-bottom: -2.5rem;
  }
  .section-item-img {
    position: relative;
    z-index: 0;
    max-width: 50vw;  
   
  }
  .section-item-description {
    position: relative;
    z-index: 2;
    margin-top: -2.5rem;
  }
  .maxd50 { max-width:70vh; max-height:40vh      }
}

@media screen and (max-width: 1040px)  {
       .ocultarMD{                         display:none;                }
     }
     

@media screen and (max-width: 576px)  {
       .ocultarXS{                         display:none;                }
     }
     

@media (min-width: 576px) {
  .intro .intro-text {
    width: 45%;
  }
}


.cta .cta-innerv {
  position: relative;
  padding: 2rem;
  background-color: rgba(255, 255, 255, 0.79);
}



.bggris { 
    background-color: #c3c3c7;
}

.bggrisclaro { 
    background-color: #d9d9dc;
}


.bgrojo { 
  background-color: red!important;
}

.oculto{display:none}

.list-hours {
  font-size: 0.9rem;
}

.list-hours .list-hours-item {
  border-bottom: 1px solid rgba(230, 167, 86, 0.5);
  padding-bottom: .25rem;
  margin-bottom: 1rem;
  font-style: italic;
}

.list-hours .list-hours-item.today {
  font-weight: bold;
  color: rgba(230, 167, 186);
}


@media (min-width: 576px) {
  .list-hours {
    width: 50%;
    font-size: 1.1rem;
  }
}

.address strong {
  font-size: 1.2rem;
}

.footer {
  background-color: rgba(49, 49, 49, 0.8);
}



.text-primary {
  color: #11110f !important;
  }



.bg-primary {
  background-color: #171717 !important;
}

.btn {
  box-shadow: 0px 3px 3px 0px rgba(33, 37, 41, 0.1);
}

.btn-primary {
  background-color: #4d4c4e;
  border-color: #040508;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #000000;
  border-color: #153d49;
}


.font-weight-light {
  font-weight: 100 !important;
}

.mbtm{
  padding-top: 5rem;
}

.mbt{
  padding-top: 2rem;
}

.mbt1{
  padding-top: 1.25rem;
}

a.link{
  color: #343338;
}

a.link:hover{
  text-decoration: none!important;
  
}

.linkth , .linkth a  {
	padding:2px;
	border-bottom:1px gray solid!important!
	-webkit-border-radius: 2px ;
		border-radius: 2px;-moz-border-radius: 2px;
	
	}
.linkth:hover , .linkth:hover  a { background-color:#333636 !important; color:#F9FFFF !important ; }

.hrojo:hover { background-color:#FFf0f0; color:maroon;   }

.hblack{ transition:0.3s opacity ease; background-color:#cfcfcf;opacity: 0.8; color:black;}
.hblack:hover{  opacity: 1;}

.section-content{
  font-family: 'Lora' !important;
  font-size: 1px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
}
ul.errorlist{
  padding-top: .75rem;
  font-style: italic;
  color: red;
}