/* General ********************************************************************/
.nostyle {
  display: none;
}

body, html {
  padding: 0px;
  margin: 0px;
  background: #666 url('/tpl/default/styles/images/background.png');
  font-size: 12px;
  font-family: "Trebuchet MS", sans-serif;
  line-height: 20px;
}

#bodycontainer {
  width: 950px;
  margin: 0% 0% 0% 5%;
  position: absolute;
}


/* Forms **********************************************************************/
textarea {
  border: none;
	&width: 440px;
	-width: 440px;
	width: 430px;
	float: none;
	background: #fff url('/tpl/default/styles/images/form-shadow.png') 0px -1100px no-repeat;
  font-size: 12px;
  font-family: "Trebuchet MS", sans-serif;
  line-height: 20px;
  padding: 0px 5px 0px 5px;
  height: 120px;
  &height: 119px;
  margin: 0px !important;
}

textarea:focus, input.text:focus, select:focus {
  background-position: 0px 0px;
}

textarea[class="text"] {
	float: none !important;
}

input.text, select {
	border: none;
	padding: 0px 5px 0px 5px;
  display: inline-block;
  height: 17px;
  padding: 0px 5px 0px 5px;
  margin: 0px;
  background: #fff url('/tpl/default/styles/images/form-shadow.png') 0px -1100px no-repeat;
  font-size: 12px;
  font-family: "Trebuchet MS", sans-serif;
  line-height: 20px;
}

input.button {
	border: none;
	cursor: pointer;
	background: #000 url('/tpl/default/styles/images/form-button.png') left bottom repeat-x;
	padding: 0px 10px 0px 10px;
	margin: 0px 5px 0px 0px;
	color: #fff;
	height: 18px;
  line-height: 18px;
  font-size: 12px;
  padding: 0px 5px 0px 5px;
  height: 18px;
  vertical-align: center;
}

input.button:hover {
	color: #fff;
	background-position: left top;
}

form {
  padding: 20px 20px 20px 20px;
  margin: 0px;
  background: #000;
  display: block;
  clear: both;
}

form p.label, form p.box-label {
	padding: 0px !important;
	margin: 0px !important;
	text-indent: 0px !important;
	line-height: 20px !important;
}

form p.buttons {
	padding: 20px;
	margin: 0px;
	font-size: 0px;
	text-indent: 0px !important;
	height: 19px;
}

form .info {
	text-indent: 0px !important;
	margin: 0px;
	padding: 20px 0px 0px 0px !important;
	line-height: 20px;
	font-size: 10px;
}

form .info a {
  color: #fff !important;
  border-color: #fff !important;
}

form .info a:hover {
  background: #fff !important;
  color: #000 !important;
}

form div.info {
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

label {
	width: 100%;
	display: block;
	text-align: right;
	padding: 0px;
	margin: 0px;
}

label span {
	float: left;
	display: block;
	width: 25%;
	text-align: left;
}

label > span {
	width: auto;
}

label span.important {
	font-weight: bold !important;
}

label span.important:after {
	content: "*";
}

label input.text {
	width: 100%;
}

label select {
	width: 74%;
}

label > input.text, label > select {
	width: 75%;
}

p[class="label textarea"] {
  height: 141px;
}

p.box-label label {
	display: block;
	text-align: left;
	float: none;
}

p.box-label label input {
	width: auto;
	display: inline;
	float: none;
}

p.box-label label span {
	display: inline;
	float: none;
}

fieldset {
  border: none;
	padding: 0px;
	margin: 20px 0px 20px 0px;
	color: #fff;
	background: transparent url('/tpl/default/styles/images/ie-form-bug-bg.gif') left top repeat-x;
}

fieldset.hidden {
	padding: 0px;
}

fieldset legend {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0px;
  margin: 0px;
  &margin-left: -7px;
	font-weight: normal;
	line-height: 20px;
	height: 20px !important;
}

fieldset legend span {
  background: #000;
  padding: 1px 20px 2px 20px;
}

p.bot {
	display: none;
}

p.captcha input {
  margin-right: 120px;
  width: 210px;
}

span.captcha {
  float: right;
  position: absolute;
  width: 0px;
  height: 0px;
}

span.captcha img {
 position: relative;
 top: -21px;
 left: 330px;
 cursor: pointer;
}








#errors {
  position: absolute;
  top: expression( ignoreMe = document.body.scrollTop + 'px' );
  width: 100%;
  z-index: 10;
  padding: 0px;
  background: transparent;
  border-bottom: 1px solid #000;
}

