#masthead{
	background: url('../images/fondologo.png') no-repeat top left;
}
.brand a{color: #FFFFFF;}
.brand a:hover{color: #FFFFFF;}

.super{
	text-transform: none;
}
#main-page-banner .super-hero-unit figure figcaption{
	top: initial;
	bottom: 25px;
}

#share-buttons img {
  width: 35px;
  padding: 5px;
  border: 0;
  box-shadow: 0;
  display: inline;
}

@media (max-width: 979px){
.wrapper {margin:0;}
}


#footer-image{
	background: #000000 url('../images/mascosas.jpg')  no-repeat center top;
	background-size: 100% !important;
	-webkit-background-size:  100% !important;
  -moz-background-size:  100% !important;
  -o-background-size:  100% !important;
  background-size:  100% !important;
	color: #FFFFFF;
}

#footer-image .section-header{
	margin: -25px 0 0;

}
#footer-image h1{
	background-color: transparent;
}

.logo-link{
	display: block;
	width: 100%;
	height: 200px;
	text-align: center; text-transform: uppercase;
	margin-bottom:25px;
}
.galeria-logo{
	background: url('../images/galeria.png') no-repeat center bottom;
}
.v360-logo{
	background: url('../images/360.png') no-repeat center bottom;
}
.mapa-logo{
	background: url('../images/mapa.png') no-repeat center bottom;
}
.ribagorza-logo{
	background: url('../images/logo_ribagorza.png') no-repeat center bottom;
	height: 120px;
}

section#search-menu{
	text-align:center;
}
section#search-menu .section-header{
	margin-bottom: 15px;
}

select{
	appearance: menulist;
	-moz-appearance: menulist; /* Firefox */
	-webkit-appearance: menulist;
}

#masthead .brand{
	color: #FFFFFF;
	font-size: 32px;
	padding: 5px;
	margin-right: -50px;
	font-weight: 300;
}
.navbar .nav > li > a{
	padding: 15px 5px;
}
.navbar a.btn-navbar{
	background: #E7674E;
	border: none;
	width: 30px;
	height: 30px;
	padding: 10px;
	margin-top: 15px;
	-moz-border-radius:  25px;
	-webkit-border-radius:  25px;
	border-radius:  25px; /* future proofing */
	-khtml-border-radius:  25px; /* for old Konqueror browsers */
}
.navbar .btn-navbar .icon-bar{
	width: 30px;
	height: 8px;
	-moz-border-radius:  4px;
	-webkit-border-radius:  4px;
	border-radius:  4px; /* future proofing */
	-khtml-border-radius:  4px; /* for old Konqueror browsers */
}
.navbar a.btn-navbar: hover{
	background: #FFFFFF;
}
.navbar .btn-navbar: hover .icon-bar{
	background: #E7674E;
}

h1,h2,h3,h4,h5{
	text-transform: none;
}
h1.title, h2.title, h3.title{text-align: center;text-transform: uppercase;}

.routes-selector{text-align: center;}
.routes-selector select{
	appearance: menulist;
	-moz-appearance: menulist; /* Firefox */
	-webkit-appearance: menulist;
	width:  auto;
}

/*
.navbar .nav > li > a: focus, .navbar .nav > li > a{color: #777777;}
.navbar .nav > li > a: focus, .navbar .nav > li > a: hover{color: #E7674E;}
a{color: #777777;}
a: hover{color: #E7674E;}
*/

color:#E7674B;
.navbar .nav > li > a: focus, .navbar .nav > li > a{color: #E7674E;}
.navbar .nav > li > a: focus, .navbar .nav > li > a: hover{color: #E7674E;}
a{color: #E7674E;}
a: hover{color: #E7674E;}

/* .thumbnails > .span2:nth-child(2n+1), .thumbnails > .span3:nth-child(4n+1), .thumbnails > .span4:nth-child(3n+1) */
.thumbnails > .span6:nth-child(2n+1){
  margin-left: 0;
  clear: both;
}

.thumbnails.portfolio figure{
	text-align:  center;
}
.thumbnails.portfolio figure a.box-inner{
	display: inline-block;
	position: relative;
	max-width: 100%;
	height: 200px;
}
.thumbnails.portfolio .photoLandscape{
	margin:  25px auto;
}

div.paginator{
	font-size: 90%;
	text-align:  center;
}
div.paginator .results span{
	display: block;
}
div.paginator .pages span{
	display: block;
}
div.paginator select{
	width: 50px;
	height:  20px;
	font-size:  90%;
	line-height:  20px;
	padding: 0 2px;
}
.pagination ul > li > a, .pagination ul > li > span{
	padding:  2px 10px;
}

div#results{
}
div#results > ul > li{
	padding:  0 10px 0 25px;
}


/* Visores */
div.visormini,
#elevation_profile{
	margin:0 auto;
}



/*GOOGLE MAPS*/
div#gmap{
	width: 100%;
	height: 400px;
}
div#gmap img{
	max-width: inherit;
}
#adp-placemark img, .adp-placemark img {
   display: none;
}

