html,body, #strona {
        width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
}
body {
      background: #233546;  
      font-family: 'Open Sans';
      font-weight: 400;
      font-size: 13px;
      margin: 0;
      padding: 0;
      color: #233546;
      
}

.bodycover {
        position: absolute;
        z-index: 0;
        background: transparent;
        height: 100%;
        width: 100%;
        -webkit-animation: fadeout 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeout 1s; /* Firefox < 16 */
        -ms-animation: fadeout 1s; /* Internet Explorer */
         -o-animation: fadeout 1s; /* Opera < 12.1 */
            animation: fadeout 1s;        
}

@keyframes fadeout {
    from { background-color: rgba(35,53,70,1); }
    to   { background-color: rgba(35,53,70,0); }
}

#breadc,
#pagetop,
#pagemiddle,
#footer {
        position: relative;

}


a {
        color: #233546;
}

a:hover {
        text-decoration: none;
}


.clr {
        clear: both;
}

.szer {
        width: 1200px;
        margin: 0 auto;
}

#page.labs {
     background: url(../../../images/tlo_strony/labs/rotate.php) no-repeat fixed;
     background-position: center;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;        
}

#page,
.glowna #page {
        background: url(../../../images/tlo_strony/rotate.php) no-repeat fixed;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;        
        background-position: left bottom;
        width: 100%;
        display: table;
        border-bottom: 8px solid #DED305;
}





#page {

}

#page.nobg {
        background-image: none;
        background-color: #3C5B78;
}

#mainmenu {
        background-color: rgba(35,53,70,0.8);
        border-top: 2px solid #DED305;
        }

#mainmenu ul li {
        
        display: inline-block;
        
}

#mainmenu ul li a {
        padding: 0 15px;
        font-size: 11px;
        font-weight: 400;
        text-transform: uppercase;
        border: none;
        line-height: 70px;
        transition:0.3s;
}

.responsiveMenuTheme1 a:hover, .responsiveMenuTheme1 li.active > a, .responsiveMenuTheme1 li > span.separator:hover,
#mainmenu ul li a:hover,
#mainmenu ul li.current a {
       background-color: rgba(0,0,0,0.8);
}

.responsiveMenuTheme1 span.opener {
        padding: 0;
}

#mainmenu ul li.parent a {
        padding-right: 35px;
}

.responsiveMenuTheme1 span.opener {
    background-image: url(../images/down-.png);
    background-position: center;
}

.glowna #top1 {
        padding: 200px 0;
}

.glowna #top1 > div {
        background-color: rgba(35,53,70,0.8);
        color: #fff;
        border-bottom: 10px solid #DED305;
        width: 400px;
        margin: 0 auto;       
        padding: 20px 0;
}

.glowna #pagemiddle  {
        position: relative;
        top:300px;
        background: transparent;
        display: block;
        
}

#pagemiddle {

        display: table;
        margin-bottom: 20px;
        border-bottom: 6px solid #233546;
}

.content-category > form,
#pagemiddle div[itemprop="articleBody"] {
        padding: 20px 30px;
}

#pagemiddle div[itemprop="articleBody"] ul li {
        margin: 11px 0;
}

#pagemiddle div[itemprop="articleBody"] {
        text-align: justify;
}

#pagemiddle div[itemprop="articleBody"] img {
    
    max-width: 100%;
    height: auto;
    
}

#content {
        background: rgba(255,255,255,0.9);
        display: table-cell;
}

.col-l {
        display: table-cell;
        width: 285px;
        font-size: 13px;
        padding-right: 10px;
        vertical-align: top;
        background: rgba(35,53,70,0.8);
}

.col-l .modtyt {
        color:#DED305;
        font-weight: 300;
        font-size: 20px;
        text-align: center;


}

.col-l,
.col-l a {
        color: #fff;
}

.col-l a:hover {
        color: #DED305;
        text-decoration: underline;
}

.col-l .modtyt.circle {
        display: table;
        width: 100%;
        margin-top: 15px;
}

