* {margin:0; padding:0;}

html{
height:100%;
width:100%;
overflow:hidden;
}


body { 
width:100%;
height:100%;
    font-family: Trebuchet MS, sans-serif;
    font-size: 76%;
    line-height:140%;
    background: #707070 url(../img/bg_top.gif) top left repeat-x;
    color:#333;
  overflow:hidden; 
}

#wrapper{
overflow:hidden;
}

img, img a{
border:none;
}

a {
text-decoration:none;
outline:none;
color:#555;
}


a:hover{
text-decoration:none;
color:#333;
}

a:focus {
    outline: none;
    }

ul{
list-style:none;
}

li{
color:#555;
}



p{
padding:0 0 5px 0;
}


h1{
font-size:300%;
color:#fff;
letter-spacing:0.07em;
font-weight:normal;
}


#wrapper {
    width: 100%;
       float:left;
    overflow:hidden;
    position:relative;
}



/* absolute positioned logo elements */

#logo{
width:97px;
position:absolute;
left:48px;
top:56px;
z-index:100;
}

#logo01{
width:119px;
position:absolute;
left:25px;
top:46px;
z-index:100;
}

#logo02{
position:absolute;
width:264px;
height:25px;
top:65px;
left:150px;
z-index:100;
}

#logo02a{
position:absolute;
width:338px;
height:32px;
top:58px;
left:160px;
z-index:100;
}

#top_nav li.back{
position:absolute;
top:0;
left:0;
}
#top_nav li.back a{
padding:5px 7px 5px 7px;

}
#top_nav li.back a:hover{

padding-bottom:2px;

}
#top_nav li.back a.current{
background:transparent;
color:#555;
padding:5px 7px 5px 7px;
}

/* akademia */



#logoAW{
width:119px;
height:101px;
position:absolute;
left:24px;
top:46px;
z-index:100;
background:transparent;
}

#logoAW_text{
position:absolute;
width:467px;
height:60px;
top:58px;
left:160px;
z-index:100;
background:transparent;
}




#n{
width:13px;
height:13px;
position:absolute;
top:0px;
left:130px;
z-index:500;
}



#vert_line{
width:1px;
font-size:0px;
min-height:100%;
position:absolute;
left:136px;
top:12px;
display:inline;
background:#bababa url(../img/baba.gif) 0 0 repeat;
z-index:300;
}

#hor_line{
height:1px;
font-size:0px;
width:100%;
position:absolute;
left:0px;
top:90px;
display:inline;
background:#bababa url(../img/baba.gif) 0 0 repeat;
z-index:300;
}


/* top navigatie */

#top_nav{
position:absolute;
width:950px;
top:0;
left:0;
font-size:90%;
height:14px;
}

#top_nav ul{
list-style:none;
float:right;
}

#top_nav  li{
float:left;
display:inline;
}


#top_nav li a{
float:left;
font-size:105%;
line-height:105%;
letter-spacing:0.09em;
padding:5px 7px 5px 7px;
margin-left:5px;
color:#555;
}

#top_nav li a:hover{
color:#000;
padding-bottom:2px;
border-bottom:1px dotted #000;
}

#top_nav li a.current{
color:#fff;
padding:5px 7px 5px 7px;
background:#2a57a1;
font-weight:bold;
}



/* koniec top nav */


#footer{
width:100%;
height:100%;
}


#stopka{
width:950px;
padding:10px 0;
font-size:80%;
line-height:85%;
color:#202020;
text-align:right;
letter-spacing:0.08em;
}




/* subpage navigation menu */

#navbar_holder{
width:950px;
position:relative;
z-index:10;
}

#navbar{
position:absolute;
top:35px; 
right:0px; 
background:transparent;
z-index:10;
}

ul.navigation {
z-index:20;
}

ul.navigation li {
    display: inline;
 float:left;
 
}

