/**
	paths.css
*/

.pathItem, .path0 {
	/* flex: flex-grow flex-shrink flex-basis */
	width: 250px;
/*	height: 300px;*/
	margin: 5px;
	border: 1px solid #f2f2f2;
	padding:3px;
}

.medalItem {
	padding:16px 0px;
	width: 33.33%;
}

@media (max-width: 767px) {
	.pathItem, .path0, .medalItem{
		border-bottom: 1px solid #CECECE;
		width: 100%;
	}
}
.indicador {
	display:block;
	margin: 0 auto;
	        transition: background 0.5s ease-in-out;
	-webkit-transition: background 0.5s ease-in-out;
	   -moz-transition: background 0.5s ease-in-out;
}

.indicador.ruta {
	width: 128px;
	height: 128px;
}

.indicador.medal {
	width: 180px;
	height: 200px;
}


.medalItem:nth-child(1) .indicador {
	background: url(../../assets/images/oro.png) no-repeat center top;
}

.medalItem:nth-child(2) .indicador {
	background: url(../../assets/images/plata.png) no-repeat center top;
}

.medalItem:nth-child(3) .indicador {
	background: url(../../assets/images/bronce.png) no-repeat center top;
}

.path0 {
	order: 1;
}
.path0:nth-child(1) .indicador {
	background: url(../../assets/images/r00n.png) no-repeat center top;
}

.pathItem:nth-child(2) .indicador {
	background: url(../../assets/images/r01n.png) no-repeat center top;
}

.pathItem:nth-child(3) .indicador {
	background: url(../../assets/images/r02n.png) no-repeat center top;
}

.pathItem:nth-child(4) .indicador {
	background: url(../../assets/images/r03n.png) no-repeat center top;
}

.pathItem:nth-child(5) .indicador {
	background: url(../../assets/images/r04n.png) no-repeat center top;
}

.pathItem:nth-child(6) .indicador {
	background: url(../../assets/images/r05n.png) no-repeat center top;
}

.pathItem:nth-child(7) .indicador {
	background: url(../../assets/images/r06n.png) no-repeat center top;
}

.pathItem:nth-child(8) .indicador {
	background: url(../../assets/images/r07n.png) no-repeat center top;
}

.pathItem:nth-child(9) .indicador {
	background: url(../../assets/images/r08n.png) no-repeat center top;
}

.path0:nth-child(1) .indicador:hover {
	background: url(../../assets/images/r00i.png) no-repeat center top;
}

.pathItem:nth-child(2) .indicador:hover {
	background: url(../../assets/images/r00i.png) no-repeat center top;
}

.pathItem:nth-child(3) .indicador:hover {
	background: url(../../assets/images/r00i.png) no-repeat center top;
}

.pathItem:nth-child(4) .indicador:hover {
	background: url(../../assets/images/r00i.png) no-repeat center top;
}

.pathItem:nth-child(5) .indicador:hover {
	background: url(../../assets/images/r00i.png) no-repeat center top;
}

.pathItem:nth-child(6) .indicador:hover {
	background: url(../../assets/images/r00i.png) no-repeat center top;
}

.pathItem:nth-child(7) .indicador:hover {
	background: url(../../assets/images/r00i.png) no-repeat center top;
}

.pathItem:nth-child(8) .indicador:hover {
	background: url(../../assets/images/r00i.png) no-repeat center top;
}

.pathItem:nth-child(9) .indicador:hover {
	background: url(../../assets/images/r00i.png) no-repeat center top;
}

.rutaId {
  height: 40px;
  color: white;
}

.rutaId p {
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	line-height: 1em;
}
.rutaD {
  height: 16px;
  font-size: 11px;
  color: white;
  margin-top: 1px;
}
.rutaD p {
  padding: 0px 5px;
}
.rutaN {
  height: 21px;
  font-size: 13px;
  color: white;
  margin-bottom: 0px;
}
.rutaN p {
  padding: 0px 5px;
}
.rutaN a:link {
  color: white;
}
.rutaF-xs {
  height: 28px;
  font-size: 11px;
  color: white;
}
.rutaF-xs p {
  padding: 0px 5px;
}
@media (min-width: 992px) {
  .rutaF {
    font-size: 14px;
  }
}
.bici {
  height: 40px;
}

.bici::after {
    font-family: "FontAwesome";
    content: "\f206";
    font-size: 2.5em;
    padding-left: 1.5em;
}

.ruta0 {
  background-color: #B700CF;
}
.ruta1 {
  background-color: #FFEA33;
  color: #904DFF;
}
.ruta2 {
  background-color: #FFA3E6;
}
.ruta3 {
  background-color: #1917FF;
}
.ruta4 {
  background-color: #3CFF64;
}
.ruta5 {
  background-color: #FF9743;
}
.ruta6 {
  background-color: #39FFFC;
}
.ruta7 {
  background-color: #FF032A;
}
.ruta8 {
  background-color: #000000;
}

div.bikeDSC {
	padding-top: 1.2em;
	padding-bottom: 1.2em;
}

div.bikeDSC p {
	text-indent: -3vw;
	padding-left: 3vw;
	margin-bottom: 1.2em;
}

div.bikeDSC p::first-letter {
	font-weight: bold;
	font-size: 1.5em;	
}

.overMap {
  z-index: 99;
  padding: 1.2vw;
  font-size: 3em;
	position: absolute;
	color: white;
}

.buttonIncidence {
	right: 10px;
	top: 10px;
	padding: 0;
	font-size: 1em;
	margin-top: 0px;
}

.overLeft {
	top: 43%;
	left: 0;
}

.overLeft::after {
	content: "<";
	float: left;
}

.overRight {
	top: 43%;
	right: 0;
}

.overRight::after {
	content: ">";
	float: right;
}

/**
	layout.css
*/

* {
	box-sizing: border-box;
} 

/*Todo el área visible*/
html, body{
	height: 100%;
	min-height: 100%;
}
body {
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}

a {
	color: #98C63E;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.content {
	margin-top: 140px;
	margin-bottom: 24%;
}

.appBiker {
	margin-top: 10px;
}


@media (min-width: 540px) {
	.content {
		margin-top: 220px;
	}
	.appBiker {
		margin-top: 40px;
	}
}

