/* Martinina korekcia zarovnania hornych stran elementov v obsahovej casti */

#submenu {margin-top: 29px;}
#mainframe #content {margin-top: 3px;}
#mainframe #content h1 {margin: 0; height: 32px;}
#sidebar {margin-top: 35px;}

/* home */

#home #news-world {float: left; width: 250px; margin-right: 20px;}
#home #news-company {float: left; width: 250px; margin-right: 15px;}
#home #sidebar1 {float: left; margin-right: 15px;}
#home #sidebar2 {float: left;}

#home h1 {margin-top: 0;}
#home h1, #home h2 {font-size: 1.5em; font-weight: bold;}
#home h1, #home h2 a {text-decoration:none; color:inherit;}
#home .content .item .content {width: 160px;}
#home .content .item p {margin: 0px;}


#home-upper {height: 225px; background: url(/images/shadow-archive.gif) top left no-repeat;}
#home-upper #archive {background: #000; width: 725px; height: 220px; float: left; overflow: hidden;}
#home-upper #experience {width: 190px; float: right;}
#home-upper #archive, #home-upper #archive a {color: #fff; text-decoration: none;}
#home-upper #archiveImage {width: 535px; float: left;}
#home-upper #archiveImage div {height: 200px;}
#home-upper #archiveImage p {margin: 0; text-align: right;}
#home-upper #archiveImage p a {display: block; line-height: 20px; height: 20px; padding-right: 30px; background: url(/images/zoom.gif) center right no-repeat;}
#home-upper #archiveDescription {width: 190px; float: right; color: #999; position: relative; height: 220px;}
#home-upper #archiveDescription .holder {background: none;}
#home-upper #archiveDescription h2 {margin-top: 0; color: #fff; font-size: 2em; font-weight: normal;}
#home-upper #archiveDescription p {margin: 0;}
#home-upper #archiveDescription h3 {font-size: 1.25em; border-top: 1px solid #999; padding: 5px 0; margin: 5px 0 0 0; color: #fff; font-weight: normal;}
#home-upper #archiveDescription ul {margin: 0; padding: 0; list-style: none;}
#home-upper #archiveDescription ul li {text-align: center; float: left; width: 25%;}
#home-upper #archiveDescription ul img {width: 35px; height: 20px; border: 1px solid #fff;}
#home-upper #archiveDescription #archiveLinks .holder {padding: 0;}
#home-upper #archiveDescription #archiveLinks h3 img {vertical-align: bottom;}

#home-lower {margin-top: 15px;}

/* layuot */

