* {
  margin: 0;
  padding: 0
  }

body {
  font-size: 62.5%;
  font-family: sans-serif;
  line-height: 2.0em;
  background: #daeaf6 url(../images/bg.gif) top center repeat-x;
  }

a:link {
  color: #cf2525;
  }

a:visited {
  color: #cf2525;
  }
  
a:hover {
  color: #dc5454;
  }

hr {
  display: none;
  }

p {
  padding: 0.7em 0;
  }

strong {
  color: #000;
  }

h1 {
  margin: 30px 0 0 10px;
  overflow: hidden;
  font-size: 1.9em;
  }

h1, h1 span {
  float: left;
  position: relative;
  width: 220px;
  height: 25px;
  }

h1 span {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/logo.gif) top left no-repeat;
  }
  
h1 a:hover span {
  cursor: pointer;
  }

h2 {
  position: relative;
  top: 79px;
  left: -240px;
  overflow: hidden;
  font-size: 1.3em;
  }
  
h2, h2 span {
  float: left;
  position: relative;
  width: 352px;
  height: 151px;
  }

h2 span {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/slogan.jpg) top left no-repeat;
  }
  
h3 {
  color: #2074a9;
  font-size: 1.6em;
  padding: 0.8em 0 0.5em 0;
  font-weight: normal;
  }
  
h3 span {
  color: #4e9e1a;
  }
  
h4 {
  color: #4e9e1a;
  font-size: 1.4em;
  margin: 0.5em 0 0.2em 0;
  font-weight: normal;
  }
  
h4.aaa {
  margin: 1.2em 0 0.2em 0;
  }

/************************************************************  PAGE */

#page {
  width: 900px;
  margin: 0 auto;
  font-size: 1.3em;
  }

#header {
  height: 285px;
  background: url(../images/header.jpg) top left no-repeat;
  }
  
#header p.phone {
  position: relative;
  top: 20px;
  left: 5px;
  float: right;
  display: block;
  width: 220px;
  }
  
#header p.phone a, #header p.phone a:visited {
  color: #000;
  text-decoration: none;
  }

#header p.phone a:hover {
  text-decoration: underline;
  }

/************************************************************  NAVIGATION */

#nav {
  width: 900px;
  height: 35px;
  margin: 0 auto;
  position: relative;
  top: 99px;
  float: left;
  font-size: 1.1em;
  }
  
#nav ul {
  list-style: none;
  }
  
#nav ul li {
  float: left;
  margin-right: 2px;
  }
  
#nav ul li a {
  float: left;
  display: block;
  height: 35px;
  line-height: 35px;
  color: #c0dbef;
  text-decoration: none;
  text-align: center;
	background: #1b3867 url(../images/nav-li.gif) top left repeat-x;
	padding: 0 20px;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
	font-family: Verdana;
  }

#nav ul li a.active {
  background: #fff;
  color: #000;
  }
  
#nav ul li a:hover {
  background: #fff;
  color: #193461;
  }
  
#main {
  width: 900px;
  background: #fff;
  padding: 15px 0 25px 0;
  }
  
#main ul.ok {
  list-style: none;
  padding: 6px 0 10px 0;
  }
  
#main ul.ok li {
  padding: 8px 0 8px 43px;
  background: url(../images/li-a.gif) 0 2px no-repeat;
  }
  
#main ul.ok li.last {
  background: url(../images/li.gif) 0 4px no-repeat;
  }

/************************************************************ CONTENT */

#box_1 ol,
#box_2 ol {
  list-style: none;
  padding: 5px 0;
  }
  
#box_1 ol li,
#box_2 ol li {
  padding: 10px 10px 10px 40px;
  font-weight: bold;
  color: #cf2525;
  }
  
#box_1 ol li#o1,
#box_2 ol li#o1 {
	background: url(../images/li_1.gif) 0 6px no-repeat;
  }
  