div[id="errors"] {
  position: fixed !important;
  top: 0px !important;
  background: transparent url('/tpl/default/styles/images/err-shadow.png') left bottom repeat-x !important;
  border-bottom: none !important;
  padding: 0px 0px 10px 0px !important;
}

#errors p {
  display: block;
  margin: 0px;
  padding: 0px 20px 0px 20px;
  color: #fff;
  font-size: 17px;
  text-transform: uppercase;
}

#errors a {
  color: #fff;
}

#errors p.ko {
  background: #f43133;
}

#errors p.ok {
  background: #68b500;
}

#errors p.ko a:hover {
  color: #fff;
}

#errors acronym {
  border-bottom: 1px dotted #fff;
  padding: 0px 2px 0px 2px;
  cursor: help; 
}

/* Language switcher **********************************************************/
#lang {
  position: absolute;
  right: 0px;
  top: 100px;
  width: 60px;
  text-transform: uppercase;
  font-size: 15px;
  text-align: right;
}

#lang span.lang {
  display: block;
  height: 20px;
  overflow: hidden;
}

#lang strong {
  color: white;
  font-weight: bold;
  padding: 0px 5px 0px 5px;
  background: #000;
}

#lang a {
  color: #fff;
  text-decoration: none;
  display: block;
  height: 20px;
}

#lang a span {
  padding: 0px 5px 0px 5px;
}

#lang a:hover span {
  background: transparent url('/tpl/default/styles/images/navigation-hover.gif') left bottom repeat-x;
}

/* Quotation ******************************************************************/
#quotation {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 600px;
}

#quotation p {
  padding: 0px 10px 0px 60px;
  margin: 0px;
  color: #fff;
  float: right;
  background: transparent url('/tpl/default/styles/images/quotation-background.png') left top no-repeat;
  text-align: right;
  max-height: 60px;
s}

#quotation p.author {
  text-align: right;
  color: #fff;
  clear: right;
  background: none;
  padding-right: 20px;
  width: 500px;
}

/* Head ***********************************************************************/
#head #logo {
  width: 185px;
  height: 20px;
  position: absolute;
  left: 5px;
  top: 60px;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

#head #logo a span.name {
  text-decoration: none;
  font-size: 25px;
  font-weight: normal;
  overflow: hidden;
  color: #ff6b00;
  padding: 0px 8px 0px 0px;
}

#head #logo a span.surname {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 25px;
  font-weight: normal;
  overflow: hidden;
  color: #feda00;
  letter-spacing: 2px;
}

#head #logo a span.empty {
  display: block;
  width: 185px;
  height: 20px;
  background: transparent url('/tpl/default/styles/images/logo.png') 0px 0px no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
  cursor: pointer !important;
}

#head #logo a:hover span.empty {
  background-position: 0px -20px;
}

/* Page ***********************************************************************/
#page {
  width: 520px;
  /*position: absolute;
  left: 180px;
  top: 100px;*/
  margin: 100px 0px 0px 180px;
  background: #fff url('/tpl/default/styles/images/page-background.png') 0px 0px;
}

#pagecontainer {
  margin: 0px;
  padding: 20px 20px 20px 20px;
  min-height: 380px;
  height: auto !important;
  height: 380px;
}

#page div.level-3, #page div.level-4 {
  margin: 0px 20px 20px 20px;
}

#page h2 {
  padding: 0px 20px 0px 15px;
  position: absolute;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  clear: none;
  top: 60px;
  left: 180px;
  background: #fff url('/tpl/default/styles/images/page-background.png') 0px 40px;
  margin: 0px;
}

#page h2 span {
  padding: 0px 5px 0px 5px;
  border-bottom: 5px solid #000;
}

#page h3 {
  padding: 0px;
  margin: 20px 0px 0px 0px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal;
}

#page h3 span {
  background: #000;
  padding: 1px 5px 1px 5px;
}


#page h4 {
  padding: 0px;
  margin: 20px 0px 0px 0px;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 12px;
}

#page h3 span {
  background: #000;
  padding: 1px 5px 1px 5px;
}

#page p {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  text-indent: 40px;
}

#page h2+p, #page h3+p, #page h4+p, #page div.list+p, #page div.table+p, #page div.level-3+p, #page div.level-4+p, p.perex+p {
  text-indent: 0px;
}

#page p.perex {
  font-weight: bold;
}

#page acronym {
  border-bottom: 1px dotted #000;
  padding: 0px 2px 0px 2px;
  cursor: help; 
}

#page acronym:hover {
  border-bottom-style: solid;
}

#page a {
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #000;
  padding: 0px 2px 0px 2px;
}

#page a:hover {
  color: #fff;
  background: #000;
}

