@font-face
{
	font-family: 'Raleway';
	src: url("../fonts/Raleway-Regular.ttf");
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: 'Raleway';
	src: url("../fonts/Raleway-Italic.ttf");
	font-weight: normal;
	font-style: italic;
}
@font-face
{
	font-family: 'Raleway';
	src: url("../fonts/Raleway-Bold.ttf");
	font-weight: bold;
	font-style: normal;
}
@font-face
{
	font-family: 'Raleway';
	src: url("../fonts/Raleway-BoldItalic.ttf");
	font-weight: bold;
	font-style: italic;
}

@font-face
{
	font-family: 'Montserrat';
	src: url("../fonts/Montserrat-Regular.ttf");
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: 'Montserrat';
	src: url("../fonts/Montserrat-Italic.ttf");
	font-weight: normal;
	font-style: italic;
}
@font-face
{
	font-family: 'Montserrat';
	src: url("../fonts/Montserrat-Bold.ttf");
	font-weight: bold;
	font-style: normal;
}
@font-face
{
	font-family: 'Montserrat';
	src: url("../fonts/Montserrat-BoldItalic.ttf");
	font-weight: bold;
	font-style: italic;
}

BODY
{
	margin:0px;
	padding:0px;
	background:#fff;
	color:#555;
	font:16px 'Raleway';
}

table
{
	margin:0;
	color:#444;
	font:16px 'Raleway';
}

p {margin-top:0;}

input::-moz-focus-inner /* Removes button padding in FF */
{ 
	border:0;
	padding:0;
}

/* linki */
a:link, a:visited
{
	color:#26709d;
	text-decoration:none;
	font-weight:bold;
}
a:hover
{
	color:#777;
	text-decoration:none;
	font-weight:bold;
}

/* formularz */
input[type='text'], input[type='password'], textarea, select
{
	border:1px solid #bbb;
	background:#f4f4f4;
	padding:4px;
	margin-right:6px;
	font-size:14px;
	font-family:'Tahoma';
	color:#666;
}

input[type='submit'], input[type='button'], a.button
{
	border:0;
	padding:4px 20px 4px 20px;
	background:#307a7a;
	color: #fff;
	cursor: pointer;
}
input[type='submit']:hover, input[type='button']:hover, a.button
{
	background:#555;
}
input[type='text'].error, input[type='password'].error, textarea.error, select.error, label.error, span.error
{
	border:1px solid #cc0000;
}
input[type='text'].short, input[type='password']
{
	width:130px !important;
}
input[type='text'].date
{
	width:100px !important;
}


/* dopasowuje zdjęcia z klas± "responsive" do rozmiaru strony */
img.responsive
{
	max-width:100% !important;
	height:auto !important;
	float:none !important;
}

/* długa tabelka przesuwana poziomo na telefonie */
div.table_container
{
	overflow:hidden;
	width:auto;
}
div.table_container_in
{
	overflow-x:auto;
}

.clear
{
	clear:both;
	overflow:hidden;
	float:none !important;
}
.block
{
	clear:both;
	margin-top:5px;
	margin-bottom:5px;
}
div.no_page
{
	text-align:center;
	font-size:16px;
}
div.no_page h3
{
	font-size:25px;
}
div.no_page img
{
	width:180px;
	height:auto;
}

/* tabelka na formularz */
div.table
{
	display:table;
}
div.table_margin
{
	display:table;
	margin-top:12px;
}
div.tr
{
	display:table-row;
}
div.td
{
	display:table-cell;
	vertical-align:middle;
	padding: 4px 6px 4px 0;
}
div.td input[type="text"], div.td textarea
{
	width:290px;
}
div.td textarea
{
	height:100px;
}
div.critical_error h3
{
	margin-bottom:4px;
}
div.error
{
	background:#cc0001;
	background-image:url('../images/attention.png');
	background-position:10px 10px;
	background-repeat:no-repeat;
	padding:10px 10px 10px 60px;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	margin-top:12px;
	margin-bottom:12px;
	min-height:50px;
	height:auto;
}

