/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Muli);

td {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: #404040;
   text-decoration: none;
}
#container {
   margin: auto;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   text-align: center;
}
#middle {
   margin: auto;
   position: relative;
   width: 900px;
   height: 535px;
   background-color: #ffffff;
   top:50px;
}
#middle2 {
   margin: auto;
   position: relative;
   width: 900px;
   height: 535px;
   top:50px;
}
#grey_top {
   position: absolute;
   margin:auto;
   width:898px;
   height:17px;
   top: 1px;
   left: 1px;
   background-color: #767779; /* 8c8c8c*/
}
#grey_top_mob {
   position: absolute;
   margin:auto;
   width:898px;
   height:140px;
   top: 1px;
   left: 1px;
   background-color: #767779; /* 8c8c8c*/
}
#grey_bottom_mob {
   padding-top: 10px;
   position: absolute;
   margin:auto;
   width:898px;
   height:130px;
   bottom: 1px;
   left: 1px;
   background-color: #767779; /* 8c8c8c*/
}
#grey_bottom_mob a{
   color: #FFFFFF;
}
#home_logo{
   position: absolute;
   top: 180px;
   left: 256px;
}
#orange_bottom {
   position: absolute;
   margin:auto;
   width:898px;
   height:17px;
   top: 517px;
   left: 1px;
   background-color: #f55a19;
   color:#ffffff;
   text-align:right;
   font-size:9px;
}
#orange_bottom a {
   color: #ffffff;
   text-decoration: none;
}
#orange_bottom a:hover {
   color: #000000;
   text-decoration: none;
}
#blue_bottom {
   position: absolute;
   margin:auto;
   width:898px;
   height:17px;
   top: 517px;
   left: 1px;
   background-color: #0b8fb0;
   color:#ffffff;
   text-align:right;
   font-size:9px;
}
#blue_bottom a {
   color: #ffffff;
   text-decoration: none;
}
#blue_bottom a:hover {
   color: #000000;
   text-decoration: none;
}
#green_bottom {
   position: absolute;
   margin:auto;
   width:898px;
   height:17px;
   top: 517px;
   left: 1px;
   background-color: #9cb730;
   color:#ffffff;
   text-align:right;
   font-size:9px;
}
#green_bottom a {
   color: #ffffff;
   text-decoration: none;
}
#green_bottom a:hover {
   color: #000000;
   text-decoration: none;
}
#middle_grey {
   position: absolute;
   margin:auto;
   width:898px;
   height:500px;
   top: 18px;
   left: 1px;
   background-color: #dcdcdc;
}
#menu {
   position: absolute;
   margin:auto;
   width:190px;
   height:500px;
   top: 18px;
   left: 0px;
   background-color: #ffffff;
}
#data {
   position: absolute;
   margin:0;
   width:707px;
   height:500px;
   top: 18px;
   left: 192px;
   background-color: #ffffff;
   text-align:left;
}
#pasek1 {
   position: absolute;
   margin:0;
   width:686px;
   height:20px;
   top:-3px;
   left: 0px;
}
#pasek2 {
   position: absolute;
   margin:0;
   width:75px;
   height:30px;
   top:449px;
   left: 600px;
}
#pasek2 td {
   color:#f55a19;
}
#pasek_about {
   position: absolute;
   margin:0;
   width:75px;
   height:30px;
   top:489px;
   left: 800px;
}
#pasek_about td a{
   color:#f55a19;
}
#pasek2a {
   position: absolute;
   margin:0;
   width:75px;
   height:30px;
   top:459px;
   left: 600px;
}
#pasek2a td {
   color:#f55a19;
}
#pasek2green {
   position: absolute;
   margin:0;
   width:75px;
   height:30px;
   top:449px;
   left: 600px;
}
#pasek2green td {
   color:#9cb730;
}
#pasek2blue {
   position: absolute;
   margin:0;
   width:75px;
   height:30px;
   top:489px;
   left: 810px;
}
#pasek2blue td {
   color:#0a8fb0;
}
#pasek1_product {
   position: absolute;
   margin:0;
   width:707px;
   height:17px;
   top:400px;
   left: 192px;
}
#pasek1a_product {
   position: absolute;
   margin:0;
   width:707px;
   height:17px;
   top:460px;
   left: 192px;
}
#pasek2_product {
   position: absolute;
   margin:0;
   width:707px;
   height:25px;
   top:485px;
   left: 192px;
   text-align:center;
}
#pasek3_product {
   position: absolute;
   margin:0;
   width:707px;
   height:17px;
   top:430px;
   left: 192px;
   text-align:center;
}
#txtc {
   position:relative;
   top:20px;
   left:20px;
   width:687px;
}
#txtc2 {
   position:relative;
   top:10px;
   left:20px;
   width:687px;
}
#txt {
   background-color: #ffffff;
}
#txt_inside {
   width: 620px;
   padding-top: 0px;
   padding-bottom: 20px;
   margin: 0px;
}
#txt_inside {
   width: 620px;
   padding-top: -10px;
   padding-bottom: 20px;
   margin: 0px;
}
#left {
   float: left;
   width: 200px;
   height: 200px;
}
#right {
   float: right;
   width: 420px;
   height: 200px;
}
#left2 {
   float: left;
   width: 110px;
   height: 440px;
   margin-top: -10px
}
#right2 {
   float: right;
   width: 490px;
   height: 440px;
   margin-top: -10px
}
#txt_inside ul {
   padding: 0px;
   margin: 0px;
   list-style-type: none;
}
#txt_inside ul li {
   padding: 0px;
   margin: 3px;
   padding-left:15px;
   background-image: url(img/square.gif);
   background-repeat: no-repeat;
}
#wciecie {
   margin: 3px;
   padding-left:15px;
}
h1.big{
   font-size: 15px;
}
h1 {
   font-size: 14px;
   color: #f55a19;
   font-weight: normal;
}
h2 {
   font-size: 11px;
   font-weight: bold;
   margin-bottom:0px;
}
h2.orange{
   font-size: 14px;
   font-weight: normal;
}
h3 {
   font-size: 11px;
   color: #f55a19;
   font-weight: normal;
   margin: 0px;
   padding: 0px;
}
#title2 {
   color: #79b91a;
   font-size: 13px;
   font-weight: bold;
   margin-bottom:10px;
   margin-top:40px;
   letter-spacing: 0.1em;
   text-align:center;
}
#partners_block {
   position: relative;
}
#partners_block2 {
   margin-bottom: 10px;
   width:550px;
}
#partners_block2 a {
   color: #f55a19;
   text-decoration:none
}
#partners_block2 a:hover {
   text-decoration:underline
}
#contact_block {
   position: relative;
   width:700px;
   text-align:center;
   top:180px;
}
#product_block {
   position: relative;
   width:700px;
   text-align:center;
}
#contact_block a {
   color: #f55a19;
   text-decoration:none
}
#contact_block a:hover {
   text-decoration:underline
}
#haslo_block {
   position: relative;
   width:700px;
   text-align:center;
   top:180px;
   margin-top:30px;
   letter-spacing: 2;
}
#boczne_menu {
   position:absolute;
   left:25px;
   top:170px;
   width:165px;
   height:200px;
}
#boczne_menu2 {
   position:absolute;
   left:25px;
   top:170px;
   width:165px;
   height:200px;
}
#boczne_menu ul, #boczne_menu2 ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#boczne_menu ul li, #boczne_menu2 ul li {
   margin-top: 5px;
   margin-bottom: 5px;
}
#boczne_menu2 ul ul li {
   margin-left: 20px;
}
#boczne_menu a, #boczne_menu h4, #boczne_menu ul li a#blue, #boczne_menu ul li a#green, #boczne_menu2 a, #boczne_menu2 h4, #boczne_menu2 ul li a#blue, #boczne_menu2 ul li a#green {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   text-align:left;
   display: block;
   padding-bottom:1px;
   padding-top:1px;
   padding-left:5px;
   border-width: 0px;
   margin: 0;
   height:12px;
   letter-spacing: 0.12em;
}
#boczne_menu h4, #boczne_menu2 h4 {
   color: #fff;
   background: #f55a19;
   font-weight: normal;
}
#boczne_menu ul li a#blue, #boczne_menu2 ul li a#blue {
   color: #fff;
   background: #0b8fb0;
   font-weight: normal;
}
#boczne_menu ul li a#green, #boczne_menu2 ul li a#green {
   color: #fff;
   background: #9cb730;
   font-weight: normal;
}
#boczne_menu a, #boczne_menu2 a {
   color: #000;
   text-decoration: none;
}
#boczne_menu a:hover, #boczne_menu ul li a#blue:hover, #boczne_menu ul li a#green:hover, #boczne_menu2 a:hover, #boczne_menu2 ul li a#blue:hover, #boczne_menu2 ul li a#green:hover {
   color: #ffffff;
   background: #b2b2b2;
}
#logo {
   padding-top: 30px;
   height: 60px;
}
#logo_digital {
   text-align:center;
   margin-left:-60px;
   margin-top:40px;
   margin-bottom:30px;
}
#logo_program {
   text-align:center;
   margin-left:-100px;
   margin-top:10px;
   margin-bottom:30px;
}
#opis1 {
   margin-left:40px;
   margin-right:40px;
   text-align: left;
   margin-bottom:17px;
   padding-top:2px;
   width:530px;
}
#pic2 {
   margin-bottom: 20px;
   float:left;
   margin-left:40px;
   width:160px;
}
#pic2 a {
   font-weight: bold;
   text-decoration: none;
   color: #333333;
}
#pic2 a:hover {
   font-weight: bold;
   text-decoration: underline;
}
#opis2 {
   margin-bottom: 20px;
   float:right;
   width:380px;
   margin-right:100px;
   text-align: left;
   padding-top:2px;
}
#pic3 {
   position:absolute;
   left:100px;
   top:300px;
   width:600px;
}
#pic3 a {
   font-weight: bold;
   text-decoration: none;
   color: #333333;
}
#pic3 a:hover {
   font-weight: bold;
   text-decoration: underline;
}
#wciecie2 {
   margin-left: 130px;
   width:500px;
}
#wciecie3 {
   margin-left: 30px;
   width:580px;
}
h5 {
   font-size: 11px;
   color: #0084b3;
   font-weight: bold;
   padding: 0px;
   letter-spacing: 0.1em;
}
.blue {
   font-size: 11px;
   color: #0b8fb0;
}
.green {
   font-size: 11px;
   color: #9cb730;/*color: #_79b91a;*/

}
.white {
   font-size: 11px;
   color: #ffffff;/*color: #_79b91a;*/

}
.orange {
   font-size: 11px;
   color: #f55a19;
}
p a {
   font-weight: bold;
   text-decoration: none;
   color: #333333;
}
p a:hover {
   font-weight: bold;
   text-decoration: underline;
}
a {
   font-weight: normal;
   text-decoration: none;
   color: #333333;
}
a:hover {
   font-weight: normal;
   text-decoration: underline;
}
a.b {
   font-weight: normal;
   text-decoration: none;
   color: #333333;
}
a.b:hover {
   font-weight: normal;
   text-decoration: none;
}
#imager {
   text-align:center;
   margin-top:15px;
}
#txt_inside #program ul li {
   padding: 0px;
   margin: 3px;
   padding-left:70px;
   background-image: url(img/square3.gif);
   background-repeat: no-repeat;
}
#program h2 {
   color: #79b91a;
   font-size: 13px;
   font-weight: bold;
   margin-bottom:10px;
   margin-top:40px;
   letter-spacing: 0.1em;
   text-align:center;
}
#program h3 {
   font-size: 11px;
   color:#79b91a;
   font-weight: bold;
   padding: 0px;
   margin:0px;
}
#program .green {
   font-size: 11px;
   color: #79b91a;
}
#nliten p {
   padding: 0px;
   margin: 0px;
   padding-left:130px;/*letter-spacing: 0.05em;*/

}
#txt_inside #nliten ul li {
   padding: 0px;
   margin: 1px;
   padding-left:15px;
   background-image: url(img/square2.gif);
}
#nliten h2 {
   color: #0b8fb0;
   font-size: 12px;
   font-weight: normal;
   margin-bottom:10px;
   margin-top:10px;
   padding-left:40px;
   letter-spacing: 0.1em;
}
#nliten h3 {
   font-size: 11px;
   color: #0b8fb0;
   font-weight: bold;
   margin-left: 130px;
   padding: 0px;
   letter-spacing: 0.1em;
}
#nliten .blue {
   font-size: 11px;
   color: #0b8fb0;
}
.red {
   color: #FF4100;
   font-size: 11px;
}
#txt_inside #nliten ul {
   padding: 0px;
   margin: 0px;
   padding-left:120px;
   list-style-type: none;
}
.rs_content {
}
.rs_content .plsBrand {
   font-style:italic;
}
.rs_content .plgBrand {
   font-style:italic;
}
.rs_content .rsBrandName {
}
.rs_content .orange {
   color:#ff3300 !important;
}
.rs_content .rsBrandName .firstLetter {
   color:#ff3300 !important;
}
.rs_content h1 {
   font-size: 15px;
   font-weight: normal;
   margin-bottom:15px;
}
.rs_content h1 .expand {
   margin-left: 50px;
   color: #666699;
   display: inline;
}
.rs_content h3 {
   font-size: 11px;
   font-weight: bold;
   color: #404040;
}
.rs_content .expand {
   font-family: 'Muli';
   width: 360px;
   color: #36608f;
   font-size: 16px;
   display: block;
}
/*.rs_content ul .squareBullets{
   list-style-type: armenian;
   color:#ff3300;
}

.rs_content ul .squareBullets ul li {
   list-style-type: none;
   padding: 0px;
}*/

