@font-face {
  font-family: 'TitilliumWeb';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/titillium-web-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/titillium-web-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/titillium-web-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/titillium-web-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/titillium-web-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/titillium-web-v9-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
:root {
    --dark-color: #1a1a1a;
    --white-color: #ffffff;
    --light-grey-color: #f5f5f5;
    --gold-color: #ffb944;
    --blue-color: #414eff;
    --mosta-color: #cc7700;
    --celes-color: #8ccde6;
    --marin-color: #002156;
}

body {
  background-image: url('fondo/fondo8.png');
  /*background-size: 100% 100%;*/
  background-repeat: repeat-y;
  font-family: 'TitilliumWeb';
  padding-top: 120px;
}

.content-center {
    max-width: 900px;
    margin: 0 auto 60px auto;
    text-align: center;
}
.content-cuadro{
    margin: 15px 0;
}
.cuadro1{
    padding: 40px 50px;
    border-radius: 2px;
    min-width: 350px;
    height: 300px;
}
.cuadro2{
    background-color: var(--white-color);
    border: 2px solid var(--dark-color);
}
.h4{font-size: 50px; 
    color: var(--gold-color);
}
.h2{font-size: 20px; 
    color: var(--gold-color);
}
h3{
    color: var(--blue--color);
    font-size:5vw;
    margin-top:15px;
    padding-top: 10%;
}

.tatext{
    font-size: 20px;
}

.tipo1{
    color: var(--mosta-color);
    font-size:3vw;
    margin-top:10px;
    padding-top: 10px;
}
.tipo2{
    color: var(--dark-color);
    font-size:2vw;
    margin-top:20px;
    padding-top: 20px;
}
.tipo3{
    color: var(--dark-color);
    font-size:20px;
}
.navbarcolor{
    background-color: var(--white-color);
    height: 120px;
}
.texto{
    color: var(--blue-color);
}
.divider { border-bottom: 2px solid var(--light-grey-color); }

.bobo{ 
    font-size:5vw}
.topmargin-xs{margin-top:15px;}
.topmargin-sm{margin-top:30px;}
.topmargin-lg{margin-top:60px;}
.topmargin-lx{margin-top:180px;}
.topmargin-lz{margin-top:120px;}

.tama1 {
  width: 100%;
  height: auto;
}

.tama2{
      width: 225px;
      height: 150px;
}
.tama3{
      width: 225px;
      height: 150px;
}

.button{
    font-size: 13px;
    color: var(--white-color);
    background: var(--dark-color);
    border:0px;
    width: 160px;
    height: 40px;
}
.special-card{
    background-color: rgba(245, 245, 245, 0.4) !important;
}
.special-card1{
    background-color: rgba(245, 245, 245, 0.4) !important;

}
.logo {
  position: absolute;
  z-index: 1;
  // Use your own values for anything below this line.
  left: 20px;
  top: 10px;
  height: 300px;
  width: 400px;
}
.btn{    
    font-size: 14px;
    padding: 3px 26px;
    min-width: 160px;
    border-radius: 2px;
    display: inline-block;
    width: 100%;
}
.btn-dark{
    background-color: var(--marin-color);
    color: var(--white-color);
    border: 2px solid var(--marin-color);
}
.btn-dark:hover { background-color: var(--marin-color); border: 2px solid var(--marin-color); }