.MIDE-box{
	border:  solid black 2px;
	-moz-border-radius:  10px;
	-webkit-border-radius:  10px;
	border-radius:  10px; /* future proofing */
	-khtml-border-radius:  10px; /* for old Konqueror browsers */
}
.MIDE-box h2 {
	margin: 0;
}
.MIDE-box .row-fluid {
    margin: 0;
}

.MIDE-box dl {
    margin: 0;
	display:  block;
	box-sizing:  border-box;
	float: left;
}
.MIDE-box dl.statlist{
	border-right: solid black 2px;
}

.MIDE-box dl dt {
	float: left;
    font-weight: bold;
    margin-right: 10px;
    padding: 5px;
	padding-left: 40px;
	overflow-x: auto;
    overflow-y: hidden;
    white-space:  nowrap;
}

.MIDE-box dl dd {
    margin: 0;
    padding: 5px 0;
	border-top:  solid black 2px;
}
.MIDE-box dl.midelist dd: last-child{border-bottom:   solid black 2px;}

.MIDE-box dl.statlist dt {
	width: 50%;
}
.MIDE-box dl.midelist dt {
	width: 70%;
}
.MIDE-box.span6 dl.statlist{
	margin-left: 0;
	width: 100%;
	border-right: none;
}
.MIDE-box.span12 dl{
	margin-left: 0;
	width: 50%;
}
@media (max-width:  767px) {
	.MIDE-box.span12 dl{
		margin-left: 0;
		width: 100%;
	}
	.MIDE-box dl.statlist{
		border-right: none;
	}
	.MIDE-box dl.midelist dd: last-child{border-bottom:  none;}
}

.MIDE-box dl .icon {
	background-position:  2px 2px;
	background-repeat:  no-repeat;
}



.thumbnail{
    position: relative;
    /*width:  100%;*/
    height:  0;
	width: 120px;
    padding-bottom:  50% ; /* % of width, defines aspect ratio*/
    background-repeat:  no-repeat;
    background-position:  center center;
    background-size:  cover;
}


/* MIDE Line */
.MIDE_line ul.span4{margin-left: 0px;}
.MIDE_line ul li{
	display:  inline-block;
	float: left;
	list-style: none;
	height: 24px;
	white-space: nowrap
}
.MIDE_line ul .icon {
	width: 25%;
	color: #E7674E;
	text-align: center;
	background-repeat:  no-repeat;
}
.MIDE_line ul.span2 .icon {width: 50%;}
.MIDE_line ul.span1 .icon {width: 100%;}
.MIDE_line.text_up ul .icon {
	padding-bottom: 32px;
	background-position:  center bottom;
}

.MIDE_line.text_up ul .icon_MIDE {
	margin-top: 24px;
}
.MIDE_line.text_down ul .icon {
	padding-top: 32px;
	background-position:  center top;
}

.MIDE_line.text_down ul .icon_MIDE {
	padding: 0;
	margin-bottom: 24px;
}
.MIDE_line ul .icon.STATS_type {
	direction: rtl;
}
.MIDE_line ul .icon_MIDE {
	padding: 0;
	height: 32px;
	width: 50%;
	background-image: url('../icons/MIDE.png');
	background-size:  contain;
}


#MIDE_help ul{
	list-style: none;
	margin:  0 ;
}
#MIDE_help ul>li{
	background-repeat:  no-repeat;
    background-position:  left center;
	padding:  5px;
	padding-left: 50px;
	margin:  10px 5px;
	font-size: 18px;
}

#MIDE_help ul>li ol.accordion-inner{
	padding:  5px 25px;
	margin:  0;
}


#MIDE_help ul li .accordion-toggle{
	width:100%;
}
#MIDE_help ul li .accordion-toggle:after {
position:  relative;
display:  inline-block;
font-family:  FontAwesome;
content:  "\f106";
font-size:  14px;
line-height:  1em;
left:  1em;
top:  50%;
margin-top:  -0.5em;
}
#MIDE_help ul li .accordion-toggle.collapsed:after {
content:  "\f107";
}
/*  */

/* MIDE Icons form background*/

.icon.STATS_time {
	background-image: url('../icons/STATS-time.png');
}
.icon.STATS_up {
	background-image: url('../icons/STATS-up.png');
}
.icon.STATS_down {
	background-image: url('../icons/STATS-down.png');
}
.icon.STATS_distance {
	background-image: url('../icons/STATS-distance.png');
}
.icon.STATS_type {
	background-image: url('../icons/STATS-type.png');
}
.icon.MIDE_harsh {
	background-image: url('../icons/MIDE-harshness.png');
	/*background-image: url('../icons/severidad.svg');*/
}
.icon.MIDE_orient {
	background-image: url('../icons/MIDE-orientation.png');
}
.icon.MIDE_diff {
	background-image: url('../icons/MIDE-difficulty.png');
}
.icon.MIDE_effor {
	background-image: url('../icons/MIDE-effort.png');
}
.icon.MIDE_help {
	background-image: url('../icons/help.png');
}