.content:after, .page:after, .col:after {
	clear:both;
	content: "";
	display: block;
}
.appendix a {
	color: #666666;
}

.content a {
	color: #B7A425;
	font-weight: bold;
}

.portada a, a.portada {
	color: #cecece;
}

.overMap a {
	color:inherit;
	font-weight: inherit;
}

.overMap a:hover {
	text-decoration: none;
}
/* contenedor principal */ 
.page {
	margin-top: 0px;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-right: 1.25%;
	padding-left: 1.25%;
	margin-right: auto;
	margin-left: auto; 
	z-index: 0;
}

.logo {
	height: 70px;
}

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 55, 104, 0), rgba(0, 55, 104, 0.75), rgba(0, 55, 104, 0));
    margin-bottom: 20px;
}

.bgRed {
	background-color: #FF8F7C;
}
.bgYellow {
	background-color: #FFDA2A;
}
.bgGreen {
	background-color: #92FFCF;
}
.bgGrey {
	background-color: #CECECE;
}

.fixedContainer {
    position: absolute;
    padding: 2em;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 0%);
}

.appstorebtn {
	padding:5px;
	display: inline-block;
}

.div-bottom {
	position:relative;
	min-height: 100px;
}

.div-bottom-content {
	position: absolute;
	bottom: 0;
	right: 0;
}
/**
	page
		hasta 479px
		hasta 1200px
*/


@media (min-width: 480px) {
	.page, .portada {
		width: 95%;
	}
	.logo {
		height: 80px;
	}

}

@media (min-width: 1200px) {
	.page, .portada {
		width: 1140px;
	}
	.logo {
		height: 100px;
	}
}

.refImg {
	display: block;
	height: 65px;
	margin-top: 15px;	
}

.enlace:hover {
	cursor: pointer;
}

.enlace:disabled:hover {
	cursor: default;
}

/* Section: Cuerpo principal de navegación - entre cabecera y pie */
section, article {
	margin: 0;
	clear:both;
	width: 100%;
}

/*
	Definición de la matriz
	Tomado de bootstrap.css
*/
.row:before, 
.row:after,
.navigation:before,
.navigation:after {
	content:"";
	display:table;	
}
.row:after,
nav {
	clear:both;
}

.row {
	*zoom: 1;
	margin-right: -2px;
	margin-left: -2px;
}

.col {
	float: left;
	padding-left: 2px;
	padding-right: 2px;
} 

.colTxt {
	float: left;
	padding-left: 15px;
	margin-left: -7px;
	padding-right: 15px;
	margin-right: 7px;
} 

.col, .colTxt {
	min-height: 1px;
}

.col-xs-01, .col-tb-01 {
	width: 8.33%
}

.col-xs-02, .col-tb-01 {
	width: 16.66%
}

.col-xs-03, .col-tb-03 {
	width: 25%
}

.col-xs-04, .col-tb-04 {
	width: 33.33%
}

.col-xs-05, .col-tb-05 {
	width: 41.66%
}

.col-xs-06, .col-tb-06 {
	width: 50%
}

.col-xs-07, .col-tb-07 {
	width: 58.33%
}

.col-xs-08, .col-tb-08 {
	width: 66.66%
}

.col-xs-09, .col-tb-09 {
	width: 75%
}

.col-xs-10, .col-tb-10 {
	width: 83.33%
}

.col-xs-11, .col-tb-11 {
	width: 91.66%
}

.col-xs-12, .col-tb-12 {
	width: 100%
}

.bCentered{
	  margin: 10px auto;
}

.square, .circle {
	position: relative;
}
.square:before, .circle:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.square-content, .circle-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.vCentered {
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
}
.circle {
	border-radius: 50%;
}