#txt_inside ul li ul li {
   background-image: none;
}
.rs_content ul .arrowBullets {
}
.rs_content .blueText a{
   color: blue  !important;
   font-style: normal !important;
   font-weight: normal !important;
   
}
#rslogo {
   margin: 0px auto 20px auto;
   display: block;
   width:167px;
}
#directionButtons {
   position: absolute;
   margin:0;
   width:150px;
   height:30px;
   top:489px;
   left: 745px;
}

#directionButtons table {
   float: right;
}

#directionButtons td {
   color:#0a8fb0;
}

.rs_content p{
   margin-top: 2px;
}

.rs_content h4{
   margin-top:10px;
   margin-left:10px;
   margin-bottom: 2px;
   color:#999
}

.rs_content  li{
   margin-top: 0px !important;
   margin-bottom: 0px  !important;
}
p.about{
   margin-top: 0px;
}
.center{
   text-align: center;
}


/*styles for temp site*/

.titleBlock
{
    text-align:center;
    font-size: 18px;
    top:180px;
    margin-top:10px;
    letter-spacing: 1;
 }

 .titleBlockAboutUs
{
    text-align:left;
    font-size: 15px;
    top:180px;
    margin-top:10px;
    letter-spacing: 1;
 }

.blueReSync
{
    color:#4b88cb
}

 .blackReSync
 {
    color:#000
 }

 .menuLogo
 {
     width:100%;
     height:auto;    
     background-image: url('img/companiesLogo2018.jpg');
     background-repeat: no-repeat;
     background-size: contain;

 }
 .menuLogoChilmark
 {
    width:100%;
    height:auto;    
    background-image: url('img/chillmark.gif');
    background-repeat: no-repeat;
    background-size: contain;

}

