body, html {margin: 0px; font-family: Tahoma; font-size: 12px; color: #7e7e7e; background: #8c8e91;}
form, p, ul, li, img {margin: 0px; padding: 0px; border: 0;}
h1 { font-size: 14px;}
h2 { font-size: 12px;}

#shadow_top {width: 940px; height: 26px; background: url(img/shadow_top.jpg) no-repeat; margin: auto;}
#shadow_bottom {width: 940px; height: 43px; background: url(img/shadow_bottom.jpg) no-repeat; margin: auto; clear: both;}
#shadow_left {float: left; width: 43px; height: 669px; background: url(img/shadow_left.jpg) no-repeat;}
#shadow_right {float: left; width: 43px; height: 669px; background: url(img/shadow_right.jpg) no-repeat;}

#all {width: 940px; margin: auto;}

#center {float: left; width: 940px; background: #ffffff;}

/* top */
#top {width: 920px; height: 229px; margin: 10px;}

#top_new {width: 920px; height: 229px; margin: 10px;}
#top_new.firma { background: url(img/iventis_o_firmie.jpg) no-repeat;}
#top_new.firmowa { background: url(img/iventis_oferta_firmowa.jpg) no-repeat;}
#top_new.damskie { background: url(img/iventis_oferta_indyw_damskie.jpg) no-repeat;}
#top_new.dladwojga { background: url(img/iventis_oferta_indyw_dla_2.jpg) no-repeat;}
#top_new.garderoba { background: url(img/iventis_oferta_indyw_garderoba.jpg) no-repeat;}
#top_new.kontakt { background: url(img/iventis_oferta_indyw_kontakt.jpg) no-repeat;}
#top_new.media { background: url(img/iventis_oferta_indyw_media.jpg) no-repeat;}
#top_new.meskie { background: url(img/iventis_oferta_indyw_meskie.jpg) no-repeat;}
#top_new.prezenty { background: url(img/iventis_oferta_indyw_prezenty.jpg) no-repeat;}
#top_new.przyjaciele { background: url(img/iventis_oferta_indyw_przyjaciele.jpg) no-repeat;}
#top_new.referencje { background: url(img/iventis_oferta_indyw_referencje.jpg) no-repeat;}

#top_left {width: 380px; height: 254px; float: left; }
#top_left.firma {background: url(img/top_img_firma_l.jpg) no-repeat;}
#top_left.referencje {background: url(img/top_img_refer_l.jpg) no-repeat;}
#top_left.kontakt {background: url(img/top_img_kontakt_l.jpg) no-repeat;}
#top_left.media {background: url(img/top_img_media_l.jpg) no-repeat;}
#top_left.o_prezenty {background: url(img/top_img_ofer_prezenty_l.jpg) no-repeat;}
#top_left.o_dla_dwojga {background: url(img/top_img_ofer_dwojga_l.jpg) no-repeat;}
#top_left.o_przyjaciele {background: url(img/top_img_ofer_przyjaciele_l.jpg) no-repeat;}
#top_left.o_damskie {background: url(img/top_img_ofer_damskie_l.jpg) no-repeat;}
#top_left.o_meskie {background: url(img/top_img_ofer_meskie_l.jpg) no-repeat;}
#top_left.o_garderoba {background: url(img/top_img_ofer_garderoba_l.jpg) no-repeat;}
#top_left.o_firmowe {background: url(img/top_img_ofer_firmowa_l.jpg) no-repeat;}

#top_right {width: 642px; height: 254px; float: left; background: url(img/top_img_r.jpg) no-repeat;}
#top_right.o_dla_dwojga {background: url(img/top_img_ofer_dwojga_r.jpg) no-repeat;}
#top_right.o_damskie {background: url(img/top_img_ofer_damskie_r.jpg) no-repeat;}
#top_right.o_meskie {background: url(img/top_img_ofer_meskie_r.jpg) no-repeat;}
#top_right.o_garderoba {background: url(img/top_img_ofer_garderoba_r.jpg) no-repeat;}
#logo {width: 560px; height: 105px; float: right; margin-top: 74px;}

/* menu */
#menu_firma {width: 940px; height: 47px; background: url(img/menu_bkg_firma.gif) repeat-x;}
#menu_oferta {width: 940px; height: 47px; background: url(img/menu_bkg_oferta.gif) repeat-x;}
#menu_referencje {width: 940px; height: 47px; background: url(img/menu_bkg_refer.gif) repeat-x;}
#menu_kontakt {width: 940px; height: 47px; background: url(img/menu_bkg_kontakt.gif) repeat-x;}
#menu_media {width: 940px; height: 47px; background: url(img/menu_bkg_media.gif) repeat-x;}


#menu {width: 664px; height: 47px; margin: auto;}
#menu ul {list-style-type: none;}
#menu ul li {float: left; height: 47px; line-height: 55px; font-size: 15px; color: #ffffff; text-align: center; cursor: pointer;}

#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited {color: #ffffff; text-decoration: none;}
#menu ul li a:hover {color: #2d1e18;}

#menu ul li.left {width: 134px; background: url(img/menu_btt_left_off.png) no-repeat;}
#menu ul li.left_on {width: 134px; background: url(img/menu_btt_left_on.png) no-repeat; color: #2d1e18;}
#menu ul li.left:hover {background: url(img/menu_btt_left_on.png); color: #2d1e18;}

#menu ul li.middle {width: 132px; background: url(img/menu_btt_middle_off.png) no-repeat;}
#menu ul li.middle_on {width: 132px; background: url(img/menu_btt_middle_on.png) no-repeat; color: #2d1e18;}
#menu ul li.middle:hover {background: url(img/menu_btt_middle_on.png); color: #2d1e18;}


#menu ul li.right {width: 134px; background: url(img/menu_btt_right_off.png) no-repeat;}
#menu ul li.right_on {width: 134px; background: url(img/menu_btt_right_on.png) no-repeat; color: #2d1e18;}
#menu ul li.right:hover {background: url(img/menu_btt_right_on.png); color: #2d1e18;}

/* wsztstkie linki aktywne */
#menu ul li.left_on a, #menu ul li.left:hover a, #menu ul li.middle_on a, #menu ul li.middle:hover a, #menu ul li.right_on a, #menu ul li.right:hover a {color: #2d1e18;}


/* zawartosc */
#big_box {}

#box_left {margin-top: 38px; width: 190px; float: left; padding-left: 10px;}
#nagl1 {width: 151px; height: 17px; background: url(img/zakladka_1.gif) no-repeat; font-weight: bold; font-size: 11px; padding-top: 16px; padding-left: 22px; margin-bottom: 10px;}
#nagl2 {width: 151px; height: 29px; background: url(img/zakladka_2.gif) no-repeat; font-weight: bold; font-size: 11px; padding-top: 18px; padding-left: 22px; margin-bottom: 10px;}

#nagl1.firma, #nagl2.firma {color: #bb2015;}
#nagl1.oferta, #nagl2.oferta {color: #7c024e;}
#nagl1.referencje, #nagl2.referencje {color: #b5c8e7;}
#nagl1.kontakt, #nagl2.kontakt {color: #c4c3c4;}
#nagl1.media, #nagl2.media {color: #ffdc00;}


#box_left ul {margin-left: 20px; margin-top: 3px; list-style-type:none;}
#box_left ul li {font-size: 11px; font-weight: bold; line-height: 110%; margin-bottom: 15px; width: 125px;}
#box_left ul li a:link, #box_left ul li a:active, #box_left ul li a:visited {color: #7e7e7e; text-decoration: none;}
#box_left ul li a:hover {text-decoration: underline;}

#box_right {margin-top: 50px; margin-right: 20px; width: 678px; float: left; margin-left: 7px; display: inline; }
#title {height: 30px;  color: #ffffff; font-size: 16px; font-weight: bold; padding-left: 10px; padding-right: 10px; line-height: 30px;}
#title.firma {width: 200px; background: #bb2015;}
#title.oferta {width: 350px; background: #7c024e;}
#title.referencje {width: 200px; background: #b5c8e7;}
#title.kontakt {width: 200px; background: #c4c3c4;}
#title.media {width: 160px; background: #ffdc00;}
.title_media {height: 30px;  color: #ffffff; font-size: 16px; font-weight: bold; padding-left: 10px; padding-right: 10px; line-height: 30px; width: 160px; background: #ffdc00; margin-bottom: 20px;}




#container {} /* definiowane bezposrednio w kodzie strony ze wzgledu na js scrollujacy */
#content {line-height: 135%; width: 678px; text-align: justify; margin-top: 15px;}
#content p {margin-bottom: 10px;}
#box_arrows {height: 296px; margin-top: 50px; width: 35px; float: left;}
#box_arrows .up {height: 21px;}
#box_arrows .down {height: 21px; margin-top: 204px;}

.of_info {}
.of_type {color: #FF0000; font-weight: bold; margin-top: 20px; margin-bottom: 0px;}
.of_type_info {font-style: italic; margin-top: 3px; margin-bottom: 0px;}
.of_name_box {margin-top: 20px}
.of_program {font-weight: bold}
.of_price {margin-left: 15px}
.of_reserve {margin-left: 50px; color: #ff0000; font-weight: bold;}
.of_reserve a:link, .of_reserve a:visited, .of_reserve a:active {color: #ff0000; text-decoration: none;}
.of_reserve a:hover {text-decoration: underline;}
.of_short_desc {}
.of_long_desc {font-size: 11px}
.of_long_desc a:link, .of_long_desc a:visited, .of_long_desc a:active {color: #FF0000; text-decoration: none;}
.of_long_desc a:hover {text-decoration: underline;}
.of_details {}
.of_point {text-decoration: underline;}
.of_uwagi {font-size: 11px;}
.of_line {height: 1px; border-bottom: 1px #7e7e7e dotted;}
.of_line2 {height: 1px; border-bottom-width: 2px; border-bottom-style: groove; border-bottom-color: #7e7e7e;}
.of_list {margin-top: 35px;}
.of_promo {background: #ff7f7f; margin: 10px; margin-top: 20px; margin-bottom: 20px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px;color: #ffffff; font-size: 11px;}
.of_promo p {margin-top: 20px;}
.of_promo p.first {margin-top: 0px;}
.of_promo a:link, .of_promo a:visited, .of_promo a:active {color: #ffffff; text-decoration: underline;}
.of_promo a:hover {text-decoration: none;}
.of_back a:link, .of_back a:visited, .of_back a:active {text-decoration: underline; color: #7e7e7e; font-size: 11px; font-weight: bold;}
.of_back a:hover {text-decoration: none;}


#contact_form p {margin-top: 5px; margin-bottom: 10px;}

#bottom {clear: both; height: 25px; padding-top: 5px; padding-bottom: 10px; background: #eae9e9; font-family: Arial; font-size: 9px; text-align: center;}

/* kontakt */
#c_content {margin-top: 10px;}
#c_content p {margin-bottom: 15px;}
td {vertical-align: top; text-align: left; height: 30px; line-height: 30px; text-align: right;}
td input {width: 230px; background: #eaeaea; border: 0; height: 20px;}
td textarea {width: 230px; height: 80px; background: #eaeaea; border: 0;}
td.submit {text-align: right;}
td input.submit {width: 77px; height: 50px;}

/* media */
#media_in {width: 164px; float: left;}
#media_about {width: 504px; float: left;}
.m_content {margin-top: 10px; width: 220px; text-align: justify;}
.m_content2 {width: 504px; text-align: justify;}
.m_cont {width: 164px; height: 80px;}
.m_cont_left {width: 80px; height: 80px; float: left;}
.m_cont_right {width: 84px; height: 80px; float: left; font-size: 10px; color: #a7a7a6; line-height: 130%;}

.m_about_line {width: 560px; height: 105px;}
.m_about_box {width: 126px; height: 105px; float: left; font-size: 10px; color: #a7a7a6; line-height: 130%;}
.m_about_box img {margin-bottom: 5px;}

/* referencje */
.r_quote {font-style: italic; margin-top: 15px; }
.r_name {text-align: right; font-style: italic; margin-bottom: 40px;}

/* inne */
.center {text-align: center;}
