body { background-color: #121212; }

article, aside, figcaption, figure, footer, header, hgroup, main, section {
  color: #EEE; /*#989696;*/
  background-color: #121212;
}

 .borderTop{ 	border-top: 5px solid gold; }
 .borderBot{ border-bottom: 7px solid gold; }
 
 
 a { color: gold; text-decoration:none;  }
  a:hover { font-weight:bold;  }

 b{ color:gold;}
  strong{ color:teal;}
 
 .gold{gold;}
 .teal{teal;}
 
 p:hover{  color:#FFF; }

  .bg-black {  background-color: #000; }
  .bg-black:hover {  background-color: teal; } 
  .bg-teal {  background-color: teal !important; }
  
  .txtsdw{ text-shadow: 4px 4px 4px #000; }
 
 /* margenes */
 .mtop{   margin-top: 60px; }
 .mbot{   margin-bottom: 60px; }
 
 .txtj{ text-align:justify; }
 .txtc{ text-align:center; }
 .txtl{ text-align:left; }
 .txtr{ text-align:right; }
 .txtm{ vertical-align:middle; }
 
  
 
/* ----------- MENUS ------------- */
 .fixed-menu { background-color:#000000;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  padding: 10px 10%;
  }

.navbar-brand img{ 
  margin-top: -4px;
  margin-bottom: -30px;
 }
 
 .nav-masthead .active {
  color: #fff;
  border-bottom-color: gold;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
    border-bottom-color: transparent;
  /*text-shadow: none;*/
}
.nav-masthead .nav-link:hover, .nav-masthead .nav-link:focus {
  border-bottom-color: gold;
  text-shadow: 4px 4px 4px #000;
  transition-property: text-shadow;
  transition-duration: 1s;
  color: white;
}
 
/* ------- Fin Menus ----------------
-------------------------------------*/
  
  /* SERVICIOS */
  
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;

      }
	  
  .fondo-gris {
	background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
	border-radius:18px;
	padding: 20px 20px 40px 20px;
  }	  	
  .fondo-gris:hover {
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	color: #FFF;
  }
  
.carousel h1{ text-shadow: 4px 4px 4px #000; }
.carousel p{
	font-size: 1.25rem;
  	font-weight: 300;
  	text-shadow: 4px 4px 4px #000;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }    
   .carousel:hover p{	color: #FFF;  }   
  
  
  
  h3.m_3 {
	  color: #ffffff;
	  font-size: 3em;
	  font-weight: 300;
  }
  
  .mask{
  text-decoration: none;
  overflow: hidden;
  display: block;
  border-radius: 18px;
  }
  
img.zoom-img:hover {
  -webkit-transform: scale(1.15);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  -moz-transform: scale(1.15);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 750ms;
  overflow: hidden;
}
img.zoom-img {
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
img {
  border: 0;
  border-radius: 18px;
  -ms-interpolation-mode: bicubic;
}  
  /* ---------------- REDES  ------------  */
  
  .red_x{ border-radius: 10px;
		  font-size: 21px;
		  font-weight: bold;
		  color: #FFFFFF;
		  border: 2px solid;
		  text-align: center;
		  padding: 0px 4px 4px 8px;
		  margin-right: 6px;
		  vertical-align: middle; 
  }
    .red_x a{  color: gold !important; }
	.red_x a:hover{  color: aqua; text-decoration:none;}
  
    /* ---------------- FIN REDES  ------------  */

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }		
      }
	  
      @media (max-width: 768px) {
		.bg-teal{ background-color:#343a40!important; }
      }