/* miniaturki zdjec */
.brief{
width: 125px;
height: 125px;
border: solid 1px #DDD;
padding: 2px;
margin: 0 3px 3px 0;
float: left;
text-align: center;
}      
.brief span{
display: block;
font-style: italic;
}
.brief span a{
font-size: 0.8em;
font-style: normal;
} 
.editbrief{
height: 180px;
}
p.kategorie{
font-size: 0.8em;
}
a.active{
color: #047FC2;
text-decoration: none;
font-weight: bold;
}
div.details .brief{
width: 145px;
height: 145px;
margin: 0 5px 5px 0;
}
table.galeria{
/* width: 100%; */
}

table.galeria td.td_brief div, table.lastadded td.td_brief div{
width: 122px;
height: 122px;
border: solid 1px #DDD;
padding: 2px;
/* margin: 0 2px 2px 0; */
/* float: left; */
text-align: center;
position: relative;
}
 
.details .td_brief div{
width: 145px;
height: 145px;
/* margin: 0 5px 5px 0; */
padding: 2px;
/* float: left; */
text-align: center;
border: solid 1px #DDD;
position: relative;
}

a.fs{
position: absolute;
right: 5px; bottom: 2px; 
font-size: 0.7em;
}                              

span.copy{
font-size: 0.8em;
color: #BBB;
display: block;
}

/* tagi */

.taglist a.size_0{
font-size: 2em;
}
.taglist a.size_1{
font-size: 1.7em;
}
.taglist a.size_2{
font-size: 1.3em;
}
.taglist a.size_3{
font-size: 1.1em;
}

/* zakladki */
div.zakladki{
height: 21px;
}
div.zakladki a{
display: block;
float: left;
height: 20px;
line-height: 20px;
border: solid 1px #1F1C85;
border-bottom: 0;
background: url(../gfx/obiektyw_zakladka.jpg) 0 0 repeat-x;
padding: 0 5px;
color: #FFF;
font-weight: bold;
cursor: pointer;
margin-right: 5px;
text-decoration: none;
outline: none;
font-size: 0.8em;
}

div.zakladki a:hover,div.zakladki a.selected{
color: #383174;
text-decoration: none;
}
div.details{
padding: 20px;
border: solid 1px #1F1C85;
/* background: url(../gfx/zakladki_background2.jpg) 0 0 repeat-x; */
text-align: justify;
width: 625px;
min-height: 300px;
}
div.details .pole_opis{
font-weight: bold;
}
div.details#zdjecia a{
display: block;
text-align: center;
margin: 5px 0;
}
div.hidden{
display: none;	
}

img.full{
max-width: 600px;
}

p.comment{
text-align: justify;
}

/* oceny */

.tloocen{
width: 660px;
height: 30px;
background: url(../gfx/pasekocen.jpg) 0 0 no-repeat;
}
.maskaocen{
height: 30px;
background: url(../gfx/maskaocen.gif) 0 0 repeat-x;
}

span.datagodzina{
float: right;
}


/* pozostale */
a{
/* color: #0B76BA; */
color: #796A5B;
text-decoration: none;
}
a:hover{
/* color: #383174; */
color: #B8B0A8; 
text-decoration: underline;
}

a img{
border: solid 1px #000;
}

#navstrip{
position: absolute;
top: 230px;
left: 250px;
}

textarea{
width: 500px;
height: 100px;
border: solid 1px #1F1C85;
}
input.text {
border: solid 1px #1F1C85;
}

span.error,p.msg, span.required{
color: #C03111;
font-weight: bold;
}
span.error{
font-size: 0.8em;
}

#left_container div.header{
height: 55px;
padding: 30px 5px 0 0;
background: url(../gfx/panel_top.jpg) 0 0 no-repeat;
text-transform: uppercase;
text-align: right;
color: #D3D1CE;
font-size: 1.2em;
font-weight: bold;
}
#left_container p{
margin: 0;
text-align: center;
background: #F9F9F9;
font-weight: bold;
}
#left_container div.tresc{
background: #F9F9F9;
padding: 10px;
}
#left_container div.footer{
height: 45px;
background: url(../gfx/panel_bottom.jpg) 0 0 no-repeat;
}

