/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.4.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/

:root {
  --color-principal: #122f45;
  --color-secundario: #122f45;
  --color-terciario: #aadaffc2;
  --hover-navbar-movil: #886414;
  --color-iconos: #aadaffc2;
}

body{
    background-color:transparent;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 4px 4px;
}

.fixed-header-on .header.fixed-before .logo img {
    max-height: 60px;
}

#logo_img{
    max-height: 80px;
}

#elt_mapa_google{
    max-height: 26.3em;
}
.padding-bottom-cero{
    padding-bottom: 0px;
}

.dropdown > a:before{
    content: none !important;
}


/* Template styles*/

body .page-wrapper .header-container .header-custom-color{
    /*border-top: 3px solid var(--color-secundario) !important;
    border-bottom: 1px solid var(--color-secundario) !important;*/
    background: var(--color-principal) !important;
}

#spacer-md{    
    height: 80px; 
    background: var(--color-principal) !important;
}


body .page-wrapper .header-container .header-custom-color.object-visible #spacer-md{

    height: 80px; 
    background: var(--color-principal) !important;
}

body .page-wrapper .header-container .header-custom-color.object-visible{

    background: var(--color-principal) !important;
}


.header-first{
    padding-top: 5px; 
}

.header-first h2{

    margin: 5px 5px 0 5px;
} 

.header-top:not(.banner){
    border-bottom: none !important;
}

.navbar-nav{
    margin: 0px  -15px !important;
}


/* navbar flotante a la derecha y estilos para controlar la altura de la barra */

@media (min-width: 768px) {
    .navbar-default .navbar-nav li a {
        
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        
    }/*
    .header-second{
        float: right;
    }*/
}

@media (max-width: 768px) {
     .header-top .navbar-nav li a {
        
        padding: 5px !important;
        
    }
}

.navbar-default .navbar-nav > li.dropdown > a{
    padding-right: 10px !important;
    padding-left: 7px !important;
}

.social-links .dropdown-menu{
    padding: 4px !important;
    min-width: 45px !important;
}

.dark.header .dropdown-menu{
    background-color: var(--color-terciario) !important;
    border: 1px solid var(--color-terciario) !important;
    color: var(--color-principal) !important;
}

.container-fluid{
    padding: 0 !important;
}
/* =============================================================================== */




/*Estilos generales*/

/* Estilo de letra en botonoes del Navbar (Se mantiene transparenia del navbar)*/
.header-custom-color ul li a{
    color: #ddd !important;
    font-weight: none !important;
    font-size: 1.0em !important;
}

.navbar-default{
    background-color: transparent !important;
}

.header-custom-color ul li a:hover{
    text-decoration: none !important;
    border-bottom: none !important;
}
a{
    text-decoration: none !important;
    color: var(--color-principal);
}

a:hover,a:active,a:focus{
    color: var(--color-secundario) ;
}

@media (max-width: 767px){

    .header-custom-color ul li a:hover{

        background-color: var(--hover-navbar-movil) !important; 
    }   

}

.color-letras-header{
    color: #fff !important;
}

.header.dark{
    background-color: var(--color-terciario) !important;
}

.header-top:not(.banner){
    background-color: var(--color-principal) !important;
}

.breadcrumb{
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 1.1em;
}

.altura-header{
    height: 90px !important;
}