.menuLogoChilmarkDigital
 {
    /* width:100%; */
    height:auto;    
    background-image: url('img/digital-1.gif');
    background-repeat: no-repeat;
    background-size: contain;

}

.menuLogoChilmarkPrograms
 {
    /* width:100%; */
    height:auto;    
    background-image: url('img/programs.gif');
    background-repeat: no-repeat;
    background-size: contain;

}
 

.orange2 {
    font-size: 16px;
    color: #f55a19;
}

.black16 {
    font-size: 16px;
    color: #000;
}

.black14 {
    font-size: 14px;
    color: #000;
}

.menu 
{
    position: absolute;
    margin: auto;
    width: 190px;
    /* height: 500px; */
    top: 18px;
    left: 0px;
    background-color: #ffffff;
    display: flex;
    flex-flow: column;
    height: 100%;
    /* border: 2px solid #dcdcdc; */
    z-index: 1;
}

.menuWithBorder 
{
    position: absolute;
    margin: auto;
    width: 190px;
    /* height: 500px; */
    top: 18px;
    left: 0px;
    background-color: #ffffff;
    display: flex;
    flex-flow: column;
    height: 100%;
    border-right: 2px solid #dcdcdc;
    z-index: 1;
}


body 
{
    margin: 0px;
    background-color: #fff;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #595959;
    text-decoration: none;
    scrollbar-face-color: #b2b2b2;
    scrollbar-highlight-color: #ffffff;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-shadow-color: #ffffff;
    scrollbar-arrow-color: #ffffff;
    scrollbar-track-color: #ffffff;
 }


 .grey_top 
 {
    position: absolute;
    margin: auto;
    width: 100%;
    height: 17px;
    top: 1px;
    /* left: 1px; */
    background-color: #767779;
}