h1 span{
color: #796A5B;
text-align: right;
padding: 0 10px 15px 0;
margin: 0;
display: block;
}
h2 a{
color: #796A5B;
}
h2 a:hover{
text-decoration: underline;
}
h3{
color: #796A5B;
}

/* color: #0B76BA; */


#header_bar{
background: url(../gfx/horizontal_bar.jpg) 50% 100% no-repeat;
height: 15px;
position: absolute;
top: 310px;
right: 30px;
width: 670px;
}
.header_bar{
background: url(../gfx/horizontal_bar.jpg) 50% 100% no-repeat;
height: 25px;
margin: 20px 0 10px 0;
width: 390px;
color: #796A5B;
text-align: right;
padding: 0 10px 15px 0;
font-size: 1.5em;
font-weight: bold;
}

.lastadded{
/* width: 100%; */
}
.lastadded td{
vertical-align: top;
}
.lastadded .left{
width: 410px;
}
.lastadded .right{
width: 230px;
}
.lastadded .center, div.center{
width: 660px;
}




.lastadded .right h3{
background: url(../gfx/right_top.jpg) 0 0 no-repeat;
height:75px;
line-height:60px;
text-align: right;
padding-right: 10px;
margin: 0;
color: #D3D1CE;
text-transform: uppercase;
margin-top: 25px;
}
.lastadded .right p{
background: url(../gfx/right_middle.jpg) 0 0 repeat-y;
margin: 0;
padding: 10px;
}
.lastadded .right .footer{
height:35px;
background: url(../gfx/right_bottom.jpg) 0 0 no-repeat;
}

.lastadded .right a{
color: #B14E27;
font-weight: bold;
}


p.stronnicowanie{
/* padding: 20px 0 0 0; */
text-align: right;
}
/* lewe menu */


#lewe_nav_menu{
background: url(../gfx/menu_left_background.gif) 0 0 repeat-y;
padding-bottom: 20px;
}
#lewe_nav_menu_bottom{
height: 33px;
background: url(../gfx/menu_left_bottom.gif) 0 0 no-repeat;
}
#lewe_nav_menu ul{
padding: 0; margin: 0 15px 0 15px;
list-style: none;
}

#lewe_nav_menu ul.level1 li a{
background: url(../gfx/menu_left_list_style.gif) 0 50% no-repeat;
padding-left: 20px;
text-transform: uppercase;
color: #D3D1CE;
font-weight: bold;
font-size: 0.9em;
display: block;
height: 20px;
line-height: 20px;
border-bottom: solid 1px #7D756E;
text-decoration: none;
}

#lewe_nav_menu ul.level1 li a:hover{
background: #857B66 url(../gfx/menu_left_list_style_hover.gif) 0 50% no-repeat;
}

/* top menu */

#top_nav_menu{
position: absolute;
top: 17px; right: 10px;
width: 330px;
}
#top_nav_menu ul{
padding: 0; margin: 0;
list-style: none;
}
#top_nav_menu ul li{
float: left;
}

#top_nav_menu ul.level1 li a{
background: url(../gfx/menu_top_background.jpg) 0 0 no-repeat;
display: block;
line-height: 32px;
height: 40px;
font-size: 0.9em;
width: 90px;
padding-left: 10px;
text-align: center;
text-decoration: none;
font-weight: bold;
color: #000;
}
#top_nav_menu ul.level1 li a:hover{
text-decoration: underline;
color: #000;
}

/* obiektywy */

#tree{
background: #F9F9F9;
padding: 0 20px;
}
#tree ul{
padding:0; margin: 0;
list-style: none;
width: 170px;
background: #F9F9F9;
}
#tree ul.level2, #tree ul.level3{
border: solid 1px #A08E7A;
}

#tree ul li{
position: relative;
z-index: 25;
width: 170px;
background: #F9F9F9;
}
#tree ul.level1 li:hover{
background: #B8B0A8;
}
#tree ul.level2 li:hover,#tree ul.level3 li:hover{
width: 170px;
}
#tree ul li a{
font-weight: bold;
text-decoration: none;
color: #796A5B;
display: block;
padding: 0 7px 0 10px;
}
#tree ul li a:hover{
background: #C8C0B8;
}

#tree ul.level1 li:hover ul.level2,
#tree ul.level2 li:hover ul.level3{
display: block;
}
#tree ul.level2, #tree ul.level3{
position: absolute;
top: -1px;
left: 100%;
display: none;
}