@import url(https://fonts.googleapis.com/css?family=Elsie+Swash+Caps:300italic,400italic,600italic,300,400,500,600);
@import url(https://fonts.googleapis.com/css?family=Glass+Antiqua:300italic,400italic,600italic,300,400,500,600);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:300italic,400italic,600italic,300,400,500,600);
@import url(https://fonts.googleapis.com/css?family=Rancho:300italic,400italic,600italic,300,400,500,600);

body {margin: 0px; font-family:"Helvetica Neue", Helvetica; font-size: 18px; color: #333;}
img {max-width: 100% !important; vertical-align:middle;}
h1 {font-size:28px; color:#1049AD; font-family: tangerine,}
a {color:#000000; text-decoration:none;}
a:hover {color:#6600B4; text-decoration:underline;}
#valor {font-size:90px; font-weight:bold;}
.fondo_menu {background:linear-gradient(rgba(256, 256, 256, 0.85), rgba(256, 256, 256, 0.85)); height:80px; width:100%; position:absolute; border-bottom:2px solid #fff; top:0px; background:#FFFFFF}
.fondo_menu:hover {background:linear-gradient(rgba(256, 256, 256, 0.9), rgba(256, 256, 256, 0.9));}
.menu_opc {display:flex; width:150px; padding:10px; background:-moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); background:-webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))); background:-o-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); justify-content:center; font-variant:small-caps; font-weight:600; border:#eee 1px solid; color:#003b6f}
.menu_opc:hover {background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); color: #D6D6D6; cursor: pointer; border: #333 1px solid;}
.menu_opc_a {display:flex; width:150px; padding:10px; background:linear-gradient(rgba(0, 59, 111, 0.5), rgba(0, 59, 111, 0.5)); justify-content:center; font-variant:small-caps; font-weight:600; border:#7a92a8 1px solid; color:#fff}
.menu_opc_logo {display:flex; width:150px; padding:10px 15px; justify-content:center}

.alto_logo {max-height:60px;}
.alto_titulo {height:80px}
.btn {font-size:25px; border:none; background-color:#FF5B5B; cursor: pointer;}
.btn:hover {color:#fff; background-color:#000;}
.contenedor_flex {display:flex; align-items:center; justify-content:center;}
.colorAH {color:#f0c113}
.colorBC {color:#fff}
.colorBN {color:#fff}
.colorCH {color:#fff}
.colorCB {color:#000}
.colorCC {color:#b69a5f}
.colorDM {color:#0e2029}
.colorDN {color:#ffc82e}
.colorDP {color:#fff}
.colorGSW {color:#FEC524}
.colorHR {color:#c81c2b}
.colorIP {color:#083467}
.colorLAC {color:#fff}
.colorLAL {color:#552582}
.colorMG {color:#0f1744}
.colorMH {color:#98002e}
.colorMB {color: #fff}
.colorMT {color:#2f3c68}
.colorNOP {color:#fff}
.colorNYK {color:#1C4086}
.colorOCT {color:#fff}
.colorOM {color:#0B77BD}
.colorPh {color:#fff}
.colorPS {color:#fff}
.colorPTB {color:#000}
.colorSK {color:#fff}
.colorSAS {color:#071921}
.colorTR {color:#fff}
.colorUJ {color:#001E3F}
.colorWW {color:#ff1839}
.colortitulo {color:#6F501E !important}
.cuadro1 {background:#0f0e0c; padding:10px; margin-top:20px;}
.cuadro2 {background:#008148; padding:10px; margin-top:20px;}
.cuadro3 {background:#000000; padding:10px; margin-top:20px;}
.cuadro4 {background:#08808f; padding:10px;}
.cuadro5 {background:#cb0133; padding:10px;}
.cuadro6 {background:#4e0018; padding:10px;}
.cuadro7 {background:#d8e2ea; padding:10px;}
.cuadro8 {background:#0d2240; padding:10px;}
.cuadro9 {background:#d40133; padding:10px;}
.cuadro10 {background:#013ca6; padding:10px;}
.cuadro11 {background:#393937; padding:10px;}
.cuadro12 {background:#fdbb30; padding:10px;}
.cuadro13 {background:#1a3b5d; padding:10px;}
.cuadro14 {background:#fdbb2e; padding:10px;}
.cuadro15 {background:#7e9dc2; padding:10px;}
.cuadro16 {background:#083062; padding:10px;}
.cuadro17 {background:#0062f2; padding:10px;}
.cuadro18 {background:#ffffff; padding:10px;}
.cuadro19 {background:#efeeeb; padding:10px;}
.cuadro20 {background:#B4B3B1; padding:10px;}
.cuadro21 {background:#00471b; padding:10px;}
.cuadro22 {background:#d9e2de; padding:10px;}
.cuadro23 {background:#1d428a; padding:10px;}
.cuadro24 {background:#391366; padding:10px;}
.cuadro25 {background:#fff; padding:10px;}
.cuadro26 {background:#502D7F; padding:10px;}
.cuadro27 {background:#C6CFD3; padding:10px;}
.cuadro28 {background:#CD1141; padding:10px;}
.cuadro29 {background:#FFA100; padding:10px;}
.cuadro30 {background:#21335f; padding:10px;}
.fondo_negro {background:#000000; color:#FFF; padding:10px}
.fondoi1 {width:100%; height:100vh; background:url(../img/rosas.jpg); background-size:cover; background-repeat:no-repeat; background-position:50% 50%; display:flex; align-items:center; justify-content:center;}
.fondoi2 {width:100%; height:100vh; background:url(../img/foto%20prueba.avif); background-size:cover; background-repeat:no-repeat; background-position:50% 50%; display:flex; align-items:center; justify-content:center;}
.subtitulo {font-size:24px; font-family:Arial; color:#1C4FB4; font-weight:bold;}
.mayusculas {font-variant:small-caps;}
.efecto {-moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all 5s; transition:all .5s;}
.espacio {margin-top:40px;}
.borde {border:#083A92 3px dashed;}
.fl {float:left;} 
.fondo1 {text-align:justify; background-color:#B1B1B1; background-image: url("https://www.transparenttextures.com/patterns/buried.png"); margin-top:730px; color:#CFCBCB}
.fondo2 {text-align:justify; background-color:#CFCBCB; background-image: url("https://www.transparenttextures.com/patterns/45-degree-fabric-light.png");}
.linea {width:1000px; height:5px; background:#6F501E;}
.letrafrase {font-family:'Rancho'; font-size:40px}
.letranumeros {font-family:'Libre Baskerville'; font-size:110px}
.letraminititulo {font-family:'Elsie Swash Caps'; font-size:50px}
.letratitulo {font-family:'Glass Antiqua'; text-shadow:#000000 2px 2px; font-size:120px}
.mb0 {margin-bottom:0px}
.mb20 {margin-bottom:20px !important;}
.ml20 {margin-left:20px;} 
.ml30 {margin-left:30px;}
.mr30 {margin-right:30px;}
.mt0 {margin-top:0px !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;}
.pulse-button {position:relative; z-index:1000; animation: pulse 2.5s infinite cubic-bezier(0.66, 0, 0, .2);}
.recuadro {background: linear-gradient(rgba(255,255,255, 1), rgba(255,255,255, 0.2)); display: inline-block;}
.texto_blanco {color:#FFFFFF;}
.tac {text-align:center !important;} 
.taj {text-align:justify !important;} 
.tar {text-align:right !important;} 
.tal {text-align:left !important;} 
.talc {text-align:left;}
.boton {background: #489FCF; border: #695C78 2px solid !important; color: #FFF; padding:12px 100px 25px 50px; font-size: 22px; font-family: 'Assistant', Geneva, Arial, sans-serif;}
.cuadro_texto { border: 1px solid #AAA; color: #333; padding: 8px 15px; font-size: 16px; width: 25%; font-family: 'Assistant', Geneva, Arial, sans-serif;}

.container {width: 1100px; margin: 0px auto 0px auto; text-align: justify; color: #FFA100;}
.row {width: 1100px; margin-left: 0%; margin-right: 0%; clear: both; overflow: auto; color: #000;}
.col20 {width:16%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;} 
.col25 {width:21%; float:left; padding:0 2%; min-height:1px; margin-bottom:10px;}
.col33 {width:29%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col34 {width:30%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col50 {width:46%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col60 {width:56%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col66 {width:62%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col75 {width:71%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col80 {width:76%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col100 {width:96%; float:left;	padding:0 2%; min-height:1px;}

@media screen and (max-width:1230px) {
html,body{margin:0;	padding:0; font-size: 17px; line-height: 1.4em;}
h1 {font-size: 36px; line-height:40px;   margin:10px 0px;}
h2 {font-size: 32px; line-height:36px;}
h3 {font-size: 30px; line-height:32px;}