/* Global reset */
* {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {margin:0.5em 0;}
li,dd {margin-left:1em;}
fieldset {padding:.5em;}
body {font-size:76%;font-family:Verdana, Arial, Helvetica, sans-serif;line-height:1.3;}
a img{border:0;}
/* end global reset */

body {background: #000000 url(./images/tabmenu_bgr.gif) 0 0 repeat-y; vertical-align: top; font-weight: normal; font-size: 11px; font-family: verdana; margin: 0px;}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/*  Ogolne klasy podziału  */

body{
background: black; 
}

#top{
text-align: center;
height: 360px;
width: 100%;
background: #000000 url(./images/top_bgr.jpg) 50% 0 no-repeat;
}

#front{
position: absolute;
top: 0;
left: 0;
height: 360px;
width: 100%;
background: url(./images/top_front.png) 50% 0 no-repeat;
}


#topleft{
position: absolute;
top: 0;
left: 0;
height: 360px;
width: 100%;
}

#topcenter{
position: absolute;
top: 0;
left: 0;
height: 360px;
width: 100%;
}

#topright{
position: absolute;
top: 0;
left: 0;
height: 360px;
width: 100%;
}



#logo{
height: 92px;
width: 109px;
float: left;
background: #0C5F7E url(./images/logo.gif) 0 0 repeat-x;
}

#cardtitle{
height: 29px;
width: 100%;
background: #D4E3ED url(./images/card_title.gif) 0 0 repeat-x;
text-align: left;
text-decoration: none;
font-weight: bold;
font-size: 12px;
line-height: 35px;
color: #0C5F7E;
}

#contener{
background: #0C5F7E url(./images/tabmenu_bgr.gif) 0 0 repeat-y;
}

#leftmenu{
height: 29px;
width: 141px;
position: absolute;
top:121px;
left: 0;
}

#content1{
background: #0C5F7E url(./images/card_bgr.gif) 0 0 repeat-y;
margin-left: 142px;
margin-right: 0px;
padding: 10px 0px 7px 7px;
/*text-align: justify;*/
}

/*  Klasy rozne  */

.pathway{
margin-left: 142px;
}

.path_separator{
background: url(./images/path_separator.gif) 50% 50% no-repeat;
}


.content_left{
background: #F8F6EF;
border: #D4E3ED 1px solid;
padding: 6px;
width: 60%;
float: left;
}

.content_right{
background: #F8F6EF;
border: #D4E3ED 1px solid;
padding: 6px;
width: 35%;
float: left;
margin-left: 7px;
}



/*  Klasy menu górnego  */

#topmenu{
position: absolute;
top: 64px;
height: 28px;
margin-left: 110px;
margin-right: 0px;
}

#topmenu .item{
display: block;
overflow: hidden;
width: 129px;
height: 26px;
float: left;
background: #C2CFD9 url(./images/tmenu.gif) 0 0 repeat-y;
text-align: center;
text-decoration: none;
font-weight: bold;
font-size: 12px;
color: #0C5F7E;
line-height: 28px;
margin-left: 1px;
padding-top: 2px;
}

#topmenu .item:hover{
background: #C2CFD9 url(./images/tmenu_hover.gif) 0 0 repeat-y;
line-height: 28px;
padding-top: 1px;
margin-left: 0px;
padding-left: 1px;
}

#topmenu .item_current{
display: block;
width: 136px;
height: 28px;
float: left;
background: #C2CFD9 url(./images/tmenu_curr.gif) 0 0 repeat-y;
text-align: center;
text-decoration: none;
font-weight: bold;
font-size: 12px;
color: #0C5F7E;
line-height: 28px;
}



/*  Klasy menu dotyczacego karty (lewe jasne)  */

#cardmenu{
width: 142px;
 height: 200px;
background: #F1F2F4 url(./images/cardmenu_bgr.gif) 0 0 repeat-x;
margin: 0;
padding-top: 10px;
}

.cardmenumodule{
width: 138px;
height: 120px;
background: #F1F2F4 url(./images/headmenu_bgr.gif) 0 0 repeat-y;
margin-left: 4px;
}

.cardmenumodule .title{
background: red;
width: 138px;
height: 27px;
background: #C2D0E2 url(./images/cardmenu_head.gif) 0 0 repeat-y;
text-align: center;
text-decoration: none;
font-weight: bold;
font-size: 12px;
color: #0C5F7E;
line-height: 28px;
}

