/*
* Colors CSS — SDOS
* Bootstrap override
*
* color principal #990505
* color secundario #666
*
*/
/* ========================================================================
BASIC COLORS
======================================================================== */
.color-white{color: #fff;}

/*==========================================================================
GENERALS
======================================================================= */
body {
background-color: #FAFAFA;
}

a {
color: #333333;
}
a:hover, a:focus{color: #990505;}

h1 a, h2 a, h3 a {
color: inherit;
}

.dark {
background: #990505;
color: #fff;
}
.light {
background: #FFFFFF;
}
.light:active{
background: #E0E0E0;
}
.img-tile {
background: #000000;
} 
.img-tile:hover {
background: #990505;
}

.title span,
.title span a {
color: #0DA559;
}
.brand {
color: #7AF7B7;
}

.tiles-main{
color: #FFFFFF;
}

p.weather{
color: #FFFFFF;
}

p.tags {
color: #B2B2B2;
}

p.date, p.date a {
color: #B2B2B2;
}

p.tiles, p.tiles a {color: #4D4D4D;}
.dark p.tiles {color: #fff;}

p.tags-img {
color: #FFFFFF;
}

p.date-img, p.date-img a {
color: #FFFFFF;
}

p.tiles-img, p.tiles-img a {color: #FFFFFF;}

p.tags.bigtile-img {
color: #FFFFFF;
}

.sections-control span {
background: #FAFAFA;
}
.sections-control span:hover {
background: #FFFFFF;
}
.sections-control span:active {
background: #E0E0E0;
}
.section {
margin-bottom: 36px;
text-align: center;
font-size: 18px;
color: #4D4D4D;
line-height: 21px;
}
.section:hover {
color: #6AA1FF;
}

.procedures .title,
.title-procedures {
color: #FFFFFF;
}
.dark .title,
.dark a:hover {
color: #FFFFFF;
}
.procedures {
background: #990505;
}
.procedure-item {
color: #FFFFFF;
}
.procedure-item * {color: #FFFFFF;}
.procedure-item:hover * {color: #6AA1FF;}
.procedures-a {
color: #6AA1FF;
}
.procedures-a:hover {
color: #FFFFFF;
}
.procedures-a:active, .procedures-a:focus {
color: #6AA1FF;
}


.footer {
padding-top: 50px;
background: #990505;
}
.footer .link-footer *{
color:#fff;
} 
.subfooter {
background: #333333;
} 

address {
color: #FFFFFF;
}
.desarrolladoBy p,
p.city {
color: #FFFFFF;
}
h3.footer-text{
color: #FFFFFF;
}
.footer .content-menu a, 
.footer .content-menu a:hover, 
.footer .content-menu a:focus, 
.footer .content-menu a:link {
color: inherit;
}

.interior .pmicon{
color: #DDD;
}

.interior .pmicon:hover{
color: #990505;
}

/*==========================================================================
LISTADO 
======================================================================= */
.listado.iconbox.interior .procedure-item {
color: #990505;
}

.detail-tags {
color: #B2B2B2;
}
.detail-quote1 {
color: #B2B2B2;
}
.detail-quote2 {
color: #B2B2B2;
}

/*==========================================================================
REDES SOCIALES
======================================================================= */
.sidebar-rrss .contact-button-link{
color: #333333 !important;
}
.sidebar-rrss .contact-button-link.show-hide-contact-bar, 
.sidebar-rrss .contact-button-link.show-hide-contact-bar:focus, 
.sidebar-rrss .contact-button-link.show-hide-contact-bar:active {
background: #333333 !important;
}

/*==========================================================================
NAVBAR
======================================================================= */
.container-fluid .navbar.nav-section-general .navbar-brand {background-color:transparent;} 
.container-fluid .navbar.nav-section-general {background-color:#fff;border-bottom-color:#e0e0e0;} 
.navbar.nav-section-general .navbar-collapse .navbar-form.navbar-left .navbar-nav>li.active>a {color: #990505;}
.navbar.nav-section-general .navbar-collapse .navbar-form .navbar-nav li.active>a {color:#990505;} 
/*Buscador*/ 
.navbar .header-wrapper .input-group {background-color:#f2f2f2;} 
/*.navbar .header-wrapper .input-group input {color:#b2b2b2;} */
.navbar .header-wrapper .input-group button{color:#b2b2b2} 

/* HOME */
p.tags-img a{color: #FFFFFF;} 
p.tags a{color: #B2B2B2;} 

/*==========================================================================
CARRUSEL
======================================================================= */
.carrousel-img .text-wrapper{color:#4D4D4D} 
.carrousel-img .text-wrapper p{color:#4D4D4D;} 

/*==========================================================================
MENU
======================================================================= */
.menu-secundary nav.mark-sidebar ul li.active > a {
color: #990505;
}
.menu-secundary nav.mark-sidebar ul li a:before {
background: #990505;
}
nav.mark-sidebar p{color:#b2b2b2}
nav.mark-sidebar ul{background-color:#f2f2f2;}
nav.mark-sidebar ul *{color:#8c8c8c;}

/*=========================================================================
Tooltip
========================================================================*/

.blue-tooltip .tooltip > .tooltip-inner { background-color: #990505; color: #FFF; }
.blue-tooltip .tooltip > .tooltip-arrow { border-bottom-color:#990505; }

/*==========================================================================
Listado eventos
======================================================================= */
.component-list-events h3 a:hover{color:#990505}
.component-list-events p{color:#b2b2b2}
.component-list-events .columns-wrapper .loading-content {color:#b2b2b2;}

/*==========================================================================
Listado de edificaciones públicas
======================================================================= */
.wrapper.public-building .form-wrapper {border-bottom-color: #d8d8d8;} 
.wrapper.public-building .form-group.icon-icon-calendar:before {color:#c1c1c1;} 
.wrapper.public-building .form-group label {color: #a6a6a6;} 
.wrapper.public-building .form-group input,.wrapper.public-building .form-group select {background-color:#ebebeb;color: #a6a6a6;} 
.wrapper.public-building .form-wrapper .btn-default {background-color:#6aa1ff;color:#fff;} 
.wrapper.public-building .list-building-wrapper h3 {fcolor:#4d4d4d;} 
.wrapper.public-building .list-building-wrapper p,.wrapper.public-building .list-building-wrapper span {color:#b2b2b2;} 
.wrapper.public-building .list-building-wrapper .number-poi span {color: #fff;} 
.wrapper.public-building .list-building-wrapper .icon-icon-poi:before {color:#990505}

/*==========================================================================
PAGINATION
======================================================================= */
.pagination > li > a, .pagination > li > span{color: #990505;}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, 
.pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
color: #ffffff;
background-color: #990505;
border-color: #990505;
}
.pagination > li > a:hover, .pagination > li > a:focus, 
.pagination > li > span:hover, .pagination > li > span:focus {
color: #990505;
background-color: #eeeeee;
border-color: #dddddd;
}

/*==========================================================================
WEBFORM
======================================================================= */
div.webform_wrapper {background-color: inherit !important;}

/************************
datepicker
*************************/
.datepicker table .day,
.datepicker table .month,
.datepicker table .year {
background: transparent;
}
.datepicker-days table .day.today {
background: #CCCCCC;
}
.datepicker table .day.active,
.datepicker table .day:hover,
.datepicker table .month:hover,
.datepicker table .year:hover {
background: #990505;
color: #FFFFFF;
}

/************************
TOP CONTROL
*************************/
div#topcontrol {
background-color: #990505;
color: #fff;
}
div#topcontrol:hover {
background-color: #333333;
}

/*==========================================================================
MENU RESPONSIVE
======================================================================= */
@media all and (max-width: 1190px) {
.container-fluid .navbar .navbar-header .navbar-toggle span.icon-bar {
background: #2F2F2F;
}
}

/*==========================================================================
RESPONSIVE
======================================================================= */
@media (max-width: 1400px) {
}
@media (max-width: 1199px) {
} 
@media (min-width: 1170px) {
} 
@media (max-width: 991px) {
} 
@media all and (max-width: 870px) {
}
@media all and (max-width: 767px) {
}
@media all and (max-width: 640px) {
}
@media all and (max-width: 480px) {
}
@media all and (max-width: 380px) {
}


/*=========================================================================
CAMBIOS SKIN
====================================================================== */
.item-color-secondary .procedure-item * {
    color: #666;
}
.item-color-secondary .procedure-item:hover * {
    color: #990505;
}

.front .bx-vertical-middle .section {
    background-color: #990505;
}
.front .bx-vertical-middle .section a {
    color: #fff;
}