body {
	font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
	font-size: 16px;
	color: #000;
	width: 100%;
	position: relative;
	background: #fff;
}

a {
	color: #000;
	text-decoration: none;
}

.lnkTransparent, .conTransition {
	/*Transition*/
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

	.lnkTransparent:hover {
		opacity: 0.7;
	}

.conFastTransition {
    /*Transition*/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


/* Sweep To Right */
.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
    color: #000;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

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



.row-vertical-align {
	display: flex;
	flex-direction: row;
}

.row-vertical-align > [class^="col-"],
.row-vertical-align > [class*=" col-"] {
	display: flex;
	align-items: center;
}




.row-flex, .row-flex > div[class*='col-'] {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex:1 1 auto;
}

.row-flex-wrap {
	-webkit-flex-flow: row wrap;
	align-content: flex-start;
	flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
	margin:-.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
	width:100%;
}


.flex-col {
	display: flex;
	display: -webkit-flex;
	flex: 1 100%;
	flex-flow: column nowrap;
}

.flex-grow {
	display: flex;
	-webkit-flex: 2;
	flex: 2;
}

.cleanTag {
	display: inline;
	margin: 0;
	padding: 0;
}

.listWithLinks {
    list-style: none;
    display: inline;
    margin: 0;
	padding: 0;
}

    .listWithLinks li {
        display: inline;
    }

.listWithLinksBlock {
    list-style: none;
    display: block;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

body > .nav {
	margin: 0;
}

	body > .nav a {
		display: inline;
		font-size: 1.27em;
		left: -9000em;
		padding: 5px 10px;
		position: absolute;
		text-align: center;
		text-decoration: none;
		width: 200px;
		z-index: 2;
		font-weight: 400;
	}

		body > .nav a:hover, body > .nav a:focus, body > .nav a:active {
			background: none repeat scroll 0 0 #ea3230;
			border: 2px solid #FFFFFF;
			color: #FFFFFF;
			left: 0;
			position: absolute;
			top: 0;
		}





body > header {
	background-color: #333333;
	width: 100%;
	color: #fff;
	font-size: 13px;
	font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
}

	body > header .headerInfo {
		color: #b6b6b6;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
		body > header .headerInfo a {
			color: #b6b6b6;
		}
		
		body > header .headerInfo span.txtSeparator {
			padding: 0 5px;
		}
		
	body > header .headerTools {
		text-align: right;
		color: #fff;
		padding-top: 10px;
		padding-bottom: 10px;
		font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
		font-weight: 700;
	}
	
		body > header .headerTools a {
			color: #fff;
		}
		
			body > header .headerTools .withRightBorder {
				padding: 11px;
				border-right: 1px solid #5c5c5c;
			}
		
		body > header .headerTools img {
			vertical-align: text-top;
		}
		
		body > header .headerTools > div {
			display: inline;
		}
		
			.toolFontSize a {
				min-width: 10px;
				text-align: center;
				display: inline-block;
			}
			
			.toolFontSize a:hover, .toolFontSize a:focus {
				text-decoration: none;
				background-color: #fff;
				color: #333333;
			}
			
			.toolColorVersion a {
				min-width: 12px;
				text-align: center;
				display: inline-block;
			}
			
				.toolColorVersion a:hover {
					text-decoration: none;
				}
				
				.toolColorVersion a.lnkColorContrast {
					background-color: #fff;
					color: #333333;
				}
				
			body > header .headerTools .lnkMyWroclaw {
				font-size: 12px;
				font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
				font-weight: normal;
				margin: 0 25px;
			}
			
.topLogo {
	padding-top: 40px;
}

	.topLogo img {
		vertical-align: top;
	}

	.topLogo .txtTitle {
		font-weight: 300;
		display: inline-block;
		font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
		font-size: 13px;
		color: #232323;
		margin: 5px 0 0 50px;
	}
	
.topLangSearch {
	padding-top: 20px;
	text-align: right;
}

	.topLangSearch .topLangsList {
		display: inline-block;
	}
	
		.topLangSearch .topLangsList a {
			font-weight: 700;
			color: #000;
			font-size: 13px;
			padding: 5px 8px;
			margin-left: 5px;
		}
		
			.topLangSearch .topLangsList a:hover, .topLangSearch .topLangsList a.langActive {
				background-color: #e3f5fd;
				text-decoration: none;
			}
			
	.topSearch {
		display: block;
		margin-top: 12px;
	}
	
		.topSearchWrapper {
			display: block;
			position: relative;
		}
	
		.topSearch input[type="text"] {
			border: 1px solid #e1e1e1;
			padding: 6px 25px 6px 10px;
			color: #000;
			font-size: 15px;
			width: 280px;
			max-width: 100%;
		}
		
			.topSearch input[type="text"]:focus {
				border-color: #000;
				width: 100%;
			}
			
		.topSearchWrapper button {
			position: absolute;
			right: 0;
			top: 0;
			bottom: 0;
			padding: 0 15px 0 8px;
			border: 0;
			color: #fff;
			background-color: #3dade4;
			font-weight: 700;
		}
		
			.topSearchWrapper button:hover, .topSearchWrapper button:focus {
				color: #fff;
				background-color: #e22171;
			}
			
			
			
.navbar-nav>li>.dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.navbar-default .navbar-nav>li>a {
    font-weight:bold;
}
.mega-dropdown {
  position: static !important;
  width:auto;
}
.mega-dropdown-menu {
    padding: 0;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #e1e1e1;
    left: -1px;
    width: calc(100% + 2px);
}

.mega-dropdown-menu > li {
	padding-top: 20px;
	padding-bottom: 20px;
}

.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #000;
    white-space: normal;
    font-size: 14px;
    font-weight: 300;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}

.mega-dropdown-menu > li ul > li > a:hover {
	background-color: inherit;
}

.mega-dropdown-menu .dropdown-header {
    color: #000;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 15px;
    border-left: 3px solid #ea3230;
    margin: 8px 0 4px 0;
    line-height: normal;
}

    .mega-dropdown-menu .dropdown-header:first-child {
        margin-top: 0;
    }

    .mega-dropdown-menu .dropdown-header.h4,
	.mega-dropdown-menu .dropdown-header > h4,
	.mega-dropdown-menu .dropdown-header.h3,
	.mega-dropdown-menu .dropdown-header > h3 {
        margin: 0;
		font-size: 15px;
    }

.mainMenu .navbar a.lnkMenuGo {
    position: absolute;
    right: -1px;
    top: -1px;
    background-color: #3dade4;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    height: 52px;
    padding: 15px;
    text-transform: uppercase;
}

    .mainMenu .navbar a.lnkMenuGo:hover, .mainMenu .navbar a.lnkMenuGo:focus {
        background-color: #e22171;
        text-decoration: none;
    }

    /*** START - Standard links list ***/
    .mega-dropdown-menu > li.listStandard > ul > li {
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 2px;
        margin-bottom: 2px;
    }

    .mega-dropdown-menu > li.listStandard > ul > li.dropdown-header {
        border-bottom: none;
        margin-top: 25px;
    }

        .mega-dropdown-menu > li.listStandard > ul > li.dropdown-header:first-of-type {
            margin-top: 0;
        }
    /*** END - Standard links list ***/

	/*** START - Standard links list ***/
	.mega-dropdown-menu > li.listPanelMore > ul > li {
		padding-bottom: 2px;
		margin-bottom: 2px;
	}

	.mega-dropdown-menu > li.listPanelMore > .dropdown-header {
		border: none;
		border-bottom: 1px solid #d2d2d2;
		margin-top: 25px;
		padding-bottom: 3px;
		font-size: 14px;
		text-transform: none;
	}

		.mega-dropdown-menu > li.listPanelMore > ul > li > a {
			font-weight: 400;
			padding-left: 15px;
		}

	.mega-dropdown-menu > li.listPanelMore > .dropdown-header:first-of-type {
		margin-top: 0;
	}
	/*** END - Standard links list ***/

	/*** START - Uppercase links list ***/
	.mega-dropdown-menu > li.listUppercase > ul > li {
		text-transform: uppercase;
		margin-bottom: 3px;
	}

	.mega-dropdown-menu > li.listUppercase > ul > li a {
		padding: 5px 10px;
        font-size: 16px;
        font-weight: 400;
	}

	.mega-dropdown-menu > li.listUppercase > ul > li.txtSubCategoryTitle {
		color: #989898;
		font-size: 12px;
		text-transform: uppercase;
		padding-top: 25px;
		padding-left: 10px;
	}

	.mega-dropdown-menu > li.listUppercase > ul > li.lnkSubCategory {

	}

		.mega-dropdown-menu > li.listUppercase > ul > li.lnkSubCategory a {
			text-transform: none;
			padding-top: 2px;
			padding-bottom: 2px;
		}

	/*** END -Uppercase links list ***/

	/*** START - Timetables links list ***/
	.mega-dropdown-menu > li.listTimetables > ul > li {
		border-bottom: 1px solid #ebebeb;
		padding-bottom: 2px;
		margin-bottom: 2px;
	}

	.mega-dropdown-menu > li.listTimetables > ul > li a {

	}

		.mega-dropdown-menu > li.listTimetables > ul > li a > span {
			float: left;
			width: 40px;
			padding-right: 5px;
		}

			.mega-dropdown-menu > li.listTimetables > ul > li a span.txtLine {
				font-weight: 700;
				display: block;
				background-color: #ebebeb;
				padding: 3px;
				width: 100%;
				text-align: center;
				margin-bottom: 1px;
			}

	.mega-dropdown-menu > li.listTimetables > ul > li.dropdown-header {
		border-bottom: none;
		margin-top: 25px;
	}

	.mega-dropdown-menu > li.listTimetables > ul > li.dropdown-header:first-of-type {
		margin-top: 0;
	}
	/*** END - Timetables links list ***/

	/*** START - List with first promo photo ***/
	.mega-dropdown-menu > li.listWithTopPromo > ul > li {
		border-bottom: 1px solid #ebebeb;
		padding-bottom: 2px;
		margin-bottom: 2px;
	}

    .mega-dropdown-menu > li.listWithTopPromo > ul > li a {
        font-size: 16px;
        padding-left: 0;
        padding-right: 0;
    }

    .mega-dropdown-menu > li.listWithTopPromo > ul > li.topPromo a {
        font-size: 18px;
        font-weight: 700;
    }

        .mega-dropdown-menu > li.listWithTopPromo > ul > li.topPromo img {
            float: left;
            margin-right: 10px;
        }

        .mega-dropdown-menu > li.listWithTopPromo > ul > li.topPromo span.txtPromo {
            line-height: 20px;
            display: block;
            height: 80px;
            text-overflow: ellipsis;
            overflow: hidden;
        }

	/*** END - Timetables links list ***/

    /*** START - list with background color ***/
    .mega-dropdown-menu > li.listWithBg {
        background-color: #dfecf2;
		height: 100%;
    }

        .mega-dropdown-menu > li.listWithBg > ul > li {
            text-transform: uppercase;
            margin-bottom: 3px;
        }

        .mega-dropdown-menu > li.listWithBg > ul > li a {
            padding: 5px 10px;
            font-size: 16px;
            font-weight: 400;
			text-transform: none;
			line-height: 20px;
        }

			.mega-dropdown-menu > li.listWithBg > ul > li a:hover {
				background-color: inherit;
			}

			.mega-dropdown-menu > li.listWithBg > ul > li img {
				max-width: 100%;
				height: auto;
			}

		.mega-dropdown-menu > li.listWithBg > ul > li.withIcon {
			position: relative;
			padding-left: 48px;
		}

			.mega-dropdown-menu > li.listWithBg > ul > li.withIcon i {
				position: absolute;
				left: 0;
				top: 50%;
				font-size: 36px;
				margin-top: -18px;
				line-height: 36px;
			}

		.mega-dropdown-menu > li.listWithBg > ul > li.notOnlyLink {
			padding: 5px 10px;
			text-transform: none;
		}

			.mega-dropdown-menu > li.listWithBg > ul > li.notOnlyLink a {
				padding: 0;
				display: inline;
			}

	.mega-dropdown-menu > li.listWithBgUrzad {
		background-color: #dfdfdf;
	}

	.mega-dropdown-menu > li.listWithBgKultura {
		background-color: #dd2313;
	}

	.mega-dropdown-menu > li.listWithBgSport {
		background-color: #8b5496;
		color: #fff;
	}

		.mega-dropdown-menu > li.listWithBg > ul > li.lnkEvent a {
			color: #fff;
		}

		.mega-dropdown-menu > li.listWithBg > ul > li.txtDesc {
			text-transform: none;
			padding-left: 10px;
			font-size: 12px;
			font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
		}

	.mega-dropdown-menu > li.listWithBgBiznes {
		background-color: #79bbf4;
	}

	.mega-dropdown-menu > li.listWithBgTurystyka {
		background-color: #e43d90;
		color: #fff;
	}

		.mega-dropdown-menu > li.listWithBgTurystyka a.lnkBorder {
			color: #fff;
			text-align: center;
			font-size: 13px;
			border-color: #fff;
			margin-top: 20px;
		}

			.mega-dropdown-menu > li.listWithBgTurystyka a.lnkBorder:hover {
				background-color: #fff;
				color: #e43d90;
			}

	.mega-dropdown-menu > li.listWithBgKomunikacja {
		background-color: #82c654;
	}

    /*** END - list with background color ***/

.mega-dropdown-menu > li > ul > li.lnkMore {
    border-bottom: none !important;
    text-align: right;
}

.mega-dropdown-menu > li > ul > li.lnkMore a {
    color: #000;
    font-size: 12px;
    font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
    font-weight: 300;
}

	.mega-dropdown-menu > li > ul > li.lnkMore a:hover {
		text-decoration: underline;
	}

.mega-dropdown-menu > li > ul > li.lnkMore a:hover {
    background-color: inherit;
}

.mega-dropdown-menu > li > ul > li.lnkMore a i {
    color: #ea3230;
}

.lnkCloseDropdown {
	overflow: hidden;
	position: relative;
}

	.lnkCloseDropdown a {
		text-indent: -9000px;
	}

	.lnkCloseDropdown a:focus {
		text-indent: 0;
	}


.mainMenu {
	margin-top: 30px;
    z-index: 1001;
    position: relative;
}

	.mainMenu > nav {
		background-color: #efefef;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		margin-bottom: 12px;
	}

    .mainMenu .navbar-default .navbar-nav .mega-dropdown > a {
        text-transform: uppercase;
        color: #000;
        font-weight: 700;
    }

        .mainMenu .navbar-default .navbar-nav .mega-dropdown > a > h3 {
            font-size: 16px;
            margin: 0;
        }

        .mainMenu .navbar-default .navbar-nav .mega-dropdown.open > a {
            background-color: #fff;
        }

			.mainMenu .navbar-default .navbar-nav .mega-dropdown > a i:before {
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;

				transform: rotate(0) ;
				-webkit-transform: rotate(0) ;
				-moz-transform: rotate(0) ;
				-o-transform: rotate(0) ;
				-ms-transform: rotate(0) ;
			}

			.mainMenu .navbar-default .navbar-nav .mega-dropdown.open > a i:before {
				transform: rotate(180deg) ;
				-webkit-transform: rotate(180deg) ;
				-moz-transform: rotate(180deg) ;
				-o-transform: rotate(180deg) ;
				-ms-transform: rotate(180deg) ;
			}

        .mainMenu .navbar-default .navbar-nav .mega-dropdown.open > a:after {
            position: absolute;
            display: block;
            width: 100%;
            background-color: #fff;
            bottom: -1px;
            left: 0;
            height: 1px;
            z-index: 1001;
            content: "";
        }

        .mainMenu .navbar-default .navbar-nav .mega-dropdown > a:focus,
		.mainMenu .navbar-default .navbar-nav .mega-dropdown > a:active {
            background-color: #fff;
        }

.bgOverlay {
    position: fixed;
    background-color: transparent;
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    left: 0;
    display: none;
    z-index: 101;
}

    .bgOverlay.isVisible {
        display: block;
        opacity: 1;
    }

.txtCategoryLabel {
    color: #fff;
    font-size: 12px;
    font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
    padding: 3px 5px;
    background-color: #ff9200;
    line-height: normal;
}

    .txtCategoryLabel:hover {
        color: #fff;
        text-decoration: none;
    }

	.txtCategoryLabel.kultura {
		background-color: #3dade4;
	}

	.txtCategoryLabel.zdrowie {
		background-color: #aa2983;
	}

	.txtCategoryLabel.sport {
		background-color: #29a415;
	}

	.txtCategoryLabel.dla-dzieci {
		background-color: #ea3230;
	}

	.txtCategoryLabel.transport {
		background-color: #ea3230;
	}

	.txtCategoryLabel.moja-dzielnica {
		background-color: #ea3230;
	}

.mainArticle {
    height: 390px;
	margin-bottom: 12px;
	padding-left: 0;
	padding-right: 0;
}

    .mainArticle .mainArticlePhoto {
        display: block;
        width: 100%;
        height: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
    }

    .mainArticle .mainArticleGradient {
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(40%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-8 */
    }

		.mainArticle:hover .mainArticleGradient,
		.mainArticle a:focus .mainArticleGradient {
			opacity: 0.7;
		}

    .mainArticle .txtCategoryLabel {
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 11;
    }

    .mainArticle .wrapperHeader {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 21;
        padding-bottom: 15px;
    }

    .mainArticle header {

    }

        .mainArticle header h2, .mainArticle header h3 {
            margin-top: 0;
            margin-bottom: 0;
			font-size: 42px;
			font-weight: 700;
			color: #fff;
			line-height: 42px;
        }

            .mainArticle:hover header h2,
			.mainArticle:hover header h3,
			.mainArticle a:focus header h2,
			.mainArticle a:focus header h3{
                text-decoration: underline;
            }

    .mainArticle aside {
        text-align: right;
		padding-top: 8px;
    }

        .mainArticle aside .imgAuthor {
            margin-bottom: 5px;
        }

        .mainArticle aside p {
            margin: 0;
            line-height: normal;
            font-size: 11px;
            color: #fff;
            font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
        }

.navEssentials {
	background-color: #f2f2f2;
	padding: 20px 20px 21px 20px;
}

	.txtEssentialsTitle {
		font-size: 18px;
		font-weight: 700;
		color: #000;
		margin: 0 0 10px 0;
		padding: 0 5px;
		font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
	}

	.navEssentials a {
		display: block;
		padding: 0 5px 7px 5px;
		margin-bottom: 7px;
		border-bottom: 1px solid #dcdcdc;
		font-size: 15px;
	}

		.navEssentials a:hover > h3, .navEssentials a:hover > h4 {
			text-decoration: underline;
            color: #000;
		}

		.navEssentials a i {
			color: #3dade4;
			margin-right: 10px;
		}

		.navEssentials li:last-child a {
			padding-bottom: 0;
			margin-bottom: 0;
			border: 0;
		}

        .navEssentials a > h3 {
            font-size: 15px;
            margin: 0;
            display: inline-block;
            font-weight: 400;
        }

.rowArticles {
	padding-left: 9px;
	padding-right: 9px;
}

.photoArticle {
	padding-left: 6px;
	padding-right: 6px;
	margin-bottom: 12px;
}

	.photoArticle .photoArticlePhoto {
		display: block;
		position: relative;
	}

		.photoArticle .photoArticlePhoto img {
			width: 100%;
			height: auto;
		}

		.articleGradient {
			position: absolute;
			display: block;
			height: 100%;
			width: 100%;
			top: 0;
			left: 0;
			z-index: 1;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
			background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(40%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%); /* IE10+ */
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-8 */
		}

			.photoArticle:hover .articleGradient {
				opacity: 0.7;
			}

		.photoArticle .photoArticlePhoto span.txtCategoryLabel {
			position: absolute;
			bottom: 12px;
			left: 12px;
			font-size: 12px;
			color: #fff;
			font-weight: 400;
			z-index: 11;
			padding: 3px 5px;
		}

	.photoArticle a.lnkArticle {
		font-size: 18px;
		font-weight: 700;
		color: #000;
		display: block;
		line-height: 22px;
	}

		.photoArticle a.lnkArticle .txtTitle {
			display: block;
			padding: 10px;
            margin: 0;
            font-size: 18px;
		}

		.photoArticle a.lnkArticle small {
			font-size: 14px;
			font-weight: 400;
		}

.rowTextArticles {
	padding-left: 9px;
	padding-right: 9px;
}

	.rowTextArticles > [class*='col-'] {
		padding-left: 6px;
		padding-right: 6px;
	}

	.rowTextArticles a {
		font-size: 16px;
		font-weight: 300;
		color: #000;
		display: block;
		padding: 10px;
		border-top: 1px solid #cccccc;
		line-height: normal;
	}

        .rowTextArticles a > h3 {
            font-size: 16px;
            font-weight: 300;
            margin: 0;
			line-height: 20px;
        }

.boxMoreWide {
	border-top: 1px solid #cccccc;
	padding-top: 6px;
	text-align: right;
}

	.boxMoreWide a {
		font-size: 12px;
		font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
	}

.boxLinksCategories {
	font-size: 12px;
	font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
}

	.boxLinksCategories h2 {
		font-size: 12px;
		font-weight: 400;
		display: inline;
	}

.boxNewsletterRegister {
	text-align: center;
	padding: 12px 0 15px 0;
	height: auto;
	margin-top: 20px;
	color: #fff;
	background: transparent url('../img/bg-newsletter-box.jpg') no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

	.boxNewsletterRegister h3, .boxNewsletterRegister h2 {
		font-size: 24px;
		font-weight: 700;
		margin: 0;
		font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
	}

	.boxNewsletterRegister p {
		font-size: 14px;
		font-weight: 300;
		margin: 5px 0 10px 0;
		font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
	}

	.boxNewsletterRegister input {
		display: block;
		width: 75%;
		margin: 10px auto;
		color: #000;
		border: 1px solid transparent;
		padding: 5px 10px;
	}

		.boxNewsletterRegister input:focus {
			border: 1px solid #000;
		}

	.boxNewsletterRegister a {
		display: inline-block;
		padding: 6px 30px;
		border: 3px solid #fff;
		font-size: 16px;
		font-weight: 700;
		color: #fff;
	}

        .boxNewsletterRegister a:hover, .boxNewsletterRegister a:focus {
            background-color: #fff;
            color: #000;
            text-decoration: none;
        }

.boxWroclaw2016 {
	text-align: center;
	margin-top: 10px;
}

	.boxWroclaw2016 img {
		display: inline-block;
	}

	.boxWroclaw2016 .txtWroclaw2016Count {
		display: inline-block;
		background-color: #dc2213;
		padding: 8px;
		font-size: 11px;
		color: #fff;
		line-height: 14px;
		vertical-align: middle;
	}

		.boxWroclaw2016 .txtWroclaw2016Count .txtDays {
			font-weight: 700;
		}

.boxWroclawSocial {
    text-align: center;
    margin-top: 10px;
}

    .boxWroclawSocial p {
        font-size: 12px;
        margin: 10px 0 0 0;
        font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
    }

    .boxWroclawSocial a {
        font-size: 30px;
    }

        .boxWroclawSocial a:hover {
            text-decoration: none;
        }

    i.icon-facebook-official {
        color: #3b5998;
    }

    i.icon-twitter-squared {
        color: #55acee;
    }

    i.icon-gplus-squared {
        color: #dd4b39;
    }

    i.icon-youtube-squared {
        color: #cd201f;
    }

    i.icon-instagram {
        color: #3f729b;
    }

.withBottomBorder {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 2px solid #ebebeb;
}

.withTopMargin {
	margin-top: 30px;
}

.withBottomMargin {
	margin-bottom: 30px;
}

.boxSpecialServices {
	display: block;
}

	.titleHeader {
		font-size: 18px;
		font-weight: 700;
		font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
		color: #000;
		padding-left: 10px;
		border-left: 3px solid #d30100;
		line-height: normal;
		margin: 0 0 10px 0;
	}

	.titleHeader.withoutBorder {
		padding-left: 0;
		border-left: 0;
	}

	.boxSpecialServices .titleHeader {
		margin-bottom: 20px;
	}

        .boxTransportAlerts .titleHeader {
            font-size: 17px;
        }

.marginBottom30 {
	margin-bottom: 30px;
}

.rowSpecialServices {
	margin: 0;
	padding: 0 30px;
	position: relative;
}

	.boxSpecialServices .boxOneService {
		font-size: 12px;
		font-weight: 700;
		font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
		line-height: normal;
	}

		.boxSpecialServices .boxOneService a {
			display: table;
		}

		.boxSpecialServices .boxOneService img {
			margin-right: 5px;
			display: table-cell;
			vertical-align: middle;
		}

		.boxSpecialServices .boxOneService span {
			margin: 0;
			display: table-cell;
			vertical-align: middle;
			text-align: left;
		}

	.boxSpecialServices .slick-prev, .boxSpecialServices .slick-next {
		position: absolute;
		top: 50%;
		margin-top: -10px;
		font-size: 20px;
		line-height: 20px;
		color: #ececec;
		border: 0;
		background-color: transparent;
		padding: 0;
	}

		.boxSpecialServices .slick-prev:hover, .boxSpecialServices .slick-next:hover {
			color: #d30100;
		}

		.boxSpecialServices .slick-prev i::before, .boxSpecialServices .slick-next i::before {
			margin: 0;
			width: auto;
		}

	.boxSpecialServices .slick-prev {
		left: 0;
	}

	.boxSpecialServices .slick-next {
		right: 0;
	}

.rowWroclawEvents {
	display: block;
}

.rowWroclawEvents .boxOneService {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

	.rowWroclawEvents .boxOneService a {
		display: inline;
	}

	.rowWroclawEvents .boxOneService img {
		max-width: 90%;
		height: auto;
		display: inline;
		margin: 0;
	}

.boxLinksList {
	padding-top: 12px;
	padding-bottom: 12px;
    position: relative;
}

	.boxLinksList li a {
		display: block;
		margin: 0 0 6px 12px;
		font-weight: 400;
		font-size: 14px;
		padding-bottom: 6px;
		border-bottom: 1px solid #cccccc;
	}

	.boxLinksList li:last-child a {
		border-bottom: 0;
		margin-bottom: 0;
		line-height: normal;
	}

    .boxLinksList .boxScroll {
        display: block;
        position: relative;
        height: 160px;
        overflow: hidden;
        padding-right: 7px;
    }

        .boxGradient {
            position: absolute;
            bottom: 12px;
            left: 27px;
            width: 100%;
            width: calc(100% - 45px);
            height: 20px;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.2+0,1+91 */
            background: -moz-linear-gradient(top,  rgba(255,255,255,0.2) 0%, rgba(255,255,255,1) 91%, rgba(255,255,255,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(91%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,1) 91%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,1) 91%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,1) 91%,rgba(255,255,255,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,1) 91%,rgba(255,255,255,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
        }

        .boxScroll .listWithLinksBlock > li:last-child {
            padding-bottom: 20px;
        }

    .row4ArticlesTexts .boxScroll {
        display: block;
        position: relative;
        height: 500px;
        overflow: hidden;
        padding-right: 7px;
    }

        .row4ArticlesTexts .boxGradient {
            bottom: 0;
            left: 0;
            width: 100%;
        }

.boxTimetable {
	background-color: #ececec;
	font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
	padding: 18px 15px;
	display: block;
}

	.boxTimetable h2.txtTitle {
		font-size: 16px;
		font-weight: 700;
		float: left;
		margin: 0;
	}

	.boxTimetable .txtLinks {
		font-size: 12px;
		font-weight: 400;
		float: right;
		text-align: right;
		margin: 0;
	}

		.boxTimetable .txtLinks a, .boxTimetable .txtLinks a:hover {
			color: #000;
		}

		.boxTimetable .txtLinks span {
			display: inline-block;
			margin: 0 4px;
			color: #717171;
		}

		.formTimetable {
		}

			.formTimetable label, .formTimetable span.boxSpacer {
				font-size: 12px;
				color: #9b9b9b;
				display: block;
				margin: 15px 0 2px 0;
				padding-left: 3px;
			}

			.formTimetable input[type="text"] {
				width: 100%;
				background-color: #fff;
				border: 1px solid #e1e1e1;
				padding: 4px 10px;
				font-weight: 400;
				font-size: 16px;
				color: #000;
				font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
				line-height: normal;
			}

			.formTimetable input[type="submit"] {
				width: 100%;
				background-color: #d40200;
				text-align: center;
				color: #fff;
				text-transform: uppercase;
				font-weight: 700;
				font-size: 14px;
				font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
				border: 0;
				padding: 4px 0;
			}

                .formTimetable input[type="submit"]:hover, .formTimetable input[type="submit"]:focus {
                    background-color: #fff;
                    color: #d40200;
                }

		p.txtTimetableChanges {
			font-size: 16px;
			font-weight: 700;
			margin: 20px 0;
			display: block;
		}

			p.txtTimetableChanges span {
				display: inline-block;
				margin: 0 4px;
				color: #717171;
			}

			p.txtTimetableChanges span.txtDate {
				font-size: 12px;
				font-weight: normal;
				color: #757474;
				margin: 0;
			}

	.lnkTimetable {
		display: inline-block;
		padding: 6px 8px;
		background-color: #0a5299;
		color: #fff;
		font-weight: 700;
		font-size: 14px;
		font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
		line-height: normal;
		position: relative;
	}

		.lnkTimetable:hover, .lnkTimetable:focus {
            background-color: #fff;
            color: #0a5299;
            text-decoration: none;
		}

		.lnkTimetableBus {
			background-color: #d40200;
		}

            .lnkTimetableBus:hover, .lnkTimetableBus:focus {
                background-color: #fff;
                color: #d40200;
                text-decoration: none;
            }

		.lnkTimetableInfo:after {
			position: absolute;
			top: -7px;
			right: -7px;
			width: 17px;
			height: 17px;
			content: "";
			background: transparent url("../img/icon-timetables-info.png") no-repeat center;
		}

		.boxMPKLogo {
			text-align: right;
		}

			.boxMPKLogo img {
				display: inline-block;
				max-width: 100%;
				height: auto;
			}

.boxVerticalBanner {
	display: block;
	text-align: center;
}

.boxWeather {
	display: block;
	margin: 20px 0;
	padding: 15px 20px 25px 20px;
	border: 1px solid #dde0e1;
	font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
}

	.boxWeather > .row {
		margin-top: 20px;
	}

	.boxWeatherTemp {
		text-align: right;
	}

	.boxWeatherTempIcon {
		text-align: right;
		float: left;
		width: 50%;
	}

		.boxWeatherTempIcon i {
			color: #d30100;
			font-size: 46px;
			line-height: 46px;
		}

	.boxWeatherTempVal {
		float: left;
		width: 50%;
		text-align: left;
	}

		.boxWeatherTempVal p {
			margin: 0;
			line-height: 13px;
			font-size: 13px;
			color: #777777;
		}

			.boxWeatherTempVal p span {
				display: block;
				font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
				font-size: 36px;
				line-height: 36px;
				font-weight: 400;
				color: #000;
			}

		.boxWeatherTemp a.lnkWeather5Days {
			font-size: 12px;
			margin-top: 13px;
			display: block;
		}

			.boxWeatherTemp a.lnkWeather5Days i {
				color: #ea3230;
			}

	.boxWeatherDate {
		border-left: 1px solid #ebebeb;
	}

		.boxWeatherDate p {
			margin: 0;
			font-size: 12px;
			color: #7e868c;
			line-height: 16px;
		}

			.boxWeatherDate p span {
				display: block;
				color: #000;
			}

			.boxWeatherDate p:first-child {
				margin-bottom: 15px;
			}



.box4ArticlesPhoto {
}

	.box4ArticlesPhoto .boxLinksMore {
		text-align: right;
		color: #000;
		font-size: 12px;
		font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
		margin-bottom: 20px;
	}

		.box4ArticlesPhoto .boxLinksMore span {
			display: inline-block;
			margin: 0 4px;
			color: #717171;
		}

		.box4ArticlesPhoto .boxLinksMore i {
			color: #d40200;
		}

.row4ArticlesPhoto {
	padding-left: 9px;
	padding-right: 9px;
}

.wrapper4ArticlesPhoto {
	padding-left: 9px;
	padding-right: 0;
}

.col4ArticlesPhoto {
	padding-left: 6px;
	padding-right: 6px;
}

	.col4ArticlesPhoto .listWithLinks {
		padding-left: 9px;
		padding-right: 9px;
	}

	.col4ArticlesPhoto .listWithLinks .col-sm-6 {
		padding-left: 6px;
		padding-right: 6px;
	}

	.col4ArticlesPhoto article {
		position: relative;
		margin-bottom: 12px;
	}
		
		.col4ArticlesPhoto article img {
			width: 100%;
			height: auto;
			position: relative;
			z-index: 1;
		}

		.col4ArticlesPhoto article .articleGradient {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 2;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
			background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(40%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%); /* IE10+ */
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-8 */
		}

			.col4ArticlesPhoto article:hover .articleGradient, .col4ArticlesPhoto a:focus .articleGradient {
				opacity: 0.7;
			}

		.col4ArticlesPhoto article .txtCategoryLabel {
			position: absolute;
			top: 12px;
			left: 12px;
			z-index: 11;
		}

		.col4ArticlesPhoto article .boxDateTitle {
			position: absolute;
			bottom: 12px;
			left: 0;
			padding: 0 12px;
			z-index: 21;
			color: #fff;
		}

			.col4ArticlesPhoto article .boxDateTitle time {
				font-size: 12px;
				display: block;
			}

			.col4ArticlesPhoto article .boxDateTitle h3 {
				font-weight: 700;
				font-size: 18px;
				line-height: normal;
				margin: 0;
			}

				.col4ArticlesPhoto article:hover .boxDateTitle h3, .col4ArticlesPhoto a:focus .boxDateTitle h3 {
					text-decoration: underline;
				}

				.col4ArticlesPhoto article .boxDateTitle h3 small {
					font-weight: 300;
					font-size: 16px;
				}

.row4ArticlesTexts {

}

	.row4ArticlesTexts a,
	.listWithBg .lnkEvent a {
		line-height: normal;
		display: block;
		margin-bottom: 7px;
		border-bottom: 1px solid #cdd6d8;
		padding-bottom: 7px;
	}

		.row4ArticlesTexts li:last-child a,
		.listWithBg .lnkEvent:last-of-type a {
			margin-bottom: 0;
			border-bottom: 0;
			padding-bottom: 0;
		}

		.row4ArticlesTexts a:hover,
		.listWithBg .lnkEvent a:hover {
			text-decoration: none;
			color: inherit;
		}

		.row4ArticlesTexts a time,
		.row4ArticlesTexts a span.txtCategory,
		.listWithBg .lnkEvent a time,
		.listWithBg .lnkEvent a span.txtCategory {
			font-size: 12px;
			font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
		}

		.row4ArticlesTexts a span.txtCategory {
			color: #3dade4;
		}

		.row4ArticlesTexts a span.txtTitle,
		.listWithBg .lnkEvent a span.txtTitle {
			font-weight: 700;
			font-size: 18px;
			display: block;
		}

			.row4ArticlesTexts a:hover span.txtTitle,
			.listWithBg .lnkEvent a:hover span.txtTitle {
				text-decoration: underline;
			}

		.listWithBg .lnkEvent a {
			color: #fff;
		}

			.listWithBg .lnkEvent a:hover {
				color: #fff;
			}

		.listWithBg .lnkEvent a span.txtCategory {
			color: #fff;
		}

		.listWithBg .lnkEvent a time,
		.listWithBg .lnkEvent a span.txtCategory {
			font-size: 11px;
		}

		.listWithBg .lnkEvent a {
			border: none;
			margin-bottom: 0;
			padding-bottom: 0;
		}

.boxGoSearch {

}

    .boxGoSearch hr {
        margin: 10px 0 20px 0;
        border: 1px solid #339dd1;
    }

	.boxGoSearchCategory {
		display: block;
		background-color: #3dade4;
		padding: 12px;
	}

		.boxGoSearchCategory header.rowGoSearchCategory {
			color: #fff;
			font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
		}

			.boxGoSearchCategory header.rowGoSearchCategory h2 {
				font-size: 18px;
				font-weight: 700;
				margin: 0;
			}

			.boxGoSearchCategory header.rowGoSearchCategory .boxLinkPlaces {
				text-align: right;
			}

				.boxGoSearchCategory header.rowGoSearchCategory a {
					font-size: 12px;
					color: #fff;
				}

					.boxGoSearchCategory header.rowGoSearchCategory a i {
						color: #d40200;
					}

		.rowGoSearchCategories {

		}

			.boxGoSearchCategoriesTitle {
				padding-bottom: 10px;
			}

				.boxGoSearchCategoriesTitle label, .txtGoSearchLabel {
					font-weight: 700;
					font-size: 15px;
					color: #fff;
					display: block;
					margin: 0 0 10px 0;
					padding-left: 2px;
				}

				.boxGoSearchCategoriesTitle select {
					width: 100%;
				}

    .boxGoSearchDays hr {
        margin-bottom: 15px;
    }

    .boxGoSearchDays .txtGoInfo {
        text-align: center;
        color: #fff;
        font-size: 12px;
        font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
        line-height: 14px;
        margin: 0 auto 10px;
        max-width: 80%;
    }

    .boxGoSearchDays a.lnkWeekend, .boxGoSearchDays a.lnkWeekendSearch {
        display: inline-block;
        margin: 0 auto;
        font-size: 16px;
        font-weight: 700;
        color: #000;
        background-color: #fff;
        padding: 8px 40px;
    }

	.boxGoSearchDays a.lnkWeekendSearch {
		text-transform: uppercase;
		color: #fff;
		background-color: #e22171;
	}

        .boxGoSearchDays a.lnkWeekend:hover, .boxGoSearchDays a.lnkWeekend:focus {
            color: #fff;
            background-color: #e22171;
            text-decoration: none;
        }

		.boxGoSearchDays a.lnkWeekendSearch:hover, .boxGoSearchDays a.lnkWeekendSearch:focus {
			color: #000;
			background-color: #fff;
			text-decoration: none;
		}

.sliderGoDays {
	padding: 0 50px;
	position: relative;
    margin-bottom: 20px;
}

	.sliderGoDays .goDay {
		text-align: center;
		font-size: 17px;
		padding: 0 5px;
	}

		.sliderGoDays .goDay a {
			color: #000;
			text-decoration: none;
			display: inline-block;
			padding: 10px;
			border: 3px solid #fff;
			background: #fff;
		}

            .sliderGoDays .goDay.goDayToday a, .sliderGoDays .goDay:hover a {
                border-color: #e22171;
                color: #e22171;
            }

		.sliderGoDays .goDay span {
			font-size: 26px;
			line-height: 28px;
			font-weight: 700;
			display: block;
		}

	.sliderGoDays .slick-prev, .sliderGoDays .slick-next {
		position: absolute;
		top: 50%;
		margin-top: -10px;
		font-size: 20px;
		line-height: 20px;
		color: #fff;
		border: 0;
		background-color: transparent;
		padding: 0;
	}

        .sliderGoDays .slick-prev:hover, .sliderGoDays .slick-next:hover {
            color: #e22171;
        }

	.sliderGoDays .slick-prev {
		left: 15px;
	}

	.sliderGoDays .slick-next {
		right: 15px;
	}

.boxBanner {
    display: block;
    margin: 25px 0 0 0;
    text-align: center;
}

    .boxBanner .boxBannerWrapper {
        display: inline-block;
        margin: 0 auto;
        padding-bottom: 20px;
        position: relative;
    }

        .boxBanner .boxBannerWrapper img {
            max-width: 100%;
        }

        .boxBanner .boxBannerWrapper span {
            position: absolute;
            bottom: 0;
            right: 0;
            font-size: 11px;
            font-weight: 700;
            color: #dddddd;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

.boxGrayWithPhotoTimetable {
	display: block;
	background-color: #ebeded;
	padding: 20px;
	position: relative;
	height: 100%;
}

	.boxGrayWithPhotoTimetable .logoRightTop {
		top: 20px;
		right: 20px;
		position: absolute;
	}

	.boxGrayWithPhotoTimetable h4.titleHeader {
		margin-bottom: 25px;
	}

	.boxGrayWithPhotoTimetable > p {
		font-size: 14px;
		font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
		font-weight: 300;
		line-height: 150%;
	}

	.boxGrayWithPhotoTimetable .boxArticlePhotoText {

	}

		.boxGrayWithPhotoTimetable .boxArticlePhotoText .lnkArticlePhoto .boxArticlePhoto {
			position: relative;
			margin-bottom: 6px;
		}

			.boxGrayWithPhotoTimetable .boxArticlePhotoText .lnkArticlePhoto .boxArticlePhoto img {
				display: block;
				width: 100%;
				height: auto;
			}

			.boxGrayWithPhotoTimetable .boxArticlePhotoText .lnkArticlePhoto .boxArticlePhoto .txtCategoryLabel {
				position: absolute;
				bottom: 10px;
				left: 10px;
			}

		.boxGrayWithPhotoTimetable .boxArticlePhotoText .lnkText {
			font-weight: 700;
			font-size: 18px;
			display: block;
			margin: 0 0 8px 10px;
			padding-bottom: 8px;
			border-bottom: 1px solid #d0cfcf;
			line-height: normal;
		}

		.boxGrayWithPhotoTimetable .boxArticlePhotoText .lnkTextLine {
			display: block;
			margin: 0 0 10px 10px;
			line-height: normal;
			font-weight: 400;
			font-size: 16px;
		}

			.boxGrayWithPhotoTimetable .boxArticlePhotoText .lnkTextLine span {
				color: #ea3230;
				font-size: 12px;
				font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
			}

		.boxGrayWithPhotoTimetable .boxArticlePhotoText .boxMoreWide {
			font-weight: 300;
		}

.titleRoboto {
	font-size: 16px;
	font-weight: 700;
	font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
	margin: 0 0 10px 0;
}

	.boxGrayTimetable {

	}

	.wrapperGrayTimetable {
		background-color: #fff;
		font-weight: 400;
		font-size: 14px;
	}

		.rowGrayTimetable {
			padding-top: 10px;
			padding-bottom: 10px;
		}

		.rowGrayTimetable p {
			margin: 0;
			line-height: 18px;
		}

		.rowGrayTimetable .boxDesc {
		}

			.rowGrayTimetable .boxDesc p {
				padding: 0 0 0 12px;
			}

		.rowGrayTimetable .boxTime {
			font-size: 12px;
			font-weight: 300;
			color: #777777;
			font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
			border-left: 1px solid #d1d1d1;
		}

		.wrapperGrayTimetable hr {
			border-color: #d1d1d1;
			display: block;
			margin: 0 12px;
		}

		.boxGrayTimetable .boxMoreWide {
			border-top: 0;
			margin-top: 0;
			font-weight: 300;
			padding-right: 12px;
		}

.boxButtonLinks {
	display: block;
	text-align: center;
	margin: 20px 0 10px 0;
}

	.boxButtonLinks a,
	a.lnkBorder {
		display: inline-block;
		padding: 5px 10px;
		font-weight: 400;
		font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
		font-size: 12px;
		border: 1px solid #dd2313;
		margin-right: 10px;
	}

		.boxButtonLinks a:hover,
        .boxButtonLinks a:focus,
		a.lnkBorder:hover,
		a.lnkBorder:focus {
			color: #fff;
            background-color: #dd2313;
            text-decoration: none;
		}

	.boxButtonLinks li:last-child a {
		margin-right: 0;
	}

.wrapperBoxLinks {
	position: relative;
	padding-bottom: 95px;
	display: block;
	border: 1px solid #dde0e1;
	height: 100%;
}

	.wrapperBoxLinks .boxLinksList {
		display: block;
		padding: 6px 14px;
	}

		.wrapperBoxLinks .boxLinksList .titleHeader {
			font-size: 18px;
			margin-bottom: 25px;
		}

		.wrapperBoxLinks .boxLinksList a {
			font-size: 16px;
		}

			.wrapperBoxLinks .boxLinksList a i {
				color: #dd2313;
			}

.boxBannerCalendar {
	display: block;
	position: absolute;
	bottom: 14px;
	left: 14px;
	right: 14px;
	padding: 15px;
	border-top: 2px solid #dd2313;
	background: transparent url('../img/bg-banner-calendar.jpg') no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

	.boxBannerCalendar p, .boxBannerCalendar h2 {
		margin: 0;
		font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
		line-height: 20px;
	}

		.boxBannerCalendar h2.txtTitle {
			font-size: 18px;
			font-weight: 700;
		}

			.boxBannerCalendar:hover h2.txtTitle {
				text-decoration: underline;
			}

		.boxBannerCalendar p.txtDesc {
			font-weight: 300;
			font-size: 14px;
			text-align: right;
			padding-right: 25px;
			position: relative;
		}

			.boxBannerCalendar p.txtDesc::after {
				position: absolute;
				top: 50%;
				right: 0;
				margin-top: -10px;
				font-family: "fontello";
				font-style: normal;
				font-weight: normal;
				speak: none;
				display: inline-block;
				text-decoration: inherit;
				content: '\e805';
				color: #dd2313;
			}

.boxWithBorder {
	display: block;
	border: 1px solid #dde0e1;
	height: 100%;
	padding: 12px;
}

	.boxWithBorder header {
		font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
		padding-bottom: 8px;
		border-bottom: 2px solid #ededed;
		margin-bottom: 15px;
	}

	.boxWithBorder header .boxLinks {
		font-size: 12px;
		font-weight: 300;
		float: right;
	}

		.boxWithBorder header .boxLinks i {
			color: #dd2313;
		}

		.boxWithBorder header h2 {
			font-weight: 700;
			font-size: 18px;
			margin: 0;
			display: inline;
			float: left;
		}

.rowPhotos {
	padding-right: 9px;
	padding-left: 9px;
}

	.boxWithBorder .boxOnePhoto {
		padding-left: 6px;
		padding-right: 6px;
	}

		.boxWithBorder .boxOnePhoto a {
			position: relative;
			display: block;
		}

			.boxWithBorder .boxOnePhoto a img {
				display: block;
				width: 100%;
				height: auto;
			}

			.boxWithBorder .boxOnePhoto a > h3 {
				font-size: 18px;
				font-weight: 700;
				color: #fff;
				position: absolute;
				bottom: 15px;
				left: 15px;
				z-index: 11;
                margin: 0;
			}

				.boxWithBorder .boxOnePhoto a:hover h3, .boxWithBorder .boxOnePhoto a:focus h3 {
					text-decoration: underline;
				}

				.boxWithBorder .boxOnePhoto a:hover .articleGradient, .boxWithBorder .boxOnePhoto a:focus .articleGradient {
					opacity: 0.7;
				}

	.boxWithBorder .boxButtonLinks {
		text-align: left;
	}

	.rowSmallPhotos {
		padding-left: 12px;
		padding-right: 12px;
		margin-bottom: 12px;
	}

		.rowSmallPhotos .boxOnePhoto {
			padding-bottom: 12px;
			border-bottom: 1px solid #dde0e1;
		}

		.rowSmallPhotos .boxOnePhoto .boxPhoto img {
			width: 100%;
			height: auto;
		}

		.rowSmallPhotos .boxOnePhoto .boxTitle, .rowSmallPhotos .boxOnePhoto .boxTitle h3 {
			font-size: 18px;
			font-weight: 700;
			line-height: normal;
            margin: 0;
		}

			.rowSmallPhotos .boxOnePhoto:hover .boxTitle {
				text-decoration: underline;
			}

			.rowSmallPhotos .boxOnePhoto .boxTitle time {
				display: block;
				font-size: 12px;
				font-weight: 400;
				font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
			}

				.rowSmallPhotos .boxOnePhoto:hover .boxTitle time {
					text-decoration: none;
				}

		.rowSmallPhotos:last-child {
			margin-bottom: 0;
			padding-bottom: 0;
		}

			.rowSmallPhotos:last-child .boxOnePhoto {
				padding-bottom: 0;
				border-bottom: 0;
			}

.boxDarkGallery {
	background-color: #4f4f4f;
	color: #fff;
	height: 100%;
	padding: 12px 12px 22px 12px;
}

	.boxDarkGallery header {
		font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
		padding-bottom: 8px;
		border-bottom: 2px solid #3c3c3c;
		margin-bottom: 15px;
	}

		.boxDarkGallery header .boxLinks {
			font-size: 18px;
			float: right;
		}

		.boxDarkGallery header .boxLinks i {
			color: #fff;
			margin-right: 5px;
		}

		.boxDarkGallery header h2 {
			font-weight: 400;
			font-size: 18px;
			margin: 0;
			display: inline;
			float: left;
		}

			.boxDarkGallery header h2 a, .boxDarkGallery header h2 a:hover {
				color: #fff;
			}

	.boxDarkGallery .rowPhotos {
		padding-right: 9px;
		padding-left: 9px;
	}

		.boxDarkGallery .boxOnePhoto {
			padding-left: 6px;
			padding-right: 6px;
			position: relative;
		}

			.boxDarkGallery .boxOnePhoto img {
				width: 100%;
				height: auto;
			}

			.boxDarkGallery .boxOnePhoto h3 {
				color: #fff;
				font-size: 18px;
				font-weight: 400;
				display: block;
                margin: 5px 0 0 0;
			}

				.boxDarkGallery .boxOnePhoto:hover h3, .boxDarkGallery .boxOnePhoto a:focus h3 {
					text-decoration: underline;
				}

		.boxOneVideo img.iconPlay {
			position: absolute;
			top: 40%;
			left: 50%;
			margin-left: -30px;
			margin-top: -30px;
			width: 60px;
		}

			.boxOneVideo:hover img.iconPlay, .boxDarkGallery .boxOneVideo a:focus img.iconPlay  {
				margin-top: -40px;
			}

body > footer {
	background-color: #efefef;
	width: 100%;
	margin-top: 25px;
	color: #232323;
}

	.rowFooter {
		padding-top: 25px;
	}

		.rowFooter > div {
			min-height: 220px;
		}

	.rowFooter .boxFooter1, .rowFooter .boxFooter2 {
		border-right: 2px solid #e3e3e3;
	}

	.txtFooterBold {
		font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
		font-weight: 700;
		font-size: 13px;
		margin: 0;
		line-height: normal;
	}

	.boxAddressData {
		font-weight: 300;
		font-size: 12px;
		font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
	}

	.boxContactData p {
		margin: 0 0 5px 0;
		font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
		font-size: 13px;
		font-weight: 700;
	}

	.boxContactData a {
		font-size: 18px;
		font-weight: 700;
		display: inline-block;
		margin-right: 15px;
	}

		.boxContactData a i {
			color: #dd2313;
			font-weight: normal;
			font-size: 20px;
		}

.boxFooter2 .txtFooterBold, .boxFooter3 .txtFooterBold {
	margin-bottom: 15px;
}

.boxFooter2 a, .boxFooter3 a {
	display: block;
	font-weight: 300;
	margin-top: 3px;
	font-size: 12px;
	font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
}

.rowFooterWide {
	color: #cbcbcb;
	font-size: 12px;
	font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
	font-weight: 300;
}

	.rowFooterWide hr {
		border-width: 2px;
		border-color: #e5e5e5;
		margin: 15px;
	}

	.rowFooterWide a {
		margin: 0 3px;
	}

	.boxFooterWroLogo {
		text-align: right;
	}

.rowFooterCopy p {
	text-transform: uppercase;
	font-weight: 700;
	color: #aaaaaa;
	font-size: 12px;
	margin: 30px 0 5px 0;
}




/* popup transport */
.wrapperPopupTransport {
    display: block;
    width: 650px;
    background-color: #fff;
}

    .wrapperPopupInfo {
        display: block;
        padding: 15px 15px 0 15px;
    }


        .wrapperPopupInfo h2.titleHeader {
            padding-bottom: 10px;
            border-bottom: 3px solid #ececec;
            border-left: 0;
            padding-left: 0;
            line-height: normal;
            margin-bottom: 15px;
        }

        .wrapperPopupInfo .boxPopupText {
            display: inline-block;
            float: left;
            width: 540px;
        }

            .wrapperPopupInfo .boxPopupText h3 {
                font-weight: 900;
                font-size: 16px;
                margin: 10px 0 5px 0;
            }

            .wrapperPopupInfo .boxPopupText p {
                font-size: 14px;
                line-height: 22px;
                color: #656565;
                margin: 0 0 35px 0;
            }

        .txtTimetableNo {
            width: 50px;
            display: inline-block;
            text-align: center;
            padding: 9px 0;
            background-color: #0a5299;
            font-size: 20px;
            font-weight: 900;
            color: #fff;
            margin: 0 20px 0 0;
            float: left;
        }

            .txtTimetableNoBus {
                background-color: #d40200;
            }

    .wrapperPopupFooter {
        display: block;
        padding: 25px 15px;
        background-color: #ececec;
        position: relative;
    }

        .wrapperPopupFooter:after, .arrow_box:before {
            bottom: 100%;
            left: 43px;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .wrapperPopupFooter:after {
            border-color: rgba(236, 236, 236, 0);
            border-bottom-color: #ececec;
            border-width: 20px;
            margin-left: -20px;
        }
        .wrapperPopupFooter:before {
            border-color: rgba(236, 236, 236, 0);
            border-bottom-color: #ececec;
            border-width: 26px;
            margin-left: -26px;
        }

        .wrapperPopupFooter p {
            font-size: 13px;
            color: #000;
            margin: 0;
            padding-left: 72px;
            line-height: normal;
            font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, 'Tahoma', 'Verdana', sans-serif;
            float: left;
            display: inline-block;
            width: 70%;
            position: relative;
        }

            .wrapperPopupFooter p:after {
                position: absolute;
                top: -3px;
                left: 11px;
                font-family: "fontello";
                font-style: normal;
                font-weight: normal;
                speak: none;
                display: inline-block;
                text-decoration: inherit;
                content: '\e82a';
                color: #cccccc;
                font-size: 40px;
            }

        .wrapperPopupFooter a.lnkSignIn {
            float: right;
            font-size: 16px;
            font-weight: 900;
            color: #000;
            border: 3px solid #3dade4;
            padding: 5px 25px;
            line-height: normal;
            margin-right: 10px;
        }

            .wrapperPopupFooter a.lnkSignIn:hover {
                color: #fff;
                background-color: #3dade4;
                text-decoration: none;
            }

        .fancybox-transport-close {
            background: none;
            width: auto;
            height: auto;
            top: 4px;
            right: 0;
            color: #cccccc;
            font-size: 30px;
        }













    /* select or die overload */
.sod_select {
	width: 100%;
	border-color: #e1e1e1;
	border-width: 1px;
	line-height: normal;
	text-transform: none;
	font-weight: 700;
	font-size: 14px;
	color: #000;
	padding: 5px 10px;
}

	.sod_select:hover,
	.sod_select.open,
	.sod_select.focus {
		border-color: #339dd1;
	}

	.sod_select .sod_list_wrapper {
		border-color: #339dd1;
	}

	.sod_select::after {
		content: "";
	}

	.sod_select::before {
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: '\e803';
		font-size: 14px;
		line-height: normal;
		top: 5px;
		color: #3dade4;;
	}

	.sod_select .sod_list_wrapper {
		border-width: medium 1px 1px;
		margin: 0 0 0 -1px;
		width: 100%;
		width: calc(100% + 2px);
	}

















/* USAGE
<div class="row">
  <div class="row-height">
    <div class="col-xs-2 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
    <div class="col-xs-4 col-lg-5 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
  </div>
</div>
*/

/* content styles */

.inside {
	margin-top: 20px;
	margin-bottom: 20px;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
	background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
	background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
}
.inside-full-height {
	/*
    // if you want to give content full height give him height: 100%;
    // with content full height you can't apply margins to the content
    // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
    */
	height: 100%;
	margin-top: 0;
	margin-bottom: 0;
}

/* columns of same height styles */

.row-height {
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
}
.col-height {
	display: table-cell;
	float: none;
	height: 100%;
}
.col-top {
	vertical-align: top;
}
.col-middle {
	vertical-align: middle;
}
.col-bottom {
	vertical-align: bottom;
}

@media (min-width: 480px) {
	.row-xs-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-xs-height {
		display: table-cell;
		float: none;
		height: 100%;
	}
	.col-xs-top {
		vertical-align: top;
	}
	.col-xs-middle {
		vertical-align: middle;
	}
	.col-xs-bottom {
		vertical-align: bottom;
	}
}

@media (min-width: 768px) {
	.row-sm-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-sm-height {
		display: table-cell;
		float: none;
		height: 100%;
	}
	.col-sm-top {
		vertical-align: top;
	}
	.col-sm-middle {
		vertical-align: middle;
	}
	.col-sm-bottom {
		vertical-align: bottom;
	}
}

@media (min-width: 992px) {
	.row-md-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-md-height {
		display: table-cell;
		float: none;
		height: 100%;
		vertical-align: top;
	}
	.col-md-top {
		vertical-align: top;
	}
	.col-md-middle {
		vertical-align: middle;
	}
	.col-md-bottom {
		vertical-align: bottom;
	}
}

@media (min-width: 1200px) {
	.row-lg-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-lg-height {
		display: table-cell;
		float: none;
		height: 100%;
		vertical-align: top;
	}
	.col-lg-top {
		vertical-align: top;
	}
	.col-lg-middle {
		vertical-align: middle;
	}
	.col-lg-bottom {
		vertical-align: bottom;
	}
}

.mega-dropdown > .row-md-height.row-lg-height {
	width: calc(100% + 2px);
	display: none;
}

.dropdown.mega-dropdown.open > .row-md-height.row-lg-height {
	display: table;
}
















/* small */
@media (min-width: 992px) and (max-width: 1199px) {

    body > header .headerTools .lnkMyWroclaw {
        margin: 0 10px;
    }

    body > header .headerTools .withRightBorder {
        padding: 12px 7px;
    }

	.toolFontSize {
		display: none;
	}

	.mainMenu .navbar-default .navbar-nav .mega-dropdown > a {
		font-size: 14px;
		padding-left: 10px;
		padding-right: 10px;
	}

    .navEssentials a, .navEssentials a h3 {
        font-size: 12px;
    }

    .mainArticle header h3 a {
        font-size: 30px;
    }

    .rowTextArticles a {
        font-size: 14px;
    }

    .mega-dropdown-menu > li > ul > li > a, .mega-dropdown-menu > li > ul > li.lnkMore a {
        font-size: 12px;
    }

	.mega-dropdown-menu > li.listUppercase > ul > li a {
		font-size: 14px;
	}

    .mega-dropdown-menu .dropdown-header {
        font-size: 12px;
    }

    .mega-dropdown-menu > li.listWithTopPromo > ul > li a {
        font-size: 13px;
    }

	.mega-dropdown-menu > li.listWithBg > ul > li a {
		font-size: 13px;
		line-height: normal;
	}

	.boxSpecialServices .boxOneService img {
		width: 35px;
		height: auto;
		margin-right: 3px;
	}

	.boxSpecialServices .boxOneService {
		font-size: 11px;
	}

	.rowSpecialServices {
		padding-left: 7px;
		padding-right: 7px;
	}

		.rowSpecialServices > div {
			padding-left: 5px;
			padding-right: 5px;
		}

	.boxLinksList a {
		font-size: 12px;
	}

	.row4ArticlesTexts a {
		margin-bottom: 3px;
		padding-bottom: 3px;
	}

		.row4ArticlesTexts a span.txtTitle {
			font-size: 14px;
		}

	.boxSpecialServices .rowWroclawEvents .boxOneService img {
		width: 90%;
	}

	.wrapperGrayTimetable {
		font-size: 12px;
	}

	.rowGrayTimetable .boxTime {
		font-size: 9px;
	}

	.wrapperBoxLinks .boxLinksList a {
		font-size: 15px;
	}

	.boxButtonLinks a {
		margin: 0 0 10px 0;
	}

	.rowSmallPhotos .boxOnePhoto .boxTitle {
		font-size: 16px;
	}

	.boxDarkGallery .boxOnePhoto h3 {
		font-size: 15px;
	}

	.sliderGoDays {
		padding: 0 30px;
		position: relative;
	}

		.sliderGoDays .slick-prev {
			left: -5px;
		}

		.sliderGoDays .slick-next {
			right: -5px;
		}

		.sliderGoDays .goDay {
			font-size: 15px;
			padding: 0 5px;
		}

			.sliderGoDays .goDay a {
				padding: 5px;
			}

			.sliderGoDays .goDay span {
				font-size: 20px;
				line-height: 22px;
			}

	.listWithBg .lnkEvent a span.txtTitle {
		font-size: 16px;
	}

	.listPanelMoreArticles .photoArticle a.lnkArticle .txtTitle {
		font-size: 16px;
		line-height: normal;
	}

}

/* tablets */
@media (min-width: 768px) and (max-width: 991px) {

    .headerInfo, body > header .headerTools {
        text-align: center;
    }

	.toolFontSize {
		display: none;
	}

	.navbar-brand {
		padding-left: 10px;
		padding-right: 10px;
	}

	.mainMenu .navbar-default .navbar-nav .mega-dropdown > a {
		font-size: 12px;
		padding-left: 5px;
		padding-right: 5px;
	}

        .mainMenu .navbar-default .navbar-nav .mega-dropdown > a > h3 {
            font-size: 13px;
        }

	.mainMenu .navbar a.lnkMenuGo {
		font-size: 12px;
		padding-left: 5px;
		padding-right: 5px;
	}

    .mega-dropdown-menu > li > ul > li > a, .mega-dropdown-menu > li > ul > li.lnkMore a {
        font-size: 13px !important;
        padding-right: 0;
    }

    .mega-dropdown-menu .dropdown-header {
        font-size: 13px;
    }

    .mega-dropdown-menu > li.listWithTopPromo > ul > li a {
        font-size: 13px;
    }

    .navEssentials a > h3 {
        font-size: 13px;
    }

    .mainArticle header h3 a, .mainArticle header h3{
        font-size: 24px;
        line-height: normal;
    }

    .rowTextArticles a > h3 {
        font-size: 16px;
		line-height: 20px;
    }

    .mainArticle aside .imgAuthor {
        float: none;
    }

    .mainArticle aside br {
        display: none;
    }

    .mainArticle aside p {
        display: block;
        font-size: 11px;
        margin: 3px 0 5px 0;
    }

    .boxNewsletterRegister p {
        font-size: 12px;
    }

    .photoArticle a.lnkArticle, .photoArticle a.lnkArticle h3 {
        font-size: 16px;
    }

    .boxWroclawSocial a {
        font-size: 24px;
    }

    .rowTextArticles a:first-child {
        margin-top: 10px;
    }

	.row4ArticlesTexts a {
		padding-bottom: 5px;
		margin-bottom: 5px;
	}

	.boxGoSearch {
		margin-top: 30px;
	}

	.row-flex {
		display: block;
	}

	.wrapperBoxLinks, .boxWithBorder, .boxDarkGallery, .boxGrayWithPhotoTimetable, .box4ArticlesPhoto {
		margin-top: 30px;
	}

	.row.withTopMargin {
		margin-top: 0;
	}

	.rowFooter .boxFooter1 {
		border-right: 0;
	}

	.boxFooterWroLogo img {
		max-width: 100%;
		height: auto;
	}

	.mega-dropdown-menu > li.listWithBg > ul > li a {
		font-size: 12px;
		padding: 3px 10px;
	}

	.topLogo .txtTitle {
		margin-left: 5px;
	}

	.listPanelMoreArticles .photoArticle:last-of-type {
		margin-bottom: 0;
	}

}

/* mobile styles */
@media (max-width: 767px) {

	body > header .headerInfo {
		color: #979797;
		font-size: 12px;
		background-color: #1c1c1c;
	}

	.toolFontSize {
		display: none;
	}

	.topLangSearch {
		position: static;
		padding-top: 0;
		min-height: 0;
	}

	.topLangSearch .topLangsList {
		position: absolute;
		top: 5px;
		right: 15px;
	}

		.topLangSearch .topLangsList a {
			color: #979797;
			padding: 5px 3px;
			margin-left: 2px;
		}

		.topLangSearch .topLangsList a:hover, .topLangSearch .topLangsList a.langActive {
			background-color: #e3f5fd;
			text-decoration: none;
			color: #000;
		}

	.topLogo {
		padding: 0;
	}

	.logoWroclawMobile {
		display: block;
		height: 60px;
		background: #333333 url('../img/img-logo-wroclaw-mobile.png') no-repeat 18px 50%;
	}

	.mainMenu {
		margin-top: 0;
	}

		.mainMenu > nav.navbar.navbar-default {
			min-height: auto;
			border: 0;
			margin-left: -15px;
			margin-right: -15px;
		}

	.mainMenu .navbar-collapse.in {
		overflow-y: visible;
		padding-bottom: 20px;
	}

	.mainMenu > nav.navbar.navbar-default button.navbar-toggle {
		position: absolute;
		right: 0;
		top: -62px;
		margin-right: 0;
		padding: 20px 15px;
		background-color: transparent;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		border: 0;
	}

		.mainMenu > nav.navbar.navbar-default button.navbar-toggle span.icon-bar {
			background-color: #fff;
		}

		.mainMenu > nav.navbar.navbar-default .navbar-toggle:hover, .mainMenu > nav.navbar.navbar-default .navbar-toggle.isOpened {
			background-color: #efefef;
		}

			.mainMenu > nav.navbar.navbar-default .navbar-toggle:hover span.icon-bar, .mainMenu > nav.navbar.navbar-default .navbar-toggle.isOpened span.icon-bar {
				background-color: #000;
			}

    .mainMenu .navbar-default .navbar-nav .mega-dropdown > a:hover {
        text-decoration: underline;
    }
    
    .mainMenu .navbar a.lnkMenuGo {
        position: static;
        padding: 10px 15px;
        line-height: 20px;
        background-color: transparent;
        color: #3dade4;
        height: auto;
        margin-bottom: 10px;
        width: 100%;
		display: block;
    }

        .mainMenu .navbar a.lnkMenuGo:hover {
            color: #3dade4 !important;
			background-color: #fff;
        }

        .mainMenu .navbar a.lnkMenuGo:before {
            display: none !important;
        }

    .mainMenu .navbar-nav {
        margin: 0;
    }

	.mainMenu .navbar-default .navbar-nav .mega-dropdown .dropdown-toggle:before {
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		position: absolute;
		right: 22px;
		top: 12px;
		content: '\e80b';
		color: #a1a3a4;
		text-decoration: none;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

		.mainMenu .navbar-default .navbar-nav .mega-dropdown.open .dropdown-toggle:before {
			transform: rotate(180deg) ;
			-webkit-transform: rotate(180deg) ;
			-moz-transform: rotate(180deg) ;
			-o-transform: rotate(180deg) ;
			-ms-transform: rotate(180deg) ;
		}












    .mainArticle header h3 a, .mainArticle header h3 {
        font-size: 24px;
        line-height: normal;
    }

    .mainArticle aside {

    }

	.mainArticle aside img {
		float: right;
		margin: 0 0 0 10px;
	}

    .navEssentials {
        margin-top: 12px;
		padding: 20px 10px;
    }

        .navEssentials a {
            font-size: 13px;
			padding-left: 0;
			padding-right: 0;
        }

	.row-flex {
		display: block;
	}

	.boxLinksMore {
		display: none;
	}

	.boxGoSearch {
		margin-top: 30px;
	}

	.rowWroclawEvents .boxOneService {
		margin-bottom: 15px;
	}

	.boxGrayWithPhotoTimetable .boxGrayTimetable {
		padding-top: 20px;
	}

	.boxBannerCalendar > p {
		float: none !important;
		text-align: center;
	}

		.boxBannerCalendar > p:first-child, .boxSpecialServices .boxOneService {
			margin-bottom: 15px;
		}

	.boxWithBorder .boxOnePhoto, .boxDarkGallery .boxOnePhoto, .boxDarkGalleryVideo {
		margin-bottom: 20px;
	}

		.boxWithBorder .boxOnePhoto a span {
			font-size: 24px;
		}

	.boxFooter1 {
		margin-bottom: 30px;
	}

	.wrapper4ArticlesPhoto {
		padding-left: 15px;
		padding-right: 15px;
	}

		.col4ArticlesPhoto {
			padding-left: 0;
			padding-right: 0;
		}

	.boxGoPhotoEvents .listWithLinks li, .listWithLinksBlock li {
		display: block;
	}

    .sliderGoDays {
        padding: 0 20px;
        position: relative;
    }

        .sliderGoDays .slick-prev {
            left: -5px;
        }

        .sliderGoDays .slick-next {
            right: -5px;
        }

        .sliderGoDays .goDay {
            font-size: 15px;
            padding: 0 5px;
        }

            .sliderGoDays .goDay a {
                padding: 5px 10px;
            }

            .sliderGoDays .goDay span {
                font-size: 20px;
                line-height: 22px;
            }

    .boxButtonLinks a {
        margin: 0 5px 5px 0;
    }

	.formTimetable input[type="submit"] {
		font-size: 12px;
	}

	.navEssentials a > h3 {
		font-size: 13px;
	}

	/* popup transport */
	.wrapperPopupTransport {
		width: 100%;
	}

		.wrapperPopupInfo .boxPopupText {
			width: 100%;
		}

			.txtTimetableNo {
				float: none;
				margin: 0 auto;
				display: block;
			}

			.wrapperPopupInfo .boxPopupText h3 {
				text-align: center;
			}

			.wrapperPopupInfo .boxPopupText p {
				margin-bottom: 30px;
			}

	.wrapperPopupFooter {
		padding: 15px;
	}

			.wrapperPopupFooter p {
				float: none;
				width: 100%;
				display: block;
			}

			.wrapperPopupFooter a.lnkSignIn {
				float: none;
				margin: 20px auto 0 auto;
				display: block;
				max-width: 50%;
				text-align: center;
			}

	body > header .headerTools {
		padding: 0;
	}

		body > header .headerTools .toolColorVersion {
			position: absolute;
			top: -40px;
			right: 140px;
			border: 0;
		}

	.boxBannerCalendar h2.txtTitle {
		font-size: 14px;
	}

	.boxBannerCalendar p.txtDesc {
		font-size: 11px;
		line-height: normal;
		padding-right: 20px;
	}

		.boxBannerCalendar p.txtDesc br {
			display: none;
		}

}














/* high contrast version */
body.highContrast,
body.highContrast > header,
body.highContrast .navEssentials,
body.highContrast .boxTimetable,
body.highContrast .boxGoSearchCategory,
body.highContrast .sliderGoDays .goDay a,
body.highContrast .sod_select,
body.highContrast .sod_select .sod_list_wrapper,
body.highContrast .boxDarkGallery,
body.highContrast > footer,
body.highContrast .boxGrayWithPhotoTimetable,
body.highContrast .wrapperGrayTimetable
{
	background-color: #000;
	color: yellow;
}

	body.highContrast .topLogo img {
		display: none;
	}

	body.highContrast .logoWroclawMobile {
		display: block !important;
		height: 43px;
		width: 194px;
		float: left;
		background: #000 url('../img/img-logo-wroclaw-white.png') no-repeat center;
	}

body.highContrast a,
body.highContrast a:hover,
body.highContrast a:focus {
	color: yellow;
	text-decoration: underline;
}

body.highContrast a:focus {
	outline-color: #fff;
}

body.highContrast > header .headerInfo,
body.highContrast > header .headerInfo a,
body.highContrast > header .headerTools a,
body.highContrast > header .headerTools,
body.highContrast .topLangSearch .topLangsList a,
body.highContrast .topSearchWrapper button,
body.highContrast .mainMenu .navbar-default .navbar-nav .mega-dropdown > a,
body.highContrast .navbar-default .navbar-brand,
body.highContrast .txtEssentialsTitle,
body.highContrast .navEssentials a:hover h3,
body.highContrast .photoArticle a.lnkArticle,
body.highContrast .mainArticle header h2,
body.highContrast .mainArticle header h3,
body.highContrast .topLogo .txtTitle,
body.highContrast .boxWroclawSocial a i,
body.highContrast .titleHeader,
body.highContrast .mega-dropdown-menu .dropdown-header,
body.highContrast .mega-dropdown-menu > li > ul > li > a,
body.highContrast .formTimetable label,
body.highContrast .formTimetable span.boxSpacer,
body.highContrast p.txtTimetableChanges span.txtDate,
body.highContrast .row4ArticlesTexts a span.txtCategory,
body.highContrast .col4ArticlesPhoto article .boxDateTitle,
body.highContrast .boxGoSearchCategory header.rowGoSearchCategory,
body.highContrast .boxGoSearchCategory header.rowGoSearchCategory a,
body.highContrast .boxGoSearchCategoriesTitle label,
body.highContrast .txtGoSearchLabel,
body.highContrast .sliderGoDays .slick-prev,
body.highContrast .sliderGoDays .slick-next,
body.highContrast .boxGoSearchDays .txtGoInfo,
body.highContrast .sod_select::before,
body.highContrast .boxWithBorder .boxOnePhoto a > h3,
body.highContrast .boxDarkGallery .boxOnePhoto h3,
body.highContrast .boxDarkGallery header .boxLinks i,
body.highContrast .rowFooterCopy p,
body.highContrast .rowGrayTimetable .boxTime,
body.highContrast .boxGrayWithPhotoTimetable .boxArticlePhotoText .lnkTextLine span,
body.highContrast .wrapperBoxLinks i,
body.highContrast .boxBannerCalendar p.txtDesc::after,
body.highContrast .boxFooter1 i
{
	color: yellow;
}

body.highContrast .mega-dropdown-menu .dropdown-header,
body.highContrast .txtCategoryLabel,
body.highContrast .mainMenu .dropdown-menu,
body.highContrast .titleHeader,
body.highContrast .boxGoSearch hr,
body.highContrast .sliderGoDays .goDay a,
body.highContrast .sod_select,
body.highContrast .sod_select .sod_list_wrapper,
body.highContrast .boxButtonLinks a,
body.highContrast .rowFooterWide hr,
body.highContrast .rowFooter .boxFooter1,
body.highContrast .rowFooter .boxFooter2,
body.highContrast .rowGrayTimetable .boxTime,
body.highContrast .wrapperGrayTimetable hr,
body.highContrast .boxGrayWithPhotoTimetable .boxArticlePhotoText .lnkText
{
	border-color: yellow;
}

body.highContrast .txtCategoryLabel,
body.highContrast .mainMenu .dropdown-menu {
	background-color: #000 !important;
	color: yellow !important;
}

body.highContrast .navEssentials a i {
	color: #fff;
}

body.highContrast > header .headerTools a.lnkColorContrast {
	color: #000;
}

body.highContrast .topLangSearch .topLangsList a:hover,
body.highContrast .topLangSearch .topLangsList a.langActive,
body.highContrast .mainMenu .navbar-default .navbar-nav .mega-dropdown.open > a,
body.highContrast .mainMenu .navbar-default .navbar-nav .mega-dropdown.open > a::after,
body.highContrast .mega-dropdown-menu > li > ul > li > a:hover,
body.highContrast .mega-dropdown-menu > li > ul > li > a:focus,
body.highContrast .mainMenu .navbar a.lnkMenuGo:hover,
body.highContrast .boxButtonLinks a:hover
{
	background-color: yellow;
	color: #000;
}

body.highContrast .mega-dropdown-menu > li.listTimetables > ul > li a span.txtLine,
body.highContrast .formTimetable input[type="submit"],
body.highContrast .formTimetable input[type="text"] {
	background-color: #000;
	border: 1px solid yellow;
	color: yellow;
}

body.highContrast .mainMenu .navbar-default .navbar-nav .mega-dropdown > a:hover,
body.highContrast .lnkTimetable:hover,
body.highContrast .lnkTimetable:focus
{
	background-color: yellow;
	color: #000;
}

body.highContrast .topSearch input[type="text"],
body.highContrast .mainMenu > nav,
body.highContrast .mainMenu .navbar a.lnkMenuGo {
	background-color: #000;
	border-color: yellow;
	color: yellow;
}

body.highContrast .mainMenu .navbar a.lnkMenuGo {
	border: 1px solid yellow;
	border-left: 0;
}

body.highContrast .boxWroclawSocial a {
	text-decoration: none;
}

body.highContrast .mega-dropdown-menu > li > ul > li,
body.highContrast .boxLinksList a,
body.highContrast .row4ArticlesTexts a,
body.highContrast .rowTextArticles a,
body.highContrast .boxMoreWide
{
	border: 0;
}

body.highContrast .withBottomBorder,
body.highContrast .wrapperBoxLinks,
body.highContrast .boxWithBorder,
body.highContrast .boxWithBorder header,
body.highContrast .rowSmallPhotos .boxOnePhoto
{
	border-color: yellow;
}

body.highContrast .boxGradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&amp;0.2+0,1+91 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,1) 91%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(91%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,1) 91%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,1) 91%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,1) 91%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,1) 91%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

body.highContrast .boxMPKLogo,
body.highContrast .sod_select .sod_option.selected::before,
body.highContrast .boxFooter1 img,
body.highContrast .boxGrayWithPhotoTimetable .logoRightTop
{
	display: none;
}

body.highContrast .boxBannerCalendar
{
	background: #000;
	border-color: yellow;
}

body.highContrast .sliderGoDays .goDay a:hover,
body.highContrast .sliderGoDays .goDay a:focus,
body.highContrast .sliderGoDays .goDay.goDayToday a,
body.highContrast .sod_select .sod_option.active,
body.highContrast .boxGoSearchDays a.lnkWeekend
{
	background-color: yellow;
	color: #000;
}






/*******
* Font Small
*******/
body.fontSmall {
	font-size: 14px;
}

body.fontSmall .mega-dropdown-menu > li > ul > li.lnkMore a,
body.fontSmall .boxMoreWide a,
body.fontSmall .boxSpecialServices .boxOneService,
body.fontSmall p.txtTimetableChanges span.txtDate,
body.fontSmall .boxTimetable .txtLinks,
body.fontSmall .box4ArticlesPhoto .boxLinksMore,
body.fontSmall .boxGoSearchCategory header.rowGoSearchCategory a,
body.fontSmall .boxGoSearchDays .txtGoInfo,
body.fontSmall .boxButtonLinks a,
body.fontSmall .boxWithBorder header .boxLinks,
body.fontSmall .rowSmallPhotos .boxOnePhoto .boxTitle time,
body.fontSmall .txtFooterBold,
body.fontSmall .boxAddressData,
body.fontSmall .boxFooter2 a,
body.fontSmall .boxFooter3 a,
body.fontSmall .rowFooterWide,
body.fontSmall .rowFooterCopy p
{
	font-size: 11px;
}

body.fontSmall > header,
body.fontSmall .topLogo .txtTitle,
body.fontSmall .mega-dropdown-menu > li > ul > li > a,
body.fontSmall .formTimetable input[type="submit"],
body.fontSmall .boxGrayWithPhotoTimetable > p,
body.fontSmall .wrapperGrayTimetable,
body.fontSmall .boxBannerCalendar p.txtDesc,
body.fontSmall .boxContactData p,
body.fontSmall .topLangSearch .topLangsList a,
body.fontSmall .boxNewsletterRegister p
{
	font-size: 12px;
}

body.fontSmall .mega-dropdown-menu .dropdown-header,
body.fontSmall .navEssentials a > h3,
body.fontSmall .boxLinksList a,
body.fontSmall .lnkTimetable,
body.fontSmall .boxGoSearchCategoriesTitle label,
body.fontSmall .txtGoSearchLabel,
body.fontSmall .sod_select,
body.fontSmall .wrapperBoxLinks .boxLinksList a,
body.fontSmall .topSearch input[type="text"]
{
	font-size: 13px;
}

body.fontSmall .mainMenu .navbar-default .navbar-nav .mega-dropdown > a > h3,
body.fontSmall .mega-dropdown-menu > li.listWithTopPromo > ul > li a,
body.fontSmall .mainMenu .navbar a.lnkMenuGo,
body.fontSmall .rowTextArticles a > h3,
body.fontSmall .boxTimetable h2.txtTitle,
body.fontSmall p.txtTimetableChanges,
body.fontSmall .sliderGoDays .goDay,
body.fontSmall .boxGoSearchDays a.lnkWeekend,
body.fontSmall .titleRoboto,
body.fontSmall .boxGrayWithPhotoTimetable .boxArticlePhotoText .lnkTextLine,
body.fontSmall .boxNewsletterRegister a
{
	font-size: 14px;
}

body.fontSmall .mega-dropdown-menu > li.listWithTopPromo > ul > li.topPromo a,
body.fontSmall .txtEssentialsTitle,
body.fontSmall .photoArticle a.lnkArticle .txtTitle,
body.fontSmall .titleHeader,
body.fontSmall .boxTransportAlerts .titleHeader,
body.fontSmall .col4ArticlesPhoto article .boxDateTitle h3,
body.fontSmall .row4ArticlesTexts a span.txtTitle,
body.fontSmall .boxGoSearchCategory header.rowGoSearchCategory h2,
body.fontSmall .boxGrayWithPhotoTimetable .boxArticlePhotoText .lnkText,
body.fontSmall .wrapperBoxLinks .boxLinksList .titleHeader,
body.fontSmall .boxBannerCalendar h2.txtTitle,
body.fontSmall .boxWithBorder header h2,
body.fontSmall .boxWithBorder .boxOnePhoto a > h3,
body.fontSmall .rowSmallPhotos .boxOnePhoto .boxTitle,
body.fontSmall .rowSmallPhotos .boxOnePhoto .boxTitle h3,
body.fontSmall .boxDarkGallery header h2,
body.fontSmall .boxDarkGallery .boxOnePhoto h3,
body.fontSmall .boxContactData a
{
	font-size: 16px;
}

body.fontSmall .sliderGoDays .goDay span,
body.fontSmall .boxNewsletterRegister h3,
body.fontSmall .boxNewsletterRegister h2
{
	font-size: 22px;
}

body.fontSmall .mainArticle header h2,
body.fontSmall .mainArticle header h3
{
	font-size: 36px;
}




/*******
* Font Smaller
*******/
body.fontSmaller {
	font-size: 13px;
}

body.fontSmaller .mega-dropdown-menu > li > ul > li.lnkMore a,
body.fontSmaller .boxMoreWide a,
body.fontSmaller .boxSpecialServices .boxOneService,
body.fontSmaller p.txtTimetableChanges span.txtDate,
body.fontSmaller .boxTimetable .txtLinks,
body.fontSmaller .box4ArticlesPhoto .boxLinksMore,
body.fontSmaller .boxGoSearchCategory header.rowGoSearchCategory a,
body.fontSmaller .boxGoSearchDays .txtGoInfo,
body.fontSmaller .boxButtonLinks a,
body.fontSmaller .boxWithBorder header .boxLinks,
body.fontSmaller .rowSmallPhotos .boxOnePhoto .boxTitle time,
body.fontSmaller .txtFooterBold,
body.fontSmaller .boxAddressData,
body.fontSmaller .boxFooter2 a,
body.fontSmaller .boxFooter3 a,
body.fontSmaller .rowFooterWide,
body.fontSmaller .rowFooterCopy p
{
	font-size: 10px;
}

body.fontSmaller > header,
body.fontSmaller .topLogo .txtTitle,
body.fontSmaller .mega-dropdown-menu > li > ul > li > a,
body.fontSmaller .formTimetable input[type="submit"],
body.fontSmaller .boxGrayWithPhotoTimetable > p,
body.fontSmaller .wrapperGrayTimetable,
body.fontSmaller .boxBannerCalendar p.txtDesc,
body.fontSmaller .boxContactData p,
body.fontSmaller .topLangSearch .topLangsList a,
body.fontSmaller .boxNewsletterRegister p
{
	font-size: 11px;
}

body.fontSmaller .mega-dropdown-menu .dropdown-header,
body.fontSmaller .navEssentials a > h3,
body.fontSmaller .boxLinksList a,
body.fontSmaller .lnkTimetable,
body.fontSmaller .boxGoSearchCategoriesTitle label,
body.fontSmaller .txtGoSearchLabel,
body.fontSmaller .sod_select,
body.fontSmaller .wrapperBoxLinks .boxLinksList a,
body.fontSmaller .topSearch input[type="text"]
{
	font-size: 12px;
}

body.fontSmaller .mainMenu .navbar-default .navbar-nav .mega-dropdown > a > h3,
body.fontSmaller .mega-dropdown-menu > li.listWithTopPromo > ul > li a,
body.fontSmaller .mainMenu .navbar a.lnkMenuGo,
body.fontSmaller .rowTextArticles a > h3,
body.fontSmaller .boxTimetable h2.txtTitle,
body.fontSmaller p.txtTimetableChanges,
body.fontSmaller .sliderGoDays .goDay,
body.fontSmaller .boxGoSearchDays a.lnkWeekend,
body.fontSmaller .titleRoboto,
body.fontSmaller .boxGrayWithPhotoTimetable .boxArticlePhotoText .lnkTextLine,
body.fontSmaller .boxNewsletterRegister a
{
	font-size: 13px;
}

body.fontSmaller .mega-dropdown-menu > li.listWithTopPromo > ul > li.topPromo a,
body.fontSmaller .txtEssentialsTitle,
body.fontSmaller .photoArticle a.lnkArticle .txtTitle,
body.fontSmaller .titleHeader,
body.fontSmaller .boxTransportAlerts .titleHeader,
body.fontSmaller .col4ArticlesPhoto article .boxDateTitle h3,
body.fontSmaller .row4ArticlesTexts a span.txtTitle,
body.fontSmaller .boxGoSearchCategory header.rowGoSearchCategory h2,
body.fontSmaller .boxGrayWithPhotoTimetable .boxArticlePhotoText .lnkText,
body.fontSmaller .wrapperBoxLinks .boxLinksList .titleHeader,
body.fontSmaller .boxBannerCalendar h2.txtTitle,
body.fontSmaller .boxWithBorder header h2,
body.fontSmaller .boxWithBorder .boxOnePhoto a > h3,
body.fontSmaller .rowSmallPhotos .boxOnePhoto .boxTitle,
body.fontSmaller .rowSmallPhotos .boxOnePhoto .boxTitle h3,
body.fontSmaller .boxDarkGallery header h2,
body.fontSmaller .boxDarkGallery .boxOnePhoto h3,
body.fontSmaller .boxContactData a
{
	font-size: 14px;
}

body.fontSmaller .sliderGoDays .goDay span,
body.fontSmaller .boxNewsletterRegister h3,
body.fontSmaller .boxNewsletterRegister h2
{
	font-size: 18px;
}

body.fontSmaller .mainArticle header h2,
body.fontSmaller .mainArticle header h3
{
	font-size: 28px;
}


/*******
* Font Large
*******/
body.fontLarge {
	font-size: 20px;
}

body.fontLarge .mega-dropdown-menu > li > ul > li.lnkMore a,
body.fontLarge .boxMoreWide a,
body.fontLarge .boxSpecialServices .boxOneService,
body.fontLarge p.txtTimetableChanges span.txtDate,
body.fontLarge .boxTimetable .txtLinks,
body.fontLarge .box4ArticlesPhoto .boxLinksMore,
body.fontLarge .boxGoSearchCategory header.rowGoSearchCategory a,
body.fontLarge .boxGoSearchDays .txtGoInfo,
body.fontLarge .boxButtonLinks a,
body.fontLarge .boxWithBorder header .boxLinks,
body.fontLarge .rowSmallPhotos .boxOnePhoto .boxTitle time,
body.fontLarge .txtFooterBold,
body.fontLarge .boxAddressData,
body.fontLarge .boxFooter2 a,
body.fontLarge .boxFooter3 a,
body.fontLarge .rowFooterWide,
body.fontLarge .rowFooterCopy p
{
	font-size: 14px;
}

body.fontLarge > header,
body.fontLarge .topLogo .txtTitle,
body.fontLarge .mega-dropdown-menu > li > ul > li > a,
body.fontLarge .formTimetable input[type="submit"],
body.fontLarge .boxGrayWithPhotoTimetable > p,
body.fontLarge .wrapperGrayTimetable,
body.fontLarge .boxBannerCalendar p.txtDesc,
body.fontLarge .boxContactData p,
body.fontLarge .topLangSearch .topLangsList a,
body.fontLarge .boxNewsletterRegister p,
body.fontLarge .navEssentials a > h3
{
	font-size: 16px;
}

body.fontLarge .mega-dropdown-menu .dropdown-header,
body.fontLarge .boxLinksList a,
body.fontLarge .lnkTimetable,
body.fontLarge .boxGoSearchCategoriesTitle label,
body.fontLarge .txtGoSearchLabel,
body.fontLarge .sod_select,
body.fontLarge .wrapperBoxLinks .boxLinksList a,
body.fontLarge .topSearch input[type="text"],
body.fontLarge .mainMenu .navbar-default .navbar-nav .mega-dropdown > a > h3
{
	font-size: 18px;
}

body.fontLarge .mega-dropdown-menu > li.listWithTopPromo > ul > li a,
body.fontLarge .mainMenu .navbar a.lnkMenuGo,
body.fontLarge .rowTextArticles a > h3,
body.fontLarge .boxTimetable h2.txtTitle,
body.fontLarge p.txtTimetableChanges,
body.fontLarge .sliderGoDays .goDay,
body.fontLarge .boxGoSearchDays a.lnkWeekend,
body.fontLarge .titleRoboto,
body.fontLarge .boxGrayWithPhotoTimetable .boxArticlePhotoText .lnkTextLine,
body.fontLarge .boxNewsletterRegister a
{
	font-size: 20px;
}

body.fontLarge .mega-dropdown-menu > li.listWithTopPromo > ul > li.topPromo a,
body.fontLarge .txtEssentialsTitle,
body.fontLarge .photoArticle a.lnkArticle .txtTitle,
body.fontLarge .titleHeader,
body.fontLarge .boxTransportAlerts .titleHeader,
body.fontLarge .col4ArticlesPhoto article .boxDateTitle h3,
body.fontLarge .row4ArticlesTexts a span.txtTitle,
body.fontLarge .boxGoSearchCategory header.rowGoSearchCategory h2,
body.fontLarge .boxGrayWithPhotoTimetable .boxArticlePhotoText .lnkText,
body.fontLarge .wrapperBoxLinks .boxLinksList .titleHeader,
body.fontLarge .boxBannerCalendar h2.txtTitle,
body.fontLarge .boxWithBorder header h2,
body.fontLarge .boxWithBorder .boxOnePhoto a > h3,
body.fontLarge .rowSmallPhotos .boxOnePhoto .boxTitle,
body.fontLarge .rowSmallPhotos .boxOnePhoto .boxTitle h3,
body.fontLarge .boxDarkGallery header h2,
body.fontLarge .boxDarkGallery .boxOnePhoto h3,
body.fontLarge .boxContactData a
{
	font-size: 24px;
}

body.fontLarge .sliderGoDays .goDay span,
body.fontLarge .boxNewsletterRegister h3,
body.fontLarge .boxNewsletterRegister h2
{
	font-size: 28px;
}

body.fontLarge .mainArticle header h2,
body.fontLarge .mainArticle header h3
{
	font-size: 44px;
}