/**
Theme Name: Melos Child
Theme URI: https://computersandcontrol1.pl/melos-child
Description: Melos Child Theme
Theme Author: Danuta Moskala
Author URI: https://computersandcontrol1.pl
Template: melos
Version: 1.5.8
*/


body {
/*        background: #FFF; */
        background: lightgrey;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}

.layout-sidebar-right #main-core {
        margin-right: 10px;
}

body.page-template-pageccfullwidth  #sidebar, body.page-template-pageccfullwidth1  #sidebar, 
body.page-template-pageccfullwidth2  #sidebar{ 
float: left;
width:0%;
display: none;
}

body.page-template-pagecc1  #header, body.page-template-pageccfullwidth1  #header, 
body.page-template-pagecc2  #header, body.page-template-pageccfullwidth2  #header{ 
float: left;
width:0%;
display: none;
}

body.page-template-pageccfullwidth  #main, body.page-template-pageccfullwidth1  #main, 
body.page-template-pageccfullwidth2  #main {
float: left;
width:100%;
display: block;
}


body.page-template-pageccfullwidth #body-core #main-core > article, 
body.page-template-pageccfullwidth1 #body-core #main-core > article, 
body.page-template-pageccfullwidth2 #body-core #main-core > article {
float: left;
width: 99%;
display: block;
}


#body-core {
        background: #F0F0F0;
        min-width: 320px;
}
#body-core #main-core > article {
/*        background: #FFF; */
/* usuniete bo kreska pod bannerem jak jest obrazektla chmury        border-bottom: 3px solid #e2e2e2; */
/*        border-bottom: 0px solid #e2e2e2; */
/*        border-bottom: 0px solid #e2e2e2; */
        padding: 20px;
        margin-bottom: 30px;
        float: left;
        width: 96%;
}

.page-id-7890 #body-core #main-core > article{
width: 100%;
margin: auto;
        background: #F0F0F0;
/*        border-bottom: 3px solid #e2e2e2; */
        border-bottom: 0px solid #e2e2e2;
/* usuwam rake wokol bannera        padding: 5px; */
        padding: 0px;
        margin-bottom: 0px;
}



.wrap-safari {
display: block;
height: 100%;
max-width: 1340px;
margin: 0 auto;
}
 
.pre-header-style2 #pre-header .header-links > ul > li:last-child > a {
        border-right: 1px solid #DDD;
color: #207a20;
}
.pre-header-style2 #pre-header .header-links > ul > li:last-child > a:hover {
color: #188bc5;
background: white;
}



/* ---------------------------------------------------------------------------------------
        03. STRUCTURE
--------------------------------------------------------------------------------------- */
#content {
clear: both;
margin: 0;
padding: 0px 10px 0px 10px;
}

/*
#pre-header-core,
#header-core,
#header-sticky-core,
#content-core,
#footer-core,
#sub-footer-core,
#sub-footer-widgets,
#sub-footer-close,
#notification-core,
#intro-core,
#introaction-core,
#outroaction-core {
        display: block;
        max-width:1480px;
        margin: 0 auto;
}
*/
#headsaz10 {
position: relative;
font-size: 18px;
color: green;
/* background: #FFF; */
box-sizing: border-box;
z-index: 9999;
padding: 0;
background-image: url("/wp-content/obrazy/ccpiorun.jpg");
}


#headmenucc11, #headmenucc1 {
position: relative;
font-size: 14px;
color: green;
/* background: #FFF; */
box-sizing: border-box;
z-index: 9999;
padding: 0;
background: white;
}

 
#post-7890 .ccob1 {
background-image: url("/wp-content/obrazy/ccburza.jpg");

}
 
#content, .banner728a  {
background-image: url("/wp-content/obrazy/ccszare20.jpg");
}

.banner728a img {
margin-top: 15px;
}


body.page-template-pagecc2  #content, body.page-template-pageccfullwidth2  #content { 
background-image: url("/wp-content/obrazy/burza-pomaranczowa.jpg") ;
}


