/* CSS MAESTRA */

:focus {
	outline: none;
}

html, body {
 font-size: 14px;
 margin: 0px;
 padding: 0px;
 border: 0px;
 color: #373d41;
 letter-spacing: 0.6px;
 /*overflow: hidden;*/ 
 }

 h1, h2, h3, h4, h5, h6 {
 color: #373d41;
 margin: 0;
 padding: 0;
 font-weight: normal;

 }

 p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea {
 color: #373d41;
 margin: 0;
 padding: 0;
 letter-spacing: 0.6px;
 }

 ul {
 	list-style-type: none;
 }

 blockquote {
 margin: 1.25em;
 padding: 1.25em
 }
 q {
 font-style: italic;
 }
 acronym, abbr {
 cursor: help;
 border-bottom: 1px dashed;
 }

 a, a:link, a:visited, a:active, a:hover {
 text-decoration: none;
 }

 img {
 border: none;
 }

 table {
 margin: 0;
 padding: 0;
 border: none;
 }

 form {
 margin: 0;
 padding: 0;
 display: inline;
 }

 label {
 cursor: pointer;
 }

 input, textarea {
 -webkit-appearance: none;
 border-radius: 0;
 }

 ul {
 	display: block;
	list-style-type: none;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
 }

 ::-webkit-input-placeholder {
   color: #676767;
}

:-moz-placeholder { /* Firefox 18- */
   color: #676767;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #676767;  
}

:-ms-input-placeholder {  
   color: #676767;  
}

 .clear { clear: both; }
 .floatLeft { float: left; }
 .floatRight { float: right; }
 .textLeft { text-align: left; }
 .textRight { text-align: right; }
 .displaynone { display: none !important; }
 .displayblock {display: block!important; }
 .textCenter { text-align: center; }
 .marginCenter {margin-left: auto; margin-right: auto;}
 .textJustify { text-align: justify; }
 .blockCenter { display: block; margin-left: auto; margin-right: auto; } /* remember to set width */
 .bold { font-weight: bold; }
 .italic { font-style: italic; }
 .underline { text-decoration: underline; }
 .noindent { margin-left: 0; padding-left: 0; }
 .nomargin { margin: 0 !important;}
 .nopadding { padding: 0 !important;}
 .nobullet { list-style: none; list-style-image: none; }
 .opacity1 {opacity: 1 !important;}
 .opacity0 {opacity: 0 !important;}
 .dotgris {background: #dad1c8 !important;}
 .tk-museo-sans {}

 /* CSS ARBONIES */

 .estilo-1 {
 	font-weight: 500;
 	font-size: 2.4em;
 	color: #ffffff !important;
 	line-height: 60px;
 }

 .estilo-2 {
 	font-weight: 500;
 	font-size: 1em;
  line-height: 20px;
 	color: #ffffff !important;
 }

 .estilo-3 {
 	font-weight: 700;
 	font-size: 2.2em;
 	color: #e5b247 !important;
 }

 .estilo-4 {
 	font-weight: 100;
 	font-size: 1.2em;
 	color: #6d6e70 !important;
 }

 .estilo-5 {
 	font-weight: 100;
 	font-size: 0.9em;
  line-height: 20px;
 	color: #6d6e70 !important;
 }

 .estilo-5b {
  font-weight: 300;
  font-size: 1.15em;
  line-height: 20px;
  color: #6d6e70 !important;
 } 

 .estilo-6 {
 	font-weight: 300;
 	font-size: 1.25em;
 	color: #6d6e70 !important;
 }

 .estilo-7 {
 	font-weight: 100;
 	font-size: 1em;
  line-height: 20px;
 	color: #ffffff !important;	
 }

 .estilo-8 {
 	font-weight: 500;
 	font-size: 1.4em;
 	color: #ffffff !important;	
 }

 .estilo-9 {
  font-weight: 700;
  font-size: 1.6em;
  color: #e5b247 !important;  
 }

 .navbar-default {
    background-color: #e5b247;
    border-color: #e5b247; 	
 }

 .navbar {
 	border-radius: 0;
 	border: 0;
 	margin-bottom: 0;
 	min-height: 60px;
  padding-top: 10px;
  position: fixed;
  width: 100%;
  z-index: 2;
 }

 .intro-web {
 	height: 550px;
 	width: 100%;
 	background-color: #e5b247
 }

 .intro-msg {
    padding-top: 220px;
 }

 .carousel-control {
 	width: 0;
 	bottom: 25px;
 	top: auto;
 }

 .carousel-control.right {
 	left: auto;
 	right: 40px;
 }

 .carousel-control.left {
 	left: auto;
 	right: 75px;
 }

 .prese-sect {
 	margin-top: 150px;
 	margin-bottom: 200px;
 }

 .carousel {
 	max-height: 650px;
 	max-width: 950px;
 }

 .descr-img-1, .descr-img-2, .descr-img-3, .descr-img-4 {
 	position: absolute;
    height: 100%;
    width: 100%;
    background: #e5b247;
    top: 0px;
    opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;	    
 }

  .descr {
  	  margin-left: 40px;
  	  margin-top: 210px;
  }

  .descr-img-1:hover, .descr-img-2:hover, .descr-img-3:hover, .descr-img-4:hover {
  	opacity: 1;
  }

  .jesus {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: white;    
    display: none;
  }

  .fotojesus {
    background: url(../imgs/jesus.jpg) 50% 50% no-repeat;
    background-size: cover;
    height: 100%;
  }

  .pop-texto {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 70px;
    right: 0;
    margin: auto;
    height: 218px;    
  }

  #cerrar {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;  
    z-index: 99999999;  
  }

  #volver {
    cursor: pointer;
  }

  #mas-1 {
    cursor: pointer;
  }

  .icons {
    margin-bottom: 100px;
  }

  .icons img {
    margin-bottom: 30px;
  }

  .direc {
    margin-top: 100px;
    margin-left: 100px;    
  }

  #footer {
    background: #e5b247;
    height: 190px;    
  }

  .txt-1 {
    position: absolute;
    right: 115px;
    top: 100px;  
  }

  .txt-2 {
    position: absolute;
    left: 115px;
    top: 100px;  
  }  

  #contacto iframe {
    margin-bottom: -6px;
  }

  .linea-sub {
    width: 100%;
    height: 2px;
    background: white;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;      
  }

  .nav a:hover > .linea-sub {
    opacity: 1;
  }

  .p-footer {
    margin-top:50px;margin-left:100px;    
  }

  .f1f {
    padding-left: 200px;
  }

  .f1f a {
    color: white;
    cursor: pointer;
  }

  @media (max-width: 992px){
    .navbar {
      min-height: 80px;
    }
    .txt-1, .txt-2 {
      position: relative;
      left: 50px;
      top: 0;
      right: 0;
    }
    .txt-1 {
      margin-bottom: 60px;
    }
    .txt-2 {
      margin-top: 60px;
    }
    .icons {
      margin-bottom: 0;
    }

    .icons .col-xs-12 {
      margin-bottom: 50px;
    }
    .direc {
      margin-bottom: 150px;
    }
    #footer {
      text-align: center;
      height: 280px;
    }
    .p-footer {
      margin-left: 0;
    }
  .f1f {
    padding-left: 20px;
  }    
  }