/*
 * Colors CSS — SDOS
 * Bootstrap override
 *
 * color principal OLD #FF8000
 * footer OLD #FF8000
 * subfooter OLD #cc6600
 *
 * color principal #f88f1d
 * footer #231F20
 * subfooter #999999
 */


/*==========================================================================
  GENERALS
  ======================================================================= */
  body {
    background-color: #FAFAFA;
  }
  
  a {
    color: #353535;
  }
  a:hover, a:focus{color: #f88f1d;}

  h1 a, h2 a, h3 a {
    color: inherit;
  }
  
  .dark {
    background: #f88f1d;
    color: #fff;
  }
  .dark a {color: #fff;}
  .light {
    background: #FFFFFF;
  }
  .light:active{
    background: #E0E0E0;
  }
  .img-tile {
    background: #000000;
  } 
  .img-tile:hover {
    background: #f88f1d;
  }
  
  .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, span.date, span.date a  {
    color: #f88f1d;
  }  
  
  p.tiles, p.tiles a {color: #353535;}
  .dark p.tiles {color: #fff;}  
  
  span.tiles, span.tiles a {color: #353535;}
  .dark span.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: #f88f1d;
  }
  .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: #FFFFFF;
	border-top: 1px solid #EEEEEE;
  }
  .footer .link-footer  *{
	color: #353535;
  }  
  .subfooter {
    background: #FFFFFF;
  }  
  
  address {
    color: #FFFFFF;
  }
  .desarrolladoBy p,
  p.city {
    color: #353535;
  }
  h3.footer-text{
    color: #353535;
  }
  .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: #f88f1d;
  }
  
  /*==========================================================================
  LISTADO 
  ======================================================================= */
.listado.iconbox.interior .procedure-item {
    color: #f88f1d;
}
  
.detail-tags {
  color: #B2B2B2;
}
.detail-quote1 {
  color: #B2B2B2;
}
.detail-quote2 {
  color: #B2B2B2;
}

  /*==========================================================================
  REDES SOCIALES
  ======================================================================= */
.rrss span:before {
  color: #999;
}
.rrss span:hover:before {
  background: #999;
  color: white;
}
.rrss span.icon-facebook:hover:before {
  background: #3B5998;
}
.rrss span.icon-twitter:hover:before {
  background: #00ACED;
}
.rrss span.icon-youtube:hover:before {
  background: #BB0000;
}

.sidebar-rrss .contact-button-link{
    /*color: #f88f1d;*/
    color: #353535;
    background: transparent;
}
.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 {
    color: #fff;
    /*background: #f88f1d;*/
    background: #f88f1d;
}

/*==========================================================================
  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: #f88f1d;}
  .navbar.nav-section-general .navbar-collapse .navbar-form .navbar-nav li.active>a {color:#f88f1d;}  
	/*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: #f88f1d;
}
.menu-secundary nav.mark-sidebar ul li a:before {
  background: #f88f1d;
}
nav.mark-sidebar p{color:#b2b2b2}
nav.mark-sidebar ul{background-color:#f2f2f2;}
nav.mark-sidebar ul *{color:#8c8c8c;}

 /************************
  	PANEL CAPTION
  *************************/
  .panelcaption .pic .pic-caption {
    background-color: rgba(133,185,137,0.25);
    color: #fff;
  }
  .panelcaption .pic:hover .pic-caption {
    background-color: #f88f1d;
  }
  .panelcaption .pic .pic-caption a {
    color: inherit;
  }
  .panelcaption .pic .pic-image {
      background-color: #666;
  }
  .panelcaption .pic-caption .pic-title-box {
  	border-color: #fff;
  }
  
/*=========================================================================
	Tooltip
  ========================================================================*/

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

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

/*==========================================================================
  PAGINATION
  ======================================================================= */
.pagination > li > a, .pagination > li > span{color: #f88f1d;}
.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: #f88f1d;
    border-color: #f88f1d;
}
.pagination > li > a:hover, .pagination > li > a:focus, 
.pagination > li > span:hover, .pagination > li > span:focus {
	color: #f88f1d;
    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: #f88f1d;
    color: #FFFFFF;
  }
  
  /************************
  	TOP CONTROL
  *************************/
  div#topcontrol {
    background-color: #f88f1d;
    color: #fff;
  }
  div#topcontrol:hover {
    background-color: #f88f1d;
  }

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