#box_1 ol li#o2,
#box_2 ol li#o2 {
	background: url(../images/li_2.gif) 0 6px no-repeat;
  }
  
#box_1 ol li#o3,
#box_2 ol li#o3 {
	background: url(../images/li_3.gif) 0 6px no-repeat;
  }

#box_1 {
  width: 400px;
  float: left;
  padding: 0 20px 0 30px;
  }
  
a#money {
  position: relative;
  overflow: hidden;
  font-size: 1.3em;
  margin: 15px 0 0px 30px;
  }
  
a#money, a#money span {
  float: left;
  position: relative;
  width: 359px;
  height: 72px;
  }

a#money span {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/money.jpg) 0 -70px no-repeat;
  }

a#money:hover span {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/money.jpg) 0 0 no-repeat;
  cursor: pointer;
  }

/*********************************************************** COLUMN */

#box_2 {
  width: 400px;
  float: right;
  padding: 0 30px 0 20px;
  }
  
#box_2 .zero {
  padding-top: 59px;
  }

/************************************************************  FOOTER */

#footer {
  height: 30px;
  background: #daeaf6;
  font-size: 0.9em;
  padding: 15px 20px;
  color: #425f8e;
  }
  
#footer p {
  float: left;
  padding: 0;
  }
  
#footer p.right {
  float: right;
  }
  
#footer a, #footer a:visited {
  color: #3262ad;
  }
  
#footer a:hover {
  color: #1e498c;
  }

br.cleaner, .cleaner {
  clear: both;
  }

/************************************************************  LANGUAGE JAVASCRIPT BOX */

#tabbed_box_1 {
	margin: 0px auto;
	width: 400px;
	background: #eaf3fa;
	margin: 15px 0 0px 0;
}

#tabbed_box_1 h4 {
  font-size: 1.5em;
  font-weight: normal;
  color: #2074a9;
  padding: 15px 0 10px 10px;
  margin: 0;
  }

.tabbed_area {
	background: #eaf3fa;
	padding: 5px;	
}

ul.tabs {
  width: 390px;
}
ul.tabs li {
	list-style: none;
	display: inline;
}

ul.tabs li a {
  display: block;
  float: left;
	background: #1b3867 url(../images/nav-li.gif) top left repeat-x;
	color: #c0dbef;
	text-decoration: none;
	font-weight: bold;
	text-transform:uppercase;
	height: 35px;
	line-height: 35px;
	margin-right: 2px;
	text-align: center;
	font-size: 0.85em;
}

ul.tabs li a#tab_1 {
  width: 110px;
}

ul.tabs li a#tab_2 {
  width: 163px;
}

ul.tabs li a#tab_3 {
  width: 113px;
  margin-right: 0;
}

ul.tabs li a:hover {
	text-decoration: underline;
	color: #c0dbef;
	}
	
ul.tabs li a:visited {
	color: #c0dbef;
  }	
	
ul.tabs li a.active, ul.tabs li a.active:visited {
	background:#ffffff;
	color: #282e32;
	text-decoration: none;
}

ul.tabs li a.active:hover {
	background:#ffffff;
	color: #282e32;
}

.content {
	background:#ffffff;
  width: 390px;
	font-family: sans-serif;
  float: left;
  padding: 15px 0 10px 0;
}
#content_2, #content_3 { display:none; }

.content ul {
  padding-left: 25px;
}
.content ul li {
	list-style: none;
  width: 120px;
  float: left;
  padding: 1px 0;
  font-weight: bold;
  font-size: 0.9em;
  color: #05304a;
}

/************************************************************  LANGUAGE SIMPLE BOX */

.language {
  background: #eaf3fa;
  padding-bottom: 10px;
  margin: 10px 0 10px 0;
  border: 2px solid #b9d1e3;
  }
  
.language h4 {
  padding: 15px 0 0 25px;
  }

.language-content {
  background: #eaf3fa;
  padding: 10px 5px
  }