div.error a:link, div.error a:visited
{
	color:#93deff;
	text-decoration:underline;
}

div.error a:hover
{
	color:#fff;
	text-decoration:underline;
}

div.frame
{
	background:#f4f4f4;
	border:1px solid #AAA;
	padding:15px;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
}

div.back
{
	margin-top:10px;
	clear:both;
}

H3.title
{
	font-size:36px;
	font-family:'Montserrat';
	color:#2571a2;
	font-weight:bold;
	margin:0;
	margin-top:20px;
	margin-bottom:50px;
}
h4.small_header
{
	font-size:16px;
	margin-top:0;
	margin-bottom:12px;
}
span.first_element
{
	font-size:26px;
	color:#bb0000;
}

/* tabelka do wyswietlania listy rekordów */
table.list
{
	margin-top:8px;
}
table.list td, table.list th
{
	padding: 6px;
}
table.list th
{
	background:#d2d2d2;
	color:#232323;
	text-align:center;
	font-weight:normal;
}
tr.list1,td.list1
{
	background:#e6e6e6;
	color:#222222;
}
tr.list2,td.list2
{
	background:#f1f1f1;
	color:#222222;
}
tr.list1 p, tr.list2 p
{
	margin:0;
}
tr.highlight
{
	background:#c5f051;
}

div#arrow_up
{
	background:#307a7a;
	width:45px;
	height:38px;
	padding-top:5px;
	margin-right:15px;
	margin-top:60px;
	font-size:26px;
	color:#fff;
	text-align:center;
	cursor:pointer;
	float:right;
	-webkit-transition: background-color 0.5s;
	transition: background-color 0.5s;
}
div#arrow_up:hover
{
	background:#cc0000;
}
div#print
{
	float:right;
}
div#print a
{
	font-weight:normal;
}
div.line
{
	background: #bbb5b5;
	height: 1px;
	margin-top: 8px;
	margin-bottom: 8px;
	overflow:hidden;
	clear:both;
}

div.paginator
{
	margin-top:15px;
	font-size:13px;
}
div.paginator a, span.paginator_no_active
{
	background:#888;
	color:#fff;
	padding:4px 8px 5px 8px;
	text-align:center;
	display:block;
	float:left;
	margin-right:2px;
	font-weight:normal;
}
div.paginator a:hover
{
	background:#307a7a;
}
span.paginator_no_active
{
	background:#444;
}


/* -- wyszukiwarka i języki -- */
div#langs_search
{
	height:30px;
	margin-top:10px;
}

/* języki */
div#langs
{
	margin-top:5px;
	margin-left:15px;
	float:left;
}
div#langs a:link, div#langs a:visited
{
	color:#444;
	text-decoration:none;
	font-weight:normal;
}
div#langs a:hover
{
	color:#cc0000;
}
/* wybrany język */
div#langs span
{
	color:#444;
	font-weight:bold;
}
div#search
{
	float:right;
	margin-right:10px;
}

/* breadcrumb (path) */
div#breadcrumb
{
	font-size:13px;
	margin-top:5px;
	margin-bottom:5px;
	color:#777;
}
div#breadcrumb a
{
	font-weight:normal;
}
div.cms_edit
{
	float:right;
	background:#fff;
	padding:1px 5px 2px 5px;
	border:1px solid #ccc;
}
div.cms_edit a
{
	color:#bb0000 !important;
}
div.cms_edit a:hover
{
	color:#000 !important;
}

.visible
{
	display:inline;
}
.hidden
{
	display:none;
}

