/* COPYRIGHT (C) 2003-2005 IRIS software s.r.o., www.irisoft.sk */


/*********** LAYOUT ***********/
html {
	height: 100%;
}
body {
	background-color: #FFFFFF;
	font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	font-size: 80%;
	line-height: 150%;
	color: #404040;
	text-align: left;
	margin: 0;
	padding: 0;
	background-color: #DAE4E9;
}
#main {
	position: relative;
	width: 100%;
	background: url('../images/top-back.png') top left repeat-x;

}
#main-in {
	position: relative;
	width: 770px;
	margin-left: 0;
	margin-bottom: 0px;
	padding: 0;
	text-align: left;
	border-bottom: 1px solid #C9D8DF; /* musi byt */
	padding-bottom: 0px;
	background: white url('../images/main-back.png') top left repeat-y;

}
#col-left {
	position: relative;
	float: left;
	width: 214px;
	left: 0px;
	text-align: left;
	margin-bottom: 18px;
	line-height: 200%;
	font-size: 11px;

}
#col-middle {
	position: relative;
	float: left;
	left: 15px;
	width: 520px;
    height: auto; 
	margin-top: 20px;	
	margin-bottom: 18px;
}
#col-titulka {
	position: relative;
	float: left;
	width: 770px;
	height: auto;
	left: 0px;
	background: #575757 url('../images/titulka-back.png') top left repeat-y;
}
#img-titulka {
	position: relative;
	width: 247px;
	height: 369px;
	left: 493px;
	background: white url('../images/titulka-img-11.jpg') 1px 0px repeat-y;
}
/*
#col-right {
	position: relative;
	float: right;
	right: 25px;
	width: 131px;
    height: auto;
		border: 1px dashed red;
}
*/
#top-odsadzovac {
	position: relative;
	height: 211px;
}
#zarovnavac, .zarovnavac {
	clear: both;
}

/*********** LAYOUT END ***********/

/*********** HLAVICKA ***********/
#top-gui1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 313px;
	height: 45px;
	background: #E7EFF3 url('../images/top-1.png') top left no-repeat;
}
#top-gui1-eng {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 313px;
	height: 45px;
	background: #E7EFF3 url('../images/top-1-eng.png') top left no-repeat;
}

#top-gui2 {
	position: absolute;
	top: 44px;
	left: 0px;
	width: 770px;
	height: 139px;
	background: white url('../images/logo.png') top left no-repeat;
}
#top-gui3 {
	position: absolute;
	top: 18px;
	left: 562px;
	width: 200px;
	height: 30px;
	z-index: 50;
	text-align: right;
}
#top-gui3 a, #top-gui3 a:visited {
	color: #6CA2B4;
}
#top-gui3-obr {
	position: absolute;
	top: 14px;
	left: 505px;
	width: 255px;
	height: 26px;
	z-index: 50;
	text-align: right;
	background: url('../images/top-motto.png') top left no-repeat;

}
#top-gui3-obr-eng {
	position: absolute;
	top: 14px;
	left: 505px;
	width: 255px;
	height: 26px;
	z-index: 50;
	text-align: right;
	background: url('../images/top-motto-eng.png') top left no-repeat;

}

#top-gui3-obr img, #top-gui3 img, #top-gui3-obr-eng img, #top-gui3-eng img  {
	border: 1px solid gray;
	margin-top: 6px;
}
#top-gui3 img, #top-gui3-eng img {
	border: 1px solid gray;
	margin-top: 2px;
	margin-right: 1px;
}
#top-gui4 {
	position: absolute;
	top: 0px;
	left: 313px;
	width: 457px;
	height: 45px;
	background: #E7EFF3 url('../images/top-back.png') top left repeat-x;
}
#top-titulka {
	position: absolute;
	top: 44px;
	left: 415px;
	width: 353px;
	height: 138px;
	background: white url('../images/top-titulka.png') top left no-repeat;
	z-index: 30;
}
#top-titulka-eng {
	position: absolute;
	top: 44px;
	left: 415px;
	width: 353px;
	height: 138px;
	background: white url('../images/top-titulka-eng.png') top left no-repeat;
	z-index: 30;
}

