/* hlavicka a telo */
body {
	background: url('../../images/websoft/body-bg.gif') repeat-x #cd6262;
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
}

#page {
	width: 950px;
	margin: 0px auto;
	position: relative;
	background: white;
	
}

#head {
	background: url('../../images/websoft/header.jpg') no-repeat right;
	width: 982px;
	height: 141px;
	font-family: verdana;
	margin-right: -32px;
}
#logo {
	display: block;
	width: 198px;
	height: 103px;
	position: absolute;
	top: 22px;
	left: 24px;
	background: url('../../images/websoft/logo-colored.gif') white;
}
#logo img {
	width: 0px;
	height: 0px;
	border: 0px;
}
/* vyhladavanie */
#search {
	display: none;
	width: 310px;
	height: 22px;
	position: absolute;
	left: 625px;
	top: 75px;
	background: url('../../images/websoft/search-lupa.gif') no-repeat left top #83B2BF;
	padding-left: 25px;
}
#search fieldset, #search form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#search legend, #search label {
	display: none;
}
#search #inp-srch {
	border: 1px solid white;
	border-top: 2px solid white;
	width: 180px;
	margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
	float: left;
	margin-right: -20px;
}
#search .submit {
	margin: 0px;
	border: 0px solid white;
	background: url('../../images/websoft/search-submit.gif') no-repeat left top #20809A;
	color: white;
	font-size: 11px;
	font-weight: bold;
	font-family: tahoma;
	width: 114px;
	height: 21px;
	line-height: 21px;
	padding: 0px;
	cursor: pointer;
	float: right;
}
/* navigacia */
#navigation {
	color: black;
	background: white;
	font-family: tahoma;
	font-size: 70%;
	padding-top: 14px;
	padding-bottom: 34px;
	padding-right: 10px;
	padding-left: 302px;
}
#navigation span {
	/* color: #83B2BF; */
	/* margin-right: 13px; */
}
#navigation span em {
	font-style: normal;
	display: none;
}
#navigation a {
	color: #961818;
	font-weight: bold;
	padding-right: 11px;
	background: url('../../images/websoft/navigator.gif') no-repeat right 5px;
	margin-right: 5px;
	margin-left: 0px;
	padding-left: 0px;
}
#navigation .predel {
	display: none;
	color: #000152;
	margin-right: 6px;
	margin-left: 6px;
	padding-left: 0px;
	background: none;
}
#navigation a:hover {
	text-decoration: none;
}
/* obsahova cast */
#content {
	width: 950px;
	background: url('../../images/websoft/content-bg.gif') repeat-y right white;
}
#content-left {
	width: 861px;
	float: left;
}
#content-right {
	width: 89px;
	float: right;
	background: url('../../images/websoft/right-top.gif') no-repeat top left #f9ecec;
	border-top: 7px solid white;
	padding-top: 14px;
	padding-bottom: 14px;
}
#content-base {
	width: 502px;
	padding-right: 57px;
	float: right;
	overflow: hidden;
}
#content-base h1 {
	font-family: tahoma;
	font-size: 120%;
	color: #961818;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
	border-bottom: 2px solid #cf6060;
}
/*
#content-base #nadpis {
	padding-bottom: 21px;
	padding-top: 11px;
	background: url('../../images/websoft/nadpis-bg.gif') no-repeat left bottom;
}*/
#content-base .content {
	margin-left: 0px;
	padding-top: 10px;
	width: 502px;
	overflow: hidden;
}
#content-base .content .perex {
	display: block;
	font-family: tahoma;
	color: #b73c3c;
	font-weight: bold;
	font-size: 80%;
	line-height: 140%;
	padding-bottom: 15px;
}
#content-box {
	width: 247px;
	float: left;
	padding-top: 12px;
}
/* prave linky */
#rlinks {
	padding-left: 10px;
	padding-top: 5px;
	width: 79px;
	overflow: hidden;
}
#rlinks a {
	font-family: tahoma;
	color: #961818;
	font-size: 65%;
	font-weight: bold;
	display: block;
	padding-left: 20px;
	padding-right: 5px;
	margin-top: 10px;
	overflow: hidden;
}
#rlinks a:hover {
	text-decoration: none;
}
#rlinks .rlink-print {
	background: url('../../images/websoft/ico-print.gif') no-repeat left top;
}
#rlinks .rlink-map {
	background: url('../../images/websoft/ico-map.gif') no-repeat left top;
}
#rlinks .rlink-pda {
	background: url('../../images/websoft/ico-mobile.gif') no-repeat left top;
}
#rlinks .zoom-in {
	background: url('../../images/websoft/ico-zoom-in.gif') no-repeat left top;
}
#rlinks .zoom-out {
	background: url('../../images/websoft/ico-zoom-out.gif') no-repeat left top;
}
#rlinks .rlink-mail {
	background: url('../../images/websoft/ico-mail.gif') no-repeat left top;
}
#rlinks .rlink-contact-us {
	background: url('../../images/websoft/ico-write-us.gif') no-repeat left top;
}
#rlinks .rlink-support {
	background: url('../../images/websoft/ico-support.gif') no-repeat left top;
}
#rlinks .rlink-search {
	background: url('../../images/websoft/ico-search.gif') no-repeat left top;
}
#rlinks .rlink-skolenia {
	background: url('../../images/websoft/ico-skolenia.gif') no-repeat left top;
}
#rlinks .rlink-service {
	background: url('../../images/websoft/ico-service.gif') no-repeat left top;
}
/* zmana jazykov */
#sw-lang {
	display: block;
	margin-left: 7px;
}
#lang a {
	display: block;
	width: 32px;
	height: 21px;
	overflow: hidden;
	float: left;
	background: #cd6262;
	font-family: tahoma;
	font-size: 10px;
	color: white;
	margin-top: 4px;
	margin-left: 4px;
	position: relative;
}
#lang a span {
	width: 32px;
	height: 21px;
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer;
}
#lang #sk span {
	background: url('../../images/websoft/flag-sk.gif') no-repeat left top;
}
#lang #en span {
	background: url('../../images/websoft/flag-en.gif') no-repeat left top;
}
#lang #de span {
	background: url('../../images/websoft/flag-de.gif') no-repeat left top;
}
#lang #hu span {
	background: url('../../images/websoft/flag-hu.gif') no-repeat left top;
}


