@charset "utf-8";

:root {
   --rojo: #8A161B;
   --gris: #ECECEC;
   --txt: #545454;

   --blue: #2C4BA3;
   --light: #F8FAFD;
   --primary: #447BFB;
}

html, body {
	height: 100%;
}
body, td, th, input, select, textarea, p, h1, h2, h3, h4, h5, h6, a, li{
	color:#5B5B5F;
    font-family: 'Montserrat', sans-serif;
}
body, td, th, input, select, textarea{
    font-size:14px;
}

h1{color:#8A161B;}
h2{color:#8A161B;}
h3{color:#545454;}
h4{color:#000;}
h5{color:#000;}
h6{color:#545454;}
/* Estilos para las zebras */
.zebra { margin-top:15px; margin-bottom:20px;}
.zebra td { border-bottom: 1px solid #f1f1f1;}
.zebra tr.alt td {      background: #f7f7f7;}
.zebra tr.over td { background: #E2E2E2;}
.zebra tr.title td { background-color: #D6D6D6; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; }

/* Retoques al jQuery UI*/
.margin{margin: 5px;}
.clear{clear: both;}
#MenuVertical{padding: 0; margin: 0; width: 172px; float: left;  margin-right: 27px;}
#MenuVertical li { list-style-position: inside; list-style-type: none; padding: 0px; margin-top: 3px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; list-style-image: url(vineta.gif); }
#MenuVertical li a { color: #3e545f; display: inline; list-style-position: inside; list-style-type: none; padding: 0px; font-size: 13px; font-weight: normal; text-decoration: none; margin: 0px; }

#content-box { margin-top: 0px; margin-right: auto; margin-bottom: 20px; margin-left: auto; background-color: #FFF; }
.content-box { max-width: 1100px;margin: auto;margin-bottom: 25px;}
#content-box .content-box-title { background-color: transparent; margin: 0px; color: #3e545f; font-size: 17px; text-transform: uppercase; padding-top: 14px; padding-right: 0px; padding-bottom: 10px; padding-left: 40px; }
#content-box #content-area { margin-top: 10px; margin-right: 20px; margin-bottom: 0px; margin-left: 20px; }
#mod-box { margin-top: 0px; margin-right: auto; margin-bottom: 15px; margin-left: auto; }
.mod-box {max-width: 1100px;margin: auto;margin-bottom: 80px;}
.mod-box .mod-box-title {color: #cb061c; font-size: 25px; font-weight: 600; border-bottom: solid 6px #f8f8f8; padding-bottom: 10px; margin-bottom: 30px; } 
#mod-box #content-area { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; }

.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover{
    background: var(--Rojo2)!important;
}
.btn-default {
    color: #000;
    background-color: var(--Rojo2);
    border-color: var(--azul1);
    transition: all .3s ease;
}
.btn-default:hover{
    background-color: var(--Rojo1);
    transition: all .3s ease;
    color: #fff;
}
/* Paddings */

.p-x{padding-left: 0px!important; padding-right: 0px!important;}
.p-y{padding-top:0px!important; padding-bottom:0px!important;}
.p-0{padding: 0px}
.p-1{padding: 1em;}
.p-2{padding: 2em;}
.p-3{padding: 3em;}
.p{
    padding: 1em;
}

.d-flex{display: flex;}

/* Tags */
p {
    font-weight: 300;
    line-height: 1.5;
    text-align: justify;
}
a {
    transition: all 0.3s ease-in-out;
}
a:hover{
    text-decoration: none;
    color: var(--azul);
}
a:visited,a:active,a:focus{
    text-decoration: none !important;
}
*:focus{
    outline: none !important;
}

.img-zoom-in,.img-zoom-out {
    overflow: hidden;
}
.img-zoom-in img,.img-zoom-out img{
    transition: all 0.3s ease-in-out;
}
.img-zoom-in:hover img{
    transform: scale(1.15);
}
.img-zoom-out img{
    transform: scale(1.15);
}
.img-zoom-out:hover img{
    transform: scale(1);
}
/* Fonts */
.text-upper{
    text-transform: uppercase;
}

.w-100{
    width: 100%;
}

/* HEADER */
header {
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    transition: all .4s ease;
}
.header-content {
    justify-content: space-between;
    align-items: center;
}
.nav-brand {
    max-width: 90px;
}
.nav-brand img{
    transition: all .2s ease;
    width: 100%;
}

/*para quitar los submenus en la vista responsive*/
.social-links, .main-nav-mobile {
    display: none;
}
/*para quitar los submenus en la vista de escritorio*/
#menu-main> li > ul {
    display: none;
}

a.toogle-menu { /*boton del menu responsive*/
    color: #C41715;
    font-size: 40px;
    padding: 0 5px;
    line-height: 1;
}
.mm-menu {
    background: #243B76;
    border-color: rgba(0,0,0,.1);
    color: rgb(255, 255, 255);
}
ul.mm-listview {display: block !important;}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
    color: rgb(255, 255, 255);
}
.mm-menu .mm-listview .mm-btn_next::after {
    border-color: rgb(255, 255, 255);
}
.mm-menu .mm-btn::after, .mm-menu .mm-btn::before {
    border-color: rgb(255, 255, 255);
}
.navbar-header{
    display: none;
}

.site-content {
    max-width: 1150px;
    margin: 0 auto;
}

/* Slider Home */
.slick-arrow {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 50;
    color: #fff;
    font-size: 20px;
    padding-top: 0px;
    line-height: 0;
    cursor: pointer;
    transition: all .3s ease-in-out;
    background: rgba(255, 255, 255, 0.4);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    margin: 0 25px;
}
span.arrow-right.slick-arrow {
    right: 0;
    left: auto;
}
.slick-arrow:hover{
    background: #243B76;
    color: #fff;
}

.content--blue-bg {
	background-color: var(--blue);
	background-image: url(images/bg-iso-shape.svg);
	background-repeat: no-repeat;
    background-size: 45%;
    background-position: left center;
}

.content--light-bg {
	background-color: var(--light);
	background-image: url(images/bg-iso-shape-light.svg?7);
	background-repeat: no-repeat;
    background-size: 45%;
    background-position: left center;
}

#content-main {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100%;
	width: 100%;
}

.content-box-flex .content-box {
	display: flex;
    flex-direction: column;
    min-height: 100%;
}

.content-box-flex .content-box .content-box-title {
	padding: 0 15px;
}

.content-box-flex .content-box .content-area {
    align-items: center;
	flex: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.content-box-flex .content-box .content-area > .row {
	width: 100%;
}

.content-box-flex .content-box .content-area .login_pge {
	background-color: var(--light);
	border-color: var(--light);
}

.content--blue-bg .content-box .content-box-title {
	color: var(--light);
}

.home--content-wrap {
	display: flex;
	position: relative;
}

.home--content-wrap .center--content {
	position: relative;
	margin: 0 auto;
	width: auto;
}

.home--content-wrap .center--content .logo-center {
	width: 240px;
}

/* Media Queries */
@media (min-width: 500px) {
    
}

@media (min-width: 768px){
    
}

@media (min-width: 992px){
    
}

@media(min-width: 1200px){
    
}