#top-kontakt, #top-pobocky, #top-profil, #top-referencie, #top-sluzby, #top-spolupraca {
	position: absolute;
	top: 44px;
	left: 417px;
	width: 353px;
	height: 138px;
	background: white url('../images/top-kontakt.jpg') top left no-repeat;
	z-index: 30;
}
#top-pobocky {
	background: white url('../images/top-pobocky.jpg') top left no-repeat;
}
#top-profil {
	background: white url('../images/top-profil.jpg') top left no-repeat;
}
#top-referencie {
	background: white url('../images/top-referencie.jpg') top left no-repeat;
}
#top-sluzby {
	background: white url('../images/top-sluzby.jpg') top left no-repeat;
}
#top-spolupraca {
	background: white url('../images/top-spolupraca.jpg') top left no-repeat;
}
#text-titulka {
	position: absolute;
	top: 90px;
	left: 20px;
	width: 440px;
	height: 138px;
	z-index: 50;
}
#text-titulka h1 {
	color: #CCC9C9;
	font-weight: normal;
	font-size: 20px;
	padding: 0px;
	margin: 0px;

}
#text-titulka p {
	color: #CCC9C9;
	display: block;
	width: 100%;
	text-align: right;
	font-size: 15px;

}
#search {
	position: absolute;
	top: 10px;
	left: 15px;
	width: 197px;
}
input {
	font-size: 8pt;
}
#title {
	position: absolute;
	top: 82px;
	left: 170px;
	width: 245px;
	height: 30px;
	z-index: 18;
	padding-top: 5px;
}
#click-logo {
	position: absolute;
	top: 65px;
	left: 15px;
	width: 145px;
	height: 95px;
}

/*********** HLAVICKA END ***********/

/*********** PATICKA ***********/
#down {
	position: relative;
	width: 100%;
	height: 35px;
	margin-left: 0;
	background-color: #F2F7FA;
	color: #6CA2B4;
}
#down-in {
	position: relative;
	width: 770px;
	height: 30px;
	background-color: #F2F7FA;
}

#down a, #down a:visited {
	color: #6CA2B4;
}
.nas-nav {
	float: right;
	text-align: right;
	padding-right: 25px;
	width: 90%;
	margin-top: 5px;
}
.copy-left {
	float: left;
	text-align: left;
	width: 78%;
	padding-left: 10px;
	margin-top: 5px;
}
.copy-right {
	float: right;
	text-align: right;
	padding-right: 10px;
	margin-top: 5px;
}
#down img {
	vertical-align: middle;
}

/*********** PATICKA END ***********/

/*********** TOP MENU ***********/
/****** kod ktory z LI zoznamu urobi CSS pop-up menu ******/
/****** nemenit!! mozne menit iba dole pod "Make up" ******/
#menu {
	position: absolute;
	top: 182px;
 	left: 0px;
	width: 761px;
	height: 29px;
	z-index: 10;
	background: #75A7B9 url('../images/menu-back.png') top left repeat-x;

}
body {
	behavior:url("/userdata/templates/styles/csshover.htc"); /* update for IE browsers */
}
/****** CSS MENU ******/
#menu {
	/*
	height: ??;
	Since we are floating all LIs, then you need to set height in the make-up part, if you want to place some background on the menu
	*/
	display: block;
}

#menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

#menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
}

#menu a {
	display: block;
}

* html #menu li a {
	position: relative;/* Fix IE6's inability to expand clickable area */
}

#menu li ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
}

/* using display is better (no scrollbars when page loads), but IE can't handle it, so only good browsers should see this */
html>body #menu li ul {
	display: none;
}

#menu li li {
	width: 100%;
}

/* fix the position */
#menu li li ul {
	top: 0;
	left: 100%;
}

/* simulate child selector for IE */
div#menu li:hover ul,
#menu li:hover li:hover ul,
#menu li:hover li:hover li:hover ul {
	visibility: visible;
}
div#menu li:hover li ul,
#menu li:hover li:hover li ul,
#menu li:hover li:hover li:hover li ul {
	visibility: hidden;
}

/* do the normal show, with increased specificity, for good browsers */
#menu ul#menuList li:hover>ul {
	display: block;
	visibility: visible;
}


/*		------   Make-up	--------			*/

#menu {
	font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	font-size: 95%;
	color: white;
	height: 28px;/* 	Height mentioned above	 */
	z-index:100;
	padding-left: 9px;
}

#menu a {
	text-decoration: none;
	text-align: center;
	color: white;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 9px;
	padding-right: 9px;
}

#menu li {
	margin: 1px;
	padding: 1px;
}
#menu li:hover {
	background-color: #8DBCCF;
}

#menu li li {
	width: 185px;/* 	we can't use 100% because LIs have margin and padding (although latter is more important) */
}

#menu li ul {
	color: #000;
	background-color: #679BAE;
	background-image: url(../images/iconbg.gif);
	background-repeat: repeat-y;
	border: 1px solid #496670;
	width: 190px;
}
#menu li ul a {
	text-align: left;
	padding-left: 9px;
}
#menu li ul li ul {
	margin-top: 3px;
	margin-left: -2px;

}
#menu li ul a.submenu {
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 100% 5px;
}
#menulist {
	position:absolute;
}

