﻿.mobilebarmaximenuck {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    background: #2c0e06;
    width: 100%;
    height: 45px;
    border-bottom: 4px solid #6d554b;
}


.mobilemaximenuck div.level2.maximenuck > a {
    /* background: url(arrow2.jpg) left center no-repeat; */
    background: #0080C0;
    border-radius: 0;
    margin: 8px 10px 2px 10px;
    padding-left: 11px;
    border-bottom: 1px solid #c5aca7;
    padding-bottom: 8px;
}

.mobilemaximenuck div.maximenuck > a {
    font-size: 14px!important;
}

.mobilemaximenuck {
background:#b89b97;
text-shadow: 1px -1px 2px transparent;
font-weight: bold;}

.mobilemaximenuck .mobilemaximenucktopbar {
    height: 45px;
    background: #2c0e06!important;
   border-bottom: 4px solid #6d554b;
}

.mobilebarmenutitleck {
    padding-left: 20px;
    line-height: 43px;
    color: #eee;
    font-size: 13px;
}

.mobilemaximenuck .mobilemaximenucktitle {
    font-size: 15px;
    padding: 14px 0 0 20px;
    display: block;
    float: left;
    text-transform: uppercase;
}

.mobilemaximenuck div.level1.maximenuck > a {
    /* background: url(arrow.jpg) left center no-repeat; */
   background: transparent!important;
 margin: 0px 10px;
    padding-left: 11px;
    border-bottom: 1px solid #c5aca7;
    border-radius: 0px;
}

.mobilemaximenuck div.level2.maximenuck > a {
    /* background: url(arrow2.jpg) left center no-repeat; */
background: #3f160b;}

 /* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{


}


@media only screen and ( max-width: 1024px ) {

.mobilemaximenuck div.maximenuck > a {
color: #332104 !important;}

.mobilemaximenuck div.maximenuck > a:hover {
color: #4c2708 !important;}

}

@media only screen and ( max-width: 925px ) {
div#maximenuck132 ul.maximenuck li.maximenuck.level1 {
    padding: 7px 4px 2px 4px!important;
}

}

@media only screen and ( max-width: 930px ) {

.gornne{display:table;width:100%;    margin: 0 0 30px 0;}

.gornne table{width: 60%!important;
    margin: 0 0 0 15px;}

.logominn{
    position: absolute!important;
    margin: 0px 0px 0px 34%!important;
    bottom: -6%!important;
}

.startlewe {
    margin: -12px 0 0 0;
    position: absolute;
    width: 42%;
    z-index: 1;
    left: 0;
}

.startsrodek {
    margin: -50px 0 0 23%;
    position: absolute;
    width: 55%;
    z-index: 2;
}

.startprawe {
    margin: -12px 0 0 0;
    position: absolute;
    width: 42%;
    z-index: 1;
    right: 0;
}


}

@media only screen and ( max-width: 833px ) {

div#maximenuck132 ul.maximenuck li.maximenuck.level1{
	margin: 2px 5px 0 0;
}

div#maximenuck132 ul.maximenuck li.maximenuck.level1 {
    padding: 7px 3px 2px 3px!important;
}

}


@media only screen and ( max-width: 755px ) {
.gornne table {
    width: 55%!important;
    margin: 0 0 0 15px;
}

.wrapper{
overflow:auto;
}

#menu {
    border-bottom: 0px solid #6b5144;
}


.mobilemaximenuck div.maximenuck {
    cursor: pointer;
    min-height: 24px;
    line-height: 35px;
}

/*.mobilemaximenuck .item113, 
.mobilemaximenuck .item124, 
.mobilemaximenuck .item117, 
.mobilemaximenuck .item121,.mobilemaximenuck .item127,
.mobilemaximenuck .item151{
background: none!important;
    text-decoration: underline!important;
}



.mobilemaximenuck .item113 a .mobiletextck,
.mobilemaximenuck .item124 a .mobiletextck,
.mobilemaximenuck .item117 a .mobiletextck,
.mobilemaximenuck .item121 a .mobiletextck,
.mobilemaximenuck .item127 a .mobiletextck,
.mobilemaximenuck .item151 a .mobiletextck{
background: none!important;
color: #bb8b84 !important;
    text-decoration: underline!important;
}


.mobilemaximenuck .item117 a .mobiletextck{
background: none!important;
color: #bb8b84 !important;
    text-decoration: underline!important;
}*/

.item114,.item125,.item122,.item123,.item118,.item119,.item120,
.item128,.item129,.item130,.item131,.item132,.item121,.item114,.item124,.item117,.item127,.item151,.item152,.item170,.item167,.item168,.item169,.item137,.item138,.item139{display:none!important;}

.level2 a{background: none!important;}

.mobilemaximenuck div.level2.maximenuck > a {
    /* background: url(arrow2.jpg) left center no-repeat; */
    background: none;
    line-height: 19px;
}

}


