a:focus {
 outline:0px;
}

html, body {
	margin: 0;
	padding: 0;
	font-size: 10px;
	background-color: #fff;
	height: 100%;
	width: 100%;
	overflow: hidden;
	font-family: 'sans-serif';
}

body {
	background-color: #eee;
	font-family: 'sans-serif';
}


h2.bb-docs {
	font-size: 1.8rem;
	font-family: sans-serif;
	font-weight: lighter;
	color: #666;
	margin: -1px 0 0;
	background-color: #f5f5f5;
	padding: 0.4rem 0.4rem 0.4rem 3rem;
	border: solid 1px #e8e8e8;
}


/****** header *******/
section.skin-organic header div {
	background: url(../images/LogoHeader.png);
	width: 95%;
	height: 85%;
	
	display: block;
	background-position: 55% center ;
	background-size: auto 100%;
	background-repeat: no-repeat;
	float: left;
	cursor: inherit;
}
section.skin-organic header h1 {
	color: #333 !important;
}
section.skin-organic header {
	background-image: none !important;
}

section.skin-organic {
	background-image: none !important;
	background-color: #efefef !important;
}

/**** listas ****/

.acontainer {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	left: 0px;
	/*float: right;*/
	position: absolute !important;
	z-index: 100;
	/*background-color: red;*/
}



[data-type="list"] li img[alt="placeholder"] {
 /* background: #ccc url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI1MHB4IiBoZWlnaHQ9IjUwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTAgNTAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIwIiB5MT0iMCIgeDI9IjUwIiB5Mj0iNTAiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iNTAiIHkxPSIwIiB4Mj0iMC4wODIiIHkyPSI0OS45MTkiLz4NCjwvc3ZnPg0K);*/
  background: none;
  background-size: 100% 100%;
  font-size: 0;
}

[data-type="list"] aside.icon-callout {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAzRTc0NDcxNTU2MTFFMjg1RkRBQkIxMEI1NkNEN0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAzRTc0NDgxNTU2MTFFMjg1RkRBQkIxMEI1NkNEN0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMDNFNzQ0NTE1NTYxMUUyODVGREFCQjEwQjU2Q0Q3QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMDNFNzQ0NjE1NTYxMUUyODVGREFCQjEwQjU2Q0Q3QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PncAgYwAAAHfSURBVHjarJZNKERRFMffzCATJaIUSVGU1IhsUGODlYmNj7KQSZGipCgrKWUhZaKU2PiKjYmsLJSIEhvKSqnJYiILpSYv/kfn1e10n+m9mX/9mnvu3HfPu+fcc+/zBNtCBuQHi2ASJAx3ygKd4FDt9PLvMhgDm4Z70UsegFXpoBkMs90PFozUNMIv/KcM1WBNgxewpnm4BBzZTOxT2uPApJB7kIM3NArEYPqzG0RFfwDcOVhNKa3gHHRp3mYPtIBbpT8ubPlMQLEpAjFysKNxYK3iXfTFQIONgzzwwe0NMGolOcoxl5oDzy6SvAXC6i6ifb+kGXjlcOIETxzW1QHF60mTUCf64tCYOgeWd1NsNV+KNWH4yiuqrTbloQg0sl3ASb5OxYFX2DMi4fOgKp0OPkGI40nKBce8srQ4IN2DQcWuBKegOF0OSPtgQrHrwaWbcKlJlqLk/oBWtvPBEIdP1kgZr/TViQODzykq/w62M0E76OPznyIwAHbZOdXSozqBh2+0ZOrhy8ifZJzJoY0ky4EuJ0GbM0ueqCt8/TpyQLoBNTYXkdQU2KZ7OlkOdAfaCTgDTaDwn7G1INvrsn4uQB1/hcRtxqyDWacrUPXN2zXCxZnDu+wB9HIozV8BBgCRzF4kkpLxhwAAAABJRU5ErkJggg==);
}