.hidden {
	display: none !important;
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  
  .bCentered-xs {
	  margin: 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
  .centered-sm {
	  margin-left:auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
  .centered-lg {
	  margin-left:auto;
  }
}

@media (min-width: 768px) {
	.col-sm-01 {
		width: 8.33%
	}
	
	.col-sm-02 {
		width: 16.66%
	}
	
	.col-sm-03 {
		width: 25%
	}
	
	.col-sm-04 {
		width: 33.33%
	}
	
	.col-sm-05 {
		width: 41.66%
	}
	
	.col-sm-06 {
		width: 50%
	}
	
	.col-sm-07 {
		width: 58.33%
	}
	
	.col-sm-08 {
		width: 66.66%
	}
	
	.col-sm-09 {
		width: 75%
	}
	
	.col-sm-10 {
		width: 83.33%
	}
	
	.col-sm-11 {
		width: 91.66%
	}
	
	.col-sm-12 {
		width: 100%
	}
}

@media (min-width: 992px) {
	.col-md-01 {
		width: 8.33%
	}
	
	.col-md-02 {
		width: 16.66%
	}
	
	.col-md-03 {
		width: 25%
	}
	
	.col-md-04 {
		width: 33.33%
	}
	
	.col-md-05 {
		width: 41.66%
	}
	
	.col-md-06 {
		width: 50%
	}
	
	.col-md-07 {
		width: 58.33%
	}
	
	.col-md-08 {
		width: 66.66%
	}
	
	.col-md-09 {
		width: 75%
	}
	
	.col-md-10 {
		width: 83.33%
	}
	
	.col-md-11 {
		width: 91.66%
	}
	
	.col-md-12 {
		width: 100%
	}
}
@media (min-width: 1200px) {
	.col-lg-01 {
		width: 8.33%
	}
	
	.col-lg-02 {
		width: 16.66%
	}
	
	.col-lg-03 {
		width: 25%
	}
	
	.col-lg-04 {
		width: 33.33%
	}
	
	.col-lg-05 {
		width: 41.66%
	}
	
	.col-lg-06 {
		width: 50%
	}
	
	.col-lg-07 {
		width: 58.33%
	}
	
	.col-lg-08 {
		width: 66.66%
	}
	
	.col-lg-09 {
		width: 75%
	}
	
	.col-lg-10 {
		width: 83.33%
	}
	
	.col-lg-11 {
		width: 91.66%
	}
	
	.col-lg-12 {
		width: 100%
	}
}

figure {
	margin: 0;
}

.ghost-center {
	position: relative;
}

.ghost-center:before {
	content: "";
	display: inline-block;
	height: 100%;
	width: 1%;
	vertical-align: middle;
}

.ghost-center p {
	display: inline-block;
	vertical-align: middle;
}

.ghost-bottom p {
	display: inline-block;
	vertical-align: bottom;
}
.centered {
	text-align: center;
}

.textRight {
	text-align: right;
}

.textLeft {
	text-align: left;
}


.prgDsc {
	font-style: italic;
	font-size: 1.1em;
}

.flexBox-center, .flexBox-left, .flexBox-right, .flexBox-collapsed {
	display: -webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	
	margin: 0;
	padding: 0;
	
	width: 100%;
}

.flexBox-center {
	-webkit-justify-content: space-between;
            justify-content: space-between;
}

.flexBox-collapsed {
	-webkit-justify-content: center;
            justify-content: center;
}

.flexBox-left {
	-webkit-justify-content: flex-start;
            justify-content: flex-start;
}

.flexBox-right {
	-webkit-justify-content: flex-end;
            justify-content: flex-end;
}

.appendix {
	clear: both;
}

.appendix_first {
	margin-top: -24%;
}
.appendix a {
	color: #98C63E;
}
.secundario {
	background-color: #F2F2F2;
}

.secundario a {
	color: #B7A425;
	font-weight: bold;
}
.oficial {
	background-color: #98C63E;
	color: white;
}

.interno {
	padding: 15px;
}

.oficial a {
	color: #CECECE;
}

.cell {
	display: table;
	height: 100%;
	width: 100%;
}

.primary {
	color: #98C63E;
}

.primary:hover {
	color: #666666;
}

.map_container-xs {
  position: relative;
  width: 100%;
  padding-bottom: 112.5%;
}
.map_container-xs {
  position: relative;
  width: 100%;
  padding-bottom: 112.5%;
}
.map_container .map_canvas {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

@media (min-width: 992px) {
  .map_container {
    padding-bottom: 56.25%;
    /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
  }
}

.interlineas:before, .interlineas:after {
    width: 35%;
    display: block;
    content: "";
    margin: 6px auto;
    border-top: 1px solid;
}

.message {
	padding: 25px;
	border: 1px solid;
	margin-bottom: 80px;
	margin-top: 50px;
}

.msg_info {
	color: #B7A425;
	border-color: #B7A425;
}

.msg_warning {
	color: #E19A5C;
	border-color: #E19A5C;
}

.msg_error {
	color: #FF2600;
	border-color: #FF2600;
}

/**
	Spinning	
*/
.waiting {
	position: fixed;
	height: 100vh;
	width: 100vw;
	background-color: rgba(255,255,255,0.5);
	z-index: 999;
	top: 0;
	left: 0;
	color: #98C63E;
}

@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-moz-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-ms-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-moz-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-o-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
.uil-ripple-css {
  background: none;
  position: relative;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -100px;
}
.uil-ripple-css div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  width: 0;
  height: 0;
  opacity: 0;
  border-radius: 50%;
  border-width: 12px;
  border-style: solid;
  -ms-animation: uil-ripple 2s ease-out infinite;
  -moz-animation: uil-ripple 2s ease-out infinite;
  -webkit-animation: uil-ripple 2s ease-out infinite;
  -o-animation: uil-ripple 2s ease-out infinite;
  animation: uil-ripple 2s ease-out infinite;
}
.uil-ripple-css div:nth-of-type(1) {
  border-color: #98C63E;
}
.uil-ripple-css div:nth-of-type(2) {
  border-color: #cec9c9;
  -ms-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}

.scrollMsg {
	z-index: 97;
	height: 50px;	
	overflow: hidden;
	position: absolute;
	top: 140px;
	left: 0;
	right: 0;
	background-color: #666666;
	color: white;
}

@media (min-width: 480px) {
	.scrollMsg {
		top: 150px;
	}
}
@media (min-width: 540px) {
	.scrollMsg {
		top: 250px;
	}
}
@media (min-width: 1200px) {
	.scrollMsg {
		top: 270px;
	}
}

.scrollPortada {
	background-color: red;
	top: 40px;
}


@media (min-width: 1020px) {
	.scrollPortada {
		top: 100px;
	}
}

@media (min-width: 1200px) {
	.scrollPortada {
		top: 120px;
	}
}



.scrollMsg a {
	font-size: 1em;
	color:white;
	text-decoration: none;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	line-height: 50px;
	text-align: center;
	/* Starting position */
	-moz-transform:translateX(100%);
	-webkit-transform:translateX(100%);	
	transform:translateX(100%);
	/* Apply animation to this element */	
	-moz-animation: scrollMsg 15s linear infinite;
	-webkit-animation: scrollMsg 15s linear infinite;
	animation: scrollMsg 15s linear infinite;
}

@media (max-height: 539px) {
	.scrollMsg a {
		width: 200%;
		-moz-animation: scrollMsg 8s linear infinite;
		-webkit-animation: scrollMsg 8s linear infinite;
		animation: scrollMsg 8s linear infinite;
	}
}

@media (min-height: 540px) and (max-height: 767px) {
	.scrollMsg a {
		-moz-animation: scrollMsg 11s linear infinite;
		-webkit-animation: scrollMsg 11s linear infinite;
		animation: scrollMsg 11s linear infinite;
	}
}

/* Move it (define the animation) */
@-moz-keyframes scrollMsg {
	0%   { -moz-transform: translateX(100%); }
	100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scrollMsg {
	0%   { -webkit-transform: translateX(100%); }
	100% { -webkit-transform: translateX(-100%); }
}
@keyframes scrollMsg {
	0%   { 
		-moz-transform: translateX(100%); /* Firefox bug fix */
		-webkit-transform: translateX(100%); /* Firefox bug fix */
		transform: translateX(100%); 		
	}
	100% { 
		-moz-transform: translateX(-100%); /* Firefox bug fix */
		-webkit-transform: translateX(-100%); /* Firefox bug fix */
		transform: translateX(-100%); 
	}
}

.scrollMsg-close {
	position: relative;
	float: right;
	top: 5px;
	width: 24px;
	height: 24px;
	font-family: "Linearicons";
	padding:1px 0px 0px 4px;
	z-index: 99;
}

.scrollMsg-close:after {
	content: "\e870";
}

.scrollMsg-close:hover {
	color: #00711F;
	cursor: pointer;
}

/**
	typography.css
*/

html, body {
	font-family: 'Raleway';
	font-weight: 400;
}

.smallText {
	font-size: 0.8em;
}

.verysmallText {
	font-size: 0.6em;
}

.largeText {
	font-size: 1.3em;
}

.verylargeText {
	font-size: 1.8em;
}

.disabledText {
	color: #cecece;
}

.attentionText {
	color: #FF2600;
}
.warningText {
	color: #FFDA2A;
}
h1 {
	font-size: 3em;
}

h2 {
	font-size: 2em;
}

@media (max-width: 767px) {
	h1 {
		font-size: 2em;
	}
	
	h2 {
		font-size: 1.3em;
	}
}

strong {
	font-weight: 700;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	padding-bottom: 1em;
}

p {
	line-height: 1.8em;
}

p.title {
	font-weight: 700;
	padding: 0px;
}

.lineaJunta {
	padding-bottom: 0;
}

/** 
	floatW.css
*/

.floatW {
	position: fixed;
	top: 45%;
	left: 50%;
	font-size: 0.8em;
}

@media (min-width: 640px) {
	.floatW {
		font-size: 1em;
		top: 38%;
	}
}

.fW-up {
	float: left;
	height: 16px;
	width: 16px;
	background-color: rgba(255, 255, 255, 0);
}
.fW-content {
	float: left;
	max-height: 70vh;
	height: auto;
	width: 98%;
	overflow-y: auto;
}

.fW-close {
	position: relative;
	float: right;
	top: 16px;
	width: 32px;
	height: 32px;
	background-color: #F2F2F2;
	color: #00711F;
	border: 3px solid #00711F; 
	border-radius: 16px;
	font-family: "FontAwesome";
	font-size: 23px;
	padding:1px 0px 0px 4px;
	z-index: 99;
}

.fW-close:after {
	content: "\f00d";
}

.fW-close:hover {
	background-color: #B7A425;
	color: white;
	cursor: pointer;
}

.fW-lg {
	z-index: 999;
	width: 98vw;
	height: auto;
	max-height: 98vh; /* screen proportion: 4:3 */
	margin-left: -49vw;
	margin-top: -49vh;
}

@media (min-width: 480px) {
	.fW-lg {
		width: 75vw;
		height: auto;
		max-height: 75vh; /* screen proportion: 4:3 */
		margin-left: -37.5vw;
		margin-top: -37.5vh;
	}
	.fW-content {
		max-height: 55vh;
		height: auto;
	}
}


/**
	ejemplos
*/
.fwExample {
	border: 3px solid #00711F;
	background-color: #F2F2F2;
	padding: 15px;
}

.fW-Head {
	margin: -15px -15px 0;
    color: white;
    background-color: #98C63E;
    padding: 15px;
}

.fW-Head button {
	margin-top: 5px;
}

.fW-Body {
	overflow-y: auto;
}

/**
	img.css
*/

img {
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
} 

.img-responsive {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}

/**
	list.css
*/


li {
	list-style-type: none;
	padding-left: 18px;
	line-height: 1.6em;
}

ul.lista li{
	background: url("../../assets/images/li.png") 0px 0.3em no-repeat;
}

ul.inverse li{
	background: url("../../assets/images/li_green.png") 0px 0.3em no-repeat;
}

/**
	nav.css
*/

#navbar_collapse {
	display: none;
}

#menu {
	position: static;
	display: block;
	visibility: visible;
	opacity: 1;
	margin-top: 35px;
}

#collapse_button {
	display:none;
	font-family: 'Linearicons';
	font-size: 1.6em;
	position: fixed;
	top: 3px;
	right: 3px;
	z-index:99;
	color: white;
}

