/*--------------------------------------------------------
    css theme name: toj
    author: bartosz mediger (http://mediger.net)

    created : august 18, 2007
    

    
*/


* {
    margin: 0px; padding: 0px; }



a, body, h1, h2, h3, h5, input, legend, option, p, select, textarea {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: justify;
    font-weight: normal;
    text-decoration: none;
    line-height: 15px; 
    color: #333; }





html {
    overflow: auto;
    overflow-x: hidden;
    background: #a6ce38 url(../images/backc.jpg) repeat-y center; }





body {
    float: left;
    width: 100%; 
    background: url(../images/back_top.jpg) no-repeat top; }



    




fieldset { border: none; }






img { border: none; }



option { padding: 1px 0 1ox 3px; }



p { padding-bottom: 15px; }



select {
    width: 137px; height: 17px;
    border: 1px solid #ccc;
    margin-right: 24px; }


textarea { overflow: auto; }








/* nawgiacja */

a { color: #194ca3; }

a:hover { color: #a6ce38 !important; }






    

    

/* nagłówki */

h1, h2, h3, h5 {
    color: #194ca3; }

h1, h2, h3 {
    height: 38px; line-height: 38px;
    background: url(../images/lapka.gif) no-repeat left 0;
    padding: 0 0 0 45px;
    font-weight: bold; }

h1 {
    font-size: 32px; }

h2 {
    background-position: left 5px;
    padding-bottom: 22px;
    padding-top: 5px;
    font-size: 25px; }

h3 {
    padding-bottom: 22px;
    font-size: 16px; }

h5 {
    font-size: 14px;
    font-weight: bold;
    padding: 22px 0 5px 0; }





/* menu */

#menu { position: absolute; top: 20px; left: -10px; }


#menu a {
    margin: 0 12px 0 0;
    font-size: 14px;
    font-weight: bold; }





#collection_gallery { padding: 70px 0 0 0; }

    #collection_gallery div {
        float: left;
        position: relative;
        overflow: hidden;
        width: 117px; height: 110px;
        background: url(../images/miniatura.gif);
        padding: 37px 5px 34px 35px; }

    #collection_gallery h3 {
        background: none;
        padding-left: 28px; }

    #collection_gallery .btn {
        float: right;
        height: 20px;
        margin-top: 5px;
        text-indent: -10000px; }

    #collection_gallery .info {
        width: 22px;
        background: url(../images/button_info.gif); }

    #collection_gallery .lupka {
        width: 20px;
        background: url(../images/button_lupka.gif); }

    





#container {
    float: left;
    width: 100%; min-height: 732px; }






/* foot */

#foot {
    float: left;
    width: 100%; height: 80px;
    background: url(../images/foot.jpg) center;
    padding: 38px 0 0 0; }

    #foot * { font-size: 11px; }

    #foot div {
        position: relative;
        width: 795px;
        margin: 0 auto; }
        
        #collection #foot div { width: 822px; }

        
    #foot .copy { position: absolute; bottom: -42px; right: -35px; }
    
    #foot .copy * { color: #333; }
        
    #foot .links {
        text-align: center; }
    
    #foot .links a {
        padding: 0 10px 0 10px;
        border-right: 1px solid #666;
        font-weight: bold;
        color: #666; }
        
    #foot .last { border: none; }   
    



    

/* groups */

#groups {
    width: 100%;
    padding: 20px 0 0 0;
    text-align: center; }

    #groups iframe {
        width: 100%;
        border: none !important;
        margin: 0;
        padding: 0 0 15px 0; }


    #groups a { margin: 0 auto; }





#left, #right { padding: 298px 0 95px 0; }
    




#left {
    float: left;
    width: 239px; }

    #collection #left { width: 170px; }


    




#page {
    position: relative;
    width: 795px;
    margin: 0 auto; }
    
    #collection #page { width: 822px; }






/* rejestracja */

#register fieldset {
    border: 1px solid #666;
    padding: 0 0em 2em 1em; }


#register input { line-height: 14px; }



#register input,
#register textarea {
    float: left;
    width: 30%;
    padding: 1px 2px 1px 2px; }



#register label {
    float: left;
    width: 90%;
    margin: 1px;
    display: block;
    padding: .3em 0 .3em 0;
    cursor: pointer; }

   #register  label span {
        float: left;
        width: 20%;
        margin: 1px;
        padding: 0 3px 0 0;
        text-align: right;
        color: #111; }


#register legend {
    padding: 0 1em 1em 1em;
    font-weight: bold; }


#register textarea {
    float: left;
    overflow: hidden;
    overflow: auto;
    width: 70%; height: 100px; }


#register .btn {
    float: left;
    width: auto;
    border: auto !important;
    padding: 4px;
    text-align: center;
    _filter:alpha(opacity=70); -moz-opacity: .7; opacity: .7; }

    #register .button:hover { _filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }







#right {
    float: right;
    width: 516px; }
    
    #collection #right { width: 633px; }





/* wyszukiwarka */

#wyszukiwarka {
    position: absolute; right: 0px;
    width: 528px; height: 31px;
    background: url(../images/wyszukiwarka.gif);
    padding: 20px 0 0 90px; }

    #wyszukiwarka input,
    #wyszukiwarka select { float: left; }

    #wyszukiwarka p {
        position: absolute; top: 3px; left: 90px;
        height: 0px;
        width: 100%; }

    #wyszukiwarka span {
        float: left;
        width: 120px;
        margin-right: 40px;
        font-size: 10px; }  

    #wyszukiwarka .btn {
        width: 38px; height: 21px;
        background: url(../images/button_szukaj.gif);
        text-indent: -10000px; }

    #wyszukiwarka .last { margin-right: 10px; }










/* classes
    --------------*/
    
.btn  {
    display: block;
    cursor: pointer; }



.hit {
    background: #a6ce38;
    font-weight: bold;
    color: #fff; }


.line { position: absolute; top: 350px; left: 0; }



.logo_cc {
    position: absolute; top: 380px; right: 21px; 
    width: 174px; height: 29px;
    background: url(../images/logo_cc.gif);
    text-indent: -10000px; }


.more {
    float: right;
    width: 75px; height: 21px;
    background: url(../images/button_more.gif);
    padding: 0 0 0 10px;
    font-weight: bold;
    color: #fff; }


    
.nav {
    clear: both;
    width: 70%;
    margin: 0 auto;
    padding: 40px 0 20px 0;
    text-align: center; }
    
    .nav a {
        float: left;
        width: 20px;
        padding: 2px 10px 2px 10px;
        border-right: 1px solid #e9e9e9;
        text-align: center; }


.right {
    float: right;
    margin: 0 0 0 20px; }