body.page-template-pagecc1  #content, body.page-template-pageccfullwidth1  #content { 
background-image: url("/wp-content/obrazy/burza-zielona.jpg") ;
}


#headsaz10-core {
display: block;
max-width: 1480px;
margin: 0 auto;
position: relative;
}
 

#headmenucc11-core, #headmenucc1-core {
position: relative;
display: block;
max-width: 1520px;
margin: 0 auto;
}
#headmenucc11 .header-links li {
float: left;
}
#headmenucc11 .header-links  ul  li a, #headmenucc11 .menu-c-menudrugie-1-header  ul  li a, 
#headmenucc11 .header-links  ul  li a, #headmenucc11 .menu-c-menudrugie-2-header  ul  li a{
font-size:14px;
padding: 23px 25px;
}
#headmenucc11 .menu-cc-menudrugie-1-header-container >.navcc1, 
#headmenucc11 .menu-cc-menudrugie-2-header-container >.navcc1{
display: table-cell;
vertical-align; middle;
}

#headmenucc11 div.menu-cc-menudrugie-1-header-container, 
#headmenucc11 div.menu-cc-menudrugie-2-header-container{
display: table;
float: right;
}


#headmenucc11 .header-links  li a{
color: #362E8F;
font-weight: 400;
display: block;
margin: 0px;
}
#headmenucc11 .header-links  li a:hover{
background: #45b39d;
}
#headmenucc11 .navcc1 > li.navcc1-hover a, #headmenucc11 .navcc1 > li.current-menu-item > a {
color: #fff;
/* niebieskie jak w glownym drugim menu background: #1eaaf1; */
background: #45b39d;
}

body.page-template-pageccfullwidth2 #headmenucc11 .header-links  li a:hover, 
body.page-template-pagecc2 #headmenucc11 .header-links  li a:hover{
background: #f5b041;
} 

body.page-template-pageccfullwidth2 #intro, 
body.page-template-pagecc2 #intro{
background: #f39c12;
} 

body.page-template-pageccfullwidth2 #headmenucc11 .navcc1 > li.navcc1-hover a, 
body.page-template-pageccfullwidth2 #headmenucc11 .navcc1 > li.current-menu-item > a, 
body.page-template-pagecc2 #headmenucc11 .navcc1 > li.navcc1-hover a, 
body.page-template-pagecc2 #headmenucc11 .navcc1 > li.current-menu-item > a {
background: #f5b041;
} 

#logocc11 {
float: left;
margin-top: 10px;
}
#header-linkscc {
}
#header-links-innercc {
float: right;
display: table;
}
#header-links-innercc > .navcc1 {
display: table-cell;
vertical-align: middle;
}




.home1 {
max-width: 1600px;
margin: auto;
/* background: red; */
}

.kaf2razy {
margin-top: 0px;
margin-bottom: 20px !important;
margin-left: 0px;
margin-right: 0px;

background: white;
padding: 0px 18px 0px 18px;
}

.kaf0razy {
margin-top: 0px;   
margin-bottom: 0px !important;
margin-left: 0px; 
margin-right: 0px;

background: white; 
padding: 0px 18px 0px 18px;
}
 
#post-7890 .panel-heading h3.panel-title a, #post-7890 .panel-heading p.panel-title {
font-family: "Antonio", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
font-size: 20px;
color: #204e95;
text-decoration: none;
}

#post-7890 .panel-heading h3.panel-title a:hover{
text-decoration: underline;
}

 
.colhome33 {
width: 32.407%;
float: left;
/* margin: 0% 0.01% 0% 0.9%; */
margin: 0% 0.46% 0% 0.46%;
}
 
.row1 {
margin-top:10px;
margin-bottom:20px;
float: left; 
} 

.row2 {
margin-top:20px;
margin-bottom:20px;
float: left; 

} 

.cctop10 {
margin-top: -25px;
}

.lin1 {
height: 10px;
}
 
.lin2 {
height: 4px;
}

