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

.left {float: left;}
.right {float: right;}
.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 {margin:10px 0 0 0;}
img.left {margin:0 10px 5px 0;}
img.right {0 0 5px 10px;}
.clear {clear: both;}
.normal { font-weight: normal; }

body { font-size: 11px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #000; background: url(img/footer_bg.jpg) 0 0; }
body.mceContentBody { background: none; background-color: #FAFAF8; }
strong, #tinymce strong { color: #9F0207; }

/**** TOP ****/
#wrapper-top { width: 100%; height: 484px; background: url(img/top_bg.jpg) 0 0 repeat-x; }
#top { width: 1026px; height: 481px; margin: 0 auto; /*background: url(img/Interform_v3-3.jpg) 0 0 no-repeat;*/ overflow: hidden; position: relative; }

#top h1 a { width: 345px; height: 110px; background: url(img/interform.png) 0 0 no-repeat; position: absolute; top: 31px; left: 28px; }
#top h1 a span { display: none; }

#flashcontent{ position: absolute; top: 130px; left: 0; }
#flashcontent:hover {cursor:pointer !important;}
#flashlogo {width:380px; height:130px; position:absolute; top:12px; left:0px;}

  /* --- MENU --- */
ul#primary-nav { position: absolute; bottom: 15px; font-size: 18px; width: 926px; height: 45px; background: url(img/menu_bg.jpg) left 6px  no-repeat; margin-top: 20px; overflow: hidden; padding: 0 50px; }

ul#primary-nav li { margin: 0 15px; float: left; height: 45px; overflow: hidden; }

ul#primary-nav li a {color: #fff; height: 45px; text-align: center; display: block; text-decoration: none; z-index: 10; letter-spacing: 0; float: left; position: relative; overflow: hidden; }

ul#primary-nav li a.o-nas { width: 133px; background: url(img/menu/o-nas.png) center 6px no-repeat; }
ul#primary-nav li a.oferta { width: 138px; background: url(img/menu/oferta.png) center 6px no-repeat;  }
ul#primary-nav li a.referencje { width: 168px; background: url(img/menu/referencje.png) center 6px no-repeat; }
ul#primary-nav li a.zaufali-nam { width: 168px; background: url(img/menu/zaufali-nam.png) center 6px no-repeat; }
ul#primary-nav li a.kontakt { width: 148px; background: url(img/menu/kontakt.png) center 6px no-repeat;  } 
ul#primary-nav li a.po-godzinach { width: 185px; background: url(img/menu/po-godzinach.png) center 6px no-repeat; }


ul#primary-nav li a.about-us { width: 130px; background: url(img/menu/about-us.png) center 6px no-repeat; }
ul#primary-nav li a.products-and-services { width: 180px; background: url(img/menu/products-and-services.png) center 6px no-repeat;  }
ul#primary-nav li a.our-customers { width: 160px; background: url(img/menu/our-customers.png) center 6px no-repeat; }
ul#primary-nav li a.contact-us { width: 148px; background: url(img/menu/contact-us.png) center 6px no-repeat;  } 
ul#primary-nav li a.our-free-time { width: 154px; background: url(img/menu/our-free-time.png) center 6px no-repeat; }


ul#primary-nav li a.uber-uns { width: 111px; background: url(img/menu/uber-uns.png) center 6px no-repeat; }
ul#primary-nav li a.produkte-und-leistungen { width: 180px; background: url(img/menu/produkte-und-leistungen.png) center 6px no-repeat; }
ul#primary-nav li a.unsere-kunden { width: 164px; background: url(img/menu/unsere-kunden.png) center 6px no-repeat; }
ul#primary-nav li a.unsere-freizeit { width: 169px; background: url(img/menu/unsere-freizeit.png) center 6px no-repeat; }


ul#primary-nav li a span { display: none; }

ul#primary-nav li#hidden-li { margin-left: -205px; }
ul#primary-nav li a.hidden-a { width: 150px; }

  /* Represents the background of the highlighted menu-item. */
ul#primary-nav li.back { padding: 0; margin: 0; background: url("img/menu/menu_hover.png") no-repeat right -45px; z-index: 8; position: absolute; cursor: pointer; overflow: hidden; }
ul#primary-nav li.back .left { padding: 0; margin: 0; float: none; background: url("img/menu/menu_hover.png") no-repeat left top; height: 45px; margin-right: 8px; cursor: pointer; overflow: hidden; }

  /* --- LANG menu --- */
ul#lang { position: absolute; right: 0; top: 30px; }
ul#lang li { padding-top: 20px; float: left; height: 77px; background: url("img/lang-sep.png") no-repeat left top; }
ul#lang li.first-lang { background: none; }
ul#lang li a { color: #fff; width: 60px; height: 35px; text-align: center; display: block; float: left; }
ul#lang li a.pl { background: url("img/lang_pl.png") no-repeat center -35px; }
ul#lang li a.en { background: url("img/lang_en.png") no-repeat center -35px; }
ul#lang li a.de { background: url("img/lang_de.png") no-repeat center -35px; }
ul#lang li a span { display: none; }

ul#lang li a:hover, ul#lang li a.active, ul#lang li:hover a { background-position: center 5px !important; }


/**** CONTENT ****/
#wrapper-content { width: 100%;  background: #FAFAF8; }
#tinymce { background: #FAFAF8; }

  /* --- INDEX --- */
body.index #content-bg { width: 1026px; margin: 0 auto; background: url(img/content_index_bg.jpg) 0 0 repeat-y; }
body.index #content-bottom { width: 1026px; background: url(img/content_index_bottom.jpg) 0 bottom no-repeat; }
body.index #content-top { width: 1026px; padding-top: 0; padding-bottom: 8px; background: url(img/content_index_top.jpg) 0 0 no-repeat; }
body.index #content-block-bg { width: 1026px; padding-top: 0; padding-bottom: 10px; min-height: 355px; height: auto !important; height: 355px; background: url(img/content_index_block_bg.jpg) 421px bottom no-repeat; }

#sub-left { float: left; width: 326px; }
body.index #main { float: left; padding-left: 60px; width: 300px; } 
#sub-right { float: right; width: 329px; }

  /* --- MAIN --- */
#content-bg { width: 1026px; margin: 0 auto; background: url(img/content_bg.jpg) 0 0 repeat-y; }
#content-bottom { width: 1026px; background: url(img/content_bottom.jpg) 0 bottom no-repeat; }
#content-top { width: 1026px; padding-top: 0; padding-bottom: 10px; min-height: 355px; height: auto !important; height: 355px; background: url(img/content_top.jpg) 0 0 no-repeat; }

#content-bg ol li, #tinymce ol li {list-style-type:decimal; list-style-position:inside; line-height:1.3em;}

#main { float: right; width: 723px; }
#sub { float: left; width: 283px; }

.interform {background: url(img/sub_bg.jpg) right 65px no-repeat; min-height:566px; height:auto !important; height:566px;}

#sub ul#sub-menu { padding: 5px 0 0; color: #6C6C6A; border-bottom: 1px solid #C7C7C5; }
#sub ul#sub-menu li a { padding: 4px 42px 3px 42px; background: #EBECE7 url(img/submenu_li_bg.jpg) no-repeat 0 0; display: block; color: #3F3F3F; }

#sub ul#sub-menu li a.frezowanie, #sub ul#sub-menu li a.druk-solwentowy, #sub ul#sub-menu li a.uslugi-poligraficzne, #sub ul#sub-menu li a.fotografia-reklamowa { background-image: url(img/submenu_li_bg2.jpg); }

#sub ul#sub-menu li ul li a { padding: 4px 0 0 62px; height: 16px; background: url(img/submenu2_li_bg.jpg) no-repeat 0 0; display: block; color: #3F3F3F; }
#sub ul#sub-menu li ul li a:hover, #sub ul#sub-menu li ul li a.active { text-decoration: none; color: #9C0307; background-image: url(img/submenu2_li_hover.jpg); }


#sub ul#sub-menu li.darker a { background-image: url(img/submenu_li_bg2.jpg); }
#sub ul#sub-menu li a:hover, #sub ul#sub-menu li a.active { text-decoration: none; color: #9C0307; background: #FAFAF8 url(img/submenu_li_hover.jpg) 0px 0px no-repeat;; }
#sub p { padding-left: 15px; padding-right: 15px; font-size: 11px; }
#sub h3 { padding-left: 15px; padding-right: 15px; font-size: 11px; }

#main table, #tinymce table { background: #AAAAAA; font-size: 10px; margin-top: 10px; }
#main table td, #main table th, #tinymce table td, #tinymce table th { background: #ECECEC; padding: 5px 7px; text-align: center; }
#main ul, #tinymce ul, #main ol, #tinymce ol { padding: 10px 0 0 10px; }
#main ul li, #tinymce ul li, #sub-right ul li { margin: 0; padding: 3px 20px; background: url(img/list_point.jpg) left 5px no-repeat; overflow:hidden;}
#main ol li, #tinymce ol li { margin: 0; padding: 3px 0; background: none; }

ul.picturelist-com {padding:0px !important;}
li.thumb-com {background:none !important; padding:0 0 25px 0 !important;}
li.thumb-com a {float:left;}
li.thumb-com a img {margin:0 10px 5px 0 !important;}
      
  /* --- wspolne --- */  
#content-bg h2, #tinymce h2 { padding: 16px 0 7px 40px; font-size: 18px; font-family: Arial; background: url(img/main_h2.jpg) 0 11px no-repeat; margin-top: 10px; }
#content-bg h2.farba, #tinymce h2.farba { }
#content-bg h2.kalkulator, #tinymce h2.kalkulator { background: url(img/sub_h2_kalkulator.jpg) 0px 10px no-repeat !important; }
#content-bg h2.galeria, #tinymce h2.galeria { background: url(img/main_h2_galeria.jpg) 0 5px no-repeat !important; padding-left: 45px; }
#content-bg h2.cennik, #tinymce h2.cennik { background: url(img/main_h2_cennik.jpg) 2px 10px no-repeat !important; height: auto; }
#content-bg h2.cennik span, #tinymce h2.cennik span { font-size: 12px; }
#content-bg #sub h2 { background-image: url(img/sub_h2.jpg); margin-left: 14px; overflow:hidden;}
#content-bg #sub h2.galeria {margin-left:-11px !important; background: url(img/sub_h2_galeria.jpg) 0px 5px no-repeat !important; }
 
#content-bg h3, #tinymce h3 { padding-top: 10px; font-size: 14px; }
#content-bg h4, #tinymce h4 { padding-top: 10px; font-size: 12px; }
#content-bg p.red-bold, #content-bg span.red-bold , #tinymce .red-bold { font-weight: bold; color: #9F0207; }
#content-bg p, #tinymce p { padding-bottom: 10px; line-height: 18px; }

#content-bg p.wiecej, #tinymce p.wiecej { position: relative; height: 18px; }
#content-bg p.wiecej a, #tinymce p.wiecej a { width: 83px; height: 18px; display: block; background: url(img/button_wiecej.jpg) left top no-repeat; position: absolute; right: 0; }

#content-bg p.oblicz, #content-bg p.zamawiam, #tinymce p.oblicz, #tinymce p.zamawiam { padding: 5px 0; margin: 0; }
#content-bg p.oblicz a, #tinymce p.oblicz a { width: 67px; height: 18px; display: block; background: url(img/button_oblicz.jpg) left top no-repeat; margin: 0 auto; }
#content-bg p.zamawiam a, #tinymce p.zamawiam a { width: 90px; height: 18px; display: block; background: url(img/button_zamawiam.jpg) left top no-repeat; margin: 0 auto; }

#content-bg a:hover, #tinymce a:hover { text-decoration: underline; }
#content-bg a span, #tinymce a span { display: none; }

.tables-right { float: right; width: 300px; padding-left: 10px; }
.tables-right table { width: 300px; }

div.kontakt-osoba { min-height: 150px; height: auto !important; height: 150px; width: 100%; margin-top: 25px; }
div.kontakt-osoba a { }
div.kontakt-osoba img { float: left; width: 200px; height: 150px; margin-right: 20px; margin-left: 5px;}
div.kontakt-osoba img.gg, div.kontakt-osoba img.skype { float: none; width: auto; height: auto; margin: 5px 0 0 3px; vertical-align: middle; border: none; padding: 0; width: 20px; height: 20px;  }
div.kontakt-osoba img.skype { padding: 0 2px !important; underline: none; width: 16px; height: 16px; }
div.kontakt-osoba h3 { margin-left: 220px;  }
div.kontakt-osoba p { padding-top: 7px !important; margin-left: 237px; }

#main img {padding: 2px; border: 1px solid #CFCFCF;}
.gg, .skype, .img-n img {border:none !important; padding:0px !important;}

#sub .gallery {float:left; padding-left:20px; }

body.index #main div.gallery .img {margin:15px 25px 0 0;}

div.gallery .img, div.gallery .img-n {width:110px; float: left; margin: 10px 10px 0 0; text-align: center; }
div.gallery a { display: block; }
div.gallery a:hover { background-color: #DFDFDF; }
div.gallery a img { padding: 3px; border: 1px solid #CFCFCF; vertical-align: middle; }
div.gallery .gallerycomment { margin-top: 5px; padding-bottom:10px;}

div.referencje .img-n { float: left; margin: 10px 10px 5px 5px; text-align: center; width: 162px; height: 125px; border: 1px solid #CFCFCF; }
div.referencje a { display: block; padding: 3px; }
div.referencje a:hover { background: #DFDFDF; }
div.referencje a span { display: block !important; background: #FFFFFF; overflow: hidden; }
div.referencje a img { vertical-align: middle; padding: 10px 0 !important; max-height: 99px; height: auto !important; height: 99px; }



/**** FOOTER ****/
#wrapper-footer { width: 100%; background: url(img/footer_top_bg.jpg) 0 0 repeat-x; }
#footer { width: 1026px; margin: 0 auto; padding: 15px 0 0 0; color: #ffffff; min-height: 46px; height: auto !important; height: 46px; }
#footer p { float: left; margin-left: 10px; padding-left: 30px; padding-top: 4px; height: 18px; font-size: 11px; background: url(img/interform_icon.png) left top no-repeat; }
                                  
ul#menu-footer { list-style: none; float: left; padding-top: 3px; }
ul#menu-footer li {display: block; float:left; border-right: 1px solid white; padding: 0 6px; font-size: 10px; }
ul#menu-footer li.last-list { border-right: none; }
ul#menu-footer li a { color: #fff; }
ul#menu-footer li a:hover { text-decoration: underline; }

/**** Formularze ****/
form#contact_form { font-size: 10px; padding: 10px 15px 0; }
form#contact_form fieldset.form_first { width: 240px; }
form#contact_form fieldset.form_first input { width: 240px; } 
form#contact_form fieldset.form_second { width: 240px; } 
form#contact_form fieldset.form_second input { width: 240px; }
form#contact_form fieldset.form_second textarea { height: 100px; width: 240px; }
form#contact_form label { clear: both; display: block; height: 15px; margin-left: 5px; width: 185px; }
form#contact_form label.hide { display: none !important; height: 0 !important; width: 0 !important; }
form#contact_form input { clear: both; float: left; font-size: 11px; height: 15px; margin-bottom:5px; } 
input, textarea { background-color: #FFF; border:1px solid #B9B9B9; padding:2px; }
form#contact_form input#topic { width: 240px; }
form#contact_form input#submit { height: 20px; margin-top: 10px; position: relative; width: 65px; }

/**** Kalkulatory ****/
form#kalkulator { padding: 5px 15px 0; }
form#kalkulator label { display:block; padding: 2px 0;}
form#kalkulator input, form#kalkulator select, form#kalkulator textarea { font-size: 11px; }
form#kalkulator p { padding: 0; line-height: 13px; padding-bottom: 5px; }
form#kalkulator select { margin-bottom: 5px; vertical-align: middle; }
form#kalkulator .checkbox { margin-top: 2px; }
div#kalk-wynik p { padding: 2px 0; margin: 0; }
div.kalk-zamowienie { display: none; }

/* okienko zamowienia */
.kalksendwarning .kalksend { border: 2px #080A09 solid; }
.kalksendfade { position: absolute; background-color: #ffffff; }
div.kalksend { border: 2px #080A09 solid; position: absolute; background-color: #FAFAF8; padding: 10px; width: 350px; text-align: left; }
div.kalksend .kalksendclose { background-color: #FAFAF8; margin:2px -2px 0 0; cursor: pointer; color: black; text-align: right; font-weight: bold; }
div.kalksend .kalksendcontainer { background-color: #FAFAF8; padding: 0 5px 5px 5px; color: #000000; font:normal 11px Verdana; }
div.kalksend .kalksendmessage { background-color: #FAFAF8; padding: 0; margin:0 15px 15px 15px; }
div.kalksend .kalksendbuttons { text-align: center; padding: 0px 0 0 0; }
div.kalksend button { padding: 1px 4px; margin: 0 10px; background-color:#cccccc; font-weight:normal; font-family:Verdana; font-size:10px; }
div.kalksend button { padding: 3px 10px; margin: 0 10px; background-color: #424242; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
div.kalksend button:hover { background-color: #6F6F6F; }
div.kalksend button.kalksenddefaultbutton { padding: 3px 10px; margin: 0 10px; background-color: #C21010; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
div.kalksend button.kalksenddefaultbutton:hover { background-color: #CF3333; }

div.kalksend h3 { font-size: 13px; padding: 2px 3px; margin: 0 0 5px; }
div.kalksendfade { background-color: black; }

div.kalksend label { padding: 1px 2px; display: block; font-size: 10px; }
div.kalksend input, div.kalksend textarea { margin: 0 0 3px; font-size: 11px; font-family: Verdana; }
div.kalksend .hidden-submit { display: none; }

/* End of 'Podstawowy' */