[data-type="list"] aside.icon-nopic {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkUxNjQwQkQxNUYwMTFFMjk2MkZDOURGRDUxMTgyQzkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkUxNjQwQkUxNUYwMTFFMjk2MkZDOURGRDUxMTgyQzkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRTE2NDBCQjE1RjAxMUUyOTYyRkM5REZENTExODJDOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRTE2NDBCQzE1RjAxMUUyOTYyRkM5REZENTExODJDOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhHqZXkAAAB7SURBVHjaYvz//z8DNQHjqIEUAyZcEm5+keJUMxBq2BMgnYXHwt9EG7hr0/KXQCofiCfjMZSFJC8DDZ0GpHIJGEq8gUQY+oNkA8lxKRMx3iDFUJLSIdSwyUA8B4jjgBZxkuVCLC5NAWJmoqMeyUX/SQ2u0dJmEBoIEGAA+6FL5hxHUrsAAAAASUVORK5CYII=);
  background-position: bottom right;
}

#settings-list { background-color: #eff0eb; }
#settings-list li { border-color: #dcdcdc; }
#settings-list button { max-width: 8rem; margin: 1rem 1rem 0 0; }
#settings-list aside label { margin: 0 1rem 0 0; height: 100%; }
#settings-list > header h2 { margin: 0 1.5rem; }


[data-type="list"] aside.pack-end {
	float: left !important;
	margin: 0 0.5rem 0 0 !important;
}

[data-type="list"] li {
	padding: 1rem 1.5rem;
	height: 100%;
}

[data-type="list"] li p:first-of-type {
	color: #F36E16;
}



[data-type="list"] li p:first-of-type.bus {
	color: #E51E13;
}

[data-type="list"] li p.bl:first-of-type {
	color: black;
}

[data-type="list"] li p.blnb:first-of-type {
	color: black;
	font-weight: normal !important;
	font-size: 1.6rem;
}

[data-type="list"] li:hover {
	background-color: rgba(160,160,160,0.3);
}

/******** margincontainer *********/
/*
[role="margincontainer"] {
	margin: 0px;
	padding: 0.8rem 3rem;
}

[role="margincontainer"] h1 {
	font-family: Arial;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.8rem;
	color: #FF4A0E;
}

[role="margincontainer"] h2 {
	font-family: Arial;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.8rem;
	text-align: justify;
}
*/
/********* drawer **********/

header menu[type="toolbar"] a:last-child {
	background: none !important;
}

section[role="region"] {
	height: 100%;
	width: 100%;
	line-height: 1em;
	font-size: 2.2rem;
	overflow: hidden;
	float: left;
}

div[role="main"] {
	background: #fff;
	height: calc(100% - 5rem);
	overflow: hidden;
}

div[role="main"] p {
	margin: 0rem 1.5rem;
}

/* Base icons */
	section[data-type="sidebar"] > header .icon.icon-add {
	/*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4RTlFMTExOTIwMjA2ODExODIyQUJFQTc4MUU4NEEyOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpENjM1MzgyMUJGNzAxMUUxQkNDOEUwRkExQ0U5N0Q0QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpENjM1MzgyMEJGNzAxMUUxQkNDOEUwRkExQ0U5N0Q0QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Mzk0RjYxOUMzMTIwNjgxMTgyMkFBRjgxQ0IyNTAxM0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEU5RTExMTkyMDIwNjgxMTgyMkFCRUE3ODFFODRBMjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz45ZU6fAAAAiklEQVR42mL8//8/w0AAJoYBAqMW0w2wkKmPH4hVoOw7QPyRVAMYyUzVD4FYDsq+DMR6o3E8avGoxbiykxAQ78KjTxeI2aDs70B8DY9aZ2z5HJfFIIMvUclzGkB8c9AXmU+B+CyVgvrFaJE5avGoxQNSZBICzEBsAGVfAOK/9LJ4NI5HLSYIAAIMAKfZJ7+0GO5HAAAAAElFTkSuQmCC);*/
}

/** content force scrollbar override ***/
div[role="main"] {
	overflow-y: auto !important;
}

/** titles ***/
div[role="main"] h1 {
	color: #F36E16;
	font-size: 2.3rem;
	text-align: center;
	margin: 0px !important;
	padding: 1.8rem 1.5rem ;
	/*font-weight: bold;*/
	/*letter-spacing: 0.7rem;*/
	/*background-color:#f2f2f2;*/
	border-bottom: 1px solid #ddd;
	font-family: 'sans-serif';
	font-weight: 400;
	/*font-family: 'Sans';*/
}

div[role="main"] h1.rojo {
	color: #E52428;
}


/************ animations and positions **************/