.lin3 {
margin-bottom: 0px;
}



.lin100 {
height: 30px;
margin-bottom: 0px;
}


div.lin20 {
height: 10px;
margin-bottom: 0px;
}

 
.cc100 {
margin-top: 0px;   
margin-bottom: 0px !important;
margin-left: 0px; 
margin-right: 0px;

background: white; 
padding: 0px 18px 0px 18px;
}

.colcc50 {
width: 46.42%;
float: left;
margin: 0% 0.01% 0% 0.9%;
}


.colcc65 {
width: 56.42%;
float: left;
margin: 0% 0.01% 0% 0.9%;
}

.colcc35 {
width: 36.42%;
float: left;
margin: 0% 0.01% 0% 0.9%;
}

 

p.czytaj1 {
margin-top: 0px;
padding: 0px 0px 10px 0px;
}
 
p.cchomekop {
margin-bottom: 20px;
padding: 0px 0px 0px 0px;
}

.homecc p {
margin-bottom: 0px;
}

/*
.ccszer100 {
float: left; */
/* width: 136.5% !important; */
/*width: 139.4% !important;
display: block;  
margin-top: 40px;
background-color: white;
padding: 10px 20px;
margin: auto;
margin-left: -20px;
}
*/


.ccszer100 {
display: block;  
/* width: 139.4% !important; */
width: 140.1% !important;
max-width: 1520px;
margin-top: 40px;
background-color: white;
padding: 10px 20px 20px 20px;
margin: auto;
margin-left: -20px;
margin-bottom: -20px;
}  

/*
.ccfullwidth1-u {
float: left;
width: 98% !important;
height:200px;
display: block;  
margin-top: 40px;
background-color: white;
padding: 10px 20px;
margin: auto;
margin-left: -20px;
}  
*/

/* jak nie bylo zrobionego szablonu pageccfullwidth
.layout-sidebar-right #main .ccfullwidth {
float: left;
width: 140% !important;
display: block;
margin-top: 40px;
}
.layout-sidebar-right #main #post-7824  {
padding: 0px;
margin-bottom: 30px;
}
div #kol1 {
float: left;
width: 66%;
margin-right: 20px;
margin-bottom: 0px;
margin-left: -20px;
}
div #kol2 {
float: left;
width: 33%;
}
*/

.szafycc {
/* float: left;
width: 100%;
*/
margin-bottom: 200px;
}

.szafy {
float: left;
width: 100%;
margin-bottom: 30px;
}
.szafy1 {
float: left;
height: 100%;
padding: 0px 20px;
margin-bottom: 10px;
}
.szafy  p.pszafy {
font-size: 16px;
color: darkblue;
font-weight: 500px;
margin-bottom: 0px;
margin-top: 0px;
}

table.marek {
width: 100%;
/* background-color: #e3eaec; */
}

table.mareklewy td.lgra{
background-color: #ebf5fb; 
}
 
table.mareklewy td.lgrb, table.mareklewy td.ldrb{ 
background-color: #f0f3f4;
}
 
table.marekprawy td.num1{
background-color: #ebf5fb; 
}

table.mareklewy td.fon1{
font-size: 1.0em;
}

table.marek td {
padding: 2px;
border: 1px darkblue solid;
text-align: left;
vertical-align: middle;
padding: 8px;    
color: #000080;
}

p.odlew1 {
text-align: left;
vertical-align: middle;
}

p.odlew2 {
text-align: left;
vertical-align: middle;
margin-top: 70px;
}

.tlo1 {
float: left;
background-color: lightblue; 
width: 50px;
height:20px;
}

.tlo-op1 {
float: left;
margin-left: 10px;
}

/*
font-size: 14px;
line-height: 1.2;
border: 1px solid black;
border-right: 2px double #012f01;
margin-bottom: 0px;
background-color: #f7f9f9;
*/


table.mareklewy td a{
color: #000080; 
}
table.mareklewy td a:hover{
color: red; 
}