#page div.table {
  text-align: center;
  margin: 20px 0px 20px 0px;
}

#page div.table table {
  padding: 0px;
  margin: 0px auto 0px auto;
  border: none;
  border-spacing: 0px;
}

#page div.table table caption {
  padding: 0px;
  margin: 0px auto 0px auto;
  border: none;
  text-transform: uppercase;
}

#page div.table table th {
  padding: 0px 5px 0px 5px;
  margin: 0px;
  border: none;
  background: #000;
  text-transform: uppercase;
  color: #fff;
  text-align: left;
}

#page div.table table td {
  padding: 0px 5px 0px 5px;
  margin: 0px;
  border: none;
  text-align: left;
}

#page div.table table th.center, #page div.table table td.center {
  text-align: center;
}

#page div.table table th.right, #page div.table table td.right {
  text-align: right;
}

#page div.list {
  margin: 20px 0px 20px 0px;
}

#page H2+div.list, #page H3+div.list, #page H4+div.list {
  margin: 0px 0px 20px 0px;
}

#page div.list ul, #page div.list ol {
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

#page div.list ul ul, #page div.list ol ol {
  padding: 0px;
  margin: 0px 0px 0px 10px;
}

#page div.list ul li {
  /*list-style-image: url('/tpl/default/styles/images/plus.gif');*/
  list-style: none;
  padding: 0px 0px 0px 28px;
  margin: 0px;
  background: transparent url('/tpl/default/styles/images/plus.gif') 0px 0px no-repeat;
}

#page div.list ol li {
  /*list-style: none;*/
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 28px;
  font-weight: bold;
}

#page div.list ol li div.li {
  padding: 0px 0px 0px 0px;
  /*position: relative;
  left: 20px;*/
  font-size: 12px;
  font-weight: normal;
}

#page div.list dl {
  padding: 0px;
  margin: 0px;
}

#page div.list dl dt {
  padding: 0px;
  margin: 0px;
  font-weight: bold;
  text-transform: uppercase;
}

#page div.list dl dd {
  padding: 0px;
  margin: 0px 0px 0px 60px;
}


/* Navigation *****************************************************************/
#navigation {
  position: absolute;
  left: 0px;
  top: 120px;
}

#navigation a {
  display: block;
  height: 20px;
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 17px;
  overflow: hidden;
  cursor: pointer;
}

#navigation a .text {
  padding: 0px 20px 0px 20px;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  &line-height: 19px;
  background: transparent url('/tpl/default/styles/images/navigation-hover.gif') 0px 0px repeat-x;
}

#navigation a:hover .text {
  padding: 0px 20px 0px 20px;
  background-position: 0px -25px;
}

#navigation a.selected {
  font-weight: normal;
  display: block;
  width: 192px;
  padding: 0px;
  margin: 0px;
}

#navigation a.selected .text {
  padding: 0px 32px 0px 20px;
  background: transparent url('/tpl/default/styles/images/navigation-selected-right.gif') right top no-repeat !important;
}

#navigation ul ul a.selected {
  width: 262px;
  position: relative;
  left: -12px;
}

#navigation ul ul a.selected .text {
  padding: 0px 20px 0px 32px;
  background: transparent url('/tpl/default/styles/images/navigation-selected-left.gif') left top no-repeat !important;
}

#navigation ul {
  position: absolute;
  margin: 0px;
  padding: 0px;
  width: 180px;
}

#navigation ul li {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  display: inline;
}

#navigation ul li ul {
  position: absolute;
  left: 700px;
  width: 250px;
  display: inline;
}

#navigation ul li ul li {
  display: inline;
}

#navigation ul li ul a {
  text-align: left;
  position: relative;
  top: -20px;
}

#navigation .description, #navigation .hiddenlink {
  display: none;
}

/******************************************************************************/

#foot {
  background: transparent;
  color: #fff;
  position: relative;
  top: -40px;
  margin: 40px 250px 0px 0px;
  height: 20px;
  float: right;
  
  /*display: none;*/
}

#foot p {
    line-height: 20px;
    margin: 0px;
    padding: 0px 10px 0px 10px;
}

div.pagesep {
  height: 0px;
  clear: both;
}

hr.pagesep {
  display: none;
}

/* Highslides Images **********************************************************/
#images {
  /*position: absolute;
  left: 600px;
  top: 100px;*/
  width: 60px;
  background: #fff url('/tpl/default/styles/images/background.png') 0px -100px;
  float: right;
  margin: 0px 0px 0px 20px;
  text-align: right;
  overflow: hidden !important;
  position: relative;
}

#images a {
  border: none;
}

