/* RESET - START */
* {outline:none;}
p {padding:0; margin:0;}
img {border:none;}
/* RESET - KONIEC */

body {margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; color:#333333; font-size:12px; background:#f68220 url(../images/body_bg.gif) left bottom repeat-x fixed;}

/*Rotator*/
.rotator {width:564px; height:306px; padding:0; margin:0 auto; position:relative; }
.rotator ul.tab_list {display:none}
.rotator .rot_navi {height:16px; width:549px; padding-left:15px; text-align:left; top:270px; left:0; position:absolute; display:none;}
.rotator .rot_navi a {width:15px; height:15px; margin:0 2px; display:inline-block; background:transparent url(http://www.era.pl/r/era_pl_repo1/projekty/rotator3/img/tab_off.png) no-repeat; outline:none; cursor:pointer;}
.rotator .rot_navi a.on {background:transparent url(http://www.era.pl/r/era_pl_repo1/projekty/rotator3/img/tab_off.png) no-repeat 0 -15px;}
.rotator .rot_tabs {display:none; position:absolute;}

.Red {color:#790001;}
.Orange {color:#C16613;}
.Yell {color:#f6ff00; text-shadow: 0px 0px 6px #f6ff00;}
.ErrorColor {color:Red; font-weight:bold;}
.SmallTxt {font-size:0.75em;}
.BigTxt {font-size:1.2em}
.Baner {padding-bottom:10px;}

.Button {display:inline-block; height:22px; line-height:22px;text-decoration:none; color:#333; padding:0 20px; border:1px solid #cecece; border-radius:4px; background:transparent url(../images/bg-button.png) repeat-x 0 0; text-shadow: 0 1px 0 #F2F2F2; outline:none; vertical-align:middle; box-shadow: 1px 1px 3px #cecece;}
.Button:hover {border-color:#aaa; }
.Button:active {background-position:0 -25px; color:#790001; box-shadow:none;}

.ErrorBox {padding:20px 20px 20px 90px; min-height:50px; margin:10px 0; background:#ffb2b2 url(../images/icon-error.png) no-repeat 10px 10px; border:1px solid #ff4444; position:relative;}
.OkBox {padding:20px 20px 20px 90px; min-height:50px; margin:10px 0; background:#b4ffb2 url(../images/icon-ok.png) no-repeat 10px 10px; border:1px solid #44ff66; position:relative;}
.ErrorBox .Zamknij, .OkBox .Zamknij {position:absolute; display:block; height:16px; width:16px; top:3px; right:3px; background:transparent url(../images/icon-zamknij.png) no-repeat left 0; outline:none;}
.ErrorBox .Zamknij:hover, .OkBox .Zamknij:hover {background:transparent url(../images/icon-zamknij.png) no-repeat left -16px;}

.ClearBoth {clear:both; font-size:1px;}
.container {position:relative; width:960px; margin:0 auto;}

h1 {font-size:22px; font-weight:bold; color:#790001; margin:0; padding:5px 0;}
h2 {font-size:12px; font-weight:bold; margin:0; padding:5px 0; text-align:justify; line-height:17px;}
p.tekst {padding:5px 0; text-align:justify; line-height:17px;}
a.more {color:#790001; text-decoration:underline;}
a.more:hover {color:#C16613; text-decoration:underline;}


ul.ListaRed{list-style-type:none; padding-left:15px;}
ul.ListaRed li {padding:1px 0 2px 15px; background: transparent url(../images/li_red.gif) no-repeat 0 6px;}
ul.ListaRed li img.pic {display:none;}
ul.ListaRed li img {vertical-align:top;}
ul.ListaRed li.Title {padding:0px 0 4px 0px; background:none;}
ul.ListaRed li.Title h2 { color:#C16613; font-size:14px; padding:0;}

ul.ListaOrange {list-style-type:none; padding-left:15px;}
ul.ListaOrange li {padding:1px 0 2px 15px; background: transparent url(../images/li_orange.gif) no-repeat 0 6px;}
ul.ListaOrange li img.pic {display:none;}
ul.ListaOrange li img {vertical-align:top;}
ul.ListaOrange li.Title {padding:0px 0 4px 0px; background:none;}
ul.ListaOrange li.Title h2 { color:#C16613; font-size:14px; padding:0;}

#PageHeader {width:100%; height:163px; line-height:17px; background:#f68220 url(../images/header_bg.gif) repeat-x;}
#PageHeader .container {height:163px; background:transparent url(../images/header_bg2.png) no-repeat center top;}
#PageHeader .container .LogoNiecikowscyKatering {width:418px; height:87px; float:left;}
#PageHeader .container .LogoNiecikowscyKatering a {width:418px; display:block;}
#PageHeader .container .LogoNiecikowscyKatering img {margin-left:100px;display:block;}
#PageHeader .container .TopMenu {width:260px; height:30px; padding-top:10px; text-align:center; float:right;}
#PageHeader .container .TopMenu a {padding:0 7px; font-size:10px; color:#FFF; text-decoration:none;}
#PageHeader .container .TopMenu a:hover {text-decoration:underline; color:#790001;}
#PageHeader .container .description {width:100%; height:32px; padding-top:2px; padding-bottom:6px; clear:both; }
#PageHeader .container .description ul {margin:0; padding:0; padding-left:170px; list-style:none; font-size:17px; color:#ffe3cc; font-family:Arial, Helvetica, sans-serif }
#PageHeader .container .description ul li {float:left; padding:0 22px 4px 40px; cursor:default; text-shadow: 3px 3px 4px #000; background:transparent url(../images/separator.png) no-repeat 0 1px;}
#PageHeader .container .description ul li:first-child {background:none;}
#PageHeader .container .description ul li h1 {margin:0; padding:0; font-size:17px; color:#ffe3cc;}
#PageHeader .container .description ul li h2 {margin:0; padding:0; font-size:17px;}
#PageHeader .container .Navigation {width:100%; height:29px; padding-top:5px; padding-bottom:2px;}

/*Zakladki w glownej nawigacji*/
#PageHeader .container .Navigation ul {padding: 0; margin: 0; list-style: none; height: 29px; width: 100%;}
#PageHeader .container .Navigation ul li {float: left; display: inline; /*For ignore double margin in IE6*/ margin: 0 1px; background: none;}
#PageHeader .container .Navigation ul li:first-child {margin-left:0;}
#PageHeader .container .Navigation ul li a {text-decoration: none; float:left; cursor: pointer; color: #333333; background: url(../images/navigation_bg.gif) no-repeat top right; font-weight:bold;}
#PageHeader .container .Navigation ul li a span {margin: 0 10px 0 0px; padding: 6px 8px 6px 18px; position: relative; /*To fix IE6 problem (not displaying)*/ float:left; background: url(../images/navigation_bg.gif) no-repeat top left; text-transform:uppercase;}
#PageHeader .container .Navigation ul li a.current {background: url(../images/navigation_bg.gif) no-repeat; background-position: 100% 100%;}
#PageHeader .container .Navigation ul li a.current span {background: url(../images/navigation_bg.gif) no-repeat; background-position: 0 100%; color: #fff;}
#PageHeader .container .Navigation ul li a.current :hover, #PageHeader .container .Navigation ul li a.current:hover span {color: #fff;}
#PageHeader .container .Navigation ul li a:hover {color: #790001;}


#PageContent {width:100%; background-color:#FFF; background-color:#fff; background-repeat:no-repeat; background-position:center top;}
#PageContent .container {width:960px; min-height:410px; height:auto !important; height:410px; padding:5px 0;}

/* BREAD CRUMB - START */
#PageContent .container #BreadCrumb {float:left; width:770px; padding-left:10px; font-size: 10px;}
#PageContent .container #BreadCrumb a {color:#790001; text-decoration:none;}
#PageContent .container #BreadCrumb a:hover {text-decoration:underline;}
/* BREAD CRUMB - KONIEC */

#PageContent .container #Content {float:left; width:770px; padding-left:10px;}
#PageContent .container #Content .LeftColumn {width:545px; padding-right:15px; float:left;}
#PageContent .container #Content .RightColumn {width:203px; padding-left:7px; float:right;}
#PageContent .container #Content .RightColumn .FotoBox {width:192px; height:108px; padding:1px 10px 10px 1px; background-image:url(/images/Galeria-foto-bg.gif);}

/************************************************************************ LEWE MENU - START ******************************************************************/
#PageContent .container #LeftMenu {float:left; width:180px;}
#PageContent .container #LeftMenu #LeftMenuBoxTop {width:180px; height:10px; background:url(../images/leftmenu_top.gif) white no-repeat; font-size:1px;}
#PageContent .container #LeftMenu #LeftMenuBoxContent {width:160px; padding:0 10px 10px 10px; background:url(../images/leftmenu_middle.gif) white repeat-y; clear:both;}
#PageContent .container #LeftMenu #LeftMenuBoxContent .RootSectionName {padding:0 0 5px 0; margin:0px; font-size:18px;}
#PageContent .container #LeftMenu #LeftMenuBoxContent .RootSectionName a {text-decoration:none;}
#PageContent .container #LeftMenu #LeftMenuBoxContent ul {padding:0px; margin:0px; list-style-type:none;}
    /* Wybrany element w menu nieklikalny */
#PageContent .container #LeftMenu #LeftMenuBoxContent ul li h3 span {color:#790001; font-weight:bold; cursor:default; display:block; padding:5px 0;} 
    /*dodanie czerwonej grafiki dla wybranego elementu menu jezeli jest na poziomie 2+ */
#PageContent .container #LeftMenu #LeftMenuBoxContent ul li li h3 span {padding-left:14px; font-size:11px;}
    /* dodanie gradnientu pod wybrany element w menu*/
#PageContent .container #LeftMenu #LeftMenuBoxContent ul li h3.selected {border-bottom:dotted 1px #790001; background:url(../images/selected_bg.gif) repeat-x left bottom;}
    /* podkreslenie kazdej pozycji w menu */
#PageContent .container #LeftMenu #LeftMenuBoxContent ul li h3 {border-bottom:dotted 1px #cccccc; padding:1px 0; margin:0; font-size:12px; font-weight:normal;}
    /*Zmiana koloru pozycji w menu po wskazaniu jej myszka*/
#PageContent .container #LeftMenu #LeftMenuBoxContent ul li h3:hover {border-bottom:dotted 1px #790001; color:#790001!important;}
#PageContent .container #LeftMenu #LeftMenuBoxContent ul li h3 a {text-decoration:none; color:#333333; display:block; padding:5px 0;}
#PageContent .container #LeftMenu #LeftMenuBoxContent ul li h3 a:hover {text-decoration:none; color:#790001; font-weight:bold;}
    /*dodanie szarej grafiki dla nieaktywnych pozycji w menu jezeli jest na poziomie 2+*/
#PageContent .container #LeftMenu #LeftMenuBoxContent ul li li h3 a {padding-left:14px; font-size:11px;}
    /*wciecie dla 2 poziomu menu*/
#PageContent .container #LeftMenu #LeftMenuBoxContent ul li li h3  {padding-left:0px;}
    /*wciecie dla 3 poziomu menu*/
#PageContent .container #LeftMenu #LeftMenuBoxContent ul li li li h3  {padding-left:6px;}
#PageContent .container #LeftMenu #LeftMenuBoxBottom {width:180px; height:13px; background:url(../images/leftmenu_bottom.gif) white no-repeat; font-size:1px;}
    /* KONTAKT */
table.Kontakt {width:100%; font-weight:bold; color:#003a7e; border-collapse:collapse; font-size:14px;}
table.Kontakt th {text-align:left; padding:10px 3px 5px;}
table.Kontakt td {font-size:0.8em;}
table.Kontakt td.Icon img {width:16px; height:16px;}
table.Kontakt td.Adres {text-align:center; padding:10px 0;}
table.Kontakt td.Mapka {text-align:center; font-size:0.7em; padding-bottom:30px;}
table.Kontakt td.Mapka a {text-decoration:none; color:#003A7E;}
/************************************************************************ LEWE MENU - KONIEC ******************************************************************/

/************************************************************************ Strona główna - START ***************************************************************/
.GlownaWrapper {}
.GlownaWrapper .Left {width:564px; float:left}
.GlownaWrapper .Left .Wenus360 { width:564px; height:106px;}
.GlownaWrapper .Left .Wenus360 h2 {padding:0; margin:0; width:564px; height:106px;}
.GlownaWrapper .Middle {width:198px; float:left}
.GlownaWrapper .Middle .Box1 {width:198px; height:136px;}
.GlownaWrapper .Middle .Box1 .BoxOferta {width:198px;  height:135px; float:left; cursor:pointer;}
.GlownaWrapper .Middle .Box1 .BoxOferta .BoxOfertaContent {width:178px; height:86px; padding:10px; background-image:url(/images/Oferta/BoxOfertaWesele.jpg)} 
.GlownaWrapper .Middle .Box1 .BoxOferta .BoxOfertaContent p.Title {font-size:18px; line-height:18px; font-weight:bold; color:#790001; padding-bottom:5px;}
.GlownaWrapper .Middle .Box1 .BoxOferta .BoxOfertaContent p {font-weight:bold;}
.GlownaWrapper .Middle .Box1 .BoxOferta .BoxOfertaSzczegoly {width:198px; height:30px;}
.GlownaWrapper .Middle .Box2 {width:198px; height:138px;}
.GlownaWrapper .Middle .Box3 {width:198px; height:138px;}
.GlownaWrapper .Right {width:198px; float:left}
.GlownaWrapper .Right .KontaktBox {width:178px; padding-left:20px; padding-top:10px; height:264px; background:white url(../images/KontaktBox_bg.gif) no-repeat;}
.GlownaWrapper .Right .TerminarzBox {width:198px; height: 138px;}
.GlownaWrapper .Right .TerminarzBox .BoxOferta {width:198px;  height:137px; float:left; cursor:pointer;}
.GlownaWrapper .Right .TerminarzBox .BoxOferta .BoxOfertaContent {width:178px; height:88px; padding:10px; background-image:url(/images/BoxTerminarz.jpg)} 
.GlownaWrapper .Right .TerminarzBox .BoxOferta .BoxOfertaContent p.Title {font-size:18px; line-height:18px; font-weight:bold; color:#790001; padding-bottom:5px;}
.GlownaWrapper .Right .TerminarzBox .BoxOferta .BoxOfertaContent p {font-weight:bold;}
.GlownaWrapper .Right .TerminarzBox .BoxOferta .BoxOfertaSzczegoly {width:198px; height:30px;}
/************************************************************************ Strona główna - KONIEC **************************************************************/


/************************************************************************ Oferta - START ******************************************************************/
.OfertaBoxes {margin-top:30px;}
.OfertaBoxes .BoxOferta {width:198px;  height:135px; padding:0 24px; float:left; cursor:pointer;}
.OfertaBoxes .BoxOferta .BoxOfertaContent {width:178px; height:86px; padding:10px;} 
.OfertaBoxes .BoxOferta .BoxOfertaContent p.Title {font-size:18px; line-height:18px; font-weight:bold; color:#790001; padding-bottom:5px;}
.OfertaBoxes .BoxOferta .BoxOfertaContent p {font-weight:bold;}
.OfertaBoxes .BoxOferta .BoxOfertaSzczegoly {width:198px; height:30px;}
.OfertaBoxes .BoxOferta.Wesele .BoxOfertaContent {background-image:url(/images/Oferta/BoxOfertaWesele.jpg)}
.OfertaBoxes .BoxOferta.Szkolenie .BoxOfertaContent {background-image:url(/images/Oferta/BoxOfertaSzkolenie.jpg)}
.OfertaBoxes .BoxOferta.Stypa .BoxOfertaContent {background-image:url(/images/Oferta/BoxOfertaStypa2.jpg)}
.OfertaBoxes .BoxOferta.DaniaSpecjalne .BoxOfertaContent {background-image:url(/images/Oferta/box-dania-specjalne.jpg)}

p.OfertaTitle {padding:5px 0 ; font-size:12px; color:#790001; background:transparent url(/images/OfertaTitle_bg.png) no-repeat left bottom;}
p.OfertaTitle strong {font-size:14px; font-weight:bold;}

.OfertaCenaBox {width:161px; background:#2a8cfe url(/images/OfertaCenaBox_bg.png);}
.OfertaCenaBox .OfertaCenaBoxTop {width:161px; height:5px; font-size:1px; background:#2a8cfe url(/images/OfertaCenaBox_top.png) no-repeat;}
.OfertaCenaBox .OfertaCenaBoxMiddle {width:145px; min-height:83px; height:auto !important; height:83px; padding:0 8px 3px 8px; color:#ffffff;  background:transparent url(/images/OfertaCenaBox_middle.png) no-repeat left bottom;}
.OfertaCenaBox .OfertaCenaBoxMiddle p.Title {font-size:16px; font-weight:bold;}
.OfertaCenaBox .OfertaCenaBoxMiddle p.Cena {font-size:13px; padding:2px 0;}
.OfertaCenaBox .OfertaCenaBoxBottom {width:161px; height:5px; font-size:1px;  background:#2a8cfe url(/images/OfertaCenaBox_bottom.png) no-repeat;}

.OfertaMenuBox {padding-bottom:10px; margin-bottom:10px; background:transparent url(/images/bg_ofertamenubox.png) repeat-y;}
.OfertaMenuBox .OfertaMenu {width:564px; padding:0px 10px; float:left;}
.OfertaMenuBox .OfertaMenu ul {font-weight:bold;}
.OfertaMenuBox .OfertaCena {width:166px; padding-top:7px; float:right;}

/************************************************************************ Oferta - KONIEC *****************************************************************/
/************************************************************************ Karta dań - START ***************************************************************/
.KartaDanBoxes {padding:5px 0;}
.KartaDanBoxes .KartaDanBox {width:200px; height:140px; margin:10px 25px; float:left;}
.KartaDanProdukty {padding:10px 0; text-align:center;}

.KartaDanLeftBox {width:200px; padding:15px 25px; float:left;}
.KartaDanRightBox {width:500px; float:left;}
.KartaDanRightBox table.KartaDan {border-collapse:collapse;}
.KartaDanRightBox table.KartaDan td.Title {padding: 15px 0 5px 0; color:#790001; font-weight:bold;}
.KartaDanRightBox table.KartaDan td {padding:1px 0;}

/************************************************************************ Karta dań - KONIEC **************************************************************/
/************************************************************************ Terminarz - START ***************************************************************/
.Kalendarz {width:750px; height:177px; padding-top:10px; margin:0 auto; position:relative;}
.Kalendarz .cover {width:750px; height:130px; position:absolute; top:40px; left:0; background-image:url(../images/spacer.gif);}
.TerminarzTekst {width:570px; float:left;}
.Zarezerwowane {padding:5px 0;}
.Zarezerwowane img {vertical-align:middle;}

.NowaNazwa {width:730px; padding:10px 20px; margin:0 auto;}
.NowaNazwa input { border:1px solid #cecece; padding:0 5px; margin:0; height:22px; line-height:22px; vertical-align:middle; color:#333; background-color:#f8f8f8; outline:none; text-shadow: 1px 1px 0 #fff; color:#790001;}
.NowaNazwa input:focus {background-color:#fff; box-shadow: 0px 0px 3px #790001; color:#790001;}
.NowaNazwa input.Imie {width:140px;}
.NowaNazwa input.NazwaSali {width:400px; margin:0 5px;}
.NowaNazwa table {border-collapse:collapse; width:730px; margin:0 auto; color:#333;}
.NowaNazwa table th, .NowaNazwa table td {border:1px solid #cecece; padding:4px 7px; cursor:default;}
.NowaNazwa table th {font-weight:bold; background:transparent url(../images/bg-button.png) repeat-x 0 -25px; color:#444; text-align:left; text-shadow: 1px 1px 0 #fff;}
.NowaNazwa table td {text-align:left; font-size:11px; vertical-align:top; font-weight:normal;}
.NowaNazwa table tr:hover td {background-color:#eaeaea; color:#000;}
.NowaNazwa table td.IP{width:100px;}
.NowaNazwa table td.Data {width:110px;}
.NowaNazwa table td.Autor {width:100px;}
.NowaNazwa table td.Nazwa span, .NowaNazwa table td.Autor span {color:#999;}
p.NowaNazwaTitle {height:30px; line-height:30px; color:#790001; text-align:center; background:transparent url(../images/bg-NowaNazwaTitle.png) repeat-x left center; text-shadow: 1px 1px 0 #e1e1e1; font-weight:bold;}

/************************************************************************ Terminarz - KONIEC **************************************************************/
/************************************************************************ Galeria - START ****************************************************************/
.GaleriaBoxes {padding-top:20px;}
.GaleriaBox {width:200px; height:135px; padding:0 24px; float:left;}

.GaleriaFotoBoxes {padding:12px 30px;}
.GaleriaFotoBox {width:192px; height:108px; padding:1px 10px 10px 1px; margin:12px; background-image:url(/images/Galeria-foto-bg.gif); float:left;}

#SWFWenus p {color:red; font-size:18px; padding:50px 0; line-height:20px; text-align:center; font-weight:bold;}
#SWFWenus p a {color:red; text-decoration:underline;}
/************************************************************************ Galeria - KONIEC ****************************************************************/
/************************************************************************ Zaufali nam - START *************************************************************/
table.ZaufaliNam {clear:both; padding-top:20px;}
table.ZaufaliNam tr td {width:187px; text-align:center;}
table.ZaufaliNam tr td div.nazwa {padding:5px; margin-top:5px; text-align:center;}

p.Dziekujemy {padding:10px 0; font-size: 26px; color:#790001;}
img.Zaslona {position: relative; background-color: transparent; top: -150px; width:125px; height:125px;}
/************************************************************************ Zaufali nam - KONIEC ************************************************************/
/************************************************************************ Kontakt - START *****************************************************************/
table.DaneAdresowe {width:350px; margin-top:10px; float:left;}
table.DaneAdresowe td.Title {padding:3px 0; text-align:center;}
table.DaneAdresowe td.Mark {vertical-align:top;}
table.DaneAdresowe td.Mark img {margin:0 5px;}
table.DaneAdresowe td.Icon img {margin:0 5px; width:16px; vertical-align:middle;}
table.DaneAdresowe td.Icon a {color:#333333;}
table.DaneAdresowe td.Icon a:hover{color:#790001;}

.Fotokod {text-align:right;}
.Fotokod a {font-size:10px; color:#333333;}
.Fotokod a:hover {color:#790001;}
/************************************************************************ Kontakt - KONIEC ****************************************************************/

/* STOPKA - START */
#PageFooter {width:100%; background:url(../images/footer_bg.gif) transparent left top repeat-x;}
#PageFooter .container {height:35px; padding-top:8px; font-size:10px; color:#FFF;}
#PageFooter .container .GooglePlusOne {padding:3px 0px 0 10px; float:left;}
#PageFooter .container .FacebookLikeIt {padding:1px 0 0 0; float:left;}
#PageFooter .container .NkFajne {padding:1px 0 0 0; float:left;}
#PageFooter .container .Copyright {float:right; font-weight:bold;}
/* STOPKA - KONIEC */


/*tooltip*/
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 10px; line-height:14px; background-color: white; border: 1px solid #CCC; -moz-border-radius: 5px; 
         -webkit-border-radius: 5px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; max-width:300px; z-index: 9999 }
.info {padding-left:5px; cursor:pointer;}

/*Foto popup do karty dań*/
div.FotoPopUp h3 {padding:10px; margin:0; font-size:12px; color:#790001; text-transform:uppercase;}
div.FotoPopUp {width:400px; height:330px; padding:5px; text-align:center; border:1px solid #b9b9b9; display:none; position:absolute; top:0; left:0; 
               background:#fff url(../images/loader.gif) no-repeat center center;-moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); 
               -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); }