table.marek td.pwiersz {
background-color: #c3c3c3;
}

table.marek td.lgrsz1 {
text-align: left;
vertical-align: text-top;
background-color: #c3c3c3;
}

table.marek td.lgrsz2 {
text-align: left;
vertical-align: text-top;
background-color: #c5dfff;
}
table.marek td.lgrsz1a {
text-align: left;   
vertical-align: text-top;
background-color: #f9f9f9;
}
em {
background-color: lightblue;
}


table.table-jw2, table.table-jw2 td {
padding: 8px;
line-height: 1.1;
border: 1px solid black;
border-right: 2px solid black;
margin-bottom: 0px;
background-color: #e5e4e2;
}

table.table-jw2 td p{
margin-bottom: 5px;
}

table.utx, table.utx td {
padding: 8px;    
line-height: 1.3;
border: 1px solid black;
border-right: 2px solid black;
margin-bottom: 0px;
background-color: #f7f9f9;
}
table.utx, table.utx th {
background-color: #aed6f1;
}


table.utx-versions, table.utx-versions td {
font-size: 14px;
text-align: left;
vertical-align: middle;
padding: 8px;    
line-height: 1.2;
border: 1px solid black;
border-right: 2px double #012f01;
margin-bottom: 0px;
background-color: #f7f9f9;
}
table.utx-versions, table.utx-versions th {
background-color: #aed6f1;
}

table.utx-versions td.num {
color: #000000;
font-weight: bold;
font-size: 14px;
text-align: center;
}


table.utx-versions td.tyt {
color: #000000;
font-weight: 400;
font-size: 16px;
background-color: #c5dfff;
}


table.utx-versions td.dat {
color: #ffffff; 
font-weight: 400;
font-size: 14px;
background-color: #238eac;
}

table.utx-versions td.pli p {
margin: 0px 0px 5px 0px;
}

table.utx-versions td.pli, table.utx-versions td.pli a {
background-color: #7cc3f8;
color: white;
font-size: 18px;
weight: bold;
}


table.utx-versions td.pli a:hover {
background-color: #7cc3f8;
color: darkgreen;
font-size: 18px;
weight: bold;
}


/* strona -- polityka prywatnosci */
table.refer1, table.refer1 td{
text-align: left;
vertical-align: text-top;
background-color: #f7f9f9;
font-color: #34495e;
}

table.refer1 td{
border: none;
}

hr.podkr3 {
margin-top: 5px;
margin-bottom: 10px;
border-top: 1px solid #4695d3;
}

/* strona -- klauzula w polityka prywatnosci */
p.cckl1{
line-height: 1.3;
margin-bottom: 0px;
}

p.ccklt{
line-height: 1.6;
margin-bottom:-10px;
}

span.cckl2{
color: #003399;
font-size: 14px;
font-weight: bold;
}

p.bezpod1{
line-height: 1.5;
color: #003399;
font-size: 16px;  
font-weight: bold;
}

p.bezpod2a{
line-height: 1.6;
font-size: 14px;  
margin-top: 20px;
margin-bottom: -10px;
}
p.bezpod2{
line-height: 1.6;
font-size: 14px;  
}

h4.ccmg20 {
color: #003399;
margin-top: 30px;
margin-bottom: 5px;
}
h4.ccmg20i {
color: #003399;
margin-top: 30px;
margin-bottom:-10px;
}
h4.ccmg20j {
color: #003399;
font-size: 18px;
margin-top: 20px;
margin-bottom:5px;
}


h4.ccmg20a {
color: #003399;
font-size: 18px;
float: left;
margin-top: -2px;
}
p.cckl1b{
margin-top: 20px;
line-height: 1.8;
margin-bottom: 5px;
}
h4.ccmg20a + p.cckl1b{
padding-left: 20px;
margin-top: 20px;
margin-bottom: 5px;
}


