* { font-family: 'Montserrat', sans-serif; margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; margin:0; padding:0; }
img { margin:0; padding:0; vertical-align:middle; }

a { text-decoration:none; color:green; cursor:pointer; }
a:hover, a:active { text-decoration:underline; color:green; }
a.tooltip { position:relative; cursor:pointer; }
a.tooltip span { width:auto; min-width:150px; left:30px; padding:10px; font-weight:normal; text-align:center; color:black; border:1px solid black; border-radius:5px; display:none;  }
a.tooltip:hover span { display:block; position:absolute; background: black; color: white; -moz-opacity : 0.85; opacity : .85; filter : alpha(opacity=85); font-size:12px; line-height : 15px; font-weight:normal; text-align:left; z-index:9999; }


.popup {
	width:40%;
	padding:20px 10px;	
	top:45%;
	left:30%;
	position:fixed;
	border:2px solid green;
	color:black;
	background:#fff;
	font-size:14px;
	border-radius:4px;
	text-align:center;
	box-shadow:1px 1px 10px 0 black;
	display:none;
	opacity:0;
	cursor:pointer;
}

.blueScreen { width:100%; height:100%; position:fixed; top:0; left:0; background:#3699ff; opacity:0.8; display:none; z-index:99999; }

#debugBox { position:fixed; top:10px; left:10px; font-size:14px; color:yellow; background:black; z-index:99999; }

.button {
	color:white !important;
	background:#0d6992 !important;
	font-weight:bold;
	cursor:pointer;
	display:inline-block !important;
	border:1px solid black;
}

.button:hover {
	background:linear-gradient(to bottom, #7ddc03, #589c00 100%) !important;
}

.link_button {
	min-width:140px;
	margin:3px;
	padding:4px;
	color:white !important;
	background:#0d6992 !important;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	cursor:pointer;
	display:inline-block;
	border:1px solid black;
}

.link_button:hover {
   background:linear-gradient(to bottom, #7ddc03, #589c00 100%) !important;
   text-decoration:none;
}

.system_message {
	width:80%;
	padding:20px;
	margin:40px auto;
	border:1px solid silver;
	font-size:13px;
	box-shadow:0 1px 10px 0 black;
}

.system_message p {
	margin:4px 0;	
}

body { 
   font-size:10px; 
   overflow-x:hidden;
}

.mobileHead { display:none; }

.wrapper {
	width:100%;
	max-width:1920px;
	margin:0 auto;
}

.container {
	width:1200px;
	margin:0 auto;
	position:relative;
}

/* page_default */
.contentBody {
	margin:20px 0;
}

/* aktualności */
.newsBox {
	width:45%;
	margin:10px;
	display:inline-block;
	font-size:16px;
	overflow:hidden;
}

.newsBox .newsBoxImage {
	width:100%;
	max-height:150px;
	overflow:hidden;
}

.newsBox .newsBoxImage img {
	width:100%;
}

.newsBox .newsHeader {
   width:100%;
	white-space:nowrap;
	overflow:hidden;
}

.newsBox .newsBoxDate {
	width:30%;
	padding:8px 1%;
	display:inline-block;
	font-weight:bold;
}

.newsBox .newsBoxTitle {
	width:64%;
	padding:8px 2%;
	display:inline-block;
	font-weight:bold;
}

.newsBox .newsBoxAbout {
	width:96%;
	height:140px;
	padding:4px 2%;
	background:#f3f3f3;
	font-size:13px;
	text-align:left;
}

/* szablony bloków tesktowych */

.contentBlockSingleNotFormated {
	display:block;
	margin:0 auto;
}

.contentBlockSingle {
	display:block;
	margin:0 auto;
}

.contentBlock {
	width:1200px;
	margin:0 auto;
	white-space:nowrap;
}

.contentBlock div {
	background-size:100% !important;
	background-position:center !important;
	display:inline-block;
	vertical-align:top;
}

.contentBlockSingle a {
	padding:10px 20px;
	margin:0 10px;
	display:inline-block;
	background:#0d6992;
	color:white;
}

.contentBlockSingle a:hover {
	background:silver;
	text-decoration:none;
}

.t_block_content {
	padding:0 20px;
	display:table-cell !important;
	vertical-align:middle !important;
}

/* szablony bloków tesktowych - koniec */

.top {
	width:100%;
	padding:5px 0;
	vertical-align:middle;
	background:#edf9f5;
}

.top .logoImage {
	margin-top:4px;
	margin-bottom:12px;
	display:inline-block;
}

h1 {
   text-align:center;
   font-size:25px;
   color:#0d6992;
}

h2 {
	margin:0 0 5px 0;
	font-size:28px;
	color:#0d6992;
	font-weight:bolder;
	text-align:center;
	white-space:normal;
}

h3 {
	margin:0 0 15px 0;
	font-size:22px;
	font-weight:bold;
	color:#0d6992;
	text-align:left;
}

h4 {
	margin:0 0 15px 0;
	font-size:20px;
	font-weight:bold;
	color:#0d6992;
	text-align:center;
}

h5 {
   font-size:18px;
   text-align:center;
}

p {
	margin:10px 0 20px 0;
	font-size:14px;
	color:#494949;
	white-space:normal !important;
}

li {
	margin-left:20px;
	margin-bottom:3px;
	white-space:normal;
	list-style-image: url("/interface/li.png");
	list-style-position: inside;
}

/* menu użytkownika top */
.accountMenu {
   top:30%;
   right:0;
   position:absolute;
}

.accountMenu a {
	width:140px;
	padding:6px 0;
	display:inline-block;
	background:#0d6992;
	text-align:center;
	font-size:13px;
	color:white;
	border-radius:3px;
}

.accountMenu a:hover {
   text-decoration:none;
   background:linear-gradient(to bottom, #7ddc03, #589c00 100%);
}

/* menu użytkownika konto */
.accountMenuBox {
	text-align:center;
	margin-bottom:5px;
}

.accountMenuBox a {
	width:140px;
	padding:6px 0;
	display:inline-block;
	background:gray;
	text-align:center;
	font-size:13px;
	color:white;
	border-radius:3px;
}

.accountMenuBox a:hover {
   text-decoration:none;
   background:linear-gradient(to bottom, #7ddc03, #589c00 100%);

}

.accountMenuBox a.menu_active {
	font-weight:bold;
	background:#0d6992;
}

.mobilemenu {
   display:none !important;
}

.menu {
	width:100%;
	margin:0 auto;
	background:#0d6992;
}

.menu .menutab {
	display:inline-block;
} 

.menu .menutab a {
	width:auto;
	padding:15px 20px;
	font-size:14px;
	font-weight:bold;
	color:white;
	display:block;
}

.menu .menutab a:hover {
	text-decoration:none;
	background:#0b4d6c
}

.menu .menuactive {
	background:#0b4d6c;
}

.menu .menutab .submenu { position:absolute; border:1px solid white; z-index:99999; background:#e6e6e6; border-top:none; display:none; opacity:0.1; }
.menu .menutab .submenu a { width:auto; color:black; font-weight:normal; }
.menu .menutab .submenu a:hover { background:#d7d7d7; }

.menuPath { width:100%;	margin:0 auto; padding:6px 0; background:#e1e1e1; color:black; font-size:11px; font-weight:normal; font-style:italic; z-index:999; }

.tables {
	
}

.tables table {
	width:100%;
	margin:15px 0;
}

.tables tr:nth-child(even) {

}

.tables tr:nth-child(odd) {
   background:#efefef;
}

.tables th {
	color:white;
	background:gray;
}

.tables th, .tables td {	
	padding:4px;
	text-align:center;
	font-size:13px;
	border-bottom:1px solid gray;
}

.tables td.tools {
   position:relative;
}

.tools_box {
	width:auto;
	padding:15px 3px 3px;
	position:absolute !important;
	left:-600px;
	top:15px;
	z-index:9999;
	display:none;
	white-space:nowrap;
}

.tools_box:after {
   content: '';
   position: absolute;
   top: 0;
   left: 3%;
   border-bottom: 15px solid #0d6992;
   border-left: 15px solid transparent;
   border-right: 15px solid transparent;
}

.tools_icons {
	padding:3px;
	background:white;
	border:1px solid #0d6992;
	border-radius:4px;
	box-shadow:2px 2px 5px 0 black;
}

.footer { width:100%; max-width:1920px; padding:20px 0; margin:0 auto; color:white; font-size:12px; background:#282b34;	text-align:center; }
.footer hr { margin:15px 0; }
.footer .menutab { display:inline-block; }
.footer a { color:white; }
.footer .menutab a { padding:5px;  color:white; }


@media all and (max-width:1024px) 
{
   .wrapper {
   	max-width:100%;
   }
   
   .container {
      width:100%;
   }
 
   .menu {
   	overflow:hidden;
   }
   
   .menu .menutab {
   	display:none;
   	margin:0 auto;
   }
   
   .menuPath {
   	width:96%;
   	padding:2px 2%;
   }
   
   .menuPath div {
   	width:100% !important;
   }
   
   .mobilemenu {
   	display:block !important;
   }
   
   .advbanner { display:none; }
   
   h1 {
   	font-size:22px;
   }
   
   h2 {
   	font-size:16px;
   }
   
   li {
   	font-size:12px;
   }
   
   .main_banner {	width:100% !important; }

   .top {
   	width:100%;
   	text-align:center;
   	padding:5px 0;
   }
   
   .topRight { 
       display:block; 
       float:none;
       margin:0 auto;
   }
   
   .logoImage {
   	display:block;
   	margin:0 auto;
   }
   
   .forms .sparta {
   	width:45%;
   }
   
   .forms select {
   	width:auto;
   }
   
   .contentBlock {
   	width:100%;
   }

   th {
   	white-space:nowrap;
   }
   
   .t_block {
   	overflow:hidden;
   }
   
   .t_block p img {
   	max-width:100%;
   	width:auto;
   	height:unset;
   }
   
   .t_block_content {
   	width:100%;
   }
   
   .t_block table {
   	width:100% !important;
   }
   
   .t_block td {
   	width:95% !important;
   	height:auto !important;
   	display:block;
   	margin:0 auto;
   	font-size:10px !important;
   }
   
   .t_block_image {
   	background-repeat:no-repeat !important;
   }
   
   .footer {
   	max-width: 100%;
   }
   
   .footer_menu {
   	max-width: 100%;
   	text-align:center;
   }
      
   .footer_menu .menubox {
   	margin:1%;
   	min-width:200px;
   	padding:1%;
   	text-align:left;
   }
   
   .footer_menu h4 {
   	margin:0;
   }
   
   .navigationTable {
   	width:100%;
   }

   #debugBox {
   	display:none;
   }
}

@media all and (max-width:800px) 
{
   .main_banner {	display:none; }
   
   .forms .sparta {
   	width:90%;
   	margin:0 auto;
   	display:block;
   }
   
   .forms .headInfoSelector {
   	font-size:11px;
   }
   
   .forms .button {
   	width:80% !important;
   	margin:0 auto;
   }
   
   .newsBox {
   	width:90%;
   	margin:0 auto;
   	display:block;
   }
   
   .footer_menu .menubox {
   	height:25px;
   	padding:0;
   	margin:0 auto;
   	overflow:hidden;
   }

   .footer_menu h4 {
   	margin:0;
   	display:inline-block;
   }

   .footer_menu h4.expander {
      display:inline-block;
   }
   
   .newsletterRules {
	   width:93%;
	   height:auto;
	   padding:3%;
	   border:2px solid black;
	   position:fixed;
	   left:auto;
	   margin-left:auto;
	   top:auto;
	   bottom:0;
   }
   
}