body { margin: 0; font-family: 'Raleway', sans-serif; background-color: black; background-image: url(../images/fondo.png); background-attachment: fixed; background-repeat: no-repeat; background-position: center; background-size: cover;}
a { color: white; text-decoration: none; }
h1, h2, h3 { font-family: 'Bebas Neue', sans-serif; }

h1 { text-align: center; font-size: 2rem; color: #e73e10; margin: 0; }
h2 { text-align: center; color: #575756; font-size: 1.6rem; margin: 0; }
h3 { text-align: left; font-size: 1.4rem; margin: 0; margin-top: 1rem;}

.img-h { width: 100%; max-width: 500px; margin: auto; }
.img-h img { width: 100%; }
.img-h1-bottom { margin-bottom: 1rem; }

.menu { position: fixed; background-color: #575756; color: white; height: 3rem; width: 100%; border-bottom: solid 1px black; }
.menu .header { font-weight: bold; padding: .6rem; font-size: 1.4rem; }
.menu .titulo { display: inline-block; }
.menu .titulo .main-title { font-family: 'Bebas Neue', sans-serif; font-size: 1.6rem; }
.menu .titulo i { margin-right: .6rem; }
.menu .nav-btn { float: right; color: white; }
.menu .el-menu { position: absolute;; z-index: 5; background-color: #747473; color: white; margin: 0; padding: 0; margin-top: 0; width: 100%; display: none; }
.menu .el-menu li {  border-top: solid white 1px; }
.menu .el-menu li a { display: inline-block; padding: .6rem 1rem; width: 100%; }
menu .el-menu li a:hover { background-color: #575756;  }

.secciones { max-width: 600px; margin: 0 auto; }

.la-portada { max-width: 220px; margin: 2rem auto; }

.el-maguey { width: 100%; height: 300px; background-image: url(../images/maguey.png); background-repeat: no-repeat; background-position: center; }

.festeja { text-align: center; margin: 1rem; }
.mensajes { max-width: 600px; margin: auto; }
.img-tule-pie { max-width: 220px; }

.bebas { font-family: 'Bebas Neue', sans-serif; font-size: 1.2rem; }
.bebas-2x { font-family: 'Bebas Neue', sans-serif; font-size: 1.6rem; }

section { margin: 0; display: grid; margin-bottom: 2rem; }

.row { width:100%; max-width:1600px; min-width:240px; margin:0 auto; }
.row::after { clear:both; }
.row::before, .row::after { content: " "; display:table; }

.columns { float:left; padding-left:0.009rem; padding-right:0.009rem; min-height:1px; }
.large-0  { width:0; }
.large-1  { width:8.2%; }
.large-2  { width:16.4%; }
.large-3  { width:24.6%; }
.large-4  { width:32.8%; }
.large-5  { width:41%; }
.large-6  { width:49.2%; }
.large-7  { width:57.4%; }
.large-8  { width:65.6%; }
.large-9  { width:73.8%; }
.large-10 { width:82%; }
.large-11 { width:90.2%; }
.large-12 { width:98.4%; }

.orange { color: #e73e10; }
.grey { color: #575756; }

.t1 { font-size: 2rem; }
.t2 { font-size: 1.4rem; }
.t3 { font-size: 1.2rem; }

.bold { font-weight:bold;}
.normal { font-weight:normal !important;}
.center { text-align:center; }
.flotar { float:left; }
.left { text-align:left; }
.right { text-align:right; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.top { vertical-align: top; }
.limpiar { clear:both; }
.block { display: block !important; float: none !important; }
.inline-block { display: inline-block !important; float: none !important; }

.bg-white { background-color: white; }

/* Márgenes */
  .m0  { margin:0 !important; }
  .m1   { margin:1px !important; }
  .m2   { margin:2px !important; }
  .m5  { margin:5px !important; }
  .m10  { margin:10px !important; }
  .m20  { margin:20px !important; }
  .m30  { margin:30px !important; }
  .m40  { margin:40px !important; }
  .m50  { margin:50px !important; }
  .m100  { margin:100px !important; }

  .ml1  { margin-left:1px !important; }
  .ml2  { margin-left:2px !important; }
  .ml5  { margin-left:5px !important; }
  .ml10 { margin-left:10px !important; }
  .ml20 { margin-left:20px !important; }
  .ml30 { margin-left:30px !important; }
  .ml40 { margin-left:40px !important; }
  .ml50 { margin-left:50px !important; }
  .ml100 { margin-left:100px !important; }
  
  .mr1  { margin-right:1px !important; }
  .mr2  { margin-right:2px !important; }
  .mr5  { margin-right:5px !important; }
  .mr10 { margin-right:10px !important; }
  .mr20 { margin-right:20px !important; }
  .mr30 { margin-right:30px !important; }
  .mr40 { margin-right:40px !important; }
  .mr50 { margin-right:50px !important; }
  .mr100 { margin-right:100px !important; }

  .mt1  { margin-top:1px !important; }
  .mt2  { margin-top:2px !important; }
  .mt5  { margin-top:5px !important; }
  .mt10 { margin-top:10px !important; }
  .mt20 { margin-top:20px !important; }
  .mt30 { margin-top:30px !important; }
  .mt40 { margin-top:40px !important; }
  .mt50 { margin-top:50px !important; }
  .mt100 { margin-top:100px !important; }

  .mb1  { margin-bottom:1px !important; }
  .mb2  { margin-bottom:2px !important; }
  .mb5  { margin-bottom:5px !important; }
  .mb10 { margin-bottom:10px !important; }
  .mb20 { margin-bottom:20px !important; }
  .mb30 { margin-bottom:30px !important; }
  .mb40 { margin-bottom:40px !important; }
  .mb50 { margin-bottom:50px !important; }
  .mb100 { margin-bottom:100px !important; }

  .semi-m10 { margin:0 0 10px;}
  .mauto { margin: auto; }

/* Márgenes interiores */
  .space { padding: 1rem; }
  .pad0   { padding:0.001rem !important; }
  .pad1   { padding:1px !important; }
  .pad2   { padding:2px !important; }
  .pad3   { padding:3px !important; }
  .pad4   { padding:4px !important; }
  .pad5   { padding:5px !important; }
  .pad6   { padding:6px !important; }
  .pad7   { padding:7px !important; }
  .pad8   { padding:8px !important; }
  .pad9   { padding:9px !important; }
  .pad10  { padding:10px !important; }
  .pad20  { padding:20px !important; }
  .pad30  { padding:30px !important; }
  .pad50  { padding:50px !important; }
  .pad60  { padding:60px !important; }
  .pad70  { padding:70px !important; }
  .pad80  { padding:80px !important; }

  .padl1  { padding-left:1px !important; }
  .padl2  { padding-left:2px !important; }
  .padl3  { padding-left:3px !important; }
  .padl4  { padding-left:4px !important; }
  .padl5  { padding-left:5px !important; }
  .padl6  { padding-left:6px !important; }
  .padl7  { padding-left:7px !important; }
  .padl8  { padding-left:8px !important; }
  .padl9  { padding-left:9px !important; }
  .padl10 { padding-left:10px !important; }
  .padl20 { padding-left:20px !important; }
  .padl30 { padding-left:30px !important; }
  .padl50 { padding-left:50px !important; }
  .padl60 { padding-left:60px !important; }
  .padl70 { padding-left:70px !important; }
  .padl80 { padding-left:80px !important; }
  
  .padr1  { padding-right:1px !important; }
  .padr2  { padding-right:2px !important; }
  .padr3  { padding-right:3px !important; }
  .padr4  { padding-right:4px !important; }
  .padr5  { padding-right:5px !important; }
  .padr6  { padding-right:6px !important; }
  .padr7  { padding-right:7px !important; }
  .padr8  { padding-right:8px !important; }
  .padr9  { padding-right:9px !important; }
  .padr10 { padding-right:10px !important; }
  .padr20 { padding-right:20px !important; }
  .padr30 { padding-right:30px !important; }
  .padr50 { padding-right:50px !important; }
  .padr60 { padding-right:60px !important; }
  .padr70 { padding-right:70px !important; }
  .padr80 { padding-right:80px !important; }

  .padt1  { padding-top:1px !important; }
  .padt2  { padding-top:2px !important; }
  .padt3  { padding-top:3px !important; }
  .padt4  { padding-top:4px !important; }
  .padt5  { padding-top:5px !important; }
  .padt6  { padding-top:6px !important; }
  .padt7  { padding-top:7px !important; }
  .padt8  { padding-top:8px !important; }
  .padt9  { padding-top:9px !important; }
  .padt10 { padding-top:10px !important; }
  .padt20 { padding-top:20px !important; }
  .padt30 { padding-top:30px !important; }
  .padt50 { padding-top:50px !important; }
  .padt60 { padding-top:60px !important; }
  .padt70 { padding-top:70px !important; }
  .padt80 { padding-top:80px !important; }

  .padb1  { padding-bottom:1px !important; }
  .padb2  { padding-bottom:2px !important; }
  .padb3  { padding-bottom:3px !important; }
  .padb4  { padding-bottom:4px !important; }
  .padb5  { padding-bottom:5px !important; }
  .padb6  { padding-bottom:6px !important; }
  .padb7  { padding-bottom:7px !important; }
  .padb8  { padding-bottom:8px !important; }
  .padb9  { padding-bottom:9px !important; }
  .padb10 { padding-bottom:10px !important; }
  .padb20 { padding-bottom:20px !important; }
  .padb30 { padding-bottom:30px !important; }
  .padb50 { padding-bottom:50px !important; }
  .padb60 { padding-bottom:60px !important; }
  .padb70 { padding-bottom:70px !important; }
  .padb80 { padding-bottom:80px !important; }

  .padmix1 { padding: 1px 2px !important; }
  .padmix2 { padding: 2px 4px !important; }
  .padmix3 { padding: 3px 6px !important; }
  .padmix4 { padding: 4px 8px !important; }
  .padmix5 { padding: 5px 10px !important; }
  .padmix6 { padding: 6px 12px !important; }
  .padmix7 { padding: 7px 14px !important; }
  .padmix8 { padding: 8px 16px !important; }
  .padmix9 { padding: 9px 18px !important; }
  .padmix10 { padding: 10px 20px !important; }

  /* Bordes */
  .bor1   { border:1px solid #fff !important; }
  .bor2   { border:2px solid #fff !important; }

  .borblue1  { border:1px solid #2BAFE3 !important; }
  .borblue2  { border:2px solid #2BAFE3 !important; }

  .borlightblue1  { border:1px solid #78C9ED !important; }
  .borlightblue2  { border:2px solid #78C9ED !important; }

  .borl1  { border-left:1px solid #fff; }
  .borl2  { border-left:2px solid #fff; }
  
  .borr1  { border-right:1px solid #fff; }
  .borr2  { border-right:2px solid #fff; }

  .bort1  { border-top:1px solid #fff; }
  .bort2  { border-top:2px solid #fff; }

  .borb1  { border-bottom:1px solid #fff; }
  .borb2  { border-bottom:2px solid #fff; }

  .bortblue1  { border-top:1px solid #2BAFE3; }
  .bortblue2  { border-top:2px solid #2BAFE3; }
  .borbblue1  { border-bottom:1px solid #2BAFE3; }
  .borbblue2  { border-bottom:2px solid #2BAFE3; }
  .borlblue1  { border-left:1px solid #2BAFE3; }
  .borlblue2  { border-left:2px solid #2BAFE3; }
  .borrblue1  { border-right:1px solid #2BAFE3; }
  .borrblue2  { border-right:2px solid #2BAFE3; }

  .bortlightblue1  { border-top:1px solid #78C9ED; }
  .bortlightblue2  { border-top:2px solid #78C9ED; }
  .borblightblue1  { border-bottom:1px solid #78C9ED; }
  .borblightblue2  { border-bottom:2px solid #78C9ED; }
  .borllightblue1  { border-left:1px solid #78C9ED; }
  .borllightblue2  { border-left:2px solid #78C9ED; }
  .borrlightblue1  { border-right:1px solid #78C9ED; }
  .borrlightblue2  { border-right:2px solid #78C9ED; }

  .bordarkblue1  { border:1px solid #2E97CA; }
  .bortdarkblue1  { border-top:1px solid #2E97CA; }
  .bortdarkblue2  { border-top:2px solid #2E97CA; }
  .borbdarkblue1  { border-bottom:1px solid #2E97CA; }
  .borbdarkblue2  { border-bottom:2px solid #2E97CA; }
  .borldarkblue1  { border-left:1px solid #2E97CA; }
  .borldarkblue2  { border-left:2px solid #2E97CA; }
  .borrdarkblue1  { border-right:1px solid #2E97CA; }
  .borrdarkblue2  { border-right:2px solid #2E97CA; }

  .borgrey1  { border:1px solid #6C6C6C !important; }
  .borgrey2  { border:2px solid #6C6C6C !important; }
  .bortgrey1  { border-top:1px solid #6C6C6C; }
  .bortgrey2  { border-top:2px solid #6C6C6C; }
  .borbgrey1  { border-bottom:1px solid #6C6C6C; }
  .borbgrey2  { border-bottom:2px solid #6C6C6C; }
  .borlgrey1  { border-left:1px solid #6C6C6C; }
  .borlgrey2  { border-left:2px solid #6C6C6C; }
  .borrgrey1  { border-right:1px solid #6C6C6C; }
  .borrgrey2  { border-right:2px solid #6C6C6C; }

  .borlightgrey1  { border:1px solid #E0E0E0 !important; }
  .borlightgrey2  { border:2px solid #E0E0E0 !important; }
  .bortlightgrey1  { border-top:1px solid #E0E0E0; }
  .bortlightgrey2  { border-top:2px solid #E0E0E0; }
  .borblightgrey1  { border-bottom:1px solid #E0E0E0; }
  .borblightgrey2  { border-bottom:2px solid #E0E0E0; }
  .borllightgrey1  { border-left:1px solid #E0E0E0; }
  .borllightgrey2  { border-left:2px solid #E0E0E0; }
  .borrlightgrey1  { border-right:1px solid #E0E0E0; }
  .borrlightgrey2  { border-right:2px solid #E0E0E0; }

  
  .borred1  { border:1px solid #BC0003 !important; }
  .borred2  { border:2px solid #BC0003 !important; }
  .bortred1  { border-top:1px solid #BC0003; }
  .bortred2  { border-top:2px solid #BC0003; }
  .borbred1  { border-bottom:1px solid #BC0003; }
  .borbred2  { border-bottom:2px solid #BC0003; }
  .borlred1  { border-left:1px solid #BC0003; }
  .borlred2  { border-left:2px solid #BC0003; }
  .borrred1  { border-right:1px solid #BC0003; }
  .borrred2  { border-right:2px solid #BC0003; }

  .borgreen1  { border:1px solid #288307 !important; }
  .borgreen2  { border:2px solid #288307 !important; }
  .bortgreen1  { border-top:1px solid #288307; }
  .bortgreen2  { border-top:2px solid #288307; }
  .borbgreen1  { border-bottom:1px solid #288307; }
  .borbgreen2  { border-bottom:2px solid #288307; }
  .borlgreen1  { border-left:1px solid #288307; }
  .borlgreen2  { border-left:2px solid #288307; }
  .borrgreen1  { border-right:1px solid #288307; }
  .borrgreen2  { border-right:2px solid #288307; }


  .bg-borde-left { background: linear-gradient( to right, #2BAFE3, rgba(0,0,0,0) 1px); height: 100%; }

/* Bordes */
  .bor1   { border:1px solid #575756; }
  .bor2   { border:2px solid #575756; }

  .borl1  { border-left:1px solid #575756; }
  .borl2  { border-left:2px solid #575756; }
  
  .borr1  { border-right:1px solid #575756; }
  .borr2  { border-right:2px solid #575756; }

  .bort1  { border-top:1px solid #575756; }
  .bort2  { border-top:2px solid #575756; }

  .borb1  { border-bottom:1px solid #575756; }
  .borb2  { border-bottom:2px solid #575756; }

  .borgrey1   { border:1px solid #cbcbc9; }
  .borgrey2   { border:2px solid #cbcbc9; }

  .borlgrey1  { border-left:1px solid #cbcbc9; }
  .borlgrey2  { border-left:2px solid #cbcbc9; }
  
  .borrgrey1  { border-right:1px solid #cbcbc9; }
  .borrgrey2  { border-right:2px solid #cbcbc9; }

  .bortgrey1  { border-top:1px solid #cbcbc9; }
  .bortgrey2  { border-top:2px solid #cbcbc9; }

  .borbgrey1  { border-bottom:1px solid #cbcbc9; }
  .borbgrey2  { border-bottom:2px solid #cbcbc9; }