p.cckl1a {
float: left;
margin-top: 0px;
line-height: 1.3;
margin-bottom: 0px;
}
p.ccklw{
margin-top: 20px;
line-height: 1.3;
margin-bottom: 0px;
}
p.cckl1a + p.ccklw{
padding-left: 20px;
margin-top: 20px;
margin-bottom: 0px;
}


div.ccpunkt1{
margin-top: 0px;
margin-bottom:-10px;
}
div.ccpunkt2{
margin-top: 0px;
margin-bottom:-5px;
}
div.ccpunkt3{
margin-top: 0px;
margin-bottom:-5px;
}


table.saz, table.saz td {
font-size: 16px;
font-weight: bold;
padding: 8px;    
line-height: 1.3;
border: 2px solid black; 
border-right: 2px solid black;
margin-bottom: 0px; 
background-color: #f7f9f9;
}
table.saz, table.saz th {
font-size: 18px;
font-weight: bold;
background-color: #aed6f1;
}


/* ---------------------------------------------------------------------------------------
Artykuly --- Tabelka Porownanie UTX v.1,2,3
---------------------------------------------------------------------------------------- */

.dtr123 {
width: 100%;
margin-right: 0px;
margin-left: 0px;
}

.kol1 {
float: left;
width: 64%;
margin-right: 40px;
margin-left: 0px;
}

.kol2 {
float: left;
width: 33%;
margin-right: 0px;
margin-left: 0px;
}

/* ---------------------------------------------------------------------------------------
Artykuly --- Urządzenia 
 --------------------------------------------------------------------------------------- */

.dwaszr {
float: left;
width: 100%;
margin-bottom: 10px;
}

.dwaszr1 {
float: left;
width: 48%;
margin-right: 1%;
margin-left: 1%;
}


dwaszr1b {
float: left;
width: 48%;
margin-right: 1%;;
margin-left: 1%;;
}



.rdwaszr {
/* display: table; */
float: left;
width: 100%;
margin-bottom: 10px;
border: 1px solid mediumblue;
}
.rdwaszr>* {
/* display: table-cell; */
vertical-align: top;
}

.rdwaszrt {
float: left;
width: 100%;  
margin-bottom: 20px;
border: 1px solid lightblue;
}

.rdwaszr1 {  
float: left;
width: 47%;
margin-left: 20px;
border: 1px solid grey;
}

table.tadwaszr {
width: 98%;
}
table.tadwaszr td{
background-color: #c0d4db;
}
table.tadwaszr td.tdwaszr{
background-color: #e4e2e280;
}


.cc-center {
width: 85%;
margin: auto;
padding:20px 10px;
background-color: lightblue;
}

img.cc-center1 {
display: block;
margin: auto;
width: 90%;
}


table.utx123 {
width: 100%;
}

table.utx123 td.lewy{
width: 64%;
padding: 6px 1% 6px 0%;
border: 1px solid white;

}

table.utx123 td.prawy{
width: 33%;
padding: 6px 0% 6px 1%;;
border: 1px solid white;

}





/* ---------------------------------------------------------------------------------------
 Headings 
 --------------------------------------------------------------------------------------- */


h1,h1.page-title,h3,h4,h5 {
        color: #362E8F;
        clear: both;
        margin: 0 0 0.8em;
        font-family: Lato, Helvetica, Arial; 
        font-weight: 400;
        line-height: 1.5;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
}

h4 {
font-size: 18px;
}

h4.art1 {
font-size: 20px;
font-family: 'Antonio', sans-serif;
font-weight: 700;
}

#footer h3, #footer {
        font-family: Lato, Helvetica, Arial; 
        font-weight: 400;
        line-height: 1.5;
}

h2,h3,h6 {
        color: #362E8F;
        clear: both;
        margin: 0 0 0.8em;
        line-height: 1.5;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
}




.page-header2 h1,h2,h2.stylcc3,h3,h5,h6 {
font-family: 'Antonio', sans-serif;
font-weight: 700;
} 

#sidebar h3.widget-title {
font-family: 'Antonio', sans-serif;
font-weight: 700;
}

