﻿*{ margin: 0; padding: 0; }

img { vertical-align: bottom;}

div.clear { clear: both; font-size: 1px; height: 0;}

body { font-family: arial, helvetica, verdana, sans-serif; background-color: rgb(132,153,202); margin:0; text-align: center; padding: 0; clear: both;}

#kontener { width: 800px; margin: auto; margin-top: none; margin-left: none; background: url(imagesy/blur.jpg) no-repeat; background-color: white;}
#kontener-hom { width: 800px; margin: auto; margin-top: none; margin-left: none; background: url(imagesy/baner_home_mas.jpg) no-repeat; background-color: white;}
  #kontener-hom #naglowek { height: 139px;}

  /***MENU***/
  
      #main-menu { position: absolute; left: 260px; right: -60px; top: 142px; list-style: none; font-size: 12px;}
        #main-menu li { float: left; margin-left: 12px; display: inline;}
          #main-menu li a { color: #717171; font-weight: bold; font-family: arial, tahoma, helvetica, sans-serif; text-decoration: none;}
          #main-menu li a:hover { color: black; text-decoration: none; }
          #main-menu li a.active, #main-menu li a.active:hover { color: #9D5A36; text-decoration: underline; }
        
 /***FLAGI***/       
 
 #flagi { padding-left: 35px; float: left;}
 #flagi a img { border: none; float: left; margin-top: 10px;} 


  /***NAGLOWKI PODSTRON OFERTY***/
  
  /**#naglowek { background: url(imagesy/baner_home_mas.jpg) no-repeat; width: 800px; height: 139px;}**/
  
#naglowek #banright { float: right;}
#naglowek #banleft { float: left;}
h1 { float: left; font-size: 22px; margin-left: 20px; margin-top: 27px; color: rgb(0,40,180); font-family: arial, helvetica, verdana, sans-serif;}

/***Tabela APLIKACJE***/

#tabela3 { padding-left: 15px; padding-right: 15px; float: center; margin-top: 45px; margin-bottom: 30px;}
#tabela3 .dluga { width: 140px;  text-align: string; background-color: rgb(100,170,255); border-right: 0,1em; border-bottom: 0,1em; color: white; border-top: none; padding: none; font-weight: bold;}
#tabela3 .dluga1 { width: 140px; background-color: rgb(20,120,210); border-right: 0,1em; border-bottom: 0,1em; color: rgb(180,200,255); border-top: none; padding: 5px;; font-weight: bold;}
#tabela3 .lewa { text-align: left; font-weight: bold; font-size: 12px; color: white; background-color: rgb(0,40,180); border-right: none; padding-left: 15px;  border-bottom: 0,1em; border-top: none;}
#tabela3 .prawa { text-align: right; font-weight: bold; background-color: rgb(180,200,255); padding-bottom: 0.95pt; padding-right: 5px; border-bottom: 0,1em; border-top: none;}
#tabela3 .rowne { background-color: white; border-bottom: 0,1em; border-left: none; border-top: none; text-align: center; font-weight: bold; width: 60px;}
#tabela3 .rowne1 { background-color: rgb(20,120,210); border-bottom: 0,1em; border-left: none; border-top: none; text-align: center; font-weight: bold; width: 60px;}

#tabela3 td { font-family: verdana,arial,helvetica,sans-serif; color: rgb(180,200,255); border: 1px solid rgb(10,60,200); padding-left: 2px; padding-right: 2px;}
table .rowne td { width: 41px;}
#tabela3 .prawa a { text-decoration: none; color: rgb(0,40,180);}
#tabela3 a:hover { color: white;}
#tabela3 img { margin-top: 2px; border: none; margin-bottom: 2px;}
table { border: none; font-size: 55%;}

/***BUSINESS UNIT***/

#biz { width: 700px; float: left; margin-top: 50px; padding-left: 45px;}
#team { width: 700px; float: left; margin-top: 20px; padding-left: 45px;}
#biz .tower { float: left;}
#indywi { margin-bottom: 40px;}
#kamok { margin-top: 182px;}
#kamok1 { margin-top: 222px;}
#ludzie, #smak, #indywi { width: 700px; float: left; margin-top: 50px; padding-left: 45px;}
#biz, #ludzie, #smak, #indywi .tower { font-size: 12px; color: black; font-family: arial, helvetica, verdana, sans-serif; text-align: left;}
#kamok .tower1 { font-size: 12px; color: black; font-family: arial, helvetica, verdana, sans-serif; text-align: left; margin-top: 12px;}
#kamok1 .tower1 { font-size: 12px; color: black; font-family: arial, helvetica, verdana, sans-serif; text-align: left; margin-top: 12px;}
#foto-tower img { border: 1px solid rgb(180,200,255); margin-bottom: 15px; margin-top: 15px; float: left; margin-left: 150px;}
#foto-team img { border: 1px solid rgb(180,200,255); margin-bottom: 15px; margin-top: 15px; float: left; margin-right: 20px;}
#team h2 { float: left; font-size: 18px; padding-left: 2px; margin-top: 10px; margin-bottom: 20px; color: rgb(0,40,180); font-family: arial, helvetica, verdana, sans-serif;}
#ludzie h2 { float: left; font-size: 18px; padding-left: 2px; margin-top: 10px; margin-bottom: 20px; color: rgb(0,40,180); font-family: arial, helvetica, verdana, sans-serif;}
#smak h2 { float: left; font-size: 18px; padding-left: 2px; margin-top: 10px; margin-bottom: 20px; color: rgb(0,40,180); font-family: arial, helvetica, verdana, sans-serif;}
#indywi h2 { float: left; width: 250px; font-size: 18px; padding-left: 2px; margin-top: 10px; margin-bottom: 20px; color: rgb(0,40,180); font-family: arial, helvetica, verdana, sans-serif;}
#team h3 { float: left; font-size: 14px; padding-left: 2px; margin-top: 10px; color: rgb(0,40,180); font-family: arial, helvetica, verdana, sans-serif;}
#team h4 { float: left; font-size: 14px; padding-left: 2px; margin-top: 140px; color: rgb(0,40,180); font-family: arial, helvetica, verdana, sans-serif;}
#team h5 { float: left; font-size: 14px; padding-left: 2px; margin-top: 180px; color: rgb(0,40,180); font-family: arial, helvetica, verdana, sans-serif;}

  /***KONTAKT***/
  