.col-l .modtyt.circle > div {
      display: table;
      border: 3px solid #DED305;
      border-radius: 500px;
      font-size: 14px;
      text-transform: uppercase;
      width: 135px;
      height: 135px;
      vertical-align: middle;
      transition: 0.5s;
      margin: 0 auto;
}

.col-l .modtyt.circle > div div {
        display: table-cell;
        vertical-align: middle;
}

.category-module li {
        margin-bottom: 10px;
        font-size: 12px;
}

.category-module li a {
        text-decoration: none;
}



.content-category h2,
.page-header h2 {
        background: url(../images/mix113.png) no-repeat right top #233546;
        color: #fff;
        font-size: 28px;
        font-weight: 300;
        padding: 20px 30px;
        background-size: 30%;
}
.icons {
        float: right;
}

.icons ul.dropdown-menu  {
        margin: 8px 0;
        padding: 0;
}

.icons ul.dropdown-menu li {
        margin: 0;
        list-style: none;
        display: inline-block;
        border-right: 1px solid #AAAAAA;
        padding: 0 5px;
        font-size: 12px;
}

.icons ul.dropdown-menu li:last-of-type {
        border: none;
}

.icons ul.dropdown-menu li a {
        color: #AAAAAA;
}

#bottom1  {
        background-color: rgba(35,53,70,0.8);
        color: #fff;
        text-align: center;
        font-size: 12px;
}

#bottom1 > div {
        padding: 20px 0;
}

#bottom1 .moduletable {
    vertical-align: top;

}
#bottom1 .moduletable .modtyt {
        text-align: center;
}

#bottom1 .moduletable .pommod_in {
        padding: 20px;
        text-align: justify ;
}

#bottom1.divCount1 .moduletable {
        width: 50%;
        display: inline-block;
        
}

#bottom1.divCount2 .moduletable {
        width: 30%;
        display: inline-block;      
}

#bottom1.divCount4 .moduletable,
#bottom1.divCount3 .moduletable {
        width: 20%;
        display: inline-block;
        
}

#breadc {

        background: rgba(0,0,0,0.2);
       

        
}

#breadc > div {
        padding: 2px 15px 5px 15px;
        margin: 10px 0;
}

#breadc ul,
#breadc ul li {
        margin: 0;
        padding: 0;
        list-style: none;
}

#breadc ul li {
        display: inline-block;
        font-size: 9px;
        color: #fff;
        
}

#breadc ul li a {
        color: #fff;
        text-decoration: none;
        border-bottom: 1px dashed #DED305;
}

.content-category form .list-title {
        padding: 10px 0;
}


.responsiveMenuTheme1 {
      background: transparent;
      font-family: inherit;
}

.responsiveMenuTheme1 span.linker {
      padding: 0;
}

.responsiveMenuTheme1 > li {
      width: auto !important;
      float: none;
}

.toggleMenu {
      background-color: transparent;
      text-decoration: none;
}

.toggleMenu:hover {
      color: #fff;
}

.responsiveMenuTheme1.isMobile {
      position: absolute;
      background: #21242E;
      z-index:  999;
}

.responsiveMenuTheme1.isMobile li {
      display: list-item !important;
      border-top: 1px solid #353A4B;
    list-style: none;
}

.responsiveMenuTheme1 li li > a {
      background: #233546;
      color: #fff;
      border-bottom: 2px solid #DED305 !important;
}

.responsiveMenuTheme1 li li {
      display: block !important;
}

.responsiveMenuTheme1 li li > a:hover {
      background:  #DED305 !important; 
      color:  #233546
}

.phocagallery .pg-image {
        margin: 0 !important;
}

.pgplugin1:hover, .pgplugin0.hover {
        border:1px solid #DED305;
}

#footer {
        padding: 30px 0 90px 0;
        background: #fff;
}

#footer ul.menu {
        text-align: center;
}

#footer ul.menu,
#footer ul.menu li {
        margin: 0;
        padding: 0;
        list-style: none;
}


#footer ul.menu li  {
        display: inline-block;
        
}

#footer ul.menu li a {
        text-decoration: none;
        color: #8B8B8B;
        padding: 3px 20px;
}

#footer ul.menu li a:hover {
        color: #233546;
}