/* common elements */

body {margin: 0px; padding: 0px; font-family: Tahoma, "Arial CE", Arial, "Verdana CE", Verdana, "Helvetica CE", Helvetica; line-height: 160%; background: url('../img/body-bck.gif') center top no-repeat #ffffff; font-size: 11px; color: #202020;}
a, a:active, a:visited {color: #008cda; text-decoration: none; outline: none;}
a:hover {text-decoration: underline; outline: none;}
img, a img, a:active img, a:visited img, a:hover img {border: none; outline: none;}

h1 {font-size: 18px; margin: 7px 0px 7px 0px;}
h2 {font-size: 18px; margin: 7px 0px 7px 0px;}
h3 {font-size: 12px; margin: 7px 0px 7px 0px;}


h4, h5,h6 {font-size: 12px; font-weight: bold; color: #333333; margin: 7px 0px 7px 0px;}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: none;}

table { margin: 5px; border-collapse: collapse;}
table th {text-align: left; font-size: 11px; padding: 5px; vertical-align: top;}
table td {font-size: 11px; padding: 5px; vertical-align: top;}
input {vertical-align: middle;}
form {margin: 0px; padding: 0px;}
p {margin-top: 7px; margin-bottom: 7px; line-height: 15px; }

.clear {clear: both;}

/* layout */

.body-container {width: 100%; text-align: center; }
.main-container {display: block; width: 976px; min-height: 500px;  overflow-x: hidden; text-align: left; margin-left: auto; margin-right: auto;}

.topbar {display: block; width: 976px; height: 112px; position: relative;}
.topbar h1 {margin: 0px; padding: 0px;}
.topbar h1 a {position: absolute; top: 22px; left: 762px; border: none; outline: none; display: block; width: 200px; height: 65px; text-indent:-9999em; overflow: hidden; background: url('../img/logo-aspire.gif') left top no-repeat;}
.topbar-homepage-motive {background: url('../img/topbar-homepage-bck.gif') 7px 14px no-repeat;}

/* main section menu */

.top-menu {position: absolute; top: 75px; left: 7px; display: block; height: 35px; width: 654px; background: url('../img/top-menu-bck.gif') left bottom no-repeat;}
.top-menu ul {margin: 0px; padding: 0px; list-style-type:none;}
.top-menu ul li {float:left; margin: 0px; padding:0px 0px 0px 15px; height: 35px;}
.top-menu ul li a, .top-menu ul li a:hover {padding:0px 15px 0px 0px; font-size: 14px; text-align: center;  text-decoration: none; line-height: 35px; font-family: Tahoma, "Arial Narrow", "Arial CE", Arial, "Verdana CE", Verdana, "Helvetica CE", Helvetica; height: 35px; color: #374145; display: block; float:left;  }
.top-menu ul li.active a { color: #008cda; background: url('../img/top-menu-active-item-right-bck.gif') right bottom no-repeat;} 
.top-menu ul li.active  {background: url('../img/top-menu-active-item-left-bck.gif') left bottom no-repeat;} 
.top-menu ul li a:hover {color: #008cda;}
.top-menu ul li a {color: #374145;}


/* language menu */

.language-menu {position: absolute; top: 14px; left: 22px; display: block; height: 35px; font-size: 16px; font-family: "Arial Narrow", "Arial CE", Arial, "Verdana CE", Verdana, "Helvetica CE", Helvetica;}
.language-menu a, .language-menu a:hover {color: #374145; text-decoration: none;}
.language-menu a:hover {color: #008cda;}
.language-menu a.active {color: #008cda;}

/* homepage advertisement */

.advert-homepage {padding: 1px 7px 1px 7px;}

/* fotogalerie u clanku */	
.gallery-outer {display: block; width: 365px; float: left; background-color: #ffffff; }
.gallery-inner {padding: 5px;}
.gallery-image-small {display: table; height: 70px; width: 70px; %position: relative; overflow: hidden; border: 1px solid #dbdbdb; margin: 5px; float: left;}
.gallery-image-small span {%position: absolute; %top: 50%; %left: 50%; display: table-cell; vertical-align: middle; text-align: center;}
.gallery-image-small span a img, .gallery-image-small span a:visited img, .gallery-image-small span a:active img, .gallery-image-small span a:hover img  {%position: relative; %top: -50%; %left: -50%; }
.gallery-image-big-outer {background: url(../img/article-image-left-top-bck.gif) left top no-repeat; padding-left: 3px; padding-top: 3px; display:inline-block; }
.gallery-image-big-inner {background: url(../img/article-image-right-bottom-bck.gif) right bottom no-repeat; margin-top: -3px; margin-left: -3px; padding: 3px; display:inline-block;}
.gallery-image-big-inner img {margin: 3px;}

/* content */

.content-outer {background: url('../img/main-bck.gif') center bottom no-repeat; clear: both; display: block; width: 976px; overflow-x: hidden; text-align: left;}
.content-inner {background: url('../img/content-bck.gif') left top no-repeat; padding: 10px; min-height: 275px; _height: 275px;}
.content-inner h2 {color: #ffffff; text-transform:uppercase; font-family: "Arial Narrow", "Arial CE", Arial, "Verdana CE", Verdana, "Helvetica CE", Helvetica;}
.content-inner h3 {color: #008cda; text-transform:uppercase;}
.content-inner a, .content-inner a:hover {color: #303030;}
.secondlevel { background-image: url('../img/content-secondlevel-bck.gif') !important; min-height: 350px; _height: 350px; padding: 40px 60px 40px 60px;}
.secondlevelSmall { background-image: url('../img/content-secondlevel-bck.gif') !important; min-height: 0px; _height: 0px; padding: 40px 60px 0px 60px;}
.secondlevel h2 {color: #202020;}

/* middle-bar */

.middle-bar-outer {background: url('../img/middle-bar-bck.gif') left top no-repeat; clear: both; display: block; width: 976px; height: 62px; overflow: hidden; text-align: left; }
.middle-bar-inner {padding: 10px 0px 0px 72px; position: relative;}
.middle-bar-inner h2 {color: #ffffff; margin: 0px; text-transform:uppercase; font-family: "Arial Narrow", "Arial CE", Arial, "Verdana CE", Verdana, "Helvetica CE", Helvetica;}
.middle-bar-inner p {color: #ffffff;}

.tools-in-middle-bar-inner {display: block; width: 201px; height: 61px; overflow: hidden; position: absolute; top: 0px; right: 7px;}
.tools-in-middle-bar-inner div {display: block; padding-left: 10px; line-height: 37px; height: 37px; background: url('../img/search-in-middle-bar-bck.gif') left bottom no-repeat #8d9496;}
.tools-in-middle-bar-inner div strong {padding: 0px 5px 0px 0px; font-weight: normal; color: #ffffff;}

/* homepage textbox */
.textbox-homepage-outer {display: block; width: 570px; min-height: 250px; _height: 250px; float: left;}
.textbox-homepage-inner {margin: 20px 20px 30px 60px; border-bottom: 1px solid #bdc0c2;}
.textbox-homepage-inner p a, .textbox-homepage-inner p a:active, .textbox-homepage-inner p a:visited, .textbox-homepage-inner p a:hover {color: #374348;}

/* footer */

.footer { clear: both; display: block; width: 950px; overflow-x: hidden; text-align: right; padding-top: 7px; line-height: 120%;}
.footer, .footer a, .footer a:visited, .footer a:active, .footer a:hover {font-size: 10px; color: #c6cacc;}

/* boxes */

.box-01-outer {display: block; width: 179px; margin: 7px 0px 0px 5px; float: left; background: url('../img/box-01-header-bck.gif') left top no-repeat #008cda;}
.box-01-outer h3 {color: #ffffff; margin: 0px;}
.box-01-inner {padding: 5px 10px 5px 10px; color: #c8e9fb;}
.box-01-inner a, .box-01-inner a:hover {color: #c8e9fb; text-decoration: none;}

.box-01-search {display: block; width: 179px; height: 37px; line-height: 37px; background: url('../img/box-01-search-bck.gif') left bottom no-repeat #7b8284;}
.box-01-search strong {padding: 0px 5px 0px 10px; font-weight: normal; color: #ffffff;}
input.searchButton {border: none; background: none; display:inline;}
.box-01-search input.searchButton {padding: 0px 0px 0px 10px; font-weight: normal; color: #ffffff;}


/* form elements */

.input-01 {width: 90px; border: 1px solid #f5f5f5; background-color: #e7f4fc;}
.input-02 {width: 120px; border: 1px solid #f5f5f5; background-color: #e7f4fc;}

/* links */

.link-01 {border: none; outline: none; display: block; width: 15px; height: 15px; text-indent:-9999em; overflow: hidden; background: url('../img/link-01-bck.gif') left top no-repeat;}
.link-02 {border: none; outline: none; display: block; color: #ffffff; font-weight: bold; line-height: 24px; font-size: 11px; padding-left: 10px; height: 24px; overflow: hidden; background: url('../img/link-02-bck.gif') left top no-repeat;}
.link-03 {border: none; outline: none; display: block; margin-top: 20px; font-weight: bold; text-indent:-9999em; overflow: hidden; font-size: 17px; height: 22px; overflow: hidden; background: url('../img/link-03-bck.gif') left top no-repeat;}
.link-05 {border: none; outline: none; display: block; margin-top: 20px; font-weight: bold; text-indent:-9999em; overflow: hidden; font-size: 17px; height: 22px; overflow: hidden; background: url('../img/link-05-bck.gif') left top no-repeat;}

/* advertisement boxes */

.advert-box-01-outer {display: block; width: 385px; float: right; margin-top: 20px; margin-bottom: 15px; background: url('../img/advert-box-01-bck.gif') left top no-repeat; }
.advert-box-01-inner {padding: 5px; }

.advert-box-02-outer {display: block; width: 197px; float: right; background: url('../img/advert-box-02-bck.gif') left top no-repeat; }
.advert-box-02-inner {padding: 7px;}

/* article */

.article-01 {border-bottom: 1px solid #e1e3e3; clear: both; width: 100%; padding-bottom: 10px; margin-bottom: 15px; }
.article-02 {width: 530px; float: left; padding-bottom: 10px; margin-bottom: 15px; }
.article-04 {width: 420px; float: left; margin-bottom: 5px; }

.article-03-outer {width: 320px; display: block; float: right; min-height: 350px; _height: 350px; padding-bottom: 10px; margin-bottom: 15px; background: url(../img/article-03-bck.gif) left top no-repeat;}
.article-03-inner {padding: 0px 0px 0px 40px;}
.article-image-container {float: left; _width: 179px; min-width: 179px; padding-bottom: 25px; position: relative;}
.article-image-outer {margin: 40px 20px 10px 10px; _width: 179px; background: url(../img/article-image-left-top-bck.gif) left top no-repeat; padding-left: 3px; padding-top: 3px; display:inline-block; }
.article-image-inner {background: url(../img/article-image-right-bottom-bck.gif) right bottom no-repeat; margin-top: -3px; margin-left: -3px; padding: 3px; display:inline-block;}
.article-image-inner img {margin: 2px;}
.link-04 {position: relative; float:left; margin-top: 20px; bottom: 0px; right: 0px; border: none; outline: none; display: block; width: 190px; font-weight: bold; text-indent:-9999em; overflow: hidden; font-size: 17px; height: 22px; overflow: hidden; background: url('../img/link-03-bck.gif') left top no-repeat;}
.XXXlink-04 {position: absolute; bottom: 0px; right: 25px; border: none; outline: none; display: block; width: 190px; font-weight: bold; text-indent:-9999em; overflow: hidden; font-size: 17px; height: 22px; overflow: hidden; background: url('../img/link-03-bck.gif') right top no-repeat;}

.article-text h1, .article-text h2, .article-text h3, .article-03-inner h3 {text-transform: uppercase; color: #008cda; font-size: 14px; margin: 3px 0px 0px 0px;}
.article-text h1 span, .article-text h2 span, .article-text h3 span, .article-03-inner h3 span {color: #7b8284; }
.article-text h4 {color: #374348; font-size: 12px; margin: 0px 0px 3px 0px;}
.article-text {color: #374348; display: block; float: right; width: 635px; overflow-x: hidden; min-height: 150px;}
.article-text a {text-decoration: none; color: #374348; font-weight: bold;}
.article-02 .article-text {width: 310px;  overflow-x: hidden;}
.article-04 .article-text {width: 200px; overflow-x: hidden;}
.article-text .article-image-outer {margin: 0px;}

.article-01 .article-text a {color: #008cda;}
.article-04 .article-text .link-03 {margin-top: 10px;}
.article-02 .article-image-container .article-image-outer {margin: 5px 20px 10px 10px;}
.article-04 .article-image-container .article-image-outer {margin: 5px 20px 10px 10px;}
.article-03-inner table {margin-left: -3px;}

.article-text ul {margin: 0px; padding: 0px; list-style-type:none;}
.article-text ul li {margin: 0px; padding:0px 0px 10px 16px; list-style-type:none; background: url('../img/list-01.gif') left 3px no-repeat;}
.article-text ul li h2 {margin-left: 0px;}

.delimiter {display: block; width: 100%; clear: both; height: 1px; margin-bottom: 10px; overflow: hidden; background-color: #e1e3e3;}


/* content horizontal menu */

.content-menu {margin-left: -53px; margin-top: -40px; display: block; height: 35px; margin-bottom: 30px; width: 654px;  background: url('../img/content-menu-bck.gif') left bottom no-repeat;}
.content-menu ul {margin: 0px; padding: 0px; list-style-type:none;}
.content-menu ul li {float:left; margin: 0px; padding:0px 0px 0px 15px; height: 35px;}
.content-menu ul li a, .content-menu ul li a:hover {padding:0px 15px 0px 0px; color: #008cda; font-size: 16px; text-align: center;  text-decoration: none; line-height: 35px; font-family: "Arial Narrow", "Arial CE", Arial, "Verdana CE", Verdana, "Helvetica CE", Helvetica; height: 35px; display: block; float:left;  }
.content-menu ul li.active a { color: #374145; background: url('../img/content-menu-active-item-right-bck.gif') right bottom no-repeat;} 
.content-menu ul li.active  {background: url('../img/content-menu-active-item-left-bck.gif') left bottom no-repeat;} 
.content-menu ul li a:hover {color: #374145;}

/* article horizontal menu */

.article-menu { display: block; height: 35px; margin-bottom: 30px; width: 600px; overflow-x: hidden; background: url('../img/content-menu-bck.gif') right bottom no-repeat;}
.article-menu ul {margin: 0px; padding: 0px; list-style-type:none;}
.article-text .article-menu ul li {float:left; margin: 0px; padding:0px 0px 0px 15px; height: 35px; background: url('../img/empty.gif') left bottom no-repeat;}
.article-menu ul li {float:left; margin: 0px; padding:0px 0px 0px 15px; height: 35px; background: url('../img/empty.gif') left bottom no-repeat;}
.article-menu ul li a, .article-menu ul li a:hover {padding:0px 15px 0px 0px; color: #008cda; font-size: 16px; text-align: center;  text-decoration: none; line-height: 35px; font-family: "Arial Narrow", "Arial CE", Arial, "Verdana CE", Verdana, "Helvetica CE", Helvetica; height: 35px; display: block; float:left;  }
.article-menu ul li:hover a, .article-menu ul li.hover a { color: #374145; background: url('../img/content-menu-active-item-right-bck.gif') right bottom no-repeat;} 
.article-menu ul li:hover, .article-menu ul li.hover  {background: url('../img/content-menu-active-item-left-bck.gif') left bottom no-repeat;} 
.article-menu ul li a:hover {color: #374145;}
.article-menu ul li {behavior: url(hover.htc);}

/* version box */
#versionBox { float:left; }