.language-content ul {
  padding-left: 25px;
}
.language-content ul li {
	list-style: none;
  width: 120px;
  float: left;
  padding: 1px 0;
  font-weight: bold;
  font-size: 0.9em;
  color: #05304a;
}


img.icon-left {
  float: left;
  margin: 7px 15px 2px 0;
  }
  
img.icon-right {
  float: right;
  margin: 10px 0 5px 15px;
  }
  
#correction {
  width: 792px;
  margin: 0 auto 10px auto;
  background: #f3f8fb url(../images/icon-correction.gif) 190px 6px no-repeat;
  padding: 10px 20px 15px 30px;
  border: 4px solid #daeaf6;
  }
  
#correction h3 {
  padding-bottom: 20px;
  }
  
#correction span {

  background: #3a7098;
  color: #fff;
  padding: 8px;
  }
  
.cor-box {
  width: 30%;
  float: left;
  padding-right: 25px;
  }

.task a, .task a:visited {
  display: block;
  height: 50px;
  line-height: 50px;
  width: 312px;
  color: #1d3864;
  background: #f3f8fb url(../images/icon-doc.gif) 10px 10px no-repeat;
  border: 2px solid #daeaf6;
  padding: 10px 0 10px 80px;
  margin: 20px 0;
  font-size: 1.2em;
  text-decoration: none;
  }

.task a:hover {
  background: #ebf4f9 url(../images/icon-doc.gif) 10px 10px no-repeat;
  color: #0f2447;
  border: 2px solid #cadeed;
  }
  
.taskB a, .taskB a:visited {
  display: block;
  height: 50px;
  line-height: 50px;
  width: 312px;
  color: #cf2525;
  background: #f3f8fb url(../images/icon-pdf.gif) 10px 10px no-repeat;
  border: 2px solid #daeaf6;
  padding: 10px 0 10px 80px;
  margin: 60px 0 0 0;
  font-size: 1.2em;
  text-decoration: none;
  }

.taskB a:hover {
  background: #ebf4f9 url(../images/icon-pdf.gif) 10px 10px no-repeat;
  color: #a80f0f;
  border: 2px solid #cadeed;
  }
  
  
/* *********************************************** CENIK */

table {
  width: 100%;
  background: #fff;
  margin: 20px 0;

  border-collapse: collapse;
  }

table.padding-top {
  margin-top: 69px;
  }

table tr.bg {
  background: #ebf3f9;
  }
  
table th {
  text-align: left;
  padding: 10px 15px;
  background: #61b62a;
  color: #fff;
  font-size: 1.1em;
  }
  
table td {
  padding: 5px 15px;
  margin: 0 2px;
  }
  
table td.lang {
  font-weight: bold;
  }

table td.price {
  width: 100px;
  text-align: right;
  }
  
#button {
  background: #133a57;
  color: #fff;
  border: none;
  padding: 3px 8px;
  }

#address {
  font-style: normal;
  padding-top: 10px;
  }
   
#address a img {
  border: 4px solid #daeaf6;
  margin: 10px 0;
  }
  
#address a:hover img {
  border: 4px solid #b7d4ea;
  }

#form {
  margin-top: 10px;
  padding: 10px 20px;
  background: #f3f8fb;
  }
  
#form fieldset {
  border: none;
  }

#form p {
  padding: 0.4em 0;
  }

#form span {
  padding: 0px 0 0 0;
  color: #4e9e1a;
  font-weight: bold;
  }
  
#form b, #form .red {
  color: #e00000;
  }
  
.padd-left {
  padding-left: 25px;
  }
  
ul.rules {
  list-style: none;
  margin: 20px 0 10px 0;
  }  
  
ul.rules li {
  padding: 8px 0 8px 43px;
  background: url(../images/li.gif) 0 4px no-repeat;
  }
  
ul.second {
  padding-top: 16px;
  }
  
#stats {
  display: none;
  }