/*Reset*/

body,div,span,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,label,input,textarea,p {margin:0;padding:0;}
img {border:none;}



/*Układ pozycji*/
#top {margin: 0 auto; width:999px; height:140px;position:relative;}
#menu {margin: 0 auto; width:999px; height:35px;}
#slider {margin: 0 auto; width:999px; height:295px;  clear:both;  position:relative;}
#contener {margin: 0 auto; width:1023px; position:relative; z-index:2; }
#stopka {margin: 0 auto; width:999px; height:126px; position:relative; margin-top:12px;  background: #fbfbfb url('../images/bg-footer.png')  repeat-x;}
#breadcrumbs {margin: 0 auto; width:999px; font-size:12px;padding:5px 0 5px 30px; }

.right-off {margin-left:12px;}
#contener.right-off {margin-top:12px; }
#contener.right-on {background:#fff; width:999px;}
#content {}
#content.right-on { width:700px; background:#fff;float:left; padding: 19px 30px 19px 30px;}
#content.right-on h2{font-weight:blod; text-transform:lowercase; font-size:18px; color:#663299; margin-bottom:20px; border-bottom:1px solid #00ff00; padding: 0 0 3px 0;}
#content.right-on p{font-size:16px; color:#494748;}
#right-box {width:220px; padding: 19px 19px 0 0; float:left; }
#right-box .modultable {position:relative;}
#right-box .moduletable h3 {position:absolute;padding: 0 0 0 10px; line-height:36px; text-transform:lowercase;}
#right-box .moduletable img{padding:0 0 19px 0;display:block;}



.logo {position:absolute; top:10px;}
.slogan {position:absolute; bottom:20px; right:0;}
.logo-footer {position:absolute; bottom:10px; right:19px;}



/*ogólna typografia*/