#imgvpred {
  position: absolute;
  left: 660px;
  top: 100px;
  display: block;
  width: 20px;
  height: 40px;
  background: transparent url('/tpl/default/styles/images/sipka-cerna.gif') center center no-repeat !important;
  border: none !important;
}

#imgvpred span {
  display: none;
}

#images img {
  display: none;
}

#images .highslide img {
  display: block;
}

.highslide {
  outline: none;
  padding: 0px !important;
}

.highslide-active-anchor {
  background: #000;
}

.highslide-active-anchor img {
	visibility: hidden;
}

.highslide span {
  width: 59px;
  height: 59px;
  display: block;
  /*padding: 52px 0px 0px 20px;*/
  overflow: hidden;
  float: right;
  cursor: pointer;
  position: relative;
  margin: 0px 0px 1px 1px;
}

.highslide img {
	border: none;
	height: 100px;
	position: relative;
	margin: auto auto auto auto !important;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.highslide-html-content {
  display: none;
}

.highslide-html-content .highslide span {
  width: 60px;
  height: 60px;
}
.highslide-html-content .highslide span img {
  height: 90px;
}

.highslide:hover span {
  
}

.highslide:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}

.highslide-image {
	border: none;
}
.highslide-image-blur { }
.highslide-caption {
    display: none;
    font-size: 17px;
    text-transform: uppercase;
    padding: 0px 20px 0px 20px;
    background-color: #000;
    color: #fff;
}

/*.highslide-loading {
  width: 20px;
  height: 40px;
}

.highslide-loading span {
    display: block;
    width: 20px;
    height: 40px;
    background: transparent url('/tpl/default/styles/images/loading.gif');
    position: relative;
    left: -16px;
}*/

.highslide-loading {
  display: block;
  height: 20px;
  color: #fff;
  font-size: 10px;
  line-height: 20px;
  text-decoration: none;
  padding-left: 20px;
  background: #000 url('/scripts/highslide/graphics/loader.gif') left center no-repeat;
  text-transform: uppercase;
  border-left: 5px solid #000;
  border-right: 5px solid #000;
}

a.highslide-full-expand {
	background: url('/scripts/highslide/graphics/fullexpand.gif') no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

.highslide-wrapper .highslide-html-content {
width: 360px;
padding: 0px 5px 5px 5px;
background: #000;
}
.highslide-wrapper .highslide-header {
  line-height: 20px;
  height: 20px;
}
.highslide-wrapper .highslide-header ul {
	display: inline;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
}
.highslide-wrapper .highslide-header  {
	height: 20px;
	line-height: 20px;
  font-size: 17px;
  text-transform: uppercase;
  padding: 0px 0px 0px 20px;
  background-color: #000;
  color: #fff;
  text-align: right;
}
.highslide-wrapper .highslide-header a {
font-size: 30px;
color: #b8b4a1;
text-decoration: none;
line-height: 14px;
}
.highslide-wrapper .highslide-header a:hover {
	color: #fff;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 0px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url('/scripts/highslide/graphics/resize.gif') left top no-repeat;
	position: relative;
	top: -11px;
}
.highslide-wrapper .highslide-footer .highslide-resize:hover {
  background-position: left bottom;
}

.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}
#highslide-gallery {
  font-weight: normal;
  float: left;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* Tooltips Sweet Titles ******************************************************/
body div#toolTip {
	position: absolute;
	z-index: 100;
	background: transparent;
	text-align: left;
	max-width: 400px;
	_width:400px;
	background: #000;
	padding: 0px 5px 0px 5px;
	/*border: 1px solid #111;*/
	opacity: 0.9;
	filter: alpha(opacity=90);
  color: #fff;
  line-height: 20px;
  font-size: 14px;
  margin-top: expression( ignoreMeToo = document.body.scrollTop + 'px' );
}
body div#toolTip p {
  margin: 0px;
  padding: 0px;
}

body div#toolTip.rightalign {
  text-align: right;
}

body div#toolTip p em {
	font-style: normal;
}

body div#toolTip p em span {
	font-weight: normal;
	color: #fff;
}

body div#toolTip #toolTipSpecial {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 20px;
}

body div#toolTip #toolTipSpecial span {
  display: block;
  width: 12px;
  height: 20px;
  background: transparent url('/tpl/default/styles/images/sipka-cerna-vlevo.gif');
  float: left;
  position: relative;
  left: -12px;
}

body div#toolTip.rightalign #toolTipSpecial span {
  float: right !important;
  left: 12px !important;
  background: transparent url('/tpl/default/styles/images/sipka-cerna.gif') !important;
}