
body{font-family: 'Sintony', sans-serif;padding: 0,margin:0;}

/*barra de menu*/
.menu > li{position: relative;display: inline-block;}
.menu > li > a{display: block;padding: 15px 20px;color:#022C52;text-decoration:none;font-size:15px;font-weight:bold;}
.menu li a:hover{color: #fff;background-color:#FF7800;transition: all .3s;}
/* Submenu*/
.submenu{position:absolute;padding-left:0;background: #333333;width:150%;visibility: hidden;
opacity: 0;transition: opacity 1.5s;z-index:1;}
.submenu li a{display: block;padding:10px;color: #fff;text-decoration: none;text-align:left;}
.menu li:hover .submenu{visibility: visible;opacity: 1;list-style-type:none;}


/*things*/
.orange-f{background-color:#FF7800;}
.blue{color:#092846;}
.blue-f{background-color:#092846;}
.orange{color:#FF7800;}
.white{color:white; }
.just{text-align:justify;}

/*box color*/
.bx-blue{background-color:#092846;color:#fff;padding:15px;}
.bx-orange{background-color:#FF7800;color:#fff;padding:15px;}
.bx-grey{background-color:#ddd;color:#FF7800;padding:15px;}

/*font-size*/
.f8{font-size:8px;}
.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f23{font-size:23px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.f26{font-size:26px;}
.f27{font-size:27px;}
.f30{font-size:30px;}
.f35{font-size:35px;}
.f60{font-size:60px;}

/*button only */
.bthe-outline-orange
{
display: inline-block;
font-weight: 400;
color:#fff;
text-align: center;
text-decoration:none;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: .1rem solid #FF7800;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius:0;
transition: color .15s 
}
.bthe-outline-orange:hover
{
background-color:#092846;
color:#FF7800;
text-decoration:none;
transition:.2s;
border: .1rem solid #092846; 
}
/*boton dos*/
.bthe-orange
{
display: inline-block;
font-weight: 400;
background-color:#FF7800;
color:#092846;
text-align: center;
text-decoration:none;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius:0;
border:none!important;
box-shadow:none!important;
transition: color .15s 
}
.bthe-orange:hover
{
background-color:#092846;
color:#FF7800;
text-decoration:none;
transition:.2s; 
}
/*boton tres*/
.bthe-blue
{
display: inline-block;
font-weight: 400;
background-color:#092846;
color:#FF7800;
text-align: center;
text-decoration:none;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius:0;
border:none!important;
box-shadow:none!important;
transition: color .15s 
}
.bthe-blue:hover
{
background-color:#092846;
color:#fff;
text-decoration:none;
transition:.2s; 
}