#navbar_collapse ~ #collapse_button:after {
	content: "\e871"; /* lnr-menu */
	color: #cecece;
}

#navbar_collapse:checked ~ #collapse_button:after, .cross_safari {
	content: "\e870"; /* lnr-cross */
	color: #cecece; 
}

.navigation {
	height: 70px;
}

@media (min-width: 481px) {
	.navigation {
		height: 80px;
	}
}

@media (min-width: 1200px) {
	.navigation {
		height: 100px;
	}
}

.navigation ul {
	padding-left: 0;
}

.navigation li {
	display: inline-block;
	min-width: 110px;
	text-align: center;
	padding-left: 0px;
}

.navigation li.narrow {
	min-width: 40px;
}

.navigation a {
	text-decoration: none;
	color:white;
}

.navigation a:hover, .navigation a.active {
	border-bottom: 2px solid white;
}

.invisible-nav {
	display: none;
}

.visible-nav {
	display: inherit;
}

@media (max-width: 1019px) { 
	.invisible-nav {
		display:inherit;
	}
	
	.visible-nav {
		display: none;
	}

	.navigation ul {
		margin: 0;
	}
	
	.navigation li {
		width: 100%;
		height: auto;
		background-color: #B7A425;
	}
	
	#navbar_collapse {
		display: none;
	}
	
	#collapse_button {
		display: block;
	}
	
	#menu {
		z-index: 98;
		position: fixed;
		width: 100%;
		left: 0;
		top: -156px;
		visibility:hidden;
		opacity: 0;
		-webkit-transition: all 0.2s ease-in-out;
		   -moz-transition: all 0.2s ease-in-out;
		     -o-transition: all 0.2s ease-in-out;
	            transition: all 0.2s ease-in-out;
	}

	#navbar_collapse:checked ~ #menu, .nav_visible_safari{
		visibility:visible;
		opacity: 1;
		top: -35px;
		z-index:98;
		-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
		   -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
		        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
	}

}

li.navTemp  a {
	color: #98C63E;
}
li.navTemp a:hover, li.navTemp a.active {
	border-bottom: 2px solid #98C63E;
}
/**
	slider.css
*/

.slideshow, .slideshow:after, .ie9-slideshow, .ie9-slideshow:after {
	position: absolute;
	width: 100%;
	height: 100%;
	min-height: 320px;
	top: 0;
	left: 0;
	margin-top: 0;
	z-index: -99;
}