.middle_grey {
    /* position: absolute; */
    margin: auto;
    /* width: 898px; */
    /* height: 500px; */
    top: 18px;
    left: 1px;
    background-color: #dcdcdc;
}

.middle 
{
    /* margin: auto; */
    /* position: relative; */
    /* width: 900px; */
    height: auto;
    background-color: #ffffff;
    top: 50px;
}

.data 
{
    position: absolute;
    padding-left: 20px;
    padding-right: 75px;
    height: auto;
    top: 18px;
    left: 194px;
    background-color: #ffffff;
    text-align: left;
    border-left: 2px solid #dcdcdc;
}

.dataWithOutBorder 
{
    position: absolute;
    padding-left: 20px;
    padding-right: 75px;
    height: auto;
    top: 18px;
    left: 194px;
    background-color: #ffffff;
    text-align: left;
    /* border-left: 2px solid #dcdcdc; */
}

.data2 
{
    position: absolute;
    padding-left: 20px;
    padding-right: 75px;
    height: auto;
    top: 18px;
    left: 194px;
    background-color: #ffffff;
    text-align: left;
    width:80%;
}


.orange_bottom 
{
    position: absolute;
    margin: auto;
    width: 100%;
    height: 17px;
    /* top: 517px; */
    left: 1px;
    background-color: #f55a19;
    color: #ffffff;
    text-align: center;
    font-size: 9px;
    bottom:0;
    position: fixed;
    z-index: 2;
}

