body {
	font-family: sans-serif;
	color: #4e5661
}

a, a:hover {
	text-decoration: none;
	color: #4e5661;
}

.divhcenter {
	margin: 0 auto 0 auto;
	width: 1110px;
	height: 100%;

}

.clearboth {
	clear: both;
}

body {
	margin: 0;
	padding: 0;
}

/******** MAIN CONTAINERS **/
.container {
}


/******** HEADER ****/
.header-blind {
	position: relative;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 60px;
}
.header-first {
	z-index: 10;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	min-width: 1100px;
	width: 100%;
	height: 60px;
	background-color: #cc4d4f;
	font-size: 16px;
	color: #ffffff;
	margin: 0;
	padding: 0;
	box-shadow: 0px 1px 3px grey;
}
.header-first-container {
	position: relative;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.header-rj-logo {
	float: left;
	margin: 0 20px 0 0;
	display: block;
	height: 60px;
}
.header-rj-napis {
	float: left;
	margin: 17px 0 0 0;
	color: #ffffff;
}
.header-rj-napis:hover {
	color: #ffffff;
}
.header-rj-menu {
	float: right;
	height: 60px;
}

.header-rj-rozklad, .header-rj-jazdy {
	font-size: 22px;
	letter-spacing: 3px;
}
.header-rj-rozklad {
	font-weight: bold;
}
.header-rj-jazdy {
	font-weight: lighter;
}

.header-rj-menu a, .header-rj-menu a:hover {
	text-decoration: none;
	color: #ffffff;
	height: 50px;
	min-width: 60px;
	padding: 20px 10px 0 10px;
	text-align: center;
	display: inline-block;
	font-weight: lighter;
}
.header-rj-menu a:hover {
	background-color: #d67172;
}

/******** INFO PANEL ****/
.info-panel {
	position: relative;
	left: 0px;
	right: 0px;
	min-width: 1100px;
	background-color: #fff;
	font-size: 18px;
	color: #4e5661;
	padding: 10px 0;
}

.info-panel a {
	color: #4e5661;
	text-decoration: underline;
}
.next-schedule-panel-blind {
	position: relative;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 28px;
	background-color: #edf2f2;

}
.next-schedule-panel{
	/* z-index: 10;
	position: fixed;
	left: 0px;
	right: 0px; */
	height: 28px;
	background-color: #fff;
	box-shadow: 0px 1px 3px grey;
	color: #4e5661;
}
.next-schedule-panel .message{
	padding: 5px 0;
}
.next-schedule-panel .message .accent{
	font-weight: 600;
	color: #cc4d4f;
}
.next-schedule-panel .message .link{

	text-decoration: underline;

}
.next-schedule-panel .message .link:hover{
	color: #cc4d4f;
}
/******** HEADER SECOND ****/

.header-second {
	position: relative;
	/*top: 70px;*/
	left: 0px;
	right: 0px;
	min-width: 1100px;
	height: 60px;
	background-color: #edf2f2;
	font-size: 16px;
	color: #4e5661;
}


.header-second-tekst, .header-second-wyszukaj, .header-second-pdf {
	color: #b2bac5;
	float: left;
	height: 60px;
	line-height: 60px;
}

.header-second-wyszukaj, .header-second-pdf {
	font-size: 18px;
	font-weight: bold;
	margin: 0 15px 0 0;
}

.header-second-pdf{
	margin: 0 0 0 10px;
	cursor: pointer;
}

.header-second-tekst {
	font-size: 16px;
	margin: 0 15px 0 15px;
}

.header-second-element {
	float: left;
	height: 60px;
	font-size: 12px;
	color: #b2bac5;
	margin: 4px 5px 0 5px;

}
.header-second-element span {
	letter-spacing: 1px;
	font-weight: bold;
}

/********** CONTENT */
.content {
	position: relative;
	top: 0;
	left: 0px;
	right: 0px;
	bottom: 10px;
}

.content-left {
	float: left;
	width: 500px;
	min-height: 500px;
	margin: 10px 0 70px 0;
}

.content-right {
	float: right;
	width: 600px;
	margin: 10px 0 70px 0;
}

.content-bus {
	background: url(../img/rozklad/ic_bus.png) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
}

.content-bus-live {
	background: url(../img/rozklad/ic_bus_live.png) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
}

.content-stop {
	background: url(../img/rozklad/ic_bustop.png) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
}
.content-stop-item:hover {
	color: #cc4d4f;
}

.content-linia-stop-regular {
	background: url(../img/rozklad/ic_bustop_01.png) no-repeat;
	width: 12px;
	height: 12px;
	display: inline-block;
	margin: 0 15px 0 10px;
}

.content-linia-stop-active {
	background: url(../img/rozklad/ic_bustop_02.png) no-repeat;
	width: 12px;
	height: 12px;
	display: inline-block;
	margin: 0 15px 0 10px;
}

.content-kursywgrozkladu {
	font-size: 24px;
	font-weight: 200;
	color: #4e5661;
	letter-spacing: 1px;
	display: inline-block;
	margin-bottom: 2px;
}

.content-stroke {
	width: 100%;
	height: 2px;
	background-color: #b2bac5;
}

/** typy dnia */
.content-dnirobocze {
	background: url(../img/rozklad/ic_day_normal.png) no-repeat;
	width: 33px;
	height: 26px;
	display: inline-block;
}

.content-dniswieta {
	background: url(../img/rozklad/ic_day_sunday.png) no-repeat;
	width: 32px;
	height: 28px;
	display: inline-block;
}

.content-dnisobota {
	background: url(../img/rozklad/ic_day_saturday.png) no-repeat;
	width: 32px;
	height: 28px;
	display: inline-block;
}

.content-typdnia {
	vertical-align: top;
	padding-left: 10px;
	font-size: 18px;
	color: #4e5661;
	line-height: 30px;
	letter-spacing: 0.1px;
}

/** koniec: typy dnia */

.content-linia-stroke {
	width: 100%;
	height: 2px;
	background-color: #edf2f2;
}
.content-wiersz, .content-wiersz-aktywny {
	display: block;
	padding: 8px 0 8px 0;
}

.content-wiersz-aktywny {
	background-color: #edf2f2;
}

.content-linia {
	font-size: 32px;
	/*line-height: 60px;
	min-height: 60px;*/
	width: 50px;
	font-weight: bold;
	color: #4e5661;
	margin: 0 20px 0 6px;
	display: inline-block;
	float: left;
}

.content-tekstjasny {
	font-size: 14px;
	color: #929aa5;
	line-height: 20px;
	letter-spacing: 1px;
}

.content-tekstciemny {
	font-size: 16px;
	color: #4e5661;
	line-height: 20px;
	letter-spacing: 1px;
}
.content-tekstciemny-selected {
	color: #cc4d4f !important;
	font-weight: bold;

}

.content-tekstciemny.czarny, .content-linia.czarny{color:#000 !important;}
.content-tekstsredni.ciemniejszy, .content-tekstjasny.ciemniejszy{color:#4e5661;}

.content-tekstsredni {
	font-size: 16px;
	color: #7e8691;
	line-height: 20px;
	letter-spacing: 1px;
}


.content-tekstczerwony, .content-tekstczerwony a, .content-tekstczerwony a:hover {
	font-size: 16px;
	color: #cc4d4f;
	line-height: 20px;
}

.content-tekstciemny-maly {
	font-size: 14px;
	color: #4e5661;
	line-height: 20px;
}

.content-kierunek {
	background: url(../img/rozklad/ic_arrow_next.png) no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
}

.content-spacja {
	width: 30px;
	display: inline-block;
}

.content-live-godzina {
	margin-left: 10px;
	min-width: 50px;
	display: inline-block;
}

.content-live-przyjazd {
	min-width: 130px;
	display: inline-block;
}

.content-live-kierunek {
	min-width: 320px;
	display: inline-block;
	text-align: right;
}

.content-linia-dni-wiersz {
	margin: 10px 0 5px 220px;
}

.content-linia-dni-typdnia {
	display: inline-block;
	width: 220px;
	margin: 5px 0 5px 0;
	float: left;
}

/********* SELECT *****/
.dropbox-small {
	width: 140px;
}

.dropbox-small select {
	width: 168px;
}

.dropbox-regular {
	width: 220px;
}

.dropbox-regular select {
	width: 100%;
}
.dropbox-small, .dropbox-regular {
	/* background: url(../img/rozklad/show.png) no-repeat 100% 0; */
	height: 24px;
	overflow: hidden;
	display: inline-block;
}
.dropbox-small select, .dropbox-regular select {
	background: transparent;
	font-weight: bold;
	border: none;
	font-size: 14px;
	/* height: 28px; */
	padding: 4px; /* If you add too much padding here, the options won't show in IE */
}


.rounded {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 2px;
	border: 2px #b2bac5 solid;
}

.dropboxwhite   { background-color: #fff;  }
.dropboxwhite select   { color: #4e5661; }


/******** MAPA ******/
.mapa {
	position: relative;
	top: 10px;
	float: right;
	height: 400px;
	width: 600px;
	background-color: #3a3a3a;

}

/******** FOOTER ******/
.footer {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	min-width: 1100px;
	width: 100%;
	height: 30px;
	background-color: #b2bac5;
	font-size: 14px;
	color: #000000;
	line-height: 10px;
}
.footer-container {
	position: relative;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.footer-left {
	font-family: sans-serif;
	letter-spacing: 1px;
	float: left;
	padding: 10px 0px 0 0;
}
.footer-right {
	float: right;
}

/* Wybór kierunku */
.select-direction{
	width: 100vw;
	text-align: center;
	margin-top: 16px;
}

.select-direction > h2{
	font-size: 28px;
	font-weight: 200;
	color: #333;
}

.select-direction > *{
	text-align: center;
	margin: 0 auto;
	float: none;
	padding: 10px;
}

.error-wrapper{
	text-align: center;
}

.error-wrapper .error{
	margin-top: 100px;
}

.error-wrapper .message,
.error-wrapper .code{
	display: block;
}

.error-wrapper .code{
	font-size: 48px;
	color: #333;
}

.error-wrapper .message{
	font-size: 18px;
	color: #666;
}

.stops-list{
	width: 100%;
	margin-bottom: 80px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;

}
.stops-list .stops-group{
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	margin: 8px 0;
}
.stops-list .stops-group-header{
	width: 3%;
	margin: 3px 0;
	font-size: 18px;
	font-weight: 800;
	/* background-color: red; */

}
.stops-list .stops{
	width: 95%;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	/* background-color: yellow; */

}
.stops-list .single-stop{
	box-sizing: border-box;
	width: 24%;
	margin: 3px 1% 3px 0;
	cursor: pointer;
	font-size: 14px;

	/* background-color: yellow; */

}
.stops-list .single-stop:hover{
	color: #cc4d4f;
	/* text-decoration: underline; */

}