.slideshow:after, .ie9-slideshow:after {
	content: '';
	background:rgba(0, 0, 0, 0.5);
}

.slideshow li span, .ie9-slideshow li span {
	width: 100%;
	height: 100%;
	min-height: 320px; 
	position: absolute;
	top: 0;
	left: 0;
	color: transparent;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: none;
	opacity: 0;
	z-index: -99;
	-webkit-animation: imageAnimation 42s linear infinite 0s;
	   -moz-animation: imageAnimation 42s linear infinite 0s;
	     -o-animation: imageAnimation 42s linear infinite 0s;
	        animation: imageAnimation 42s linear infinite 0s;
}

.slideshow li:nth-child(1) span {
	background-image: url('../../assets/images/_img_01.jpg');
}
.slideshow li:nth-child(2) span, .ie9-slideshow li span {
	background-image: url('../../assets/images/_img_02.jpg');
	-webkit-animation-delay: 6s;
	   -moz-animation-delay: 6s;
	     -o-animation-delay: 6s;
	        animation-delay: 6s;
}
.slideshow li:nth-child(3) span {
	background-image: url('../../assets/images/_img_03.jpg');
	-webkit-animation-delay: 12s;
	   -moz-animation-delay: 12s;
	     -o-animation-delay: 12s;
	        animation-delay: 12s;
}
.slideshow li:nth-child(4) span {
	background-image: url('../../assets/images/_img_04.jpg');
	-webkit-animation-delay: 18s;
	   -moz-animation-delay: 18s;
	     -o-animation-delay: 18s;
	        animation-delay: 18s;
}
.slideshow li:nth-child(5) span {
	background-image: url('../../assets/images/_img_05.jpg');
	-webkit-animation-delay: 24s;
	   -moz-animation-delay: 24s;
	     -o-animation-delay: 24s;
	        animation-delay: 24s;
}
.slideshow li:nth-child(6) span {
	background-image: url('../../assets/images/_img_06.jpg');
	-webkit-animation-delay: 30s;
	   -moz-animation-delay: 30s;
	     -o-animation-delay: 30s;
	        animation-delay: 30s;
}
.slideshow li:nth-child(7) span {
	background-image: url('../../assets/images/_img_07.jpg');
	-webkit-animation-delay: 36s;
	   -moz-animation-delay: 36s;
	     -o-animation-delay: 36s;
	        animation-delay: 36s;
}

.ie9-slideshow li span {
	opacity: 1;	
}

@media (max-width: 767px) {
	.slideshow li span {
		opacity: 1;
		-webkit-animation:none; 
		   -moz-animation:none; 
		     -o-animation:none; 
		        animation:none; 
	}
	.slideshow li:nth-child(7) span {
		background-image: url('../../assets/images/_img_04.jpg');
	}
}

@keyframes imageAnimation{
	0% { opacity: 0; 
		-webkit-animation-timing-function: ease-in;
		   -moz-animation-timing-function: ease-in;
		     -o-animation-timing-function: ease-in;
		        animation-timing-function: ease-in;
	}
	7% { opacity: 1;
		-webkit-animation-timing-function: ease-out;
		   -moz-animation-timing-function: ease-out;
		     -o-animation-timing-function: ease-out;
		        animation-timing-function: ease-out;
	}
	14% {opacity: 1 }
	21% {opacity: 0 }
	100%{opacity: 0}
}

@-webkit-keyframes imageAnimation {
	0% { opacity: 0; 
		-webkit-animation-timing-function: ease-in;
		   -moz-animation-timing-function: ease-in;
		     -o-animation-timing-function: ease-in;
		        animation-timing-function: ease-in;
	}
	7% { opacity: 1;
		-webkit-animation-timing-function: ease-out;
		   -moz-animation-timing-function: ease-out;
		     -o-animation-timing-function: ease-out;
		        animation-timing-function: ease-out;
	}
	14% {opacity: 1 }
	21% {opacity: 0 }
	100%{opacity: 0}
}

/**
	table.css

table  * {
	min-height: none;
	table-layout: fixed;
}
*/
td {
	padding: 0 5px;
}

th {
	background-color: #CECECE;
	font-weight: bold;
	border-bottom: solid 2px #98C63E;
	padding: 8px ;	
}

tfoot td {
	background-color: #CECECE;
	font-weight: bold;
	border-top: solid 2px #98C63E;
	padding: 8px;	
}
.pieTabla > td {
	background-color: #F2F2F2;
	border-top: 2px solid black;
	border-spacing: 0;
}

.titTabla > td {
	border-bottom: 2px solid black;
	border-spacing: 0;
}

tr.alternate {
	background-color: #CECECE;
}

tr.data {
	padding: 3px 5px;
	display: block;
}

tr.data:hover {
	background-color: #B7A425;
}

table.tbOverflow {
	table-layout: fixed;
}

table.tbOverflow thead, table.tbOverflow thead tr ,
table.tbOverflow tfoot, table.tbOverflow tfoot tr {
	z-index: 2;
}

tbody.listado {
	display: block;
	height: 30vh;
	min-height: 200px;
	overflow-Y: auto;
}

tbody.listado.rows-01 {
	height: 25px;
	min-height: 25px;
}

tbody.listado.rows-02 {
	height: 50px;
	min-height: 50px;
}

tbody.listado.rows-03 {
	height: 75px;
	min-height: 75px;
}

tbody.listado.rows-04 {
	height: 100px;
	min-height: 100px;
}

tbody.listado.rows-05 {
	height: 125px;
	min-height: 125px;
}

tbody.listado.rows-06 {
	height: 150px;
	min-height: 150px;
}

tbody.listado.rows-07 {
	height: 175px;
	min-height: 175px;
}

tbody.listado.rows-08 {
	height: 200px;
	min-height: 200px;
}

tbody.listado.rows-09 {
	height: 225px;
	min-height: 225px;
}

tbody.listado.rows-10 {
	height: 250px;
	min-height: 250px;
}

tbody.listado tr:nth-child(2n) {
	background-color: #F2F2F2;
} 

tbody.listado tr:hover {
	background-color: #B7A425;
}


