@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans');
html { 
  
}

body {  
  padding-top: 70px;  /* 70px amb menú superior */
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  background-color: #f2f4f6;
	
	
}

a {
	color: #0975c2;
}

h1, h2, h3, h4, h5 {
  font-family: 'Nunito Sans', sans-serif;
}

h2 {
  /*color: #355681;*/
  color: #1A1A1A;
  font-size: 2em;
  font-weight: 400;
}

h3 {
  font-size: 1.8em;
  font-weight: 400;
	color: #0975c2;
}

h4 {
  font-size: 1.2em;
  font-weight: 400;
}

p {
  line-height: 1.5em;
  margin-bottom: 1.5em;
}

ul, ol {
  /*padding-left: 15px !important;*/
}

li {
  margin-bottom: 5px;
}

/*  CUSTOM BUTTONS  */

.btn-orange { 
  color: #ffffff; 
  background-color: #0975c2; 
  border-color: #0975c2; 
} 
 
.btn-orange:hover, 
.btn-orange:focus, 
.btn-orange:active, 
.btn-orange.active, 
.open .dropdown-toggle.btn-orange { 
  color: #ffffff; 
  background-color: #0975c2; 
  border-color: #0975c2; 
} 
 
.btn-orange:active, 
.btn-orange.active, 
.open .dropdown-toggle.btn-orange { 
  background-image: none; 
} 
 
.btn-orange.disabled, 
.btn-orange[disabled], 
fieldset[disabled] .btn-orange, 
.btn-orange.disabled:hover, 
.btn-orange[disabled]:hover, 
fieldset[disabled] .btn-orange:hover, 
.btn-orange.disabled:focus, 
.btn-orange[disabled]:focus, 
fieldset[disabled] .btn-orange:focus, 
.btn-orange.disabled:active, 
.btn-orange[disabled]:active, 
fieldset[disabled] .btn-orange:active, 
.btn-orange.disabled.active, 
.btn-orange[disabled].active, 
fieldset[disabled] .btn-orange.active { 
  background-color: #0975c2; 
  border-color: #0975c2; 
} 
 
.btn-orange .badge { 
  color: #0975c2; 
  background-color: #ffffff; 
}

/*  ---- */

.page {
  background-color: #fff;
}

.page-content {
  padding: 0 15px 15px 15px;
}

.hr-title {
  height: 4px;
  background: #613214;
  border: 0;
}

.header,
.footer {
  padding-right: 15px;
  padding-left: 15px;
}

/* Custom page header */
.header {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}

/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}

.img-header {
  width: 100%;  /* Mateix ample que el contenidor */
/*  border-top: 1px solid #355681;*/
}

/* ASIDE */

.aside {  
  background-color: #e1d6d0;
  color: black;
}

.aside .important {
  background-color: #e1d6d0;
  padding: 15px;
}

.aside .banners {
  padding: 15px;
  padding-bottom:0;
}

.aside .info {
  padding: 15px;
  padding-bottom:0;
  padding-top:0;
  text-align:center;
}

.aside .info:last-child {
    padding-bottom:15px;
}

.aside .important h5, .aside .info h5 {
  font-size: 1.4em;
  margin-bottom: 20px;
  font-family: 'Open Sans Condensed', sans-serif;
}

.aside .event {
  margin-bottom: 15px;
}

.aside .event .date {
  /*color: #cc0000;*/
  color: #0975c2;
  font-size: 1.1em;
  padding-bottom: 5px;
  margin-bottom: 2px;
  border-bottom: 1px solid #666;
}

.aside .event .title {
  color: black;
  font-size: .9em;
}

.aside img {
  width: 100%;
}

.aside .info.info-renfe {
	padding-top: 0px; 
}

.aside .aside-box-header {
margin-bottom:10px;
height:40px;


padding: 0;
color:black
}

.aside .aside-box-header h5 {
font-weight:bold;
}

.aside .contador {
font-weight:normal;
}

/* Custom page footer */
.footer {
  padding: 19px 15px 15px 15px !important;
  margin-top: 15px;
  font-size: .9em;
  color: black;
  /*border-top: 2px solid #355681;*/

  background-color: #9ac4ac;
}

.footer h3 {
    color:black;
}

.footer p {
  line-height: 20px;
}

.footer a {
  color: #007cc0;
  text-decoration: underline;
}

.pending, .pending h2, .pending h3 {
    color:#ccc !important;
}

.panel.panel-default {
    border-color:black;
    border:0;
    border-radius:0;
    background:transparent;
  }

.aside .panel-heading.inscripcions {

    background-color:transparent;
    color:black;
   
  }

.panel {
  -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05);
  box-shadow: 0 0px 0px rgba(0,0,0,.05);
}

.panel-body {
    padding:10px 15px;
}

hr {
    border-top:2px solid #613214;
}

.aside h5, h2 {
    color:#623111;
}

.countdown-section:first-child { 
    border-left:1px solid #623111;
}

.countdown-section {
    border-right:1px solid #623111;
}

/* Customize body */
@media screen and (min-width: 1020px) {
	body {
		background-color: transparent;

		background: url(../img/background.jpg) no-repeat center center fixed; 
	   -webkit-background-size: cover;
	   -moz-background-size: cover;
	   -o-background-size: cover;
	   background-size: cover;	
	}
}

/* Customize container */
@media (min-width: 768px) {
  .container {
    /*max-width: 1020px;*/
	max-width: 1190px;	  
  }

  .page-content {
    padding-right: 0;
  }

}
.container-narrow > hr {
  margin: 30px 0;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }  
  
}

/* PAGINES */

.page-full {
  padding: 2px 15px 15px 15px;
}

.item
{
  padding-left: 10px;
  margin-bottom: 10px;
  border-left: 1px solid #355681;
}

.comites .item {
  margin-top: 2em;
}

.comites .item .row {
  margin-bottom: 5px;
}

.img-colaborador {
  margin-bottom: 1em;
  border:1px solid #f6f6f6;
  padding:30px 80px;
}

/* PROGRAMA */

.orange {
	color:#0975c2 ;	
}

.orange2 {
	color:#0b7132;	
}

.prog_tema {
   
    
    text-align: left;
    padding: 0px 0px 10px 30px;
        
}

.prog_tema ul li {
	
	list-style: none;
}

.tit_principal {

	font-size: 15px;
}

ul.no-dot {
    list-style:none;
    padding:0;
}
ul.padding-left {
    padding-left:20px;
}