/*
main.css 
(c) Ing. Jan Malý, 2006-2007 *** http://triablo.net
It is forbidden to copy and (or) publish any parts of this code withnout my permission!
*/

form, ul, ol, p {margin: 0px;}
.u {text-decoration: underline;}
img { border: 0 none; }
body {background: #f2eee5 url('/css/img/back-gray.jpg') no-repeat 0 0; color: black; font: normal 13px sans-serif; margin: 0px; padding: 0px;}
.u {text-decoration: underline;}

/* menubar */
#top {height: 53px; background: transparent url('/css/img/back-topmenuy.png') repeat-x 0 0;}
#top #menucontainer {position: absolute; top: 22px; left: 262px; Xwidth: 700px; height: 25px}
#top a.menu, #top a.menu-active {padding: 0 10px; float: left; line-height: 25px; background: url('/css/img/menu-divider.jpg') no-repeat top right; text-transform: uppercase;}
#top a.menu, #top a.menu-active  {display: block; color: white; font-size: 12px; font-weight: bold; text-decoration: none;}
#top a.menu-active {background: url('/css/img/menu-dividerbl.jpg') repeat-x top right;}
#top a.menu:hover, #top a.menu:active  {text-decoration: underline}
/*#top h1 {display: none;}*/
#flags {width: 200px; float: right; text-align: right;}
#flags img {margin: 0 1px;}

#banner-m {position: absolute; top: 47px; left: 0px;}
#banner-in {height: 293px; width: 890px; background: url('/css/img/banner.jpg') no-repeat top left;}

#content-tab {margin: 62px 0 0 5px; height: 90px;}
#content-tab h1 {margin: 0; padding: 0px 10px; color: white; font-size: 32px; font-weight: normal;}
#content-tab .navigation {margin: 0; padding: 10px 0 5px 10px; font-size: 11px; font-weight: normal;}
#content-tab .navigation a {text-decoration: none;}

#content-tab.tgreen {background: url('/css/img/back-tabgreen.png') no-repeat top left; color: #006e39}
#content-tab.tgreen a {color: #006e39}

#content-tab .navigation a:active, #content-tab .navigation a:hover {color: white}

#content-top-home {margin: 315px 0 0 5px; height: 16px; background: url('/css/img/back-maintop.png') no-repeat top left;}
#content-top-else {margin: -10px 0 0 5px; height: 16px; background: url('/css/img/back-maintop.png') no-repeat top left;}

#content {margin: 0 0 0 5px; width: 899px; background: url('/css/img/back-mainrepeat.png') 0 0 repeat-y; }

#content-inner {margin: 0 230px 0 15px; min-height: 360px;}
#banner3 {margin: 0; padding: 0; height: 191px; background: url('/css/img/banner3.jpg') no-repeat top left;}

#secondmenu {margin: 0; padding: 0; background: url('/css/img/back-secondmenu.jpg') repeat-x top left; height: 35px; width: 634px}
#secondmenu a.menu, #secondmenu a.menu-active {float: left; display: block; height: 35px; margin: 0; padding: 0 7px; text-decoration: none; font-size: 13px; line-height: 35px;}
#secondmenu a.menu {color: white;}
#secondmenu a.menu:hover, #secondmenu a.menu:active {color: #ffffaa; text-decoration: underline}
#secondmenu a.menu-active {color: #007dc5; background: url('/css/img/back-secondmenuactive.jpg') repeat-x top left;}


#content-right {margin: 0 25px 0 0; width: 185px; float: right; color: #8c8c86;}
#content-right .header {font-size: 13px;  font-weight: bold; margin: 0; padding: 15px 0;}
#content-right .divider {height: 2px; background: #8c8c86;}
#content-right form {line-height: 1.5; padding: 0 0 10px 0;}
#content-right input.rightInput {background: #f0f0ee; border: none; width: 130px; color: #8c8c86;}
#content-right a.rightSubmit {display: block; width: 22px; float: right; margin: 0 15px;}
#content-right a {text-decoration: none; font-weight: bold; color: #a0a0a0;}
#content-right a:hover, #content-right a:active {text-decoration: underline; color: #017dc7;}
#content-right p {margin: 0 0 10px 0;}
#content-right .randomPhoto {position: relative; margin-left: 10px;}
#content-right .img {	text-align: center; padding: 8px 0; }


/* boxy */
#content-inner .boxy {color: white; font-weight: normal; text-decoration: none; display: block; width: 309px; height: 113px; margin: 5px 5px; float: left;}

#content-inner .boxy h2 {margin: 0; padding: 0;}
#content-inner .boxy h2 a {height: 50px; font-style: normal; font-weight: bold; display: block; margin: 0; padding: 15px 0 25px 15px; font-size: 17px;}
#content-inner .boxy strong {display: inline; font-weight: bold; margin: 0; font-size: 24px; }
#content-inner .boxy a {font-style: normal; font-weight: normal; display: block; margin: 0; padding: 0 0 15px 15px; font-size: 13px; color: #ffffff; text-decoration: none;}

#content-inner .red {background: url('/css/img/back-mainred.gif') no-repeat top left}
#content-inner .yellow {background: url('/css/img/back-mainyellow.gif') no-repeat top left}
#content-inner .blue {background: url('/css/img/back-mainblue.gif') no-repeat top left}
#content-inner .green {background: url('/css/img/back-maingreen.gif') no-repeat top left}

#content-inner .boxy:hover, #content-inner .boxy:active {background-position: -309px 0;}

/* general design guides */
#content-inner h2 {margin: 0; padding: 15px 15px 10px 15px; font-size: 22px;}
#content-inner h3 {margin: 0; padding: 15px 15px 10px 15px; font-size: 19px;}
#content-inner p {margin: 0; padding: 10px 15px; text-align: justify;}
#content-inner img.left {float: left; margin: 5px;}
#content-inner img.right {float: right; margin: 5px;}
#content-inner ul {list-style-type: disc; margin: 0; padding: 10px 15px 10px 35px;}
#content-inner li {line-height: 20px;}
#contnet-inner a {color: #a0a0a0; font-weight: bold; text-decoration: underline;}
#contnet-inner a:hover, #contnet-inner a:active  {color: black;}

/* photo */
#content-inner #fototop {margin: 10px 10px 0 10px;}
#content-inner .onephoto {float: left; margin: 2px 4px; position: relative;}
#content-right .photoFrame, #content-inner .photoFrame {position: absolute; z-index: 500; top: 0; left: 0; background: transparent; width: 150px; height: 150px}

#content-inner #partnersRight {float: right; margin: 5px 10px; width: 140px; padding-left: 10px; border-left: 1px solid #aaa;}
#content-inner h4, #content-inner #partnersRight h4 {font-size: 12px; font-weight: bold; margin: 0; padding: 0;}
#content-inner #partnersRight ul {margin: 0; padding: 0 0 0 5px; list-style-type: none;}
#content-inner #partnersRight li {color: #888; border-bottom: none; padding: 0 0 1px 0;}
#content-inner #partnersRight li a {color: blue; text-decoration: underline;}

#content-inner h4 {padding-left: 15px;}
#content-inner ul.partners {margin: 0; padding-left: 20px;  list-style-type: none;}
#content-inner ul.partners li {line-height: 1.3; width: 400px; padding: 10px 0 15px 0; border-bottom: 1px solid #aaa;}
#content-inner ul.partners li em {display: block; width: 100px; height: 15px; font-style: normal; float: left; text-align: right; padding-right: 10px;  color: #0af}

/* banner 2 */
#content-inner #banner2 {height: 74px; margin: 0; padding: 10px 0; background: url('/css/img/banner2.gif') no-repeat top left}

#content-foot {width: 900px; line-height: 20px; padding: 12px 0 5px 15px; color: #8c8c86; clear: both; height: 115px; margin: 0 0 0 5px; background: url('/css/img/back-mainbottom.png') no-repeat top left}
#content-foot a {font-weight: bold; color: #8c8c86; text-decoration: none;}
#content-foot a:hover,  #content-foot a:active {text-decoration: underline}
#content-foot a#los1, #content-foot a#los2 {display: block; text-align: center; font-size: 9px; color: #af8c86; width: 78px; padding-top: 68px; float: right;} 
#content-foot a#los1 {background: url('/css/img/los2.jpg') no-repeat -78px 0px; margin: 5px 58px 0 0 }
#content-foot a#los2 {background: url('/css/img/los1.jpg') no-repeat -78px 0px; margin: 5px 28px 0 0}
#content-foot a#los1:hover, #content-foot a#los2:hover {background-position: 0px 0px; text-decoration: none; }

#under-foot {margin: 15px 5px; font-size: 10px; color: #aaa}
#under-foot a {margin: 15px 5px; font-size: 10px; color: #777}

#hiddenElk {display: none;}

#flashPane {z-index: 5000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url('/css/img/pozadiFlash.png') top left repeat;}