ul.navigation a {
    
     height:20px;
     padding:0  8px 10px 8px;
     display:block;
    color: #999;
    text-decoration: none;
    font-size:115%;
    line-height:130%;
    letter-spacing:0.08em;
    font-family:Trebuchet MS, sans-serif;
    
    cursor:default;
}

ul.navigation a:hover {

    color:#555;
   
}

ul.navigation a.selected {
   /* background: #fff url(../img/nav_hover.gif) center -2px  no-repeat;*/
    color:#333;
    font-weight:bold;
}

ul.navigation a:focus {
    outline: none;
}

ul.navigation li a.blank {

    display:none;
    
}









/* page scroller elements */

#slider {
    width: 100%;
    margin-top: 90px;
   position: relative;
       background:#transparent;
       

}

#slider.home{
padding-top:0;
}

.scroll {
    height: 550px;
    width: 100%;
    overflow: hidden;
    /*overflow-x: hidden;*/
 position:relative;
    background: transparent;
    clear: left;
  
}

.scrollContainer div.panel {
       position:absolute;
    height: 600px;
    width: 2000px;
   }
   
/* sliding backgrounds */


.akademia{
background: transparent url(../img/akademia/clouds.jpg) top left repeat-x;
}



.haslo{
background: transparent;
width:500px;
font-size:300%;

}

.panel_view{
width:950px;
height:550px;
position:relative;

}

.view_content{
position:relative;
float:left;
width:768px;
font-size:105%;
line-height:170%;
height:490px;
margin-left:137px;
margin-bottom:20px;
padding:40px 25px 0 25px;
background:transparent url(../img/white80.png) repeat;
}

.lite{
background:transparent url(../img/white90.png) repeat;
}

.white{
background:#fff;
}

.view_content span{
font-size:150%;
letter-spacing:0.08em;
}

.view_content .left{
width:370px;
float:left;
display:inline;
padding-right:10px;
}

.view_content .right{
width:370px;
padding-left:10px;
float:left;
display:inline;
}

.view_content h1 {
       padding-bottom: 15px;
    margin-bottom:10px;
    font-size:175%;
    font-weight:normal;
    letter-spacing:0.1em;
       width:100%;
    text-align:right;
    color:#656565;
    border-bottom:1px solid #bababa;
}




h1.bez{
border-style:none;
padding-bottom: 5px;
 margin-bottom:5px;
 }   
    
    
.view_content h2{
padding-bottom:5px;
font-size:135%;
font-weight:normal;
letter-spacing:0.08em;
}

.view_content h3{
padding-bottom:2px;
font-size:120%;
font-weight:normal;
letter-spacing:0.08em;

}

.view_content h3 span{
font-size:80%;
}

/* program seminarium tabelka */



table{
width:750px;
border:none;
font-size:85%;
line-height:125%;
}


table.gamesa{
width:420px;
border:none;
font-size:85%;
line-height:125%;
background:#fff;
}


.gamesa td{
border-bottom:1px solid #ccc;
}

.gamesa td.left{
border-left:1px solid #ccc;
}


td{
padding:4px 8px 4px 6px;
/*background:url(../img/akademia/bottom_line_ccc.gif) bottom left repeat-x;*/
}

tr{
border-bottom:1px solid #ccc;
}
.czas{
width:75px;
background:#ccc url(../img/akademia/bottom_line_fff.gif) bottom left repeat-x;
text-align:center;
}

.titles{
background: #abc url(../img/akademia/left_line.gif) top left repeat-y;
font-weight:bold;
}

.maintitle{
font-size:115%;
background:none;
}

.first{
background-image:none;
}

.przerwa{
background:#ccc;
color:#555;
}
.impreza{
 background:#C60;
color:#fff;
}
.blok{
text-align:center;
width:125px;
background-image:none;
background-color:#ececec;
}

.last_row{
background:#ececec url(../img/akademia/bottom_line.gif) bottom left repeat-x;
}