@media only screen and ( max-width: 680px ) {
.slider img{
	width:100%;
}

#header{height:auto;}

}

@media only screen and ( max-width: 700px ) {

.leftcol {
    float: none;
    margin: -31px 35px 0 0;
    width: 100%;
    position: relative;
    color: #FFFFFF;
}

.cont img{max-width:100%;height: auto;}

.leftcol .module .custom{display:none;}

h2#tytu {
    margin: 0px 0 18px 0;
}

.maincol_w_right .cont {
    background: none repeat scroll 0 0 #FFFFFF;
    float: none;
    min-height: 310px;
    padding: 1px 0px;
    width: 100%;
    margin-top: 20px;
}

.leftcol ul.menu li.current, .leftcol ul.menu li.active {
      float: left;
    margin: 5px 5px 0 5px;
}

.module_menu, .rightcol .module, .leftcol .module {
    margin-bottom: 0px;
    display: table;
    width: 100%;
}

.leftcol ul.menu li {
    float: left;
    margin: 5px 5px 0 5px;
}

.leftcol h3, .rightcol h3 {
    background: url(../images/h3.png) no-repeat scroll left top #B89A96;
    border: 1px solid #D2C5C3;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 15px;
    line-height: 17px;
    margin: -2px 0 8px 5px;
    padding: 9px 0 10px 28px;
    text-indent: 0;
    width: 167px;
}


}

@media only screen and ( max-width: 680px ) {
.gornne table {
    width: 50%!important;
    margin: 0 0 0 15px;
}

.gornne {
    display: table;
    width: 100%;
    margin: 0 0 50px 0;
}

.gornne h1 {
    display: none!important;
   

}
}


@media only screen and ( max-width: 640px ) {


}

@media only screen and ( max-width: 620px ) {
.gornne {
   padding: 15px 0px 40px 0px;
    background: url(../images/bg_homemob.png) repeat-x scroll left bottom;
    display: table;
    width: 100%;
    margin: -20px 0 20px 0;
}

.gornne img.ll{float:none!important;  margin: 0 auto 20px auto;}

#ll{text-align:center;}
.gornne table {
    width: 94%!important;
    margin: 0 auto 20px auto;
}

.logominn {
    position: relative!important;
    margin: 12px auto 0px auto!important;
    text-align: center;
}

.cont table td{display:block;width:100%!important;}

#abc {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 0 auto 15px auto;
}

#abc td {
    border: 1px solid #dddddd;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    background: #fdfdfd none repeat scroll 0 0;
    display: block;
    width: 100%;
}

#abc div.formBody {
    display: block;
    float: none;
}

#abc input[type="text"] {
    outline: none;
    width: 93%;
}

}

/*---------------------------koniec drugi break--------bylo 520---*/

@media only screen and ( max-width: 580px ) {

 form {
    overflow: hidden;
}

.article-index {
    float: none;
    font-size: 11px;
    border: 1px solid #f0f0f0;
    margin: 0 10px 20px 15px;
    display: block;
    max-width: 270px !important;
}

 
 div.formCaption {
    display: block;
    float: none;
    width: 100%;
    min-height: 12px;
	font-size: 12px;
}

	#rsform_5_page_0 div.formCaption {
    display: table;
    float: none;
    height: auto;
    width: 100%;
}


.podtytul{
    text-align: center;
    font-weight: bold;
    text-indent: 20px;
    padding: 0 0 7px 0;
    line-height: 12px;
}

}

/*--------------bulo max 350-----------*/
@media only screen and ( max-width: 515px ){
#Szk1, #Szk2, #Szk3, #Szk4, #Szk5, #Szk6, #Szk7, #Szk8, #Szk9, #Szk10, #Szk11, #Szk12, #Szk13, #Szk14, #Szk15, #Przebieg {
    max-width: 500px;
    width: 71%!important;
}
}

@media only screen and ( max-width: 470px ){

.startlewe {
     margin: 0 auto;
    position: relative;
    width: 99%;
    z-index: 1;
    left: auto;
}

.startsrodek {
     margin: 0 auto;
    position: relative;
    width: 99%;
    z-index: 2;
}

.cont p{text-align:left!important;}

.cont li {
    background: url(../images/bullet.gif) no-repeat scroll 1px 9px rgba(0, 0, 0, 0);
    margin: 0 20px 2px 6px;
    padding: 2px 10px 2px 10px;
}

.startprawe {
    margin: 0 auto;
    position: relative;
    width: 99%;
    z-index: 1;
    right: auto;
}

}


@media only screen and ( max-width: 320px ){

}

@media only screen and ( max-width: 280px ){



}


