/* 
    Document   : tresc
    Created on : 2011-07-02, 17:56:37
    Author     : EB
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#srodek{
    margin: 0px;
    padding: 0px;
    width: 940px;
}

#kwadrat_naglowek_1{
    display: block;
    padding: 0px;
    margin: 0px 0px 0px -3px;
    width: 300px;
    height: 165px;
    background: url(../grafika/kwadrat_1_grafika_napis.png) no-repeat top;
}

#kwadrat_naglowek_2{
    display: block;
    padding: 0px;
    margin: 0px;
    width: 300px;
    height: 165px;
    background: url(../grafika/kwadrat_2_grafika_napis.png) no-repeat top;
}

#kwadrat_naglowek_3{
    display: block;
    padding: 0px;
    margin: 0px!important;
    width: 300px;
    height: 165px;
    background: url(../grafika/kwadrat_3_grafika_napis.png) no-repeat top;
}

#kwadrat_1{
    position: absolute;
    display: inline;
    margin: 0px auto auto 0px;
    padding: 0px;
    float: left;
    width: 127px;
    height: 165px;
    background: url(../grafika/start_kwadrat_1_grafika.png) no-repeat center;
}

#kwadrat_2{
    position: absolute;
    top: 250px;
    margin: 0px;
    padding: 0px;
    width: 127px;
    height: 165px;
    background: url(../grafika/start_kwadrat_2_grafika.png) no-repeat center;
}

#kwadrat_3{
    position: absolute;
    top: 250px;
    margin: 0px;
    padding: 0px;
    width: 127px;
    height: 165px;
    background: url(../grafika/start_kwadrat_3_grafika.png) no-repeat center;
}

#kwadrat_1_napis{
    /*position: absolute;
    top: 310px;
    margin: 0px auto auto 117px;*/
 
    top: 20px;
    margin: 20px 0px auto auto;
    padding: 0px;
    float: right;
    width: 185px;
    height: 82px;
    background: url(../grafika/start_kwadrat_1_napis.png) no-repeat center;
}

#kwadrat_2_napis{
   /* position: absolute;
    top: 310px;;
    margin: 0px auto auto 110px;*/
    margin: 20px 5px auto auto;
    padding: 0px;
    float: right;
    width: 185px;
    height: 82px;
    background: url(../grafika/start_kwadrat_2_napis.png) no-repeat center;
}

#kwadrat_3_napis{
  /*  position: absolute;
    top: 310px;
    margin: 0px auto auto 117px;*/

    margin: 20px 0px auto auto;
    padding: 0px;
    float: right;
    width: 185px;
    height: 82px;
    background: url(../grafika/start_kwadrat_3_napis.png) no-repeat center;
}

#start_glowny{
    
    margin: 0px 0px 0px 0px;
    padding: 0px;
    display: inline;
    width: 940px;
    /*height: 350px;*/
    text-align: left;
    list-style-position: outside;
}

#start_glowny li{
    
    list-style-position: outside;
    list-style-type: none;
    float: left;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 7px;
    margin-right: 6px;
    padding: 0px;
    width: 300px;
   /*height: 345px;*/
    background: url(../grafika/start_kwadrat_gora.png) no-repeat;

    background-position: 0px 50px;
    z-index: 100;
}

.kwadrat_srodek{
   /* background: url(../grafika/start_kwadrat_srodek.png)!important;
    background-position: 0px 50px!important;*/
    background-color: black;
    border-left: 2px solid #0798DC;
    border-right: 2px solid #0798DC;
    border-bottom: 2px solid #0798DC;
    margin: 0px;
    padding: 0px;
    width: 300px;
}

.kwadrat_tekst{
    float: right;
    margin: 0px;
    padding: 0px;
    width: 300px;
    background: url(../grafika/start_kwadrat_srodek.png)!important;

    /*background-color: black;
    border-left: 2px solid #0798DC;
    border-right: 2px solid #0798DC;*/
    border-bottom: 2px solid #0798DC;
    /*height: 145px;*/
}



.kwadrat_tekst p{
    clear: both;
    position: inherit;
    /*font-family: 'Annie Use Your Telescope',arial,serif;
    font-family: 'Indie Flower', arial, serif;*/
    font-family: 'Allura', sans-serif;
    text-align: left;
    font-size: 34px;
    /*color: #7294a3;*/
    color: white;
    margin-top: 0px;;
    margin-right: 4px;
    margin-left: 4px;
    margin-bottom: 0px;
    padding: 0px;
    width: 292px!important;
    height: 40px;
    text-align: center;
}


.kwadrat_wiecej{
    float: right;
    margin: 0px;
    padding: 0px;
    width: 300px;
    height: 50px;
    background: url(../grafika/start_kwadrat_dol.png) no-repeat bottom;
}

.kwadrat_wiecej a,
.kwadrat_wiecej a:visited,
.kwadrat_wiecej a:link,
.kwadrat_wiecej a:hover{
    text-decoration: none;
    background: url(../grafika/tekst_wiecej.png) no-repeat;
    float: right;
    margin-right: 10px;
    margin-top: 5px;
    width: 71px;
    height: 18px;
}

.grupy{
    margin: 5px auto 5px auto;
    padding-left: 10px;
}

.kamera{
    background-color: black;
    border: 2px solid #0798DC;
    clear: both;
    display: none;
    height: 500px;
    padding: 0;
    width: 940px;
}

.zamknij_kamera{
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    cursor: pointer;
    width: 40px;
    height: 40px;
}

#obraz{
    display: none;
    margin: 10px auto 10px auto;
}