.orange_bottom a {
    color: #ffffff;
    text-decoration: none;
}

.green_bottom 
{
    position: absolute;
    margin:auto;
    width: 100%;
    height:17px;
    /* top: 517px; */
    left: 1px;
    background-color: #9cb730;
    color:#ffffff;
    text-align:right;
    font-size:9px;
    bottom:0;
    position: fixed;
    z-index: 2;
 }


 .blue_bottom 
 {
     position: absolute;
     margin:auto;
     width: 100%;
     height:17px;
     /* top: 517px; */
     left: 1px;
     background-color: #0b8fb0;
     color:#ffffff;
     text-align:right;
     font-size:9px;
     bottom:0;
     position: fixed;
     z-index: 2;
  }
 


.clearfix
{
    overflow: auto;

}
.underConstruction 
{
    float: right;
    padding-left: 20px;
}

.pushRight
{
    margin-right: -50px;
}

.spaceRight
{
    margin-right: 67px;
}

.colLeft
{
    float:left;
}
.colRight
{
    float: right;
}

.clearBoth
{
    clear: both;
}

.width-100-percent
{
    width: 100%;
}
.margin-right-10
{
    margin-right: 10px;
}

.margin-bottom-20
{
    margin-bottom: 20px;
}
.margin-top-20
{
    margin-top: 20px;
}