.cardmenumodule .item{
display: block;
width: 128px;
height: 27px;
background: #F4F1E8 url(./images/cardmenu_item.gif) 0 0 repeat-y;
text-decoration: none;
font-weight: bold;
font-size: 12px;
color: #0C5F7E;
line-height: 28px;
margin-top: 1px;
padding-left: 10px;
}

.cardmenumodule .item:hover{
background: #F4F1E8 url(./images/cardmenu_hover.gif) 0 0 repeat-y;
}

.cardmenumodule .item_current{
display: block;
width: 128px;
height: 27px;
background: #F4F1E8 url(./images/cardmenu_curr.gif) 0 0 repeat-y;
text-decoration: none;
font-weight: bold;
font-size: 12px;
color: #0C5F7E;
line-height: 28px;
margin-top: 1px;
padding-left: 10px;
}

.cardmenumodule .item_current:hover{
background: #F4F1E8 url(./images/cardmenu_curr_hover.gif) 0 0 repeat-y;
}


.cardmenumodule .submenu1 .item{
display: block;
width: 120px;
height: 20px;
background: none;
text-decoration: none;
font-weight: normal ;
font-size: 12px;
color: #0C5F7E;
line-height: 20px;
margin-top: 1px;
padding-left: 16px;
}

.cardmenumodule .submenu1 .item:hover{
background: #F9F7EF;
}


.cardmenumodule .bottom{
width: 138px;
height: 2px;
background: #C2D0E2 url(./images/cardmenu_bottom.gif) 0 100% repeat-y;
margin-top: 1px;
}

#cardmenu_bottom{
width: 142px;
height: 10px;
background: #0C5C7B url(./images/tabmenu_begin.gif) 0 0 repeat-x;
margin: 0;
padding: 0;
}



/*  Klasy menu dotyczacego karty (lewe ciemne)  */

#tabmenu{
width: 141px;
 height: 200px;
margin: 0;
padding-top: 10px;
}

.tabmenumodule{
width: 138px;
height: 120px;
background: #0C5F7E url(./images/tabmenu_inbgr.gif) 0 0 repeat-y;
margin-left: 4px;
}

.tabmenumodule .title{
background: red;
width: 135px;
height: 27px;
background: #C2D0E2 url(./images/tabmenu_head.gif) 0 0 repeat-y;
text-align: center;
text-decoration: none;
font-weight: bold;
font-size: 12px;
color: #0C5F7E;
line-height: 28px;
margin-bottom: 5px;
}

.tabmenumodule .item{
display: block;
width: 125px;
height: 27px;
background: #0C5F7E url(./images/tabmenu_item.gif) 0 0 repeat-y;
text-decoration: none;
font-weight: bold;
font-size: 12px;
color: #F1F3F5;
line-height: 28px;
margin-top: 1px;
padding-left: 10px;
}

.tabmenumodule .item:hover{
background: #0C5F7E url(./images/tabmenu_item_hover.gif) 0 0 repeat-y;
}

.tabmenumodule .item_current{
display: block;
width: 125px;
height: 27px;
background: #0C5F7E url(./images/tabmenu_item.gif) 0 0 repeat-y;
text-decoration: none;
font-weight: bold;
font-size: 12px;
color: #F8F6EF;
line-height: 28px;
margin-top: 1px;
padding-left: 10px;
}

.tabmenumodule .item_current:hover{
background: #0C5F7E url(./images/tabmenu_item_hover.gif) 0 0 repeat-y;
}


.tabmenumodule .submenu1 .item{
display: block;
width: 120px;
height: 27px;
background: #0C5F7E url(./images/tabmenu_subitem.gif) 0 0 repeat-y;
text-decoration: none;
font-weight: normal ;
font-size: 12px;
color: #F1F3F5;
line-height: 28px;
margin-top: 1px;
padding-left: 16px;
}

.tabmenumodule .submenu1 .item:hover{
background: #0C5F7E url(./images/tabmenu_subitem_hover.gif) 0 0 repeat-y;
}


.tabmenumodule .bottom{
width: 135px;
height: 7px;
background: #C2D0E2 url(./images/tabmenu_end.gif) 0 100% repeat-y;
}