.last_cell{
width:75px;
background:#ccc url(../img/akademia/bottom_line.gif) bottom left repeat-x;
text-align:center;
}
/*  end table stuff */

.pagepic{
position:absolute;
left:25px;
top:255px;
}


.content_scroll{
padding:8px;
}

.content_scroll li{
padding:0 10px;
}

.scroll li.country{
font-size:90%;
color:#f00;
font-weight:bold;
}

.content li{
padding-left:20px;
}

.content li.small{
padding:2px 0 0 0;
line-height:115%;
color:#f00;
font-size:80%;
font-weight:bolder;
letter-spacing:0.08em;
}

.content li a{
padding-left:15px;
background: url(../img/email.gif) 0 0 no-repeat;
}
.content li a:hover{
padding-left:15px;
background: url(../img/email.gif) 0 -15px no-repeat;
}



/*  styles for home page */


#home_content {
    width:100%;
       display:inline;
    height:550px;
       float:left;
    background:transparent;
       padding-left:137px;

       
}


#slideshow{
position:relative;
width:220px;
height:420px;
overflow:hidden;
}



#slogan{
float:left;
display:inline;
width:795px;
padding:15px 0 20px 15px;
background:#000;
opacity:0.8;
}



/* koniec home styles */






.kwadrat li{
padding-left:10px;
background: url(../img/list_item.gif) 0 9px no-repeat;
}






       /* ----- sub secties scrollers __*/


#sub_timeline{
position:absolute;
width:760px;
height:250px;
top:255px;
left:25px;
overflow:hidden;

}

#sub_struktura{
position:absolute;
width:758px;
height:150px;
top:195px;
left:0px;
overflow:hidden;
border:0px solid #fff;
}

#struktura_box{
position:absolute;
top:130px;
left:25px;
height:380px;
width:760px;
background:#b8bfc6;

}

#subnavbar{
width:730px;
height:30px;
background:#000;
position:relative;
}

ul.subnav {
z-index:20;
height:30px;
background:transparent url(../img/navbar_bg.gif) top left repeat-x;
}

ul.subnav  li {
    display: inline;
 float:left;
 margin-right:5px;
 
}



ul.subnav  li.grey a{
font-size:100%;
color:#000;
background:#fff url(../img/navbar_bg.gif) top left repeat-x;
}

ul.subnav  li.grey a:hover{
color:#f00;
background:#fff url(../img/navbar_bg.gif) top left repeat-x;
}

ul.subnav  li.orange a{
font-size:100%;
color:#000;
background:#fff url(../img/navbar_bg.gif) top left repeat-x;
}

ul.subnav  li.orange a:hover{
color:#f00;
background:#fff url(../img/navbar_bg.gif) top left repeat-x;
}

ul.subnav  li a {
    
    height:20px; 
     padding:4px 8px 6px 8px;
     display:block;
    color: #555;
    text-decoration: none;
    font-size:87%;
    line-height:87%;
    letter-spacing:0.08em;
    font-family:Trebuchet MS, sans-serif;
    
    cursor:default;
}

ul.subnav li a:hover {
       color:#555;
   }

ul.subnav  li a.current {
    background:transparent url(../img/navbar_current.gif) top center  no-repeat;
    color:#fff;
}



ul.subnav  li.grey a.actief {
    background:transparent url(../img/navbar_current2.gif) bottom center  no-repeat;
    color:#fff;
}

ul.subnav  li.orange a.actief {
    background:transparent url(../img/navbar_current3.gif) bottom center  no-repeat;
    color:#fff;
}


/* scroll area timeline */

.subsectie{
       overflow:hidden;
       height:100%;
       
       clear:left;
}

.subsectie ul{
width:10000px;
height:300px;
}

.subsectie li{
height:260px;
width:720px;
padding:10px 20px 20px 20px;
display:block;
background:#b8bfc6;
line-height:200%;
font-size:125%;
color:#fff;
float:left;
letter-spacing:0.07em;
}