/* --- konstrukcja --- */
div.top_header
{
	width:1180px;
	margin:auto;
	text-align:center;
	margin-top:35px;
	margin-bottom:35px;
}
div.top_header H3
{
	font-size:26px;
	color:#888;
}
div#menu_bar
{
	width:100%;
	height:105px;
	margin:auto;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
div#top_container
{
	width:1180px;
	height:90px;
	margin:auto;
	margin-top:10px;
}

img#logo
{
	display:block;
	float:left;
	width:100px;
	height:auto;
	margin-right:25px;
}
div#top_address
{
	width:500px;
	float:right;
	text-align:right;
	margin-top:8px;
}
div#top_address h1
{
	margin-top:0;
	margin-bottom:0;
	margin-bottom:3px;
	font-size:18px;
}
a.route
{
	color:#666;
}
a.route:hover
{
	color:#2571a2;
}
a#route_regular
{
	display:block;
	float:left;
	margin-top:25px;
	font-size:20px;
}
a#route_mobile
{
	display:none;
	font-size:30px;
	margin-top:20px;
}

/* nr telefonu na pasku górnym - nieużywane */
span.phone
{
	font-size:17px;
}

div.container
{
	width:1180px;
	margin:auto;
	min-height:200px;
	box-sizing:border-box;
	padding:13px;
	background:#FFF;
}
div#slider_container
{
	width:1180px;
	margin:auto;
	margin-top:15px;
}
div#main_content /* prosty układ bez kolumn */
{
	padding:15px;
	padding-bottom:25px;
}

/* dolne menu */
footer#bottom_menu
{
	width:1180px;
	box-sizing:border-box;
	margin:auto;
	margin-top:20px;
	background-color:#26709d;
	color:#fff;
	padding:25px;
}
div.bottom_column
{
	max-width:50%;
	float:left;
	color:#fff;
	line-height:23px;
}
div.bottom_column H4
{
	margin-top:4px;
	margin-bottom:8px;
}

div.bottom_column ul
{
	list-style:none;
	margin-top:0;
	margin-bottom:8px;
	padding:0;
}
div.bottom_column li
{
	margin:0;
	padding:0;
}
div.bottom_column a
{
	color:#fff;
	text-decoration: none;
	font-weight:normal;
}
div.bottom_column a:hover
{
	color:#fff;
	text-decoration:underline;
	font-weight:normal;
}

/* stopka */
footer#copyright
{
	width:1180px;
	min-height:35px;
	height:auto;
	margin:auto;
	font-size:12px;
	background:#26709d;
	color:#fff;
}
div#copy
{
	float:left;
	padding:11px 0 20px 25px;
}
div#web
{
	float:right;
	padding:11px 25px 20px 0;
}
div#web a
{
	color:#fff;
}
div.page_content
{
	margin-top:25px;
}

/* kolumny na stronie głównej - nie używane obecnie */
div#column_left, div#column_right
{
	float:left;
	width:50%;
	padding-right:15px;
	box-sizing:border-box;
}
div#column_right
{
	padding-left:15px;
	padding-right:0;
}
div#column_right ul
{
	line-height:35px;
	margin-top:0;
}


/* przycisk "wyznacz trasę" lub "dodaj swoją opinię" */
a.big_button, a.big_button_dark
{
	display:block;
	box-sizing:border-box;
	font-size:20px;
	font-weight:normal;
	padding:20px 40px;
	background:#69afda;
	text-transform:uppercase;
	margin-top:10px;
	transition: all 0.3s;
}
a.big_button:hover, a.big_button_dark:hover
{
	text-decoration:none !important;
	background:#50a3d3;
}

a.big_button_dark
{
	width:300px;
	margin:auto;
	margin-top:65px;
	margin-bottom:30px;
	background:#2571a2;
	color:#fff;
}

/* bloki tekstu na stronie głównej */
div.text_block
{
	padding-top:30px;
	padding-bottom:40px;
	font-size:22px;
	line-height:30px;
	text-align:center;
}

div.block_separator
{
	margin:auto;
	width:60%;
	height:1px;
	overflow:hidden;
	background:#999;
	margin-top:10px;
	margin-bottom:10px;
}
div.big_text
{
	font-size:26px;
	line-height:40px;
}
