/* 
    Document   : body
    Created on : 2013-09-07, 02:00:59
    Author     : root
    Description:
        Purpose of the stylesheet follows.
*/


html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, form {

    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;


    font-family: Arial,Helvetica,sans-serif;

}

ul, li {
    list-style-type: none;
}


a {

    color: #339900;
    text-decoration: none;
}

a img {
    border: none;
}


root { 
    display: block;
}



.wrapper {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#97ba51), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #97ba51, #ffffff); 
    background-image:    -moz-linear-gradient(top, #97ba51, #ffffff);
    background-image:     -ms-linear-gradient(top, #97ba51, #ffffff);
    background-image:      -o-linear-gradient(top, #97ba51, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#97ba51, endColorstr=#ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#97ba51, endColorstr=#ffffff)";





}

.head {
    width: 940px;
    height: 180px;
    margin: 0 auto;
    background-color: #999900;
    border-radius: 8px;
    position: relative;
    top: 7px;
    box-shadow:8px 8px 8px #666666;


}

.head img {

    /*    border-right-style: solid;
        border-left-style: solid;
        border-bottom-style: solid;
        border-right-width: 3px;
        border-left-width: 3px;
        border-bottom-width: 3px;
        border-top-width: 3px;
        border-right-color: #999900;
        border-left-color: #999900;
        border-bottom-color: #999900;
        border-top-color: #999900;
        
        border-radius: 0 0 8px 8px;*/



}

.hello {
    font-size: 32px;
    font-weight: bold;
    color: #8CEB00;
    position: relative;
    left: 45px;
    top: -145px;
    z-index: 5;
    background-color: rgba(128,128,128,0.6);
    width: 520px;
    padding: 2px;
    border-radius: 6px;
}

.dane_baner {
    position: relative;
    top: -125px;
    left: 665px;
    color: #ffffff;

    font-size: 14px;
    z-index: 50;
    width: 220px;

    font-weight: normal;
    text-shadow: 1px 2px #203509;
}

.godlo_rp {
    z-index: 999999;
    float: none;
    position: absolute;
    right: 225px;
    height: 67px;
    border-right-color: white;
    border-right-style: solid;
    border-right-width: 1px;
    padding-right: 5px;
}

.body {
    width: 940px;
    font-size: 14px;
    margin: 0 auto;
    position: relative;
    top: -3px;
    overflow: hidden;
    z-index: 1000;

}

.h_menu {
    /*    width: 860px;*/

    margin: 0 auto;
    height: 31px;

    margin-bottom: 10px;

    position: relative;
    top: 5px;

    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#99cc00), to(#339900));
    background-image: -webkit-linear-gradient(top, #99cc00, #339900); 
    background-image:    -moz-linear-gradient(top, #99cc00, #339900);
    background-image:     -ms-linear-gradient(top, #99cc00, #339900);
    background-image:      -o-linear-gradient(top, #99cc00, #339900);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#99cc00, endColorstr=#339900);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#99cc00, endColorstr=#339900)";



}


#h_menu {


    text-indent: 0px;

    padding-left: 0;
    margin-left: 0;
    list-style-type: none;
    height: 30px;





    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;

    border-right-color: #339900;
    border-left-color: #339900;
    border-bottom-color: #339900;
    border-top-color: #339900;
}

.hovered_h_menu {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1ea7e), to(#00ff00));
    background-image: -webkit-linear-gradient(top, #d1ea7e, #00ff00); 
    background-image:    -moz-linear-gradient(top, #d1ea7e, #00ff00);
    background-image:     -ms-linear-gradient(top, #d1ea7e, #00ff00);
    background-image:      -o-linear-gradient(top, #d1ea7e, #00ff00);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d1ea7e, endColorstr=#00ff00);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#d1ea7e, endColorstr=#00ff00)";



}

#h_menu a {

    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding-right: 15px;
    padding-left: 15px;
    text-decoration: none;
    white-space: nowrap;
    float: left;
    color: #333333;
}

#h_menu li {
    display: inline;
    float: left;
    position: relative;
    list-style-type: none;
    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: #339900;
}


#h_menu > li > ul  {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 9200;
    left: -1px;


    top: 30px;
    background-color: #00ff00;


    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;

    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;

    border-right-color: #336600;
    border-left-color: #336600;
    border-bottom-color: #336600;

}

#h_menu > li > ul a {
    float: none;
}

#h_menu > li > ul > li {
    background-color: #00ff00;
    display: block;
    float: none;
    list-style: none;
    border-style: none;
    display: none;

}

/*#h_menu > li img {

  border: 0px;
    right: 3px;
   float: right;
    margin: 0 3px;
}*/

#h_menu > li > ul > li > a {
    display: block;

    padding: 0 5px;
    list-style: none;

}

.hovered_h_menu_2nd_li {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5a9f38), to(#99ff66));
    background-image: -webkit-linear-gradient(top, #5a9f38, #99ff66); 
    background-image:    -moz-linear-gradient(top, #5a9f38, #99ff66);
    background-image:     -ms-linear-gradient(top, #5a9f38, #99ff66);
    background-image:      -o-linear-gradient(top, #5a9f38, #99ff66);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#5a9f38, endColorstr=#99ff66);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#5a9f38, endColorstr=#99ff66)";



}


.six {
    /*    height: 39px;*/
    width: 100%;
    background-color: #ffffff;
    padding-bottom: 8px;
}

/*.six img {
    float: left;
}*/


#school_history {
    background-image: url('../../bundles/tomekschool/img/szkola_old.jpg');
    text-transform: uppercase;
    margin-bottom: 15px;

}

#school_history a {
    color: white;
    display: block;
    text-align: center;
    padding-top: 15px;
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;

}

.space {
    height: 15px;
}

.container {
    background-color: white;
    min-height: 500px;
    border-left-style: solid;
    border-right-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-color: #e5e5e5;
    border-right-color: #eeeeee;
    overflow: hidden;
    margin-top: 30px;
}

.v_menu {
    width: 180px;


    background-color: #ffffff;

    /*    border-right-style: solid;
        border-left-style: solid;
        border-bottom-style: solid;
        border-top-style: solid;
        border-right-width: 1px;
        border-left-width: 1px;
        border-bottom-width: 1px;
        border-top-width: 1px;
        border-right-color: #cccccc;
        border-left-color: #cccccc;
        border-bottom-color: #cccccc;
        border-top-color: #cccccc;
        
        border-radius: 0 0 5px 5px;*/
    float: left;
    position: relative;
    left: 10px;
}

.head_menu {
    text-align: center;
    padding-top: 6px;
    border-radius: 4px 4px 0 0;
    background-color: #e5e5e5;

    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #e5e5e5, #ffffff); 
    background-image:    -moz-linear-gradient(top, #e5e5e5, #ffffff);
    background-image:     -ms-linear-gradient(top, #e5e5e5, #ffffff);
    background-image:      -o-linear-gradient(top, #e5e5e5, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e5e5e5, endColorstr=#ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e5e5e5, endColorstr=##ffffff)";
    font-size: 18px;


}

.v_menu ul {
    text-align: center;
    padding: 0;
    margin-top: 6px;

    padding-bottom: 6px;


}

.v_menu li {


    display: block;
    float: none;
    list-style: none;
    border-style: none;
    padding-bottom: 3px;
    padding-top: 3px;
}

.v_menu a {
    color: black;
    margin: 0 auto;
}

.v_menu_hovered {
    /*    background-color: #e8e8e8;*/

    /* fallback */
    background-color: #e8e8e8;

    background-position: center center;
    background-repeat: no-repeat;

    /* Safari 4-5, Chrome 1-9 */
    /* Can't specify a percentage size? Laaaaaame. */
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#e8e8e8));

    /* Safari 5.1+, Chrome 10+ */
    background: -webkit-radial-gradient(circle, #ffffff, #e8e8e8);

    /* Firefox 3.6+ */
    background: -moz-radial-gradient(circle, #ffffff, #e8e8e8);

    /* IE 10 */
    background: -ms-radial-gradient(circle, #ffffff, #e8e8e8);

    /* Opera couldn't do radial gradients, then at some point they started supporting 
    the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */


    border-radius: 4px;

}

.v_menu_hovered a {
    font-size: 18px;
}

.main {
    float: right;
    width: 725px;
    margin-right: 8px;
    min-height: 500px;
    background-color: #eef7e8;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #e5e5e5;
    border-left-color: #e5e5e5;
    border-bottom-color: #e5e5e5;
    border-top-color: #e5e5e5;
    margin-bottom: 15px;

}





.cont {


    margin-top: 15px;
}

.footer {
    position: relative;
    bottom: 0;
    width: 940px;
    height: 100px;
    background-color: #D3D3D3;
    margin: 0 auto;
    clear: both;
    border-radius: 0 0 8px 8px;


    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#D3D3D3));
    background-image: -webkit-linear-gradient(top, #ffffff, #D3D3D3); 
    background-image:    -moz-linear-gradient(top, #ffffff, #D3D3D3);
    background-image:     -ms-linear-gradient(top, #ffffff, #D3D3D3);
    background-image:      -o-linear-gradient(top, #ffffff, #D3D3D3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#D3D3D3);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#D3D3D3)";

}

.linki_ft {
    position: relative;

    clear: both;
    width: 940px;
    margin: 0 auto;
}


.copy_right {
    position: relative;
    top: 65px;
    left: 30px;
    font-size: 12px;

}

.autor {

    position: relative;
    float: right;
    top: 45px;
    right: 15px;
    font-size: 13px;

}

.budowa {
    /*  background-color: #e8e8e8;*/



    border-radius: 4px 4px 4px 4px;
    width: 400px;
    height: 190px;
    position: relative;
    margin: 0 auto;

    top: 60px;
    padding-top: 110px;
    text-align: center;

    box-shadow:10px 10px 10px #e5e5e5;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #e8e8e8;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #e8e8e8;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-color: #e8e8e8;
    border-bottom-color: #e8e8e8;
}

.budowa h4 {
    font-size: 18px;
    padding-bottom: 15px;
}


.center {
    text-align: center;
    padding-bottom: 4px;
}

.naglowek_3 {
    text-indent:  15px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.akapit {
    padding-left: 15px;
    margin-right: 25px; 
    padding-bottom: 10px;
    line-height: 20px;


}

.p_artykul {
    margin-top: 25px;
}

.linia {
    height: 2px;
    width: 420px;
    margin-bottom: 15px;
    position: relative;
    left: 15px;


    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#ffffff));
    background-image: -webkit-linear-gradient(left, #e5e5e5, #ffffff); 
    background-image:    -moz-linear-gradient(left, #e5e5e5, #ffffff);
    background-image:     -ms-linear-gradient(left, #e5e5e5, #ffffff);
    background-image:      -o-linear-gradient(left, #e5e5e5, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e5e5e5, endColorstr=#ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e5e5e5, endColorstr=#ffffff)";

}

.naglowek_h2 {
    text-indent: 15px;
    font-size: 18px;
}


.naglowek_h2 a {
    color: black;
}

.odstep {
    height: 28px;
}


.foto {
    padding: 15px;
    padding-top: 0;
}

.actual_galeria {
    width: 475px;
    float: left;


}

.actal_galerie {
    float: left;
    margin-right: 10px;
    padding: 5px;
    overflow: hidden;
    background-color: white;
    width: 475px;
}


.actual_text {

    float: left;
    width: 220px;
    background-color: #b4c989;
    margin-top: 10px;

    border-radius: 5px;

}


.actual_foto header {
    height: 5px;
}

.actual_foto img {

    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 3px;
    border-left-width: 3px;
    border-bottom-width: 3px;
    border-top-width: 3px;
    border-right-color: #999900;
    border-left-color: #999900;
    border-bottom-color: #999900;
    border-top-color: #999900;
    border-radius: 8px;

    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 2px;
    width: 455px;

}

.actual_foto header h2 {
    position: relative;
    color: white;
    top: -325px;
    position: relative;
    left: 20px;
    background-color: #da1e1e;
    padding-left: 15px;
    width: 390px;
    font-size: 18px;
    border-radius: 3px;
}

.actual_art_i_photo {
    overflow: hidden;
    float: left;
    width: 475px;
    margin-right: 10px;
}

#actual_foto_opis {
    position: relative;
    z-index: 50;
    top: -140px;
    width: 350px;
    left: 20px;
    background-color: #da1e1e;
    padding: 8px;
    font-size: 13px;
    border-radius: 0 0 8px 0;
    color: white;
}

.actual_foto_opis_andrzejki {
    position: relative;
    z-index: 50;

    width: 465px;
    padding: 5px;
    margin-bottom: 25px;

    background-color: #da1e1e;

    font-size: 13px;
    border-radius: 0 0 8px 0;
    color: #ffffff;
}

.actual {
    font-size: 14px;
    text-indent: 0px;
    margin-left: 14px;
    margin-top: 10px;
}

.actual_text p {
    font-size: 13px;
    padding: 0;
    margin-left:  14px;
    margin-right: 4px;
    margin-bottom: 10px;
}
/*****************galeria********************/



.album {
    width: 140px;
    min-height: 140px;
    display: block;
    background-color: #669900;
    border-radius: 12px;
    margin: 9px;
    float: left;

    box-shadow:10px 10px 10px #545050;
}

.album:hover {
    width: 140px;
    min-height: 140px;
    display: block;
    background-color: #99cc00;
    border-radius: 12px;
    margin: 9px;
    float: left;
    box-shadow: 4px 4px 10px #214201 inset;


    /*    border-top-style: solid;
        border-top-width: 2px;
        border-top-color: #336600;
        border-left-style: solid;
        border-left-width: 2px;
        border-left-color: #336600;*/

}

.album_logo {
    height: 60px;
    width: 95px;

    position: absolute;
    top: -74px;
    left: 22px;
    /*    background-image: url('../../bundles/tomekschool/css/backgrounds/a_DSC07550.JPG');*/
}

.album_logo img {
    display: block;
    margin: 0 auto;
}

.album_tit {
    position: relative;
    top: 90px;
    color: #ffffff;
    font-size: 10px;
    margin: 0 auto;
    padding-left: 5px;
    padding-right: 5px;

}

.album_cont {
    width: 160px;
    float: left;
}

.edit_album {
    width: 140px;
}

.edit_photo {
    min-height: 40px;
    min-width: 40px;
    float: left;
}

.edit_photo a {
    display: block;
}

.naglowek_h3 {
    text-align: center;
    vertical-align: middle;
}


.tb_nauczyciel {

    width: 90%;
    margin-left: 35px;
    margin-top: 50px;
    border-collapse: collapse;

    /*    border-right-style: solid;
        border-left-style: solid;
        border-bottom-style: solid;
        border-top-style: solid;
        border-right-width: 1px;
        border-left-width: 1px;
        border-bottom-width: 1px;
        border-top-width: 1px;
        border-right-color: #669900;
        border-left-color: #669900;
        border-bottom-color: #669900;
        border-top-color: #669900;*/
    margin-bottom: 35px;
}

.tb_nauczyciel th {

    background-color: #669900;
    font-size: 18px;
    text-align: center;
}


.tb_nauczyciel tr:nth-child(odd) {
    background-color:#b4c989; }


.tb_nauczyciel td {
    /*    
        border-right-style: solid;
        border-left-style: solid;
        border-bottom-style: solid;
        border-top-style: solid;
        border-right-width: 1px;
        border-left-width: 1px;
        border-bottom-width: 1px;
        border-top-width: 1px;*/
    /*    border-right-color: #000000;
        border-left-color: #000000;
        border-bottom-color: #000000;
        border-top-color: #000000;*/
    padding: 3px;
}

.srodek th, td {
    text-align: center;
}



/*/**************** zakładki ******************/

.zakladki {
    margin: 0;
    padding: 0;
}

.zakladki_konsultacje {
    margin: 0;
    padding: 0;
}

.zakladki li {
    float: left;
    list-style: none;
}

.zakladki_konsultacje li {
    text-align: center;
    float: left;
    list-style: none;

}

.zakladki a {
    display: block;
    text-decoration: none;
    padding: 3px 5px;
    font-size: 17px;
    color: black;

}

.zakladki_konsultacje a {
    display: block;
    text-decoration: none;
    padding: 3px 5px;
    font-size: 14px;
    color: black;

}

.zakladki a.active {

    background-color: #a1bf67;
}

.zakladki a:hover {
    background-color: #a1bf67;
}

.zakladki_konsultacje a.active {

    background-color: #a1bf67;
}

.zakladki_konsultacje a:hover {
    background-color: #a1bf67;
}


.panel_container {
    clear: both;
    background-color: #a1bf67;
    box-shadow:10px 10px 10px #666666;



}

.klikane_panele {
    width: 70%;

    margin-left: 60px;
    margin-top: 20px;
}

.klikane_panele_konsultacje {
    width: 95%;
    margin-top: 30px;
    margin-left: 8px;
}

.konsultacje {
    width: 90px;
    font-size: 16px;
    margin: 0 auto;
    padding-bottom: 25px;
}

.konsultacje td {
    padding: 7px;
}

.konsultacje td:hover {
    background-color: white;
}

.naglowek_h4 {

    font-weight: normal;
    font-variant: normal;
    font-style: normal;

    font-size: 18px;
    margin-left: 130px;
    padding: 7px;
}


.form_error {
    color: red;
    float: right;

}


.form_error ul {
    list-style-type: none; 
}


.form_row {
    width: 450px;
    padding: 9px;
}

/*.form_row label {
    float: left;
}*/

#book {
    width: 480px;
    margin: 30px;
}

#book_tresc {
    height: 100px;
    width: 300px;

    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #336600;
    border-left-color: #336600;
    border-bottom-color: #336600;
    border-top-color: #336600;
    margin-left: 10px;
    margin-top: 15px;
}

.book_save {
    margin: 0 auto;
}

#book_autor {

    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #336600;
    border-left-color: #336600;
    border-bottom-color: #336600;
    border-top-color: #336600;
    margin-left: 8px;
    height: 18px;
}

.book {
    padding-bottom: 20px;


}

.book_data {
    font-size: 10px;
    text-indent: 15px;
    float: right;
    position: relative;
    right: 45px;
    top: -10px;
}

.book:hover{
    background-color: #d8e2ce;
}

.book:hover:nth-child(odd){
    background-color: #d8e2ce;


}

.book:nth-child(odd) {
    background-color:#ffffff; }

.btn_book {
    width: 100px;
    height: 40px;
    position: relative;
    left: 350px;
    z-index: 100;
    top: -40px;

    border-radius: 4px 4px 4px 4px;

    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #519607;
    border-left-color: #427a05;
    border-bottom-color: #427a05;
    border-top-color: #427a05;

    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#56b309), to(#427a05));
    background-image: -webkit-linear-gradient(top, #56b309, #427a05); 
    background-image:    -moz-linear-gradient(top, #56b309, #427a05);
    background-image:     -ms-linear-gradient(top, #56b309, #427a05);
    background-image:      -o-linear-gradient(top, #56b309, #427a05);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1471da, endColorstr=#1C85FB);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1471da, endColorstr=#1C85FB)";

    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
}

.btn_book:hover{
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#306b0a), to(#275808));
    background-image: -webkit-linear-gradient(top,#306b0a, #275808); 
    background-image:    -moz-linear-gradient(top, #306b0a, #275808);
    background-image:     -ms-linear-gradient(top, #306b0a, #275808);
    background-image:      -o-linear-gradient(top, #306b0a, #275808);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1471da, endColorstr=#1C85FB);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1471da, endColorstr=#1C85FB)";


}


.btn_book a {
    position: relative;
    top: 8px;
    padding: 8px;
    color: #ffffff;
}

.regulamin {
    padding-left:  10px;
    padding-right: 10px;
}

.regulamin li {
    padding-bottom: 10px;
}


/*/*-(**************** gry )=(***************************/



.gra {
    float: left;
    background-color: rgb(230, 230, 230);
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
    width: 95px;
}


.artykul {
    margin: 25px;
    float: left;

}

.art_list {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}

#article div ul li {
    color: red;
}

#article_tresc {

    width: 500px;
    height: 250px;
}

#article_title {
    width: 550px;
}

.art_title input {
    width: 550px;
}

.art_tresc textarea {
    width: 450px;
    height: 350px;
}

.artGal h6 {

    color: white;
    font-size: 14px;
    padding-top: 5px;

}
.artGal {
    width: 95%;
    margin: 0 auto;
    height: 25px;
    background-color: #b4c989;
    clear: both;
    margin-bottom: 25px;
    text-indent: 15px;
}

.art_more {
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.art_more div {
    width: 48%;
    float: left;
}

.art_next {
    color: gray;
}

.art_before {
    color: gray;
    text-align: right;
}

.num_list {
    list-style-type: upper-latin;
}

.num_list li {
    list-style-type: decimal;
}

.alpha_list li {
    list-style-type: lower-alpha;
}


.adm_linki div {
    margin-bottom: 25px;
    width: 300px;
    float: left;
    border-radius: 10px;
    background-color: #c1ff9d;
    margin-right: 10px;
    padding: 10px;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../../bundles/tomekschool/css/fancy_img/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../../bundles/tomekschool/css/fancy_img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../../bundles/tomekschool/css/fancy_img/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../../bundles/tomekschool/css/fancy_img/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../../bundles/tomekschool/css/fancy_img/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../../bundles/tomekschool/css/fancy_img/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

.fancybox img {

margin-right: 6px;
    
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 3px;
    border-left-width: 3px;
    border-bottom-width: 3px;
    border-top-width: 3px;
    border-right-color: #336600;
    border-left-color: #336600;
    border-bottom-color: #336600;
    border-top-color: #336600;
    
    border-radius: 5px;
}
/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
.ajax-file-upload-statusbar {
border: 1px solid #0ba1b5;
margin-top: 10px;
width: 420px;
margin-right: 10px;
margin: 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 5px 5px 5px 5px
}
.ajax-file-upload-filename {
width: 100%;
height: auto;
margin: 0 5px 5px 10px;
color: #807579
}
.ajax-file-upload-progress {
margin: 0 10px 5px 10px;
position: relative;
width: 250px;
border: 1px solid #ddd;
padding: 1px;
border-radius: 3px;
display: inline-block
}
.ajax-file-upload-bar {
background-color: #427a05;
width: 0;
height: 20px;
border-radius: 3px;
color:#FFFFFF;
}
.ajax-file-upload-percent {
position: absolute;
display: inline-block;
top: 3px;
left: 48%
}
.ajax-file-upload-red {
-moz-box-shadow: inset 0 39px 0 -24px #e67a73;
-webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
box-shadow: inset 0 39px 0 -24px #e67a73;
background-color: #e4685d;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
text-shadow: 0 1px 0 #b23e35;
cursor: pointer;
vertical-align: top;
margin-right:5px;
}
.ajax-file-upload-green {
background-color: #77b55a;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 0;
padding: 0;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
cursor: pointer;
text-shadow: 0 1px 0 #5b8a3c;
vertical-align: top;
margin-right:5px;
}
.ajax-file-upload {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
   font-weight: bold;
	padding: 15px 20px;
	cursor:pointer;	
	line-height:20px;
	height:25px;
	margin:0 10px 10px 0;
  display: inline-block;
  background: #fff;
  border: 1px solid #e8e8e8;
  color: #888;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  /*-moz-box-shadow: 0 2px 0 0 #e8e8e8;*/
  /*-webkit-box-shadow: 0 2px 0 0 #e8e8e8;*/
  /*box-shadow: 0 2px 0 0 #e8e8e8;*/ 
  padding: 6px 10px 4px 10px; 
  color: #fff;
  /*background: #2f8ab9;*/
  border: none;
  /*-moz-box-shadow: 0 2px 0 0 #13648d;*/
  /*-webkit-box-shadow: 0 2px 0 0 #13648d;*/
  /*box-shadow: 0 2px 0 0 #13648d;*/ 
  vertical-align:middle;  
  
  border-radius: 4px 4px 4px 4px;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: solid;
border-top-style: solid;
border-right-width: 1px;
border-left-width: 1px;
border-bottom-width: 1px;
border-top-width: 1px;
border-right-color: #519607;
border-left-color: #427a05;
border-bottom-color: #427a05;
border-top-color: #427a05;

     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#56b309), to(#427a05));
   background-image: -webkit-linear-gradient(top, #56b309, #427a05); 
   background-image:    -moz-linear-gradient(top, #56b309, #427a05);
   background-image:     -ms-linear-gradient(top, #56b309, #427a05);
   background-image:      -o-linear-gradient(top, #56b309, #427a05);
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1471da, endColorstr=#1C85FB);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1471da, endColorstr=#1C85FB)";
  
  
  }
  
.ajax-file-upload:hover {
/*      background: #3396c9;
      -moz-box-shadow: 0 2px 0 0 #15719f;
      -webkit-box-shadow: 0 2px 0 0 #15719f;
      box-shadow: 0 2px 0 0 #15719f;*/
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#306b0a), to(#275808));
   background-image: -webkit-linear-gradient(top,#306b0a, #275808); 
   background-image:    -moz-linear-gradient(top, #306b0a, #275808);
   background-image:     -ms-linear-gradient(top, #306b0a, #275808);
   background-image:      -o-linear-gradient(top, #306b0a, #275808);
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1471da, endColorstr=#1C85FB);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1471da, endColorstr=#1C85FB)";
}

.ajax-upload-dragdrop
{

	border:2px dotted #A5A5C7;
	width:420px;
	color: #DADCE3;
	text-align:left;
	vertical-align:middle;
	padding:10px 10px 0px 10px;
}