.contact_data 
{
    position: absolute;
    /* padding-left: 20px; */
    /* padding-right: 75px; */
    height: auto;
    top: 18px;
    /* left: 90px; */
    background-color: #ffffff;
    text-align: left;
    width: 100%;
}
.contact_block 
{
    position: relative;
    /* width:700px; */
    text-align:center;
    top:180px;
    margin: auto;
    width: 50%;
 }

 .lists
 {
    

 }

 .lists li
 {
    list-style-type:square;
    color:#0b8fb0;
    
 }

 .lists span
 {
    color:#7f7f7f;
 }

 .lists div
 {
    color:#7f7f7f;
 }


 .lists2
 {
    

 }

 .lists2 li
 {
    list-style-type:circle;
    color:#7f7f7f;
    margin-left: -20px
 }

 .lists2 span
 {
    color:#7f7f7f;
 }
 
 .padding-left-20
 {
     padding-left: 20px;
 }

 .flexContainer
 {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;

 }
 .flexContainer2
 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;

 }

 .flexItem1
 {
    flex-basis: 25%;    
    align-items: center;
    align-content: center;
    text-align: center;
    margin-bottom: 20px;
 }

 .flexItem2
 {
    flex-basis: 72%;
 }

 .flexItem1-30
 {
    flex-basis: 30%;    
    align-items: center;
    align-content: center;
    text-align: center;
    margin-bottom: 20px;
 }

 .flexItem2-67
 {
    flex-basis: 67%;
 }


 .flexItem1-80
 {
    flex-basis: 100%;    
    align-items: center;
    align-content: center;
    
    margin-bottom: 20px;
 }

 .flexItem1-grow2
 {
    flex-grow: 2;    
    align-items: center;
    align-content: center;
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
 }

 .blank
 {
     width: 194px;
 }

 .dataContainer
 {
     width:100%;
 }


 .padding-top-4px
 {
     padding-top: 4px;
 }

.padding-top-8px
{
    padding-top: 8px;
}

.padding-top-12px
{
    padding-top: 12px;
}

 .font-size-19px
 {
     font-size: 19px;
 }

 .margin-bottom-10px
 {
     margin-bottom: 10px;
 }

 .margin-top-30px
 {
     margin-top: 30px
 }
.smallerLink
{
    font-weight: normal;
    text-decoration: none;
    color: #333333;
}

#home_logo2
{
    position: absolute;
    top: 218px;
    left: 309px;
 }

@media only screen and (max-width: 1100px) 
{
     #boczne_menu 
    {    
        left:10px; 
    } 

    #boczne_menu a, #boczne_menu h4, #boczne_menu ul li a#blue, #boczne_menu ul li a#green, #boczne_menu2 a, #boczne_menu2 h4, #boczne_menu2 ul li a#blue, #boczne_menu2 ul li a#green {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: left;
        display: block;
        padding-bottom: 1px;
        padding-top: 1px;
        padding-left: 5px;
        border-width: 0px;
        margin: 0;
        height: 12px;
        letter-spacing: 0.05em;
    }

    /* body 
    {
        background-color: lightblue;
    } */
}