#kontakt { width: 700px; float: left; margin-top: 50px; padding-left: 45px; font-size: 12px; color: black; font-family: arial, helvetica, verdana, sans-serif; text-align: left;}  
#foto img{ border: 1px solid rgb(180,200,255); margin-bottom: 15px; margin-top: 15px; float: center; }
#kontakt a { text-decoration: none; color: rgb(0,40,180);}
#kontakt a p {  padding-top:5px;}
#kontakt a:hover { color: black;}

/***JAKOSC***/

#q { width: 570px; text-align: left; float: left; font-size: 14px; padding-left: 100px; padding-top: 80px; padding-bottom: 40px; color: rgb(0,40,180); font-family: arial, helvetica, verdana, sans-serif; }
#q p{ margin-top: 5px;}


  /***LEWY BOX***/
  
#box {float: left;}  

#left-box { float: left; width: 220px;}
#foto1 { margin-top: 40px; margin-left: 30px;}
#powrot { padding-top: 10px; float: left; padding-left: 50px;}

  /***PRAWY BOX***/

#right-box { float: right; width: 580px;}
.mlecu { margin-top: 33px;}
.mlecu p { text-align: left; font-size: 13px; color: rgb(0,20,80);  padding-right: 140px; line-height: 25px;} 
#powrot a { text-decoration: none; color: rgb(0,20,80); padding-top: 40px; font-size: 14px;}
#powrot { padding-top: 10px; float: left; padding-left: 50px;}

/***HOME***/
  /***LEWY BOX***/
  
  

#lot a { float: left; margin-top: 106px; text-decoration: none; margin-left: 50px; color: white; font-weight: bold; font-size: 12px;}
#left-box1 { float: left; width: 500px; margin-top: 60px;}
#lin { width: 500px; height: 110px; display: inline; float: left;}
.ico a img { border: none; float: left; margin-left: 50px; margin-right: 15px;}
.wiecej-name p { text-align: left; font-size: 12px; margin-bottom: 3px; margin-top: 10px; color: rgb(20,20,40);}
.wiecej-name2 p { text-align: left; font-size: 12px; margin-bottom: 3px; margin-top: 5px; color: rgb(20,20,40);}
.wiecej-name1 p { text-align: left; font-size: 12px; margin-bottom: 3px; margin-top: 10px; color: rgb(20,20,40);}
.wiecej-name3 p { text-align: left; font-size: 12px; margin-bottom: 3px; margin-top: 25px; color: rgb(20,20,40);}
.wiecej-name a { text-decoration: none; color: white;}
.wiecej-name1 a { text-decoration: none;}
.wiecej-name2 a { text-decoration: none;}
.wiecej-name3 a { text-decoration: none;}
.name p { font-size: 11px; text-align: left;}


.Rwiecej-name2 p { text-align: left; font-size: 12px; color: rgb(20,20,40);}
.Rwiecej-name2 a { text-decoration: none;}
.Awiecej-name2 p { text-align: left; font-size: 12px; color: rgb(20,20,40);}
.Awiecej-name2 a { text-decoration: none;}
#R_kamok .R_tower1 { font-size: 12px; color: black; font-family: arial, helvetica, verdana, sans-serif; text-align: left; margin-top: 5px;}
#R_kamok { margin-top: 170px;}
  /***PRAWY BOX***/
  
  
#right-box1 { float: right; width: 200px; padding-right: 80px;}
.hom p { margin-top: 15px; font-size: 13px; color: rgb(100,120,180); line-height: 18px;;}
 h2 { font-size: 25px; margin-top: 50px; color: rgb(100,120,180);} 
.hom p,h2 { width: 200px; float: center; text-align: left;}
#text2 { float: right;}


    /**** Stopka ****/
    #footer { font-size: 0.70em; background: url(little-dot.png) 0 50% repeat-x; text-align: center; margin: 13px 0; padding-top: 15px; padding-bottom:30px;}
      #footer p { background-color: white; display: inline; padding: 0 8px; color: #808080; }
      #footer a { color: #B4917D; }
