@charset "utf-8";
/* CSS Document */

body,html {
font:normal 11px "Trebuchet MS";
/*background:url(../images/design/image_bg.png) #fff repeat-x;*/
margin:0; padding:0;
text-align: center;
color: #002e62;}

/*common elements*/
p {margin:0 0 0 0}
li {list-style: none;}
a {color:#002e62; text-decoration:underline}
a:hover {color:#338e7e; text-decoration:underline;}
.button {float:right; margin-top:2px; padding:3px 0 5px 0; width:auto}
.button a, .button a:visited {text-decoration:none; background:#666; color:#fff; padding:3px 10px 5px 10px; font-weight:bold;}
.button a:hover {text-decoration:none; background:#ededed; color:#fff;}
.clearfloat {clear:both; height:0; font-size:1px; line-height:0px;}

/*text settings*/
h1, h2, h3, h4 {font-weight:bold; line-height:auto; margin:0; padding:0 0 10px 0; width:auto}
h1 {font-size:20px}
h2 {font-size:18px}
h2 {font-size:16px}
h2 {font-size:14px}

/*top*/
#header {height:100px; width:948px; margin:0 auto; background:url(../images/design/bg_top.jpg) no-repeat; text-align: right;}

/*main navigation*/
#main_nav {height:31px; width:948px; background:url(../images/design/bg_menu.gif) repeat-x #dcdcdc; margin:0 auto;}
#main_nav a {color:#002e62; font-size:12px; font-weight:bold; text-decoration:none; padding:7px 27px 6px 27px;}
#main_nav a:hover {color:#338e7e; text-decoration:none; background:url(../images/design/bg_menu_hover.gif);}
#main_nav .nav-list {list-style:none; padding:0 25px 0 25px; margin:0;}
#main_nav .nav-list li {float:left; text-align:center; width:auto; padding:7px 0 6px 0}
#main_nav .nav-list li.here {color:#002e62; font-size:12px; font-weight:bold; background:url(../images/design/bg_menu_here.gif); padding:7px 27px 6px 27px;}

/*content*/
#contentwrapper {width:948px; padding:8px 0 0 0; margin:0 auto; background:#dcdcdc}
/*newsbox*/
#newsbox {width:470px; height:350px; margin:0 auto; background:url(../images/design/bg_bluebox.jpg) repeat-x bottom #005594; float:left; color:#fff; text-align:left;	position:relative;}
#newsbox .title {padding:5px 17px 5px 17px; height:57px; font-size:20px}
#newsbox .title a:hover {color:dcdcdc}
#newsbox a {color:#fff; text-decoration:none;}
#newsbox a:hover {color:#dcdcdc}
#newsbox .numbers {border-top:1px solid #003f77; margin:0; padding:7px 17px 0 17px; height:31px;}
#newsbox .numbers a {padding:0 5px 0 5px; font-weight:bold}
#newsbox .here {padding:0px 5px 0px 5px; background:#005594}
/*teamsbox*/
#teamsbox {width:470px; height:350px; margin:0 auto; background:url(../images/design/bg_bluebox.jpg) repeat-x bottom #005594; float:right; color:#fff; text-align:left}
#teamsbox a {color:#fff; text-decoration:none}
#teamsbox a:hover {color:#dcdcdc}
#teamsbox .tabmenu a {padding:5px 100px 7px 17px; line-height:28px; font-size:14px; font-weight:bold;}
#teamsbox .tabmenu a:hover {background:#00427b}
#teamsbox .tabmenu {border-bottom:1px solid #0e62a0; height:30px; background:#004984}
#teamsbox .tabmenu ul {list-style:none; margin:0; padding:0;}
#teamsbox .tabmenu li {background:#004984; float:left; height:30px; border-right:1px solid #0e62a0}
#teamsbox .tabmenu .here {padding:0px 100px 0px 17px; line-height:27px; font-size:14px; font-weight:bold; background:#005594}
#teamsbox .tabela table {width:200px; margin:10px 17px 10px 17px; padding:0; border-right:1px solid #0e62a0; float:left}
#teamsbox .tabela  div.next_round {width:180px; margin:20px 17px 10px 0; float:left;}
#teamsbox .tabela  div.next_round p {padding:0 0 3px 0}

/*subcontent*/
#title {width:auto; margin:10px 17px; border-bottom:1px solid #002e62; text-align:left}
.subcontent {float:left; width:auto; padding:17px 17px 57px 17px; text-align:justify;}
.subcontent .subcontent {padding: 0;}
.subcontent ul {margin:0; padding:0;}
.subcontent li {list-style: none; margin:10px; padding:5px 5px 5px 15px; border-right:none; list-style-position:inside; background:url(../images/design/bullet.gif) no-repeat 0 10px;}
.subnav {float:left; width:197px; background:#ededed; padding:17px; margin:10px 17px 8px 0; text-align:left}
.subnav h2 {border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9; padding:5px 0 5px 0; margin:5px 0 5px 0}
.subnav a:link, a:visited {text-decoration:none}

.terminarz {height:100px}
.terminarz h2 {border-bottom:1px solid #d9d9d9; padding:0 0 5px 0; margin:0 0 5px 0}
.terminarz td {vertical-align: top;}


/*banners*/
#banners {height:100px; padding:0; margin:0;}
#banners img {margin:8px 8px 0 0;}


/*footer*/
#footer {width:948px; margin:0 auto; padding:10px 0 10px 0; background:url(../images/design/bg_menu.gif) repeat-x; text-align:left}
#footer p {margin:0; padding:0 18px 0 18px;}
#footer a, #footer a:visited {color:#eaf0c2; text-decoration:none}
#footer a:hover {color:#ffffff; text-decoration:underline}


/*this is needed for the slider*/
.pics {height:  350px; width:   470px;}

/*this is generated by the javascript, but you can style it here. I set the newsbox container to position relative so we can position the pager absolutely */ 

#navThumbs { position:absolute; z-index:1000; top:319px; border-top:1px solid #003f77; margin:0 1px; padding:7px 17px 0px 17px; height:31px; width:435px; }

#navThumbs a {padding:0px 5px 0px 5px; margin:0 1px}
#navThumbs a.activeSlide {padding:0px 5px 0px 5px; background:#005594; margin:0 1px}
	
#moreNews { position:absolute; z-index:1000; top:325px; right:10px; }

#newsarchive {padding-right:17px;}
td.form_bbuttons {text-align: right;}
input.form_textinput {width: 160px;}

a.login {color: white; font-weight: bold; text-decoration: none; padding: 0; margin: 5px 5px 0 0;}

div.gallery_image {margin: 0 5px 10px 5px; width: 120px; height: 90px; text-align: center; vertical-align: bottom; float: left; border: 1px solid #bbb; }
a.lightbox, a.lightbox img {border: 0; margin: 0;}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }			
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }