/* Start of CMSMS style sheet 'Podstawowy' */
* { margin: 0; padding: 0 ; border: 0;}
li {list-style-type: none;}
a {text-decoration: none; outline: 0; }
a:hover {text-decoration: underline;}
a:link {border:none; text-decoration: none;}

.left {float: left;}
.right {float: right;}
img.left {padding:0 15px 5px 0;}
img.right {padding:0 0 5px 15px;}
.center {text-align: center;}
.small {font-size: 9px;}
a.more {padding-right: 10px; background: url(../img/arrow.gif) right 5px no-repeat;}
img.webiso {width:69px; height:19px;}
img.top {padding:0 0 10px 0;}
img.bottom {padding:10px 0 0 0;}
.clear {clear: both;}
.noneb {border: none !important;}

body {font-size:11px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000; background: #f9f9f9 url(../img/body_bg.jpg) 0px top repeat-x;}

body.mceContentBody {background: none !important;}

#wrapper {width: 916px; height:auto; margin:0 auto; }

#wrapper_bottom {width: 100%; height:60px; float: left; background: url(../img/wrapper_bottom_bg.jpg) 0px 0px repeat-x;}

#top {width: 917px; height: 237px; background: url(../img/top_bg.jpg) 0px 0px no-repeat; position: relative;}

    h1 a img {position: absolute; left: 60px; top:40px; width:144px; height:177px;}

    ul#menu {width: 916px; height: 40px; position: absolute; bottom: -20px; left: 0px;} 
    ul#menu li {float: left;}
    ul#menu li a {height: 40px; display: block; cursor:pointer;}
    ul#menu li a span, h3.zamow-serwis span, h3.gazela-biznesu span, h4.rok-zalozenia span {display: none;}

    ul#menu li a.active.strona-glowna {background-position: 0px top;}

    ul#menu li a:hover, ul#menu li a.active {background-position: 0px bottom !important;}

    ul#menu li a.strona-glowna {width:90px; background: url(../img/menu/strona-glowna.jpg) 0px top no-repeat;}
    ul#menu li a.o-firmie {width:148px; background: url(../img/menu/o-firmie.jpg) 0px top no-repeat;}
    ul#menu li a.promocje {width:151px; background: url(../img/menu/promocje.jpg) 0px top no-repeat;}
    ul#menu li a.oferta {width:128px; background: url(../img/menu/oferta.jpg) 0px top no-repeat;}
    ul#menu li a.cennik {width:136px; background: url(../img/menu/cennik.jpg) 0px top no-repeat;}
    ul#menu li a.kontakt {width:138px; background: url(../img/menu/kontakt.jpg) 0px top no-repeat;}
    ul#menu li a.sklep {width:125px; background: url(../img/menu/sklep.jpg) 0px top no-repeat;}

  h4.rok-zalozenia {width:103px; height:13px; background: url(../img/rok-zalozenia.jpg) 0px 0px no-repeat; position: absolute; left: 242px; top: 45px;}

  h3.zamow-serwis {width:242px; height:117px; background: url(../img/zamow-serwis.png) 0px 0px no-repeat; position: absolute; right: 36px; top: 68px;}
  h3.zamow-serwis a {width:242px; height:117px; display:block;}
  /*body.index h3.zamow-serwis {right: 36px !important; top: 68px !important;}*/
  h3.gazela-biznesu {width:362px; height:156px; background: url(../img/gazela-biznesu.jpg) 0px 0px no-repeat; position: absolute; left: 232px; top: 58px;}

  #flashcontent {position: absolute; top:53px; left:211px; float: left; display: block;}  

body.index #content {background: none !important;}
#content {width: 916px; float: left; background: url(../img/content_bg.jpg) 306px 0px repeat-y; padding-top: 20px;}

#content_bottom {width: 916px; float: left; background: url(../img/content_bottom_bg.jpg) 306px bottom no-repeat;}

#tinymce {background: #f9f9f9 !important; }

#content, #tinymce {line-height:1.6em;}
#content a, #tinymce a {color: #5B6AA2 !important; text-decoration:underline;}
#content p, #tinymce p {padding-bottom:15px;}
#content strong, #tinymce strong, #tinymce b {color: #5b6aa2;}
#content h2, #tinymce h2 {color:#5B6AA2 !important; font-size: 18px; font-weight: normal; display: block; padding-bottom: 15px;}
#content h2 strong, #tinymce h2 strong {color:#585757;}
#content h3 {font-size:14px; color:#5B6AA2 !important; padding-bottom:15px;}

#main ul, #tinymce ul {padding-bottom:15px;}
#main ul li, #tinymce ul li {padding-left:20px; background: url(../img/li-bg.jpg) left 3px no-repeat; overflow:hidden;}

  #top ul.oferta-bloki {position: absolute; top:30px; right:340px; width:299px; height:131px; } 
ul.oferta-bloki {padding: 15px 0 15px 0; float: left;}
ul.oferta-bloki li {float: left; padding:0px !important;}
ul.oferta-bloki li a {width:289px; height:131px; display: block; margin:8px;}
ul.oferta-bloki li.serwis-dla-firm a {background: url(../img/serwis-dla-firm.png) 0px 0px no-repeat;}
ul.oferta-bloki li.serwis-dla-klientow-instytucjonalnych a {background: url(../img/serwis-dla-kl-ins.png) 0px 0px no-repeat;}
ul.oferta-bloki li.serwis-dla-klientow-indywidualnych a {background: url(../img/serwis-dla-kl-ind.png) 0px 0px no-repeat;}

ul.oferta-bloki li.sieci-komputerowe a {background: url(../img/sieci.png) 0px 0px no-repeat;}
ul.oferta-bloki li.odzyskiwanie-i-archiwizacja-danych a {background: url(../img/odzyskiwanie.png) 0px 0px no-repeat;}
ul.oferta-bloki li.ochrona-antywirusowa a {background: url(../img/ochrona.png) 0px 0px no-repeat;}

ul.oferta-bloki li.pomoc-zdalna a {background: url(../img/pomoc.png) 0px 0px no-repeat;}
ul.oferta-bloki li.konserwacja-i-czyszczenie-sprzetu-it a {background: url(../img/konserwacja.png) 0px 0px no-repeat;}
ul.oferta-bloki li.doradztwo-it a {background: url(../img/doradztwo.png) 0px 0px no-repeat;}

ul.oferta-bloki li span {display: none;}

#sub {width:295px; float: left; padding: 27px 0 0 10px;}
  
  #submenu {width: 277px; padding-bottom:20px;} 
  #submenu li {padding:0px !important;}
  #submenu li a {width: 217px; padding:6px 30px 7px 30px; display: block; background: #e9e9e9 url(../img/submenu_li_bg.jpg) 0px top no-repeat; font-size: 12px; color:#4f4e4e;}
  #submenu li a:hover, #submenu li a.active {background: #dedede url(../img/submenu_li_bg-hover.jpg) 0px top no-repeat; color:#4f4e4e; }

  #submenu li a.menuparent {background: #e9e9e9 url(../img/submenu_li_bg-menuparent.jpg) 0px top no-repeat;}
  #submenu li a.menuparent:hover, #submenu li a.active.menuparent {background: #dedede url(../img/submenu_li_bg-menuparent-hover.jpg) 0px top no-repeat;}

  #submenu li.first a {background: #e9e9e9 url(../img/submenu_li_bg-first.jpg) 0px top no-repeat;}
  #submenu li.first a:hover, #submenu li.first a.active {background: #dedede url(../img/submenu_li_bg-first-hover.jpg) 0px top no-repeat;}
  
  #submenu li.last a {background: url(../img/submenu_li_bg-last.jpg) 0px top no-repeat;}
  #submenu li.last a:hover, #submenu li.last a.active {background: url(../img/submenu_li_bg-last-hover.jpg) 0px top no-repeat;}
      
  #submenu li ul li a {width: 202px; background: #efefef url(../img/submenu_li2_bg.jpg) 0px top no-repeat; padding-left: 45px !important;}
  #submenu li ul li a:hover, #submenu li ul li a.active {background: #dedede url(../img/submenu_li2_bg-hover.jpg) 0px top no-repeat;}

  .block_sub_bg {width:277px; background: url(../img/block_sub_bg.jpg) 0px 0px repeat-y; margin-bottom:20px;}
  .block_sub_top {width:277px; background: url(../img/block_sub_top.jpg) 0px top no-repeat;}
  .block_sub_bottom {width:247px; min-height:150px; height: auto !important; height: 150px; background: url(../img/block_sub_bottom.jpg) 0px bottom no-repeat; padding:15px 15px;}

  .dane-kontaktowe {width:262px; min-height:140px; height:auto !important; height:140px; background: url(../img/kontakt-bg.jpg) right bottom no-repeat; padding:0 15px 0 0;}
  .dane-kontaktowe p {line-height:2em;}

#main {width:570px; padding: 27px 20px 10px 20px; float: right; background: url(../img/content_top_bg.jpg) left top no-repeat;}
  #main_bottom {width:570px; min-height: 400px; height:auto !important; height:400px; padding: 27px 20px 10px 20px; float: right; background: url(../img/content_bottom_bg.jpg) left bottom no-repeat;}

#footer {width:916px; height:30px; padding-top: 10px; margin: 0 auto;}
  #footer p {width: auto; padding-top: 2px;}
  
  ul#f-menu li {float: left; border-right:1px solid #959595;}
  ul#f-menu li a {float: left; padding:0 8px; border-right:5px; color:#959595; }
  ul#f-menu li a:hover, ul#f-menu li a.active  {text-decoration: underline;}
  
#spry_options select {border: 1px solid #c0c0c0;}
/* End of 'Podstawowy' */