/*----*\
GLOBAL FONT CHANGES
\*----*/
.header,.footer,.nav {text-align:left; /*font-family:"Neutra2Text-Light";*/ font-family:Georgia, "Times New Roman", Times, serif; font-size:100%; line-height:1.125em; font-weight:normal; background-color:#222;}
.header p, .footer p, .nav p {color:#555; font-size:0.75em; padding:4px 0 4px 0;}
.header p a, .footer p a, .nav p a {color:#1D5686; text-decoration:none;}
.header p a:hover, .footer p a, .nav p a {color:#1D5686; text-decoration:underline;}

.header input[type=text] {
text-align:left; /*font-family:"Neutra2Text-Light";*/ font-family:Georgia, "Times New Roman", Times, serif; font-size:100%; line-height:1.125em; font-weight:normal; background-color:#222;
}

/*------------------------------------*\
        HEADER
\*------------------------------------*/
.header {float:left; width:100%; height:93px; background-color:#FFF;}
.header .logo-container {float:left;}
.header .logo-container .logo {float:left; width:70px; height:47px; margin:26px 0 0 0;}
.header .logo-container .logo a {float:left; width:70px; height:47px; background:url("/images/logo-mobile.gif") no-repeat;}
.header .logo-container p {float:left; margin:27px 0 0 20px; color:#555; font-size:0.75em;}
.header .header-list-container {float:right; width:199px; margin-top:16px;}
.header .header-list-container ul.header-list {float:right; margin:3px 2px 0 0; padding-bottom:0px;}
.header .header-list-container ul.header-list li {color:#3d3c3c; font-size:0.75em; display:inline;}
.header .header-list-container ul.header-list li a {color:#3d3c3c; text-decoration:none;}
.header .header-list-container ul.header-list li a:hover {color:#1D5686; text-decoration:underline;}
.header .header-list-container form {float:left; margin:0; padding:0; border:none;}
.header .header-list-container form input.search {float:left; width:175px; height:33px; margin:0 2px 0 0; padding:0 10px 0 10px; color:#555; font-size:0.625em; line-height:2.000em; background-color:#E3E3E3; border:1px solid #DCDCDC;}

/*------------------------------------*\
        TOP NAVIGATION
\*------------------------------------*/
.page .nav {float:left; width:100%; max-width:964px; min-height:51px; margin-bottom:2px; background-color:#333; position: relative; z-index: 500000}
.page .nav ul.nav-list {float:right; /*margin:16px 14px 0 20px; padding-bottom:17px;*/ max-height:51px;}
.page .nav ul.nav-list li {color:#FFF; font-size:0.813em; display:inline;}
.page .nav ul.nav-list li a {color:#FFF; text-decoration:none;}
.page .nav ul.nav-list li a:hover {color:#BFBFBF; text-decoration:underline;}
.page .nav ul.nav-list li span {float:left; color:#FFF; line-height:51px; font-weight:bold; font-size: 13px;}

.mobile-nav-container {display:none;}


/*------------------------------------*\
	FOOTER
\*------------------------------------*/
.container {width:98%; max-width:966px; margin:0px auto;}

.mobilebottom  {float:left; width:320px; height:54px; margin:0; padding:0; background:#444;}
        .mobilebottom ul {float:left; width:320px; height:54px; margin:0; padding:0; list-style:none;}
        .mobilebottom li {float:left; width:64px; height:54px; margin:0; padding:0; display:inline;}

ul.block-list {padding-bottom:20px;}
ul.block-list li {float:left; margin:0 2px 2px 0; color:#FFF; /*font-size:0.938em;*/font-size:12px !important; display:inline;}
ul.block-list li a {float:left; padding:5px 7px; color:#FFF; background-color:#1d5686; text-decoration:none;}
ul.block-list li a:hover {color:#FFF; text-decoration:none; background:#333;}

.footer {float:left; width:100%; padding:46px 0 40px 0; background-color:#222; min-height:150px;font-family:Georgia, "Times New Roman", Times, serif;}
.footer .column01 {float:left; width:11.59420289855072%; min-width:80px; margin-left:2%; padding-bottom:20px; min-height:75px; /*border-right:1px solid #5b5b5b;*/}
.footer .column01 .logo {float:left; width:70px; height:48px;}

.footer .column02 {float:left; width:31.54037267080745%; /*min-width:300px;*/ margin-left:2%; padding-bottom:7px; min-height:75px; /*border-right:1px solid #5b5b5b;*/}

.footer .column03 {float:left; width:50.4472049689441%; /*max-width:468px;*/ margin-left:2%; padding-bottom:20px; min-height:75px;}
.footer .column03 ul.icon-list {margin-bottom:5px;}
.footer .column03 ul.icon-list li {margin-right:10px; display:inline;}
.footer .column03 p {color:#FFF; font-size:12px;}
.footer .column03 p a {color:#FFF; text-decoration:none;}
.footer .column03 p a:hover {color:#1D5686; text-decoration:none;}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*.contentfont 
{
    font-family:Georgia, "Times New Roman", Times, serif !important;
    font-size:12px !important;
    line-height: 18px !important;
}*/
/*------------------------------------*\
	SAFARI AND CHROME
\*------------------------------------*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
	body {font-family:Georgia, "Times New Roman", Times, serif;}
}*/

/*------------------------------------*\
	MOBILE
\*------------------------------------*/
@media only screen 
and (min-width:320px) 
and (max-width:767px) {	
	body, html {
		/*overflow:hidden;*/
	}
	
	.container {width:94.3%; margin:0px auto;}

	.page .container .nav #menu-main-nav-menu {display:none;}
	
	.header {width:100%; padding:0 0 10px 0;}
	.header .logo-container {float:left; margin-bottom:10px;}
	.header .logo-container .logo {float:left; width:70px; height:47px; margin:16px 0 0 0;}
	.header .logo-container p {float:left; margin:16px 0 0 10px;}
	
	.header .header-list-container {float:left; width:100%; margin-top:0px;}
	.header .header-list-container ul.header-list {float:right; margin:3px 2px 0 0; padding-bottom:6px;}
	.header .header-list-container form input.search {display:none;}
	
	.page {width:100%; min-height:240px;}
	.page .container .nav ul.nav-list {display:none;}
	
	.page .content .img-large {position:relative; float:left; width:320px; height:250px; margin:0 0 0 0;}
	.page .content .img-small {position:relative; float:left; width:320px; height:124px; margin:0 0 0 0;}
	
	.page .content .column01 {float:left; width:100%; margin-right:0px;}
	.page .content .column02 {float:left; width:100%; padding-bottom:40px; border-top:8px solid #333;}
	.page .content .column03 {float:left; width:100%; margin-right:0px; padding-bottom:20px;}
	
	.footer {float:left; width:100%; height:460px;}
	.footer .column01 {float:left; width:90%; height:50px; min-height:10px; border-right:none;}
	.footer .column02 {float:left; width:90%; min-width:280px; height:165px; min-height:10px; border-right:none;}
	ul.block-list li {font-size:0.813em;}
	.footer .column03 {float:left; width:90%; height:170px; min-height:10px;}
	.footer .column03 p {float:left; width:90%; color:#FFF;}
	.footer .column03 ul.icon-list li {margin-right:3px; display:inline;}
	
	.mobilenavcontainer {width:100%; position:static; z-index:999999; display:none;}
	.mobilenavigation {padding-bottom:20px;}
	.mobilebottom  {float:left; width:320px; height:54px; margin:0; padding:0; background:#444;}
	.mobilebottom ul {float:left; width:320px; height:54px; margin:0; padding:0; list-style:none;}
	.mobilebottom li {float:left; width:64px; height:54px; margin:0; padding:0; display:inline;}
}

@media only screen and (min-width:321px) {
	.mobilenavcontainer.landscape {display:none;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .footer .column03 ul.icon-list li {margin-right:3px; display:inline;}
}
/*------------------------------------*\
   MISC.
\*------------------------------------*/

/*------------------------------------*\
   EM SCALE
\*------------------------------------*/
/*

0.625em = 10px
0.69em  = 11px
0.75em  = 12px
0.813em = 13px
0.875em = 14px
0.938em = 15px
1.000em = 16px
1.063em = 17px
1.125em = 18px
1.188em = 19px
1.250em = 20px
1.313em = 21px
1.375em = 22px
1.438em = 23px
1.500em = 24px

http://riddle.pl/emcalc/

*/