#sidebar .widget_text h3 {
padding-bottom: 0px;
margin-bottom: 10px;
}



#header .header-links li a,
#header-sticky .header-links li a {
        color: #362E8F;
        font-weight: 300;
        display: block;
        padding: 8px 14px;
        margin: 0px;
}

.site-description {
        color: #B4B7D0;
        font-size: 13px;
        line-height: 13px;
}

 
/* ---------------------------------------------------------------------------------------
 Pre-header 
 --------------------------------------------------------------------------------------- */




#pre-header-core,
#header-core,
#header-sticky-core,
#content-core,
#footer-core,
#sub-footer-core,
#sub-footer-widgets,
#sub-footer-close,
#notification-core,
#intro-core,
#introaction-core,
#outroaction-core {
        display: block;
        max-width:1520px;
        margin: 0 auto;
}    




#pre-header {
        position: relative;

        background: #2b70b9;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
}
 
#pre-header .header-links li a {
        display: block;
        background: #11327e;

        padding: 9px 15px;
        padding-left: 15px;
        padding-right: 15px;
}
 
#pre-header .header-links li a,
#pre-header-social li,
#pre-header-social li a {
        color: #999;
        font-size: 14px;
}

/* ---------------------------------------------------------------------------------------
        09. WIDGETS & SIDEBAR
-------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------
 =Sidebar
--------------------------------------------------------------------------------------- */

.layout-sidebar-right #sidebar-core {
        margin-left: 10px;
}

#sidebar li {
white-space: normal;
}

#sidebar p.dlmanlist, #sidebar p.dlmanlist1 {
margin-bottom: 10px;
line-height: 1.3;
}

#sidebar p.dlmanlist1 a {
line-height: 1.3;
}

 

#sidebar ul.dropdown li a{
line-height: 1.5;
}

#saz-info1 {
position: relative;
padding: 0px;
box-sizing: border-box;
margin-bottom: 0px;
}
 
#saz-info2 {
display:block;
max-width: 1480px;
margin: 0 auto;
}
 
#sidebar .widget {
        background: #fff;
        border-top: 1px solid #1EAAF1;
        padding: 20px;
        margin-bottom: 20px;
}

#sidebar  .shailan-dropdown-menu, #sidebar ul.dropdown li {
min-height: 25px;
overflow: auto;
padding: 1px 10px 1px 0px;
/* background: #2db322; */
background: #1f306B;
width: 95%;
word-wrap:break-word;

}
 
#sidebar  .shailan-dropdown-menu h3.widget, #sidebar .shailan-dropdown-menu {
padding: 10px 10px;
margin:0px 5px;
}

 
#sidebar ul.dropdown li a {
display: block;
word-wrap: break-word;
text-decoration: none;

}




/* ---------------------------------------------------------------------------------------
        08. FOOTER
--------------------------------------------------------------------------------------- */
/*
#footer {
  font-size: 14px;
        font-weight: 300;
        background: #11327e;
        padding: 55px 10px 40px;
}
*/

#footer {
padding-left: 10px;
}

#footer #footer-col1, #footer #footer-col2, #footer #footer-col3, #footer #footer-col4 {
padding-left: 20px;
margin-left: 0.6%;
}
#footer-core {
max-width: 1520px;
}
.one_fourth {
width: 20.3%;
}

#sub-footer-core  .copyrightcc  p.footcc1, 
#sub-footer-core  .copyrightcc  p.footcc2, 
#sub-footer-core  .copyrightcc  p.footcc3 {
margin-bottom: 1px;
}

#copyrr {   
width: 25%;
padding-left: 20px;
}
 
#copyrr1 {   
float: left;
width:0%;
display: none;
}




/* ---------------------------------------------------------------------------------------
 =Main
----------------------------------------------------------------------------- */
/* #logo .site-description {
        color: #B7B3B3;
        font-size: 13px;
        line-height: 13px;
}
*/


 @media(max-width: 991px){
.ccszer100 {
display: block;  
width: 100% !important;
}
}