/* CSS Document */

/*

2013 © Roland Kolodziej

*/

body {
	margin:0;
	padding:0;
}
#top-belt-wrapper {
	display:block;
	position:fixed;
	top:0;
	left:0;
	padding-bottom:15px;
	width:100%;
	height:45px;
	z-index:1000;
}

.logo-container {
	display:inline-block;
	width:auto;
	min-width:191px;
	float:left;
}
.top-menu-container {
	display:inline-block;
	width:auto;
	float:right;
	padding-top:15px;
}

header,
#main-body-wrapper,
footer {
	display:block;
	margin:0;
	padding:0;
	width:100%;
}

header {
	padding-top:55px;
	height:150px;
}

.main-body-container,
.centered-container {
	position:relative;
	display:block;
	width:962px;
	margin-left:auto;
	margin-right:auto;
}
.main-body-container {
	width:960px;
	background-color:#ffffff;
	border:1px solid #666666;
	color:#ff6703;
}

.box-container {
	position:relative;
	width:100%;
	float:left;
	z-index:10;
}

.box-1,
.box-12,
.box-13,
.box-14,
.box-16,
.box-23,
.box-34 {
	margin:0;
	padding:10px;
	border:0;
	position:relative;
	display:block;
	float:left;
}

.box-1 {
	width:940px;
}
.box-12 {
	width:450px;
	
}
.box-13 {
	width:300px;
}
.box-23 {
	width:620px
}
.box-14 {
	width:220px;
}
.box-34 {
	width:700px;
}
.box-16 {
	width:16.666666666666667%;
}

.sub-1, .sub-12, .sub-14, .sub-13 {
	float:left;
}
.sub-1 {
	width:100%;
}
.sub-12 {
	width:50%;
}
.sub-13 {
	width:33.333333%;
}
.sub-14 {
	width:25%;
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.video embed,
.video object,
.video iframe {
	width: 100%;
	height: auto;
}

video {
	max-width: 100%;
	height: auto;
}

footer {
	text-align:center;
	padding-bottom:25px;
}

@media screen and (min-width: 961px) {

	

}

@media screen and (max-width: 960px) {

	#header, #main, #sub_footer, #footer {
		width:100%;

	.main-body-container,
	.centered-container {
		width:100%;
	}
	
	.main-body-container {
		width:97%;
	}
	
	.box-container {
		width:97.8%;
		padding:1.04%;
		margin-left:auto;
		margin-right:auto;
	}
	
	.box-1,
	.box-12,
	.box-13,
	.box-14,
	.box-16,
	.box-23,
	.box-34 {
		padding:1.03%;
	}
	
	.box-1 {
		width:97.8%;
	}
	.box-12 {
		width:47.8%;
	}
	.box-13 {
		width:31%;
	}
	.box-23 {
		width:62.7%;
	}
	.box-14 {
		width:22.7%;
	}
	.box-34 {
		width:72.7%;
	}
	.box-16 {
		width:14.4%;
	}
	}
	
	#content {
		width: 72.16666666666667%;
		padding:20px 2.63852242% 20px 2.63852242%;
	}
	
	#left-column-wrapper {
		width: 20.83333333333333%;
		overflow:hidden;
	}
	
	.menu-link {
		width:97%;
		padding:10px 1.319261213% 10px 1.319261213%;
	}
	
	.main-body-container {
		width:97%;
	}
	
	.left_table td.blue {
		font-size:1.5em;
	}
	
	.left_table th.bg_orange {
		font-size:1.8em;
	}
}

@media screen and (max-width: 800px) {
	#header {
		height: 140px;
	}
}

@media screen and (max-width: 700px) {
	
	h1 { font-size: 36px; }
	h2 { font-size: 30px; }
	h2 { font-size: 26px; }
	
	#content {
		float:none;
		width: 94.72295516%;
		padding:20px 2.63852242% 20px 2.63852242%;
	}
	
	#left-column-wrapper {
		float:none;
		width: 100%;
	}

	header {
		padding:0;
		padding-top:-7px;
	}
	
	.right-column,
	.middle-column,
	.left-column {
		width:98%;
	}
	
	#top-belt-wrapper {
		float:none;
		position:relative;
		height:auto;
	}
	
	.logo-container,
	.top-menu-container {
		width:100%;
		float:none;
		text-align:center;
	}
	
	.main-body-container {
		padding:0;
	}
	
	.sub-12 {
		width:100%;
	}
}
@media screen and (max-width: 560px) {
	#logo, #header_server, #header_text_menu {
		clear:both;
		position:relative;
		display:block;		
		text-align:center;
		margin:0 auto;
	}
	
	#header_server, #header_text_menu {
		width:100%;
	}
	
	.top_text_menu_item, .text_menu_divider {
		float:none;
	}
	
	#header {
		height:auto;
	}
	
	#header_links a, #header_links a.selected {
		margin:0;
	}
	.free_phone {
		text-align:center;
	}
	.travel_money_table thead th, .travel_money_table tfoot th {
		font-size:1.1em;
	}
	.travel_money_table thead td, .travel_money_table tbody td, .travel_money_table tfoot td {
		font-size:1em;
	}

	.box-34,
	.box-23 {
		width:98%;
	}
}

@media screen and (max-width: 480px) {	
	.box-1,
	.box-12,
	.box-13,
	.box-14,
	.box-16,
	.box-23,
	.box-34 {
		width:98%;
	}	
}