section[role="region"][data-position="right"] {
	position: absolute;
}
[data-position="right"].current {
	animation: rightToCurrent 0.4s forwards;
	-webkit-animation: rightToCurrent 0.4s forwards;
}
[data-position="right"].right {
	animation: currentToRight 0.4s forwards;
	-webkit-animation: currentToRight 0.4s forwards;
}
[data-position="current"].left {
	animation: currentToLeft 0.4s forwards;
	-webkit-animation: currentToLeft 0.4s forwards;
}
[data-position="current"].current {
	animation: leftToCurrent 0.4s forwards;
	-webkit-animation: leftToCurrent 0.4s forwards;
}
[data-position="back"] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0;
	/* z-index: 100; -> drawer */
}
[data-position="back"].fade-in {
	z-index: 120;
	animation: fadeIn 0.2s forwards;
	-webkit-animation: fadeIn 0.2s forwards;
}
[data-position="back"].fade-out {
	animation: fadeOut 0.2s forwards;
	-webkit-animation: fadeOut 0.2s forwards;
}

[data-position="edit-mode"] {
	position: absolute;
	top: -5rem;
	left: 0;
	right: 0;
	bottom: -7rem;
	z-index: -1;
	opacity: 0;
	transition: all 0.3s ease;
}
[data-position="edit-mode"].edit {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 120;
	opacity: 1;
}




/********* headers styles **********/
div[role="main"] h1.smini {
	font-size: 1.8rem !important;
	text-align: left !important;
	letter-spacing: 0rem !important;
	padding: 0.5rem 1.8rem;
	font-family: sans-serif;
	font-weight: normal !important;
	color: #333;
	background-color: #eee;
}

div[role="main"] h3 {
	font-size: 2.3rem !important;
	color: black !important;
	font-weight: bold !important;
	margin: 1.5rem 2rem 1.5rem 2rem;
}

div[role="main"] h4 {
	font-size: 1.8rem !important;
	color: #ED7F21 !important;
	margin: 1.5rem 2rem 0.7rem 2rem;
}

div[role="main"] h4.menostop {
	margin: 0.8rem 2rem 0.7rem 2rem;
}

div[role="main"] h5 {
	font-size: 1.5rem !important;
	color: #858585 !important;
	margin: 0.7rem 2rem 0.7rem 2rem;
}

div[role="main"] h6 {
	font-size: 1.8rem !important;
	color: #222 !important;
	margin: 1.7rem 2rem 0.7rem 2rem;
}

section[role="region"] > header:first-child .icon.icon-mapa {
    background-image: url("../style/headers/images/icons/mapa.png");
}

section[role="region"] > header:first-child .icon.icon-ruta {
    background-image: url("../style/headers/images/icons/ruta.png");
}

/********* station single style **********/

#estacioninfo {
	padding: 0 1.5rem;
	
}

#estacioninfo h2 {
	font-size: 1.8rem;
	font-weight: bold;
}

#estacioninfo img {
	float: left;
}

#sharecontainer {
	padding-left:10%; 
	padding-top:1.8rem; 
	width:90%;
}
#sharecontainer button {
	width: 85%;
}

#estacioninfo button {
	float: right;
	width: 40%;
}

#estacioninfo div.description {
	clear: both;
	font-size: 1.5rem;
	padding-top: 2rem;
	text-align: justify;
}

.oculto {
	display: none;
}

/************ drawer ************/

section[data-type="sidebar"] img {
	position: relative; 
	top: 0.8rem; 
	margin-right: 1rem;
}


/********* gps info labels ***********/ 
.geoinfo, .geoerror {
	padding: 1.8rem;
	font-size: 1.8rem;
}
.geoinfo {
	color: gray;
}

.geoerror {
	color: #630B08;
}


/***************** selects **************/

.facebook {
    background: url("../style/buttons/images/ui/recommend.png") repeat-x scroll left bottom / auto 100% #FAFAFA !important;
}

.twitter {
    background: url("../style/buttons/images/ui/recommend2.png") repeat-x scroll left bottom / auto 100% #FAFAFA !important;
    border: 1px solid #1076DB !important;
}


/************** banner ***************/

.bannerspacer {
	width: 100%;
	height: 70px;
}

#banner-wrap {
    bottom: 0;
    position: fixed;
    background-color: white;
    width: 100%;
    height: 60px;
    z-index: 50000;
    border-top: 1px solid #eee;
}

