/*
 * Colors CSS — SDOS
 * Bootstrap override
 *
 * color principal old #80a5ff
 *
 * footer #569099 - rgba(86,144,153,1)
 * subfooter #2F646A
 */
/* ========================================================================
  BASIC COLORS
  ======================================================================== */
  .color-white{color: #fff;}

/*==========================================================================
  GENERALS
  ======================================================================= */
  body {
    background-color: #FAFAFA;
  }
  
  a {
    color: #2F646A;
  }
  a:hover, a:focus{color: #569099;}

  h1 a, h2 a, h3 a {
    color: inherit;
  }
  
  .dark {
    background: #569099;
    color: #fff;
  }
  .light {
    background: #FFFFFF;
  }
  .light:active{
    background: #E0E0E0;
  }
  .img-tile {
    background: #000000;
  } 
  .img-tile:hover {
    background: #569099;
  }
  
  .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: #569099;
  }
  .procedure-item {
    color: #FFFFFF;
  }
  .procedure-item * {color: #FFFFFF;}
  .procedure-item:hover * {color: #6AA1FF;}
  .procedures-a {
    /*color: #6AA1FF;*/
	color: #FFFFFF;
  }
  .procedures-a:hover {
    color: #FFFFFF;
  }
  .procedures-a:active, .procedures-a:focus {
    color: #6AA1FF;
  }
  
  
  .footer {
    padding-top: 50px;
    background: #569099;
  }
  .footer .link-footer  *{
	color:#fff;
  }  
  .subfooter {
    background: #2F646A;
  }  
  
  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: #569099;
  }
  
  /*==========================================================================
  LISTADO 
  ======================================================================= */
.listado.iconbox.interior .procedure-item {
    color: #569099;
}
  
.detail-tags {
  color: #B2B2B2;
}
.detail-quote1 {
  color: #B2B2B2;
}
.detail-quote2 {
  color: #B2B2B2;
}

  /*==========================================================================
  	* LISTADO-OVERLAY 
  ======================================================================= */
	.listado .card-img-wrap .overlay, .listado .media-img-wrap .overlay {background: rgba(86,144,153, 0.9);}

  /*==========================================================================
  REDES SOCIALES
  ======================================================================= */
.sidebar-rrss .contact-button-link{
    color: #2F646A !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: #2F646A !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: #569099;}
  .navbar.nav-section-general .navbar-collapse .navbar-form .navbar-nav li.active>a {color:#569099;}  
	/*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: #569099;
}
.menu-secundary nav.mark-sidebar ul li a:before {
  background: #569099;
}
nav.mark-sidebar p{color:#b2b2b2}
nav.mark-sidebar ul{background-color:#f2f2f2;}
nav.mark-sidebar ul *{color:#8c8c8c;}


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

.tooltip > .tooltip-inner { background-color: #569099; color: #FFF; }

.tooltip.right .tooltip-arrow{
	border-right-color:#569099; 
}
.tooltip.left .tooltip-arrow{
	border-left-color:#569099; 
}
.tooltip.top .tooltip-arrow{
	border-top-color:#569099; 
}
.tooltip.bottom .tooltip-arrow{
	border-bottom-color:#569099; 
}


/*==========================================================================
  Listado eventos
  ======================================================================= */
.component-list-events  h3 a:hover{color:#569099}
.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:#569099}

/*==========================================================================
  PAGINATION
  ======================================================================= */
.pagination > li > a, .pagination > li > span{color: #569099;}
.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: #569099;
    border-color: #569099;
}
.pagination > li > a:hover, .pagination > li > a:focus, 
.pagination > li > span:hover, .pagination > li > span:focus {
	color: #569099;
    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: #569099;
    color: #FFFFFF;
  }
  
  /************************
  	TOP CONTROL
  *************************/
  div#topcontrol {
    background-color: #569099;
    color: #fff;
  }
  div#topcontrol:hover {
    background-color: #2F646A;
  }
  
  /************************
  	PANEL CAPTION
  *************************/
  .panelcaption .pic:hover .pic-caption {
    background-color: rgba(86,144,153,0.25);
  }

/*==========================================================================
  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) {
  }