table.tbOverflow tr {
	display: block;
	overflow: hidden;
}

table.tbOverflow th, table.tbOverflow tfoot td {
	float: left;
	height: 37px;
	vertical-align: bottom;
}

table.tbOverflow tbody td {
	float: left;
	height: 19px;
}


/**
	Para tablas específicas de distintas páginas	
*/table.tbDataBiker {
	margin-top: 34px;
}

@media (max-width: 767px) {
	table.tbRanking .nombreRuta {
		width: 30%;
	}	
	table.tbRanking .nombreRanking {
		width: 80%;
	}	
	table.tbTracks .fecha {
		width: 32%;
	}	
	table.tbTracks .nombreRuta {
		width: 68%;
	}	


	table.tbDataBiker {
		margin-top: auto;
	}
	
}

table.standard {
  border-collapse: collapse;
}
table.standard td, table.standard th {
  border: 1px solid #00711F;
}
table.standard th {
	background-color:#00711F;
	color: white;
	font-weight: bold;
}
table.standard tr:first-child th {
  border-top: 0;
}
table.standard tr:last-child td {
  border-bottom: 0;
}
table.standard tr td:first-child,
table.standard tr th:first-child {
  border-left: 0;
}
table.standard tr td:last-child,
table.standard tr th:last-child {
  border-right: 0;
}


/**
	calendar.css
*/


.tag-big {
	display:none;
}


@media(min-width: 768px) {
	.tag-big {
		display: block;
	}
	.tag-small {
		display: none;
	}
}

.calendar-tags {
	text-align: center;
}

.program-active, 
.calendar-tags li {
	background-color: #98C63E;
	color: white;
	-webkit-appearance: none;
	border-radius: 20px;		
	border: 0px solid transparent;
}

.calendar-tags li {
	display: inline-block;
	padding: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
}

.calendar-tags li.year {
	background-color: #B7A425;
	min-width: 60px;
}

.calendar-tags li.active {
	background-color: #67862A;
}

.calendarItem {
	width: 33%;
	height: 22%;
	margin:1.5px;
	border: 1px solid #CECECE;
	padding: 0;
	        transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
}

@media(max-width: 725px) {
.calendarItem {
		width: 99%;
		height: 66%
	}
}

@media(min-width: 725px) and (max-width: 1199px) {
.calendarItem {
		width: 48%;
		height: 32%;
	}
}

.calDsc, .calImg {
	width: 48%;
	height: 100%;
	margin:5px 0px;
}

.calDsc {
	top:0;
	left: 0;
	float: left;
	padding: 5px;
	margin-left: 5px;
}

.calendarItem:hover {
	background-color: rgba(206, 206, 206, 0.25);
	border: 1px solid #B7A425;
}

.calImg {
	float: right;
	border-left: 1px solid #cecece;
	margin-right: 5px;
	padding-left: 5px;
}

.progName {
	font-weight: 700;
	border-left: 5px solid #98C63E;
	padding-left: 10px;
	margin-bottom: 5px;
}

.oldProgName {
	font-weight: 700;
	border-left: 5px solid #cecece;
	padding-left: 10px;
	margin-bottom: 5px;
}

.actiName, .actiDates, .actiDsc {
	font-size: 0.8em;
}

.actiName {
	font-weight: 700;
}

.progImg {
	width: 100%;
	display: block;
	margin-right: 0;
}

.mapaActivity {
	float: right;
	width: 26vw;
	height: 19.5vw;
	background-color: lightgray;
	border: 1px solid #98C63E;
	margin: 15px 0px;
	padding: 2px;	
}
#mapaLoca {
	height: 100%;
	width: 100%;
}

.activityBtn {
	position: absolute;
	bottom: 0px;
	right: 36px;
}

/**
	footer.css
*/

.pieBottom {
	position: absolute;
	top: 98%;
}

@media (max-height: 319px) {
	.pieBottom {
		top: 320px;
	}
}
footer, .pie {
	clear:both;
	width: 100%;
}

.dev {
	color: black;
	background-color: #F2F2F2;
	display: table;
}

.footer {
	font-size: 0.7em;
	background-color: #98C63E;
	color: white;
	text-align: center;
	display: table;
}

footer .logo {
	height: 80px;
	clear:both;
}

footer p {
	padding: 0;
	margin: 0;
}
.footLeft, .footCenter, .footRight {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	-ms-flex: 1 0 auto;
	-webkit-flex-direction: column-reverse; 
	    -ms-flex-direction: column-reverse;
	        flex-direction: column-reverse;
	margin-top: 5px;
	margin-bottom: 10px;
	height: 250px;
	min-height: 235px;
	min-width: 10px;
}

.footCenter {
	border-left: 1px dotted #cecece;
	border-right: 1px dotted #cecece;
}

@media (max-width: 767px) {
	.footLeft, .footCenter, .footRight {
		min-height: 0px;
	}
	.footCenter {
		border-left: none;
		border-right: none;
		border-top: 1px dotted #cecece;
		border-bottom: 1px dotted #cecece;
	}
}

/**
	forms.css
*/

input, textarea, select {
	color: #B7A425;
	margin: 5px 0px;
	padding: 5px 5px 5px 10px;
	border-radius: 0px;
}

input, select {
	height: 36px;	
}

input:focus, textarea:focus, select:focus {
	outline: 0px solid transparent;	
}


button, .button, input, textarea, select {
	width: 250px;
	font-family: Montserrat;
	font-size: 1em;
	border: 1px solid #B7A425;
	box-sizing: border-box;
	background-color: #F2F2F2;
}

input.magnifier {
	height: 24px;
}

button, input[type="button"], input[type="submit"], .button {
	width: 150px;
	color: white;
	background-color: #98C63E;
	height: 50px;
	margin: 30px 0px;
	padding: 5px;
}

input[type="checkbox"] {
	margin: 0px;
	height: auto;
	width: auto;
}

input[type="checkbox"]:disabled {
	margin: 0px;
	height: auto;
	width: auto;
	color: black;
	border: 1px solid black;
}

button:hover:enabled, input[type="button"]:hover:enabled, input[type="submit"]:hover:enabled, .button:hover:enabled {
	cursor: pointer;
	text-decoration: underline;
}

