/* 
    Document   : main
    Created on : 2012-11-17, 11:41:09
    Author     : eddi
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}
/*
#797978
background-image: url(/images/page.png);
*/
body { background-color: white;background-repeat: repeat-y;background-position: top center;margin: 0; padding: 0;font-size: 12px;font-family: verdana, arial, helvetica, sans-serif;  } 

.facebook_right { width: 50px;height: 143px;background-image: url(/images/facebook.jpg);background-repeat: no-repeat;position: absolute;top: 170px;right: 0;} 
.facebook_right:hover { width: 230px;height: 430px; } 
.facebook_right .fb_row { margin-left: 50px;width: 230px;height: 430px;background-color: #E0E0E0;background-color: #E0E0E0; } 

#page_top { width: 100%;height: 449px;background-image: url(/images/page_top_bg.png) } 
#page_top #content { width: 1024px;margin: 0 auto;position: relative; }
#page_top #content .logo { width: 297px;height: 85px;} 
#page_top #content .partner { width: 297px;height: 123px;background-image: url(/images/partner.png); } 
#page_top #content .godziny { position: absolute;top: 390px;font-size: 13px;left: 35px; } 
#page_top #content .godziny_galeria { position: absolute;top: 390px;font-size: 13px;left: 360px; } 
#page_top #content .godziny_sklep { position: absolute;top: 390px;font-size: 13px;left: 735px; } 
#page_top #content .contact_info { width: 297px;height: 163px;background-image: url(/images/contact_info.png);position: absolute;top: 221px; } 
#page_top #content .contact_info .box { padding-top: 6px;font-weight: bold;margin-left: 100px; } 
#page_top #content .contact_info .box .mail { padding-top: 7px; } 
#page_top #content .slideshow { width: 662px;height: 215px;position: absolute;top: 130px;left: 362px;border: 3px solid white; } 
#page_top #content .menu { width: 662px;height: 215px;position: absolute;top: 40px;left: 365px; } 
#page_top #content .menu a { color: black; } 
#page_top #content .menu a:hover { color: #CA090B;text-shadow: -2px -2px 5px #505050; } 
#page_content { width: 100%;min-height: 649px;overflow: hidden;margin-bottom: 20px; } 
#page_content #content { width: 1024px;margin: 0 auto;position: relative; }
#page_content #left_box{ width: 298px;min-height: 50px;background-color: #eeeeee;float: left; } 
#page_content #content_box{ width: 667px;min-height: 649px;background-color: #eeeeee;float: right; } 
#page_content { width: 100%;min-height: 649px; } 
#page_footer { width: 100%;min-height: 360px;background-color: #9F0304;border-top: 10px solid #505050; overflow: hidden;} 
#page_footer #content { width: 1024px;margin: 0 auto;position: relative;top: 10px; }
#page_footer #content { color: white; }
#page_footer #content ul li a { color: white;font-size: 10px; }
#page_footer #content h2 { color: white;font-size: 14px; }
#page_footer #content h2 a { color: white; }
#page_footer #content .rzetelna { position: absolute;top: 30px;right: 0; }
#page_footer #content .allegro { position: absolute;top: 140px;right: 0; }

/* menu top */
.menu_top { width: 100%;overflow: hidden;font-size: 20px;font-weight: bold;color: black; }
.fl { float: left; }
.mrg_right { margin-right: 20px; }
/* end menu top */
a { text-decoration: none;color: black; }
a img { border: none; }
.p_10 { padding: 10px; } 
.p_20 { padding: 20px; } 
.over { width: 100%;overflow: hidden; }
.fl_gallery { float: left;margin-right: 11px;margin-bottom: 11px; }
.red { color: red; }

/* homepage */

#homepage { width: 100%; }
#homepage .left_box { width: 298px;min-height: 649px;float: left; }
#homepage .content_box{ width: 667px;min-height: 649px;float: right; } 
#homepage .box { width: 297px;min-height: 188px;background-color: #eeeeee;margin-bottom: 24px;position: relative;overflow: hidden; }
#homepage .box_content { width: 667px;background-color: #eeeeee;margin-bottom: 17px;overflow: hidden;text-align: center; }

/* end homepage */

/** base carousel **/
.carousel ul {
    position:absolute;
    overflow:hidden;
    margin:0;
    padding:0;
    list-style:none;
    padding-top: 5px;
}

.no-js .carousel ul {position:static;}

.carousel .mask {
    position:relative;
    overflow:hidden;
}

.carousel ul li {
    float:left;
    width:644px;
    height:317px;
    color:#fff;
    font-size:8em;
    text-align:center;
    margin:0;
    overflow: hidden;
}

.carousel .pagination-links {
    list-style:none;
    margin:0;
    padding:0;
}

.carousel .pagination-links li {
    display:inline;
}

.carousel .pagination-links li a {
    padding:2px 6px;	
}

.carousel .pagination-links li a:hover {text-decoration:none;}

.carousel .pagination-links li.current a {
    background:#444;
    color:#fff;
}

.carousel .disabled {
    color:gray;
    cursor:default;
}

/** my carousel 2 **/
#my-carousel-2 .mask {
    width:634px;
    margin-left: 15px;
    margin-right: 50px;
    margin-top: 17px;
}

#my-carousel-2 ul li {
    margin:0 10px 0 0;
}

.page_num {
    padding-top: 10px;
    font-size: 19px;
}

/* boxes */

.box .box_title { background-color: #A40404;width: 100%;height: 40px;position: absolute;top: 20px;display: block; }
.box .box_title .text { width: 100%;color: white;font-size: 25px;font-weight: bold;position: absolute;top: 4px;text-align: center;display: block; }
.box .box_description { width: 94%;font-weight: bold;margin-top: 65px;text-align: center;text-align: center;left: 10px;display: block;margin-bottom: 10px; }

.slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

.slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

.slideshow IMG.last-active {
    z-index:9;
}

/* glowny div z like box'em */
#like-box {
	position: fixed;
	z-index: 99;
	top: 150px;  /* jego polozenie od gory */
	left: -296px; /* szerokosc wygenerowanego boxa + 4px obramowania */
	-webkit-transition: left 0.5s ease-out;
	-moz-transition: left 0.5s ease-out;
	-o-transition: left 0.5s ease-out;
	transition: left 0.5s ease-out;
}
 
/* wysuniecie like box'a */
#like-box:hover {
	left: 0px;
}
 
/* zewnetrzna ramka boxa */
#like-box .outside {
	position: relative;
	z-index: 1;
	background: #3b5999;
	padding: 2px;
	min-width: 1px;
	float: left;
}
 
/* wewnetrzne tlo boxa */
#like-box .inside {
	position: relative;
	z-index: 2;
	background: #fff;
}
 
/* pasek z logo FB */
#like-box .belt {
	position: relative;
	z-index: 0;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg); 
	-o-transform: rotate(90deg); 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
	float: left;
	width: 100px; 
	height: 40px;
	padding: 7px 0px 0px 20px;
	margin: 50px 0px 0px -55px;
	background: #3b5999;
	color: #fff;
	font-weight: bold;
	font-family: Verdana;
	font-size: 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}