/* Color textos */
h1, h2, h3, h4, h5, h6, legend {
    color: #165EC8;
}


.btn-primary, .pagination > .active > a, body.dark .pagination > .active > a, .owl-theme .owl-controls .owl-nav [class*="owl-"] {
    border-color: #08C !important;
    color: #FFF;
    background-color: #006DCC;
    background-image: linear-gradient(to bottom, #08C, #04C);
    background-repeat: repeat-x;
}
.fa-spinner.fa-pulse {
    color: #08C;
}

#mainMenu {
    text-transform:uppercase;
    font-weight:700;
}

#header nav.mega-menu .nav, #header nav.mega-menu .dropup, #header nav.mega-menu .dropdown, #header nav.mega-menu .collapse {
    position: static;
    margin-top: 1px;
    background-color: #637F87;
}

#header {
    background-color: white;
    border-top: none;
}

/* INICIO ESTILOS BOTONES */
.btn-primary, .pagination > .active > a, body.dark .pagination > .active > a, .owl-theme .owl-controls .owl-nav [class*="owl-"] {
    border-color: #637F87 !important;
    color: white !important;
    background-color: black !important;
    background-image: linear-gradient(to bottom, black, black);
    background-repeat: repeat-x;
}

.btn-primary:hover{
    color: white !important;
    background-color: white !important;
    border-color: #165EC8 !important;
    background-image: linear-gradient(to bottom, #165EC8, #165EC8);
    background-repeat: repeat-x;
}
/* FINAL ESTILOS BOTONES */

/* Color del fondo al pasar por encima del menú principal */
ul.nav-main > li > a:hover, ul.nav-main > li > a:focus {
    background-color: #165EC8 !important;
    
}

/* Tamaño de fuente de la letra del menú principal */
ul.nav-main li a {
    font-size: 1.4rem;
}

/* Color texto hipervinculos menú principal */
#mainMenu a {
    color: white;
}

#mainMenu a:hover{
    height: 56px;
    margin-bottom: -8px;
}

/* Barra donde se ubica el menú cuyo ancho ocupa toda la página */
.navbar-collapse.collapse {
    display: block !important;
    visibility: visible !important;
    height: 57px !important;
    padding-bottom: 0;
    overflow: visible !important;
    background-color: #637F87 !important;
    margin-top: 30px;
    margin-bottom: -7px;
}

.main{
    margin-top: 35px;
}

/* Estilos cabecera al hacer scroll (animación cabecera) */
body.sticky-menu-active #header {
    border-bottom: 0px solid #E9E9E9 !important;
    position: fixed !important;
    top: -57px !important;
    width: 100% !important;
    z-index: 1001 !important;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) !important;
    filter: none !important;
    background: linear-gradient(white, white) repeat scroll 0% 0% transparent !important;
}

html .wizard-progress .wizard-steps li.active a, html.dark .wizard-progress .wizard-steps li.active a {
    color: #08C;
}

/* CONTENEDOR */
.well
{
    border-radius: 40px;
}

/*PasoSeleccionCuota*/
.featured-box-secundary .box-content {
    border-top-color: #08C;
}
.featured-box .box-content {
    border-top: 4px solid #08C;
}


/* INICIO ESTILOS CALENDARIO */
.datepicker.datepicker-inline {
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #EEE;
}
/*cabecera calendario*/
.datepicker table thead tr {
    background:#08C;
    border-radius:0;
    color:#fff;
}
.datepicker table thead tr:first-child th:hover {
    background-color: #006DA4;
}
.datepicker table thead tr:last-child th:hover {
    cursor: default;
}
.datepicker table tbody tr td.day:hover {
    background: none repeat scroll 0% 0% #007BB8;
}
.datepicker tbody tr td.day:hover, .datepicker table tr td span:hover {
    background-color: #08C;
}
/*seleccion calendario*/
.datepicker table tbody tr td.day.active, .datepicker table tr td span.active.active {
    background-color: #285E8E;
    border-color: #285E8E;
}
.datepicker table tbody tr td.day.active:hover, .datepicker table tr td span.active.active:hover {
    background-color: #666;
    border-color: #666;
}
/* FIN ESTILOS CALENDARIO */

/* INICIO ESTILOS LOGO */
.logo a img {
    width:300px !important;
    height:48px !important;
}

.logo-sticky-active a img
{
    width:300px !important;
    height:48px !important;
}

/* FIN ESTILOS LOGO */

/* INICIO ESTILOS ITEMS PROGRESO (LOS CIRCULOS REDONDOS QUE MUESTRAN EL PROCESO) */
/* Color número interior del círculo y del borde del círculo*/
html .wizard-progress .wizard-steps li.active a span, html.dark .wizard-progress .wizard-steps li.active a span 
{
    color: #165EC8 !important;
    border-color: #165EC8 !important;
}

/* Color del texto bajo el círculo */
html .wizard-progress .wizard-steps li.active a, html.dark .wizard-progress .wizard-steps li.active a {
    color: #165EC8 !important;
}

/* Color borde del círculo y fondo del círculo cuando se completa el paso */
html .wizard-progress .wizard-steps li.completed a span, html.dark .wizard-progress .wizard-steps li.completed a span {
    border-color: #165EC8 !important;
    background: #637F87 !important;
}

/* Color de la línea que une cada círculo con el siguiente */
html .wizard-progress .steps-progress .progress-indicator, html.dark .wizard-progress .steps-progress .progress-indicator {
    background: #165EC8 !important;
}
/* FIN ESTILOS ITEMS PROGRESO */

/* INICIO ESTILOS TABLA PRECIO FINAL */
.pricing-table h3 {
    color: #fff;
    text-shadow: 0px 1px rgba(0, 0, 0, 0.8);
    background: #08C;
    /*#165EC8*/
}

.pricing-table h3 span {
    color: #000;
}
/* FINAL ESTILOS TABLA PRECIO FINAL */

/* Estilos barra de idiomas */
#idiomas{
    width: 100%;
    height: 35px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #F4F4F4;
}
#idiomas ul{
   position: relative !important;
   display: table !important;
   float:right;
}


/* Propiedad para que al hacer scroll no vibre el logo */
#footer{
   margin-bottom: 1% !important;
}