@media (max-width: 767px) {
	button, input[type="button"], input[type="submit"], .button {
		margin: 10px 0px;
		width: 100px;
		height: 33.33px;
		font-size: 0.9em;
	}
}

input.oficial , button.oficial, textarea.oficial, button.sqrbtn.oficial, button.cirbtn.oficial {
	background-color: #00711F;
	border-color:#98C63E;
}

input.attention, button.attention, textarea.attention {
	background-color: #FF2600;
	border-color:#98C63E;
}

input.warning, button.warning, textarea.warning {
	background-color: #FFF977;
	color: #FF2600;
	border-color:#98C63E;
}

input.allRight, button.allRight, textarea.allRight {
	background-color: #009051;
	border-color:#98C63E;
}

button.tab {
	background-color: white;
	border-color:#98C63E;
	color:#98C63E;
	height: 30px;
	border-radius:5px;
	margin:0px 0px 30px 0px;
}

@media (max-width: 767px) {
	button.tab {
		width: 80px;
		margin: 2px 0px;
	}
}

input:disabled , button:disabled, textarea:disabled, button.sqrbtn:disabled, button.cirbtn:disabled {
	background-color: #CECECE;
	color: #666;
	border-color: transparent;
}

button.tab:disabled {
	background-color: #00711F;
	border-color:#98C63E;
	color: white;
}

input:required, textarea:required, select:required{
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url('../../../assets/images/required.png');
}

.frmLine {
	border: 1px solid #98C63E;
	padding: 15px;
	background-color: #CECECE;
}

button.sqrbtn, button.cirbtn {
	display: inline-block;
	border:1px solid #B7A425;
	margin: -2px 2px 0px 2px;
	color: #B7A425;
	background-color: white;
	font-family: 'Linearicons';
	font-style: normal;
	text-align: center;
	vertical-align: middle;
	padding: 0;
}

button.sqrbtn:hover:enabled, button.cirbtn:hover:enabled {
	cursor: pointer;
	color: white;
	background-color: #B7A425;
	text-decoration: none;
}

button.cirbtn {
	font-size:0.6em;
}
/*
button.cirbtn.cross {
	padding-top: 1px;
}
button.sqrbtn.edit, button.cirbtn.edit, button.sqrbtn.magnifier, button.cirbtn.magnifier {
	padding-top: 3px;
}

button.sqrbtn.cross,button.sqrbtn.check, button.cirbtn.check {
	padding-top: 2px;
}

button.sqrbtn.plus, button.cirbtn.plus,button.sqrbtn.minus, button.cirbtn.minus {
	padding-top: 2px;
}
*/
button.sqrbtn {
	border-radius: 10%;
	width: 24px;
	height: 24px;
}

button.cirbtn {
	border-radius: 50%;
	width: 16px;
	height: 16px;
}

.sqrbtn-left, .cirbtn.left {
	float: left;
}

.sqrbtn-right, .cirbtn.right, .pullRight{
	float: right;
}

button.sqrbtn.allRight, button.cirbtn.allRight {
	background-color: #92FFCF;
	border-color: #009051;
	color:#009051
}

button.sqrbtn.allRight:hover, button.cirbtn.allRight:hover {
	background-color: #009051;
	color:#92FFCF;
}

button.sqrbtn.oficial, button.cirbtn.oficial {
	color: white;
	border-color: white;
}

button.sqrbtn.oficial:hover, button.cirbtn.oficial:hover {
	background-color: white;
	border-color:#00711F;
	color: #00711F;
}

button.sqrbtn.attention, button.cirbtn.attention {
	background-color: #FF8F7C;
	border-color: #FF2600;
	color: #FF2600;
}

button.sqrbtn.attention:hover, button.cirbtn.attention:hover {
	background-color: #FF2600;
	color: #FF8F7C;
}

button.sqrbtn.cross:after, button.cirbtn.cross:after {
	font-size: 1.2em;
	font-family: 'FontAwesome';	
	content: "\f00d"
}

button.sqrbtn.edit:after, button.cirbtn.edit:after {
	font-size: 1em;	
	content: "\e802"
}

button.sqrbtn.magnifier:after, button.cirbtn.magnifier:after {
	content: "\e86f"
}

button.sqrbtn.check:after, button.cirbtn.check:after {
	font-family: 'FontAwesome';
	content: "\f00c"
}

button.sqrbtn.plus:after, button.cirbtn.plus:after {
	font-family: 'FontAwesome';
	content: "\f067"
}

button.sqrbtn.print:after, button.cirbtn.print:after {
	font-family: 'FontAwesome';
	content: "\f02f"
}

button.sqrbtn.minus:after, button.cirbtn.minus:after {
	font-family: 'FontAwesome';
	font-size: 1em;	
	content: "\f068"
}

div.form-group, div.form-line {
	display: block;
	margin-right: 0;
	margin-top: 5px;
}

.form-group input, .form-group select, .form-group textarea{
	display: inline-block;
	width: 100%;
}

.form-group label {
	display:inline-block;
	width: 100%;
	text-align: left;
}
<<<<<<< HEAD
	
@media (min-width: 768px) {
	.form-group input, .form-group select, .form-group textarea {
		width: 70%;
	}
	
	.form-group label {
		display:inline-block;
		width: 29%;
		text-align: right;
	}
	
	div.form-group, div.form-line {
		margin-top: 0;
	}
}

.form-group * {
	vertical-align: middle;
}

textarea {
	resize: vertical;
}
	
input.fullsize, textarea.fullsize, select.fullsize {
	width: 100%;
}

input[type="radio"], form-group input[type="radio"] {
	height: auto;
	width: auto;
}

/** 
	header.css
  */
  
header, header > div
/*, 
header:after 
*/{
	position: absolute;
	width: 100%;
	height: 190px;
	top: 0;
	left: 0;
	margin-top: 0;
	z-index: -99;
	background-position: 50% 50%;
	background-repeat: none;
	background-size: cover;
	padding: 0 15px;
}

header.routenet {
	height: 90px;
	background-color: #00711F;
}

@media (min-width: 481px) and (max-width:1199px) {
	header.routenet {
		height: 100px;
	}
}
@media (min-width: 1200px) {
	header.routenet {
		height: 120px;
	}
}