.social-links{
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

.navbar-toggle{
    margin-top: 5px !important;
}

.dark .social-links li a{
    background: var(--color-terciario) !important;
    color: var(--color-principal) !important;
    border: 1px solid  var(--color-principal) !important;
}

.nav > li > a:hover, .nav > li > a:focus{
    background: none !important;
}

.transparent-header .dark.header .navbar-nav > li > a{
    color: #122f45 !important;

}

.dark.header .navbar-default .navbar-nav > li > a:hover, .dark.header .navbar-default .navbar-nav > li > a:focus, .dark.header .navbar-default .navbar-nav > .active > a, .dark.header .navbar-default .navbar-nav > .active > a:hover, .dark.header .navbar-default .navbar-nav > .active > a:focus{
    color: #fff !important;
    background-color: var(--color-principal) !important;
}

.dark.header .navbar-default .navbar-nav > li > a{
    text-shadow: none !important;
}

.navbar-collapse{
    /*padding-left: 0 !important;*/
    border-top: none !important;
    box-shadow: none !important;
}





/* Header mobile */

.navbar.navbar-default{
    background: var(--color-principal) !important;
}

@media (max-width: 767px) {

    .dark.header .navbar-default .navbar-nav > li > a:hover, .dark.header .navbar-default .navbar-nav > li > a:focus, .dark.header .navbar-default .navbar-nav > .active > a, .dark.header .navbar-default .navbar-nav > .active > a:hover, .dark.header .navbar-default .navbar-nav > .active > a:focus{ 
        background-color: transparent !important;
        color: var(--color-principal) !important;
    }

}

@media (max-width: 767px) {

    .navbar.navbar-default{
        top: -76px;
    }

}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/*.navbar-collapse.in{
    overflow-y: visible; 
}*/

.header-top:not(.banner){
    padding: 0 !important;
}

.navbar-nav > li > a{
    padding-top: 16px !important;
}
/*
.color-menu-movil{
    background-color: var(--color-terciario) !important;
}
*/
/*-----------*/  





/* Botones general */

.btn-primary {

  color: #fff !important;
  background-color: #849097 !important;
  border-color: #849097 !important;
}

.btn-primary[type="submit"]{

    color: #fff !important;
    background-color: var(--color-principal) !important;
    border-color: var(--color-principal) !important;   
}

.btn-danger {

  color: #fff !important;
  background-color: var(--color-principal) !important;
  border-color: var(--color-principal) !important;
}




/*Estilos Home*/

/*Tarjeta de noticias */

    /*Color Fondo*/
    #template-home-container .colored-card{

        background-color: #EEE8E0;
        color: var(--color-principal);
    }

    #template-home-container .colored-card h3{

        color: var(--color-secundario) !important;
    }


    /*Color Botones */
    #template-home-container .colored-card a.btn{

        background-color: #EEE8E0;
        border-color: var(--color-secundario) !important; 
        color: var(--color-secundario);
        font-weight: 500;
        
    }

    #template-home-container .colored-card a.btn:hover{

        background-color: var(--color-secundario);
        border-color: var(--color-secundario) ; 
        color: white;
        font-weight: 500;
        
    }


/* Botonera secciones  */

#template-home-container .colored-button-section .icon.dark-bg{

    background-color: var(--color-principal); 
}


.light-blue-footer{

    background-color: #1F232F ;
}

.light-blue-partnership-foot{

    background-color: var(--color-principal);

}


.light-blue-card{

    background-color: #EEE8E0;
    color: var(--color-principal);

}

.light-blue-card h3{
    color: var(--color-secundario) !important;
}
.light-blue-card a{
    color: var(--color-secundario);
    border-color: var(--color-secundario) ;
    font-weight: 500;
    background: #EEE8E0;
}

.light-blue-card a:hover{

    background-color: var(--color-secundario);
    border-color: var(--color-secundario) ; 
    color: white;
    font-weight: 500;
}

/* pagination ball */

ul.pagination li > a, .pagination > li:first-child > a, .pagination > li:last-child > a{

    background-color: var(--color-principal);
    border-color: var(--color-principal);

}


ul.pagination li > a:hover, ul.pagination li > a:focus{

    background-color: var(--color-terciario);
    border-color: var(--color-terciario);
}


/* Estilos footer */

.footer .title{
    color: #d7d7d7 !important;
}
.footer .media-body a{
    color: #d7d7d7 !important;
}
.footer .media-body{
    color: #d7d7d7;
}
.footer .footer-content{
    color: #d7d7d7;
}

.footer .link-dark{
    color: #d7d7d7;
}
.footer a{
    color: #d7d7d7;
    text-decoration: none !important;
}
.footer a:hover{
    color: var(--color-secundario);
    text-decoration: none !important;
}




.subfooter{
    border-top: none !important;
}
.subfooter a{
    color: #dddddd !important;
}

.subfooter a:hover{
    text-decoration: none !important;
}

.subfooter p.copyright{
    color: #c5c3c3;
}



.logo{
    font-family: Helvetica:;
}

/* estilos de texto */
.custom-text{
    text-indent: 3em;
    color: black;
}
.custom-text b{
    color: var(--color-principal);
}

@media (max-width: 1199px) and (min-width: 768px){

    .navbar-default .navbar-nav > li > a{
        padding: 11px 5px 11px 5px !important;
    }
    
}

.btn-group-vertical .btn-success{
    
    background: var(--color-principal);
    border-color: var(--color-principal);

}

/* estilo paginas planas */

.linea-separadora{
    border-bottom: 1px solid #f0f0f0;
}

.mover-link{
    padding-left: 20px;
}

.panel-group .panel-heading{
    padding: 15px !important;
}