/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * normalize and grid
 */
 
/* font-family: 'Lato', sans-serif; 
font-family: 'Roboto', sans-serif;
*/

@font-face {
 font-family: 'JosefinSlab';
  src: url(../JosefinSlab-VariableFont_wght.eot);
  src: url(../JosefinSlab-VariableFont_wght.eot?#iefix) format('embedded-opentype'),
       url(../JosefinSlab-VariableFont_wght.otf) format('otf'),
       url(../JosefinSlab-VariableFont_wght.svg#JosefinSlab-VariableFont_wght) format('svg'),
       url(../JosefinSlab-VariableFont_wght.ttf) format('truetype'),
       url(../JosefinSlab-VariableFont_wght.woff) format('woff'),
       url(../JosefinSlab-VariableFont_wght.woff2) format('woff2');
}




.txt-banner {
position: absolute;
text-align: center;
 -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  top: 50%;
	width:100%;
	margin: 0 auto;
	padding: 5px;
	}
 
.chico { font-size: 50%;}
.mediano { font-size: 150%;}
.grande { font-size: 200%;}
.delgado { font-weight: 100;}
.medio-delgado { font-weight: 400;}
.medio-grueso { font-weight: 700;}
.grueso { font-weight: 900;}
.italic {font-style: italic;}

.txt-blanco {color: #ffffff;}
.txt-azul {color: #00adc5;}
.txt-azul-fuerte {color: #0075A9;}
.txt-titulo {font-family: 'Comfortaa-Bold';} 
.txt-left {text-align: left;}
 
.letter-spacing-1  {letter-spacing: 1px;}
.letter-spacing-2  {letter-spacing: 2px;}
.letter-spacing-5  {letter-spacing: 5px;}
.letter-spacing-6  {letter-spacing: 6px;}
.letter-spacing-7  {letter-spacing: 7px;}
.letter-spacing-8  {letter-spacing: 8px;}
.letter-spacing-9  {letter-spacing: 9px;}
.letter-spacing-10  {letter-spacing: 10px;}

.txt-verde {color: #0bdd84;}
.txt-verde-oscuro {color: #00a9c5;}
.txt-sombra {text-shadow:1px 1px 1px #000;}
.txt-sombra-blanca {text-shadow:1px 1px 1px #fff;}
.txt-iluminado {text-shadow: 0px 0px 1px #000;}
.txt-iluminado-blanco {text-shadow: 0px 0px 1px #fff;}

.html-spacing-top-top {padding-top: -30px;}
@media (max-width: 767px) {.html-spacing-top-top {padding-top: -15px;}}
@media (max-width: 479px) {.html-spacing-top-top {padding-top: 0px;}}

.size_normal {
  font-weight: 300;
  font-style: normal;
  font-family: 'JosefinSlab';
  color: #333333;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0px;
}
.size_normal a {
  color: #B38E47;
  text-decoration: none;
  font-weight: 300;
  font-style: normal;
}
.size_normal a:hover {
  text-decoration: none;
  font-weight: 300;
  font-style: normal;
  color: #323946;
}
@media (max-width: 1039px) {
  .size_normal {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0px;
	text-align: center;
  }
}
@media (max-width: 767px) {
  .size_normal {
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 0px;
  }
}
@media (max-width: 479px) {
  .size_normal {
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 0px;
  }
}

.size_1 {
  font-weight: 300;
  font-style: normal;
  font-family: 'JosefinSlab';
  color: #000000;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0px;
}
.size_1 a {
  color: #B38E47;
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
}
.size_1 a:hover {
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
  color: #B38E47;
}
@media (max-width: 1039px) {
  .size_1 {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0px;
	text-align: center;
  }
}
@media (max-width: 767px) {
  .size_1 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0px;
  }
}
@media (max-width: 479px) {
  .size_1 {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0px;
  }
}
.size_2 {
  font-weight: 300;
  font-style: normal;
  font-family: 'JosefinSlab';
  color: #000000;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0px;
}
.size_2 a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 300;
  font-style: normal;
}
.size_2 a:hover {
  text-decoration: none;
  font-weight: 300;
  font-style: normal;
  color: #00a9c5;
}
@media (max-width: 1039px) {
  .size_2 {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0px;
	/*text-align: center;*/
  }
}
@media (max-width: 767px) {
  .size_2 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0px;
	text-align: center;
  }
}
@media (max-width: 479px) {
  .size_2 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0px;
  }
}
.size_2x {
  font-weight: 300;
  font-style: normal;
  font-family: 'JosefinSlab';
  color: #000000;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0px;
}
.size_2x a {
  color: #00a9c5;
  text-decoration: none;
  font-weight: 300;
  font-style: normal;
}
.size_2x a:hover {
  text-decoration: none;
  font-weight: 300;
  font-style: normal;
  color: #000000;
}
@media (max-width: 1039px) {
  .size_2x {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0px;
	/*text-align: center;*/
  }
}
@media (max-width: 767px) {
  .size_2x {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0px;
  }
}
@media (max-width: 479px) {
  .size_2x {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0px;
  }
}
.size_3 {
  font-weight: 100;
  font-style: normal;
  font-family: 'JosefinSlab';
  color: #000000;
  font-size: 30px;
  line-height: 1.0;
  letter-spacing: 0px;
}
.size_3 a {
  color: #323946;
  text-decoration: none;
  font-weight: 300;
  font-style: normal;
}
.size_3 a:hover {
  text-decoration: none;
  font-weight: 300;
  font-style: normal;
  color: #B38E47;
}
@media (max-width: 1039px) {
  .size_3 {
    font-size: 30px;
    line-height: 1.0;
    letter-spacing: 0px;
	text-align: center;
  }
}
@media (max-width: 767px) {
  .size_3 {
    font-size: 25px;
    line-height: 1.0;
    letter-spacing: 0px;
	
  }
}
@media (max-width: 479px) {
  .size_3 {
    font-size: 20px;
    line-height: 1.0;
    letter-spacing: 0px;
  }
}
.size_4 {
  font-weight: 200;
  font-style: normal;
  font-family: 'JosefinSlab';
  color: #333333;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: 0px;
}
.size_4 a {
  color: #323946;
  text-decoration: none;
  font-weight: 300;
  font-style: normal;
}
.size_4 a:hover {
  text-decoration: none;
  font-weight: 300;
  font-style: normal;
  color: #B38E47;
}
@media (max-width: 1039px) {
  .size_4 {
    font-size: 40px;
    line-height: 1.2;
   
	text-align: center;
  }
}
@media (max-width: 767px) {
  .size_4 {
    font-size: 35px;
    line-height: 1.2;
    
  }
}
@media (max-width: 479px) {
  .size_4 {
    font-size: 25px;
    line-height: 1.2;
    
  }
}
.size_5 {
  font-weight: 100;
  font-style: normal;
  font-family: 'JosefinSlab';
  color: #000000;
  font-size: 50px;
  line-height: 1.0;
  }
.size_5 a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 300;
  font-style: normal;
}
.size_5 a:hover {
  text-decoration: none;
  font-weight: 300;
  font-style: normal;
  color: #323946;
}
@media (max-width: 1039px) {
  .size_5 {
    font-size: 50px;
    line-height: 1.0;
    letter-spacing: 0px;
	text-align: center;
  }
}
@media (max-width: 767px) {
  .size_5 {
    font-size: 45px;
    line-height: 1.0;
    letter-spacing: 0px;
  }
}
@media (max-width: 479px) {
  .size_5 {
    font-size: 35px;
    line-height: 1.0;
    letter-spacing: 0px;
  }
}
.size_6 {
  font-weight: 100;
  font-style: normal;
  font-family: 'JosefinSlab';
  color: #666666;
  font-size: 60px;
  line-height: 1.0;
  letter-spacing: 0px;
}
.size_6 a {
  color: #B38E47;
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
}
.size_6 a:hover {
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
  color: #B38E47;
}
@media (max-width: 1039px) {
  .size_6 {
    font-size: 60px;
    line-height: 1.0;
    letter-spacing: 0px;
	text-align: center;
  }
}
@media (max-width: 767px) {
  .size_6 {
    font-size: 40px;
    line-height: 1.0;
    letter-spacing: 0px;
  }
}
@media (max-width: 479px) {
  .size_6 {
    font-size: 30px;
    line-height: 1.0;
    letter-spacing: 0px;
  }
}
.size_7 {
  font-weight: 300;
  font-style: normal;
  font-family: 'JosefinSlab';
  color: #ffffff;
  font-size: 70px;
  line-height: 1.0;
  letter-spacing: 0px;
}
.size_7 a {
  color: #323946;
  text-decoration: none;
  font-weight: 300;
  font-style: normal;
}
.size_7 a:hover {
  text-decoration: none;
  font-weight: 300;
  font-style: normal;
  color: #B38E47;
}
@media (max-width: 1039px) {
  .size_7 {
    font-size: 70px;
    line-height: 1.0;
    letter-spacing: 0px;
	text-align: center;
  }
}
@media (max-width: 767px) {
  .size_7 {
    font-size: 40px;
    line-height: 1.0;
    letter-spacing: 0px;
  }
}
@media (max-width: 479px) {
  .size_7 {
    font-size: 30px;
    line-height: 1.0;
    letter-spacing: 0px;
  }
}
.size_8 {
  font-weight: 300;
  font-style: normal;
  font-family: 'JosefinSlab';
  color: #ffffff;
  font-size: 80px;
  line-height: 1.0;
  letter-spacing: 0px;
}
.size_8 a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 300;
  font-style: normal;
}
.size_8 a:hover {
  text-decoration: none;
  font-weight: 300;
  font-style: normal;
  color: #B38E47;
}
@media (max-width: 1039px) {
  .size_8 {
    font-size: 80px;
    line-height: 1.0;
    letter-spacing: 0px;
	text-align: center;
  }
}
@media (max-width: 767px) {
  .size_8 {
    font-size: 40px;
    line-height: 1.0;
    letter-spacing: 0px;
  }
}
@media (max-width: 479px) {
  .size_8 {
    font-size: 30px;
    line-height: 1.0;
    letter-spacing: 0px;
  }
}

.size_9 {
  font-weight: 700;
  font-style: normal;
  font-family: 'JosefinSlab';
  color: #000000;
  font-size: 90px;
  line-height: 1.0;
  letter-spacing: 0px;
}
.size_9 a {
  color: #000000;
  text-decoration: none;
  font-weight: 700;
  font-style: normal;
}
.size_9 a:hover {
  text-decoration: none;
  font-weight: 700;
  font-style: normal;
  color: #B38E47;
}
@media (max-width: 1039px) {
  .size_9 {
    font-size: 90px;
    line-height: 1.0;
    letter-spacing: 0px;
	text-align: center;
  }
}
@media (max-width: 767px) {
  .size_9 {
    font-size: 40px;
    line-height: 1.6;
    letter-spacing: 0px;
  }
}
@media (max-width: 479px) {
  .size_9 {
    font-size: 30px;
    line-height: 1.0;
    letter-spacing: 0px;
  }
}
.size_10 {
  font-weight: 300;
  font-style: normal;
  font-family: 'JosefinSlab';
  color: #4d4d4d;
  font-size: 100px;
  line-height: 1.0;
  letter-spacing: 0px;
}
.size_10 a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 700;
  font-style: normal;
}
.size_10 a:hover {
  text-decoration: none;
  font-weight: 700;
  font-style: normal;
  color: #B38E47;
}
@media (max-width: 1039px) {
  .size_10 {
    font-size: 100px;
    line-height: 1.0;
    letter-spacing: 0px;
  }
}
@media (max-width: 767px) {
  .size_10 {
    font-size: 40px;
    line-height: 1.0;
    letter-spacing: 0px;
	text-align: center;
  }
}
@media (max-width: 479px) {
  .size_10 {
    font-size: 30px;
    line-height: 1.0;
    letter-spacing: 0px;
  }
}