nav.scrolled{
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

#boton-si.checked, #boton-si.checked:hover{
	background: #558B2F !important;
	color: #fff !important;
}

#boton-no.checked, #boton-no.checked:hover{
	background: #D84315 !important;
	color: #fff !important;
}

#boton-si:hover{
	background: #9CCC65 !important;
	color: #fff !important;
}

#boton-no:hover{
	background: #FF7043 !important;
	color: #fff !important;
}

#boton-si{
	border: 1px solid #558B2F !important;
	color: #558B2F !important;
	margin-left: 1px;
}

#boton-no{
	border: 1px solid #D84315 !important;
	color: #D84315 !important;
	margin-right: -1px;
}

#boton-si, #boton-no{
    cursor: pointer;
    display: inline-block;
    max-width: 40%;
    word-wrap: break-word;
    padding: 0 10px 0 10px;
    min-width: 1px !important;
}

#playpause{
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: 50px;
	height: 50px;
	border-radius: 4px;
	/*background-color: #cecece;
	color: #686868;*/
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	z-index: 1000;
	cursor: pointer;
	font-family: 'icons';
	font-size: 19px;
    padding: 12px 0 0 15px;
	
	border: 1px solid #F2B705;
	background-color: #ffffff;
	color: #F2B705;
}

#playpause:hover{
	background-color: #F2B705;
	color: #ffffff;
}

.titulo > h6 {
	text-shadow: 0px 0px 8px rgba(0,0,0,0.5);
	font-size: 1.2em;
}
#intermedio{
	background-image: url('../img/madrid.jpg');
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
}

.details-5 img{
    min-width: 80%;
}

.details-5 .flex-control-nav{
    margin-bottom: 2em;
}

.btn{
    border-radius:4px;
}

.story-3{
    color: black;
}

.nav.transparent li{
    text-align: right;
}
.nav.transparent .inner-link{
    text-shadow: 1px 0px 0px rgba(0,0,0,0.5), -1px 0px 0px rgba(0,0,0,0.5), 0px 1px 0px rgba(0,0,0,0.5), 0px -1px 0px rgba(0,0,0,0.5), 2px 2px 4px black;
}

.nav.transparent.scrolled .inner-link{
    text-shadow: none;
}

.nav.transparent ul{
    //background-color: rgba(255,255,255,0.35);
    background: linear-gradient(90deg, rgba(0,0,0,0) 50%, rgba(0,0,0,.2) 75%);
    padding-right: 15px;
    margin-top: 0;
}

.line-1, .line-2, .line-3{
    opacity: 1;
    outline: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}

.nav-1{
    padding:0 !important;
}

.logo{
    padding: 15px 15px;
}

.chevron{
    background-image: url('../img/chevron.png');
    filter: invert(100%);
    height: 32px; 
    background-repeat: no-repeat;
    background-position: center center;
    background-size:contain;
    text-align: center;
    cursor: pointer;
    margin-top: 16px;
}



@font-face {
  font-family: 'icons';
  src: url('../font/icons.eot?27296194');
  src: url('../font/icons.eot?27296194#iefix') format('embedded-opentype'),
       url('../font/icons.woff2?27296194') format('woff2'),
       url('../font/icons.woff?27296194') format('woff'),
       url('../font/icons.ttf?27296194') format('truetype'),
       url('../font/icons.svg?27296194#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}