body {font-size:14px; line-height:21px; background: #fbfbfb url('../images/bg.png') top no-repeat; font-family:"Century Gothic", "Times New Roman", Times, serif;}

h1, h2, h3, h4, h5, h6 {color:#663299; font-family:"Century Gothic", "Times New Roman", Times, serif;}

h1 {font-size:18px; padding: 0 0 8px 0;}

h2 {font-size:18px;}

h3 {font-size:16px; font-weight:normal; font-family:"Century Gothic", Impact; color:#643198; font-weight:bold;}

h4 {font-size:16px;}

h5 {font-size:14px;}

h6 {font-size:12px;}





/*wygląd linków*/

 



/*menu górne - moze być main menu*/
.moduletable_menu { height:30px;  font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size:20px;  z-index:999; margin-left:10px;}

/* wyłączenie wypunktowania w listach */
.moduletable_menu  ul {list-style-type: none;}

/* pierwszy poziom listy, wszystkie elementy obok siebie */
.moduletable_menu ul li {float:left; position: relative; margin:0 29px 0 0;}

/* przycisk active */
.moduletable_menu  ul li.active a { border-bottom: 1px solid #00ff00; color:#3f3f3f;}
.moduletable_menu  ul li.active ul li a { border:none;}

/* linki na pierwszym poziomie */
.moduletable_menu  ul li a {    text-decoration:none; color:#68379b;  text-transform:lowercase;  line-height:30px;}

/* hover na pierwszym poziomie */
.moduletable_menu  ul li a:hover{border-bottom: 1px solid #00ff00; color:#3f3f3f;}

/* domyślnie nie wyświetlamy list na drugim poziomie */
.moduletable_menu  ul li ul {display: none}

/* wyświetlamy listy na drugim poziomie gdy jest hover na pierwszym */
.moduletable_menu  ul li:hover ul {display: block; position: absolute; z-index:999999; background:#fff;
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=75);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
filter:alpha(opacity=75);}


/* formatujemy linki na drugim poziomie gdy jest hover na pierwszym */
.moduletable_menu  ul li:hover ul li a {display:block;  color:#606060; width:300px; text-align: left; padding: 0 0 5px 10px ; height:25px; font-size:16px;}

 /* formatujemy hover dla linków na drugim poziomie */
.moduletable_menu  ul li:hover ul li a:hover { color:#03ff03; border:none;}


.moduletable_menu  ul li a.home {text-align:center; width:50px; background:#67379b; height:35px; display:table-cell; vertical-align:middle;  text-decoration:none; color:#fff; border:none;}
.moduletable_menu  ul li a.home:hover{background-color:#aaa9a9; border:none;}
.moduletable_menu  ul li a.home img {display:block; margin: 0 auto;}

/*Menu - lewe*/








/*Ścieżka powrotu*/
#breadcrumbs {position:relative; z-index:2;}
.breadcrumbs a,.breadcrumbs span, .breadcrumbs  {color:#858282;}


/*okno szukaj*/

.moduletable_search {}





/*wyniki wyszukiwania*/





/*strona główna*/
.right-off .moduletable {float:left; width:325px;margin-right:12px; position:relative;}
.right-off .moduletable h3 {position:absolute; top:0; left:10px; line-height:42px; text-transform:lowercase;}
.right-off .moduletable img{display:block;}

.right-off .moduletable img {
    opacity: 1;
}
.right-off .moduletable img:hover {
    filter: alpha(opacity=60);
    opacity: 0.6;
        transition: opacity .55s ease-in-out;
        -moz-transition: opacity .55s ease-in-out;
        -webkit-transition: opacity .55s ease-in-out;
    -ms-transition: opacity .55s ease-in-out;
    -o-transition: opacity .55s ease-in-out;

}






/*treść strony*/




/*paginacja*/

.item-page h2 a {}



/*artykuł*/
.item-page ul {list-style-image: url('../images/square.jpg');  margin: 0 0 0 20px; color:#494748; font-size:16px;}




/*slider*/
.moduletable-slider {position:relative; z-index:2;}
.banner-shadow {background: url('../images/banner-shadow.png') no-repeat; width:1247px; height:216px; position:absolute; top:200px; left:-115px; z-index:1;}
.banner-shadow span {display:none;}

/*footer*/
#stopka .moduletable {position:absolute; left:19px; top:40px;}
#stopka .moduletable p, #stopka .moduletable a {color:#ffffff; font-size:14px;}

/*Menu - stopka*/
/*menu górne - moze być main menu*/
#stopka .moduletable_menu { height:48px;  font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;  font-size:14px; color:#fff;  z-index:999; margin-left:20px;position:absolute; top:15px; right:19px;}

/* wyłączenie wypunktowania w listach */
#stopka .moduletable_menu  ul {list-style-type: none;}

/* pierwszy poziom listy, wszystkie elementy obok siebie */
#stopka .moduletable_menu ul li {float:left; position: relative; margin:0; }

/* linki na pierwszym poziomie */
#stopka .moduletable_menu  ul li a {text-align:center;  height:12px;  width:auto; vertical-align:middle;  text-decoration:none; color:#fff; padding: 0 7px 0 7px; border-right: 1px solid #fff; border-bottom:none;}
#stopka .moduletable_menu  ul li.active a {text-align:center;  height:15px;  width:auto; vertical-align:middle;  background:none; text-decoration:none; color:#fff; padding: 0 7px 0 7px; border-bottom:none;}


/* hover na pierwszym poziomie */
#stopka .moduletable_menu  ul li a:hover{background:none; text-decoration:underline;}

/* domyślnie nie wyświetlamy list na drugim poziomie */
#stopka .moduletable_menu  ul li ul {display: none}

/* wyświetlamy listy na drugim poziomie gdy jest hover na pierwszym */
#stopka .moduletable_menu  ul li:hover ul {display: block; position: absolute;}

/* formatujemy linki na drugim poziomie gdy jest hover na pierwszym */
#stopka .moduletable_menu  ul li:hover ul li a {display:block; background:none; color:#ffffff; text-align: left; padding: 0 0 0 10px ; border-top: 1px solid #616060; border-right: none; line-height:25px;}

 /* formatujemy hover dla linków na drugim poziomie */
#stopka .moduletable_menu  ul li:hover ul li a:hover {background:#0a8df4; color:#fff;}

#stopka .moduletable_menu  ul li a.home {display:none;}
#stopka .moduletable_menu  ul li:hover ul {display:none;}

/*Rezerwacja - przycisk z prawej*/
.moduletable-rezerwacja {position:fixed; top:185px; right:-5px; width:53px; height:179px; z-index:99999;}
.moduletable-rezerwacja img {position:absolute;}

/*facebook - przycisk z prawej*/
.moduletable-facebook {position:fixed; top:370px; right:-5px; width:53px; height:53px; z-index:99999;}
.moduletable-facebook img {position:absolute;}

/*kuznia - przycisk z lewej*/
.moduletable-kuznia {position:fixed; top:185px; left:-5px; width:53px; height:170px; z-index:99999;}
.moduletable-kuznia img {position:absolute;}
 

/*oferta*/
#oferta3 {width:226px; height:176px; float:left;margin:8px 0 0 0;}
#oferta3-s {width:226px; height:176px; float:left;margin:8px 11px 0 11px;}
#oferta3 a,#oferta3-s a {font-size:17px; font-weight:bold; color:#643198; text-decoration:none; }
#oferta3 a:hover,#oferta3-s a:hover {color:#00ff00; }

#oferta3 img:hover, #oferta3-s img:hover{
    filter: alpha(opacity=60);
    opacity: 0.6;
        transition: opacity .55s ease-in-out;
        -moz-transition: opacity .55s ease-in-out;
        -webkit-transition: opacity .55s ease-in-out;
    -ms-transition: opacity .55s ease-in-out;
    -o-transition: opacity .55s ease-in-out;

}

/*rezerwacja*/
.rsform-text-box {width:450px !important;}