/* lave menu */
#left-menu {
	width: 100%;
	background: url('../../images/websoft/left-menu-top.gif') no-repeat left top #ddb5b5;
}
#left-menu h4 {
	font-weight: normal;
	font-size: 90%;
	color: white;
	font-family: tahoma;
	padding: 0px;
	margin: 0px;
	padding-left: 45px;
	padding-top: 16px;
	padding-right: 25px;
	height: 43px;
	overflow: hidden;
	font-weight: bold;
}
#left-menu .bottom {
	background: url('../../images/websoft/left-menu-bottom.gif') no-repeat right top white ;
	width: 247px;
	height: 14px;
}
#left-menu ul {
	width: 206px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	border-left: 41px solid white;
	background: url('../../images/websoft/left-menu-rep.gif') repeat-x left top #f9ecec;
	padding-top: 10px;
	padding-bottom: 25px;
}
#left-menu ul li a, #left-menu ul li .active {
	display: block;
	width: 206px;
	font-family: tahoma;
	font-size: 90%;
	color: #961818;
	text-decoration: none;
}
#left-menu ul li a .butt, #left-menu ul li .active .butt {
	position: relative !important;
	display: block !important;
 	width: auto !important;
	height: auto !important;
	padding-left: 24px; 
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 6px;
	text-align: left;
	color: #961818;
	font-weight: bold;
}
#left-menu ul li a:hover .butt {
	background: url('../../images/websoft/submenu-sip.gif') no-repeat 7px center !important;
}
#left-menu ul li a .butt .bt, #left-menu ul li .active .butt .bt  {
	position: absolute !important;
	display: none !important;
	background: none !important;
 	width: 100% !important;
	height: 6px !important;
	padding: 0px !important;
	overflow: hidden;
}
#left-menu ul li a .butt .bb, #left-menu ul li .active .butt .bb  {
	position: absolute !important;
	display: none !important;
	background: none !important;
 	width: 100% !important;
	height: 6px !important;
	padding: 0px !important;
	overflow: hidden;
}
#left-menu ul li a:hover, #left-menu ul li .active {
	position: relative !important;
	background: url('../../images/websoft/submenu-item-hover.gif') repeat-x white !important; 	
	text-decoration: none;
}
#left-menu ul li a:hover .butt {
	border-left: 4px solid #83B2BF !important;
	border-left: 4px solid #b73c3c !important;
	border-right: 4px solid #b73c3c !important;
	/*
	margin-left: -4px;
	margin-right: -4px;
	*/
	padding-left: 20px; 
	
}
#left-menu ul li .active .butt {
	border-left: 4px solid #d8aaaa !important;
	/* margin-left: -4px; */
	padding-left: 20px; 
	background: url('../../images/websoft/submenu-sip-white.gif') no-repeat 7px center #f0d5d5 !important; 	
	color: #b73c3c;
}

#left-menu ul li a:hover .bt, #left-menu ul li .active .butt .bt {
	left: -6px !important;
	top: -3px;
	background: #E2E2EB !important;
	border-left: 6px solid #AECDD5 !important;
}