body {text-align: center; background: #ededed url(/images/bg-body.png) top left repeat-x;}
#header, #mainframe, #footer, #tools {width: 960px; text-align: left; margin: 0 auto;}
.holder {padding: 15px; background: #fff;}

#header {padding-top: 15px;}
#tools {padding: 2px 0;}
#mainframe {padding-bottom: 2px;}
#footer {padding-bottom: 15px;}


#header {line-height: 80px;}
#header .holder {padding: 0 15px; height: 80px;}

#logo {width: 190px; height: 80px; float: left;}
#logo h1 {margin: 0;}
#logo p {display: none;}

#menu {float: left; width: 520px; margin-left: 15px; line-height: 74px;}
#menu strong {font-weight: normal;}
#menu a, #menu img {float: left;}
#menu img {padding: 35px 5px 0 5px;}
#menu a {border-top: 2px solid #fff; border-bottom: 2px solid #fff; color: #333; text-decoration: none;}
#menu a:hover, #menu strong a {border-top-color: #4070DD; color: #4070DD;}

#search {float: right;}
#search input {vertical-align: middle;}
#search #s {width: 120px; font-size: 8pt;}

#tools .holder {padding: 5px 15px;}
#general_links {float: right; width: 190px;}
#general_links a {color: #666; text-decoration: none;}
#general_links img {vertical-align: middle;}
#breadcrumbs {float: left; padding-left: 205px; color: #666; font-style: italic;}

#submenu .holder, #sidebar .holder, #content .holder {padding: 0;}
#submenu, .sidebar {width: 190px;}
#submenu {float: left;}
#content {float: left; width: 520px; margin: 0 15px;}
#sidebar {float: right;}

#submenu {position: relative;}
#submenu .holder {position: relative; left: -15px;}
#submenu ul {list-style: none; margin: 0px; padding: 0px;}
#submenu a {display: block; border-left: 2px solid #fff; padding-left: 30px; background: url(/images/divider.gif) 13px 50% no-repeat; text-decoration: none; color: #333; line-height: 2em;}
#submenu strong a, #submenu a:hover {border-color: #4070DD; color: #4070DD; font-weight: normal;}
#submenu ul ul a {padding-left: 45px; background-position: 28px 50%;}

#footer .holder {padding: 15px 220px; color: #999;}


/* elements */

.sidebar .item {border: 2px solid #e5e5e5; margin-bottom: 10px;}
.sidebar .item h3 {font-size: 1em; margin: 0;}
.sidebar .item h3 span, .sidebar .item h3 a {display: block; line-height: 2em; padding: 0 0.5em; color: #000;}
.sidebar .item h3 a {text-decoration: none; background: url(/images/more.gif) center right no-repeat;}
.sidebar .item .frame {border: 2px solid #fff; border-top: none;}
.sidebar .item .frame a img {vertical-align: middle;}
.sidebar .item .frame .text_holder {background: #ededed; padding: 0.5em;}

.content .no-border { border-top: 0 !important;}
.content .item {border-top: 2px solid #E5E5E5; margin: 1em 0; padding-top: 1em;}
.content .item .illustration {float: left; width: 90px; padding: 0 !important;}
.content .item .illustration img {padding: 0 5px 5px 0; background: url(/images/shadow-small.gif) bottom right no-repeat;}
.content .item .content {float: left; width: 430px;}
.content .item .date {color: #999;}
.content .item h3 {margin: 0;}
.content .item h3.spaced {padding-bottom: 1em;}
.content .item p { margin: 0 0 1em 0; }
.content .item p.perex { min-height: 40px; margin-bottom: 5px; }
.content .item img {vertical-align: middle;}
.content .tools {background: #ededed; padding: 0 0.5em;}
.content .tools a {color: #000; text-decoration: none; display: block; padding: 0.5em 0.5em 0.5em 24px; float: left; margin-right: 2em; background-position: center left; background-repeat: no-repeat;}
.content .more { text-align: right; padding-top: 0.5em; border-top: 2px solid #E5E5E5; }
.content .more img { vertical-align: bottom; }

.content .detail { padding: 0; margin: 0; }
.content .detail .info { margin-top: 1em; }
.content .detail h2 { font-size: 2.5em; padding: 0.8em 0 0 0; margin: 0; }

.content table {margin: 1em 0;}

.column .item .content {width: 160px;}

.related-news h2 { padding: 0; margin: 1em 0 0 0; }
.related-news .item { float: left; width: 250px; margin-right: 10px; }
.related-news .item .content { width: 160px; }

#content .main_illustration {padding: 0 5px 5px 0; background: url(/images/shadow-big.gif) bottom right no-repeat;}
#content .main_illustration div {height: 84px;}
#content .main_illustration p {text-align: right; padding: 0 1em; margin: 0; background: #000; color: #fff; line-height: 16px; height: 16px; font-size: 10px;}

#mainframe #content h1.illustration_220 {height: 220px; margin-top: 32px;}
.illustration_220, .illustration_84 {padding: 0 5px 5px 0; background-position: bottom right; background-repeat: no-repeat;}
.illustration_220 {height: 220px; background-image: url(/images/shadow-220.gif);}
.illustration_84 {height: 84px; background-image: url(/images/shadow-84.gif);}

table.gallery td {
	vertical-align: middle; 
	text-align: center; 
	padding: 10px; 
	width: 25%;
}
table.gallery tr:hover {background: none;}
table.gallery td:hover {background: #ccc;}
table.gallery td h3 {
       color: #666;
       font-size: 1.5em;
       margin-top: 0.5em;
       margin-bottom: 0;
       font-weight: bold;
}

table.gallery td img { max-width: 100px; max-height: 50px; }
table.gallery td img.fixedSize { width: 100px; height: 50px; }

.high_table {height: 300px; width: 520px; margin-bottom: 1em; overflow: auto;}
.high_table table {margin: 0;}

table.details th {font-weight: bold; padding-left: 0;}
table.details td {padding-right: 0;}
table.details td, table.details th {border-width: 1px 0; border-style: solid; border-color: #ededed; background: #fff;}

#content .inline_image {float: left; margin: 5px 15px 5px 0;}
#content .inline_image a {position: relative; display: block; line-height: 1px; }
#content .inline_image img.spyglass { position: absolute; bottom: 0; right: 0; }

ul.links {margin: 0; padding: 0; list-style: none;}
ul.links li {background: #ededed; border-top: 2px solid #fff;}
ul.links a {display: block; padding: 0.25em; padding-left: 24px; background: url(/images/more.gif) center left no-repeat;}

a.download, a.gallery {display: block; padding-left: 24px; background-position: center left; background-repeat: no-repeat;}
a.download {background-image: url(/images/icon-download.gif) !important;}
a.gallery {background-image: url(/images/icon-gallery.gif) !important;}
a.download span {color: #666; font-size: 0.8em;}

/* general definitions */

.l {text-align: left;}
.r {text-align: right;}
.c {text-align: center;}
.fl {float: left;}
.fr {float: right;}

.small {font-size: smaller;}
.nonVisual {display: none;}
.reset {display: block; font-size: 0px; line-height: 0px; height: 0px; overflow: hidden; clear: both;}
.vertical {vertical-align: middle;}
input.formated {border: 1px solid #ccc; font-size: 8pt;}
.column {width: 250px;}

a.top, a.back {text-decoration: none;}
a.top img, a.back img {vertical-align: middle;}
a.top {color: #ababab;}

/* general formatting */

body {line-height: 150%; margin: 0; padding: 0;}
body, table, input,select,textarea {font-size: 8pt; color: #333;}
body, table {font-family: arial, helvetica, sans-serif;}

h1, h2, h3 {clear: both;}
h1 {font-weight: normal; font-size: 2em; color: #aaa;}
h2 {font-weight: normal; font-size: 1.65em; color: #999;}
h2 {font-weight: normal; font-size: 1.65em; color: #999;}
h3 {font-size: 1em;}

#content ul {list-style: none; margin-left: 0; padding-left: 0;}
#content ul li {padding-left: 40px; background: url(/images/bullet.gif) top left no-repeat;}

table {width: 100%; border-collapse: collapse; background: #ededed;}
th {font-weight: normal;}
td, th {vertical-align: top; text-align: left; border: 2px solid #fff;}
td, th, .sortable a {padding: 0.25em 0.5em;}
th {background: #fff; border-top-color: #ededed;}
th.sortable {padding: 0;}
th.sortable a {display: block; padding-right: 16px;}
th.asc a {background: url(/images/more.gif) center right no-repeat;}
/* tr:hover {background: #ccc url(/images/bg-row-hover.gif) left top repeat-y;} */
tr.selected {background: url(/images/bg-row-hover.gif) left top repeat-y;}
td img, th img {vertical-align: middle;}

table.form {margin: 0}
table.form td, table.form th {border: none; padding-top: 1em; padding-bottom: 0; background: #ededed;}
table.form th {text-align: right;}
.buttons { background: #ededed; padding: 1em; text-align: center;}
.buttons input {color: #fff; background: #4070DD url(/images/bg-button.png) bottom left repeat-x; border: 1px solid #fff; padding: 0.25em 1em;}

a {color: #4070DD;}
hr {display: none;}