/*		------   Specific fixes	(thank to W3C for these) --------			*/
/* 
		I'm gonna move the submenus 5px up
		5px works fine here and it is roughly calculated as:
			padding-bottom + margin-bottom + border-bottom of the LI
			+
			*-top values of the LI
			
		Mostly it needs a bit of trial and error.
		Basic idea is to remove the scrollbar when menu re-positioning is perfomed. Of course, script could take care of that, but that takes too much code - this is easier.
*/
#menu li li ul {
	margin-top: -5px;
}
/*********** TOP MENU END ***********/

/*********** WEB (LEFT) MENU ***********/
.webmenu {
	padding-top: 40px;
	width: 214px;
}
.webmenu span {
	display: block;
	color: #2A2526;
}
.webmenu span.selected {
	background-color: #DAE4E9;
	font-weight: bold;
}
.webmenu a {
	color: #2A2526;
	text-decoration: none;

}
.webmenu a:hover {
	text-decoration: underline;

}


/*********** WEB (LEFT) MENU END ***********/

/*********** VERBAL 4 IEDIT ***********/
#iedit {
	height: 18px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index:100;
	width: auto;
	border: 1px solid black;
	padding:3px;
	text-align: center;
	background-color: white;
}
/*********** VERBAL 4 IEDIT END ***********/

/*********** VSEOBECNE ***********/
a {
color: #5491A7;
}
a:visited {
	color: #404040;
}
#breadcrumbs a {
	color: #0A8CB7;
}
a:hover {
	text-decoration: none;
}
abbr {
  cursor: help;
  border-bottom: 1px dashed #000;
}
.no-css {
	display: none;
}
legend {
	padding: 5px 5px;
	color: #3D4A4F;
}
input .text {
	border: 1px solid #778A92;
	background-color: white;
}
form table tr td input {
	width: 140px;

}
h1, h2, h3, h4, h5, h6, h7 {
	font-weight: bold;
}
h1 {
	font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	font-size: 160%;
	color: #5491A7;
	padding: 0px;
	margin: 0px;
	padding-top: 15px;
	margin-bottom: 5px;

}
h2, h3, h4, h5, h6, h7 {
	font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	font-size: 120%;
	color: #5491A7;
	padding: 0px;
	margin: 0px;
	padding-top: 0px;
	margin-bottom: 5px;
}
#col-left h1, #col-left h2 {
	font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	font-size: 120%;
	color: #5491A7;
	font-weight: bold;
	margin-bottom: 5px;
	padding-top: 10px;
}

img.left {
	float: left;
	margin-right: 10px;
	margin-top: 3px;
	margin-bottom: 5px;
}
img.right {
	float: right;
	margin-left: 10px
}
img.center {	
	margin-left: auto;
	margin-right: auto;
}
img {
	border: none;
}
hr {
	border: none 0; 
	border-top: 1px solid #C0CAC8;
	width: 100%;
	height: 1px;
	margin-top: 12px;
	margin-bottom: 5px;
	color: #C0CAC8;
}
.clear {
	clear:both;
}

.textwithtitle p, .textwithimage p {
	margin: 0;
	padding: 0;
}
.file, .textwithtitle, .textwithimage, .xmltext {
	width: 100%;
	position: relative;
	clear: both;
}
.news {
	padding-bottom: 10px;
}
abbr, acronym, .help, span.abbr {
	cursor: help;
	border-bottom: 1px dashed #000;
}
td.center {
	text-align: center;
}
.div-left {
	width: 300px;
	float: left;
}
.div-right {
	float: right;
	font-size: 95%;
}	
.annotation {
	clear: both;
}
.annotation img {
	border: 1px solid gray;

}
.thumbnail {
	float: left;
	margin: 10px;

}
.thumbnail img {
	border: 1px solid gray;
	margin-bottom: 10px;
}
.small {
	font-size: 95%;
}
.container .right {
	width: 100%;
	clear: both;
	text-align: right;
}
.textwithimage img {
	border: 1px solid gray;
	margin-top: 8px;
}
.galeria img, .image img {
	border: 1px solid #D5D5D5;
}
.galeria, .image {
	display:block;
	float:left;
	width: 150px;
	_height:150px;
	min-height:150px;
	padding:5px;
	border: 1px solid #D5D5D5;
	margin: 3px;
	text-align:center;
	background-color: #EEEEEE;
	margin-bottom:10px;
}
.image {
	text-align:center;
	width: 400px;
}
.galeria .textin, .image .textin {
	clear:both;
	text-align:center;
}

.newsletter, .left-add, .login {
	margin-left: 15px;
	margin-right: 15px;
}

#col-left #search input {
	width: 100px;
}
#col-left #search input.button {
	width: 70px;
}


#menuList li a.mnovinky {
	color: white;
	font-weight: bold;
	background-color: #447384;
}