header >div  {
	content: '';
	background:rgba(0, 0, 0, 0.5);
}

header.contact {
	background-image: url('../../assets/images/contact.jpg');	
}

header.recycling {
	background-image: url('../../assets/images/recPlayas.png');	
}

header.cachucha {
	background-image: url('../../assets/images/_img06.jpg');	
}

header.login {
	background-image: url('../../assets/images/rlunares.png');	
}

header.more, header.info, header.campaign {
	background-image: url('../../assets/images/fondoBlog.png');
}

header.paths {
	background-image: url('../../assets/images/rutas01.jpg');
}

header.calendar {
	background-image: url('../../assets/images/calendar.jpg');
}

header.ranking {
	background-image: url('../../assets/images/medallistas.jpg');
}

header .titlePage {
	color: white;
	text-align: center;
	margin-top:105px;	
}

@media (min-width: 480px) {
	header .titlePage {
		margin-top: 115px;
	}
	header, header > div {
		height: 200px;
	}
}

@media (min-width: 540px) {
	header .titlePage {
		margin-top: 115px;
	}
	header, header > div {
		height: 300px;
	}
}
@media (min-width: 1200px) {
	header .titlePage {
		margin-top: 135px;
	}
	header, header > div {
		height: 320px;
	}
}

@media (max-height: 599px) {
	.content {
		margin-top: 70px;
	}
	
	header .titlePage {
		margin-top: 50px;
		text-align: right;
		font-size: 1.3em;
		padding-right: 15px;
		padding-left: 120px;
	}
	header, header > div {
		height: 120px;
	}
}


/**
	home.css
*/

.campaigns {
	width: 100%;
	margin-top: 5vh;
}

.textCampaign p {
	margin:25px 0px;
	text-align: justify;
}

.campaignDate {
	margin-left: 1%;
	margin-top: 5px;
}
.portada {
	margin-top: 10vh;
	color: white;
	padding-left: 15%;
	padding-right: 3vw;
}

@media (max-height: 439px) {
	.portada {
		margin-top: -50px;
	}
}

@media (min-height: 440px) and (max-height: 539px) {
	.portada {
		margin-top: 6%;
		margin-bottom: 6%;
	}
}

.img-campaign {
	background-position: center center;
	background-size: 100%;
	width: 98%;
	height: 0;
	padding-top: 37%;
	margin: 3px auto 0px auto;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.7);
}

.campaignElement {
	background-color: rgba(255, 255, 255, 0.85);
	color: black;
	overflow: hidden;
	position: relative;
}

.campaignItem {
	/* flex: flex-grow flex-shrink flex-basis */
	width: 30%;
	margin: 5px;
	padding: 0.6%;
	font-size: 0.9em;
}

.campaignElement a {
	color: #000;
}

.campaignElement:hover a {
	color: #fff;
}

.ie9-flexBox-center {
	display:table;
	border-collapse: collapse;
	width: 100%;
}

.ie9-cell {
	width: 33.33%;
	display:table-cell;
}
div.ie9-cell .campaignItem {
	margin:0px auto;
	width: 90%;
}	


.campaignItem p, .campaignItem p.title {
	padding: 5px 20px;
	line-height: 1em;
}
.campaignButton {
	padding: 0.6%;
	height: 90px;
	width: 90px;
	margin: 10px auto 0 auto;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
    transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;-webkit-transition:0.3s;
    color: #000;
}

.campaignButton:hover {
	color: white;
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 55%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 55%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 55%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

@media (max-width: 767px) {
	.campaignItem{
		border-bottom: 1px solid #CECECE;
		width: 100%;
		font-size: 0.7em;
	}
	.campaignButton {
		font-size: 0.7em;
		height: 75px;
		width: 75px;
	}
	.ie9-cell {
		width: 100%;
	}

}


@media only screen and (max-width: 768px) and (orientation: landscape) {
	.leftLandscape {
		margin-left: 0;
	}
	.hidden-landscape {
		display: none;	
	}
	.campaigns {
		margin-top: -150px;
	}


}	


.view-new {
    position: absolute;
    right: -100%;
    opacity:0;
    top: 0px;
    height: 100%;
    width: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 55%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 55%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 55%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    color: #fff;
    font-size: 1.4em;
	font-weight:700;
    text-transform:capitalize;
    text-align: right;
    padding: 28px 70px 20px;
    line-height: 1.2;
    transform: skewX(-30deg);-moz-transform: skewX(-30deg);-ms-transform: skewX(-30deg);-o-transform: skewX(-30deg);-webkit-transform: skewX(-30deg);
    transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;-webkit-transition:0.3s;
}

.view-new span {
	display: block;
}

.view-new .view-new-text{transform:skewX(30deg) translateY(-50%);-moz-transform:skewX(30deg) translateY(-50%);-ms-transform:skewX(30deg) translateY(-50%);-o-transform:skewX(30deg) translateY(-50%);-webkit-transform:skewX(30deg) translateY(-50%);display:block;color:#fff;position: relative; top: 50%;} 


.campaignElement:hover .view-new {
	opacity:1; 
	right: -59px;
}

.campaign a {
	color: black;
	text-decoration: none;	
}

.view-new-text a, .campaignElement a:hover {
	color: white;
	text-decoration: none;
}

/*
	tooltips
*/

.tooltip {
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #FF8F7C;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    font-size: 0.8em;
		top: 20px;
    right: 95%; 
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.test {
	border: 1px dotted #ccc;
}

/**
	recycling.css
*/

.recyclingItem {
	width: 49%;
	height: 22%;
	min-height: 420px;
	margin:1.5px;
	border: 1px solid #CECECE;
	padding: 1em;
	        transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	color: white;
}

@media(max-width: 959px) {
.recyclingItem {
		width: 99%;
		height: 66%;
		min-height:	0;
	}
}

.recPermitted, .recForbidden {
	margin:10px 0px;
}

.recyclingItem img {
  display: block;
  max-width: 100%;
  height: auto;
	margin: auto;
}

.recPapel {
	background-color: #1637CF;
}

.recEnvases {
	background-color: #FFCA07;
}

.recVidrio {
	background-color: #535737;
}

.recResto {
	background-color: #FFC3A8;
}