.subsectie h3{
font-size:220%;
font-weight:normal;
}

.subsectie img{
padding-right:20px;
float:left;
display:inline;
}


/* subselectie struktura */

.subsectie_struktura{
       overflow:hidden;
       height:100%;
clear:left;
}

.subsectie_struktura ul{
width:5000px;
height:120px;

}

.subsectie_struktura li{
height:120px;
width:720px;
padding:0px 20px 20px 20px;
display:block;
background:#b8bfc6;

float:left;
}





/* end sub secties en navigatie ____*/



/* ////////// language menu //////////// */

#languages{
position:absolute;
top:70px;
right:5px;
}


#languages li a{
width:16px;
padding:0 0 0 2px;
float:left;
}

#languages li a:hover{
border:none;
}

#languages_txt{
position:absolute;
top:70px;
right:5px;
}


#languages_txt li a{
font-size:85%;
padding:0 0 0 5px;
border-left:1px solid #ddd;
float:left;
}

#languages_txt li a:hover{
border-left:1px solid #ddd;
border-bottom:none;
color:#000;
}
#languages_txt li a.actief{
font-weight:bold;
color:#000;
background:transparent;

}





/* ///////////// tabbed boxes ///////////// */


#tabbox{
position:absolute;
top:170px;
left:25px;
width:760px;
}

#tabbox.googlemaps{
top:120px;
}

#tabbox.serwis{
top:40px;
}


#tabbox .content{
border:1px solid #bababa;
}

#tabs{
width: 758px;


}
.tabsnav ul{
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;

}
.tabsnav li{
float: left;
padding: 3px 8px;
color: #555;
background:#dedede;
cursor: pointer;
margin-right:2px;
letter-spacing:0.07em;
}

.tabsnav li.serwis{
background:#fff;
}

.tabsnav li:hover{
background: #bababa;
}
.tabsnav li.close{
float: right;
}
.tabsnav li.actif{
color: #fff;
background: #b90c05;
}
.tabs_content{
clear: both;
padding: 15px;
color: #555;
height:270px;
text-align:center;

}

.googlemaps_content{
padding:0;
height:350px;
text-align:left;
}

.serwis_content{
height:405px;
text-align:left;
}

div.ok {
  color: green;
  font-weight: bold;
  text-align: center;
}

div.error {
  color: red;
  font-weight: bold;
  text-align: center;
}

#podsumowanie {
  height: 180px; 
  width: 103%; 
  overflow: auto;
}

#regulamin {
  height: 340px; 
  width: 536px;
  overflow: auto;
  text-align: center;
}


#nav {
    margin: 0;
    padding: 0;
}
#nav li.on ul, #nav li.off ul {
    margin: 0;
    padding: 0;
}
#nav a {
    text-decoration: none;
}
#nav li {
    display: block;
    float: left;
    margin: 0;
    padding-right: 15px;
}
#nav li ul {
    display: none;
}
#nav li.off ul, #nav li.on ul {
    font-family: Trebuchet MS,sans-serif;
    height: 26px;
    padding-top: 10px;
    position: absolute;
    top: 23px;
    width: auto;
}
#nav li a {
    color: #2A57A1;
    display: block;
    height: 15px;
    padding: 5px;
    width: auto;
    font-family: Trebuchet MS,sans-serif;
}
#nav li.on a {
    border: 2px solid #7A8566;
    color: #7A8566;
}
#nav li.on ul a, #nav li.off ul a {
    border: 0 none;
    color: #2A57A1;
    float: left;
    margin-right: 5px;
    width: auto;
}
#nav li.on ul {
    display: block;
}
#nav li.off:hover ul {
    display: block;
    z-index: 6000;
}
#nav li.off a:hover, #nav li:hover a {
    color: red;
    font-weight: bold;
}