#left-menu ul li a:hover .bb, #left-menu ul li .active .butt .bb  {
	left: -6px !important;
	bottom: -3px !important;
	background: #F7F7F9 !important;
	border-left: 6px solid #AECDD5 !important;
}
#left-menu ul li .active {
	color: #3C8192;
	cursor: default;
}
/* pata stranky */
#pata {
	background: url('../../images/websoft/pata-bottom.gif') no-repeat bottom left white;
	font-family: tahoma;
}
#pata .top {
	height: 14px;
	font-size: 1px;
	background: url('../../images/websoft/pata-top.gif') no-repeat top right;
}
#pata .content {
	padding: 11px;
	color: #961818;
	font-size: 70%;
	float: left;
	width: 700px;
}
#pata .content a {
	color: #961818;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
}
#pata .content a:hover {
	text-decoration: none;
}
#copy {
	padding: 11px;
	font-family: tahoma;
	font-size: 70%;
	color: #961818;
	text-align: right;
	float: right;
	width: 200px;
}
#copy a {
	color: #961818;
	font-weight: bold;
}
#copy a:hover {
	text-decoration: none;
}
/* boxy vseobecne */
.box {
	font-family: tahoma !important;
	font-size: 85%;
	overflow: hidden;
	margin-top: 20px;
	padding-bottom: 14px;
	background: url('../../images/websoft/box-bottom.gif') no-repeat right bottom;
}
.box h4 {
	border-left: 5px solid white;
	background: url('../../images/websoft/box-top.gif') no-repeat right top #d8aaaa;
	color: white;
	font-weight: bold;
	padding-top: 17px;
	padding-left: 12px;
	padding-right: 7px;
	padding-bottom: 6px;
	margin: 0px;
	margin-right: 0px !important;
	font-size: 100%;
}
.box h4 span {
	display: block;
	padding-right: 15px;
	background: url('../../images/websoft/submenu-sip-white.gif') no-repeat right center;
}
.box .content {
	font-family: tahoma !important;
	border-left: 6px solid white;
	background: url('../../images/websoft/box-bg.gif') repeat-x #f9ecec;
	padding-top: 18px;
	padding-right: 18px;
	color: #333333;
	font-size: 95%;
	line-height: 135%;
	position: relative;
}
.box .content-inner {
	padding-left: 18px;
	}
/* hlavne menu */
#menu {
	width: 703px;
	position: absolute;
	height: 47px;
	top: 94px;
	left: 247px;
}
#menu #base-menu {
	width: 703px;
	height: 47px;
	margin: 0px;
	padding: 0px;
	font-family: tahoma;
}
#menu #base-menu li {
	background-color: #edc8c8;
}
#menu #base-menu li, #menu #base-menu li a {
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
	height: 47px;
	position: relative;
	color: black;
	text-align: center;
	cursor: pointer;
}
#menu #base-menu li a {
	overflow: hidden;
}
#menu #base-menu li a:hover {
	text-decoration: none;	
}
#menu #base-menu li:hover, #menu #base-menu li.hover {
	background: #cd6262;
}
#menu #base-menu li:hover div, #menu #base-menu li.hover div {
	display: block;
}
#menu ul div {
	display: none; 
	position: absolute;	
	left: 0px;
	top: 47px;
	padding-bottom: 14px;
	font-size: 80%;
	cursor: default;	
	border-top: 1px solid white;
	}
#menu ul div a {
	width: 235px !important;
}
#menu ul ul {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	background: url('../../images/websoft/submenu-bg.gif') repeat-x #f5d5d5;
}
#menu ul ul li {
	clear: both;
	background-color: transparent !important;
}
#menu ul ul li, #menu ul ul li a {
	height: auto !important;
	text-decoration: none;
}
#menu ul div, #menu ul ul, #menu ul ul li, #menu ul ul li a, #menu ul ul li a span {
	overflow: visible !important; 
}
#menu ul ul li a .butt {
	position: relative !important;
	display: block !important;
 	width: auto !important;
	height: auto !important;
	background: none !important;	
	padding-left: 32px; 
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: left;
	overflow: hidden !important;
	font-weight: bold;
	color: #992020;
	font-size: 105%;
}
#menu ul ul li a .butt .bt {
	position: absolute !important;
	display: none !important;
	background: none !important;
 	width: 100% !important;
	height: 0px !important;
	padding: 0px !important;
	overflow: hidden !important;
}
#menu ul ul li a .butt .bb {
	position: absolute !important;
	display: none !important;
	background: none !important;
 	width: 100% !important;
	height: 0px !important;
	padding: 0px !important;
	overflow: hidden !important;
}
#menu ul ul li a:hover {
	position: relative !important;
	background: url('../../images/websoft/submenu-item-hover.gif') repeat-x #ffffff !important; 	
}
#menu ul ul li a:hover .butt {
	background: url('../../images/websoft/submenu-sip.gif') no-repeat 12px center !important;
	border-left: 4px solid #b73c3c !important;
	border-right: 4px solid #b73c3c !important;
	margin-left: -4px;
	margin-right: -4px;
}
#menu ul ul li a:hover .bt {
	left: -6px !important;
	top: 0px;
	background: #E2E2EB !important;
	border-left: 6px solid #AECDD5 !important;
}
#menu ul ul li a:hover .bb {
	left: -6px !important;
	bottom: 0px !important;
	background: #F7F7F9 !important;
	border-left: 6px solid #AECDD5 !important;
}
/* vseobecne classy */
.cleaner {
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	clear: both;
}
.hidden {
	display: none;
}