@charset "UTF-8";

/*
 * CSS v1.1
 *
 * Copyright (c) 2010 Exelmedia - http://www.exelmedia.pl
 *
*/ 

/* @group CSS Colors */

/*background:



*/


/*fonts:



*/

/*links:



*/

/*other:



*/


/* @end */

/* @group  Media queries for responsive design*/

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
}

/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink.KOLOR ZAZNACZANIA */
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } 

/* @end */

/* @group pojemniki deklaracje */

/***********************************************************
************************ CONTAINER *************************
***********************************************************/

div#container  {
	width: 100%;
	

}

/* My Comment */


/***********************************************************
************************ HEADER*****************************
***********************************************************/

header#mainheader {
	width: 100%;
	background: transparent url(../images/banner.jpg) no-repeat top center;
	}

div#header-in

{
	width: 960px;
	margin: 0 auto;
	position: relative;
	height: 449px;
	background: transparent url(../images/) repeat 0 0;

}

/***********************************************************
************************ WRAPPER ***************************
***********************************************************/


div#main {
	width: 960px;
	margin: 0px auto;
	min-height: 100%;
	height: auto !important;	
	background: transparent url(../images/) repeat 0 0;
	min-height:400px;
}

/***********************************************************
******************* FOOTER *********************************
***********************************************************/

footer#pagefooter {
	background: transparent url(../images/footer.jpg) repeat top center;
	width: 100%;
	margin-top: 20px;



}

div#footer-in

{
	
	width: 960px;
	height: 248px;
	margin: 0 auto;
	position: relative;
	background: transparent url(../images/) repeat 0 0;
}

div#footer-in p

{

	color: #fee5c4;
	text-align: right;
	font-size: 14px;
	
	
}

p.kontakt

{

padding-top: 60px;
	width: 330px;
	float: right;


}



div.copyrights p

{
	text-align: center !important;
	float: none !important;
		clear: both;}

div.copyrights a

{
	color: #fee5c4;
}

div.copyrights a:hover

{
text-decoration: underline;
}

/* @end */


/* @group kolumny deklaracje - pamietac o div */


/***********************************************************
******************* panel boczny************************
***********************************************************/

aside#panelboczny {
	position: relative;
	height: 100%;
	background: transparent url(../images/promocje.jpg) no-repeat 0 0;
	float: left;
	width: 340px;
	padding: 0px 20px 0px 0px;
}

aside#panelboczny p

{
	color: #D69D58;
	font-weight: bold;
}

aside#panelboczny strong

{
	color: black;
}

aside#panelboczny p span

{
	color: #f73a07;
	font-weight: bold;
	
}




/***********************************************************
******************* panel glowny*************************
***********************************************************/

section#panelglowny {
	background: transparent url(../images/) repeat 0 0;
	height: 100%;
	position: relative;
	float: right;
	width: 390px;
	margin-right: 180px;

}


section#panelglowny p

{
	margin: 10px 0px 0px 0px;
}


section#panelglowny h2

{
	background: transparent url(../images/title_witamy.jpg) no-repeat 0 0;	
}


section#panelglowny img

{
	float: left;
	margin: 0px 10px 0px 0px;
	border: 1px solid black;
}

img.promocja

{
	position: absolute;
	right: 0px;
	top:307px;
	border: none;
}

section#panelglowny a.menu {
	background: transparent url(../images/zapoznaj_sie_z_menu.jpg) no-repeat 0 0;	
	text-indent: -9999px;
	height:30px;
	float: right;
	width: 260px;
	display: block;
	margin: 10px 0 20px 0;
}

section#panelglowny2

{
		background: transparent url(../images/) repeat 0 0;
	height: 100%;
	position: relative;
	float: right;
	width: 710px;
	margin-right: 240px;
	color: #bf8841;
}

section#panelglowny2 img.promocja

{
	position: absolute;
	right: -240px;
	top:-180px;
	border: none;
}

section#panelglowny2 h2

{
	background: transparent url(../images/kontakt.jpg) no-repeat 0 0;	
}

section#panelglowny2 h2.pizza

{
	background: transparent url(../images/title_pizza.jpg) no-repeat 0 0;	

}

section#panelglowny2 h2.salatki

{
	background: transparent url(../images/title_salatki.jpg) no-repeat 0 0;	
}

section#panelglowny2 h2.makarony

{
	background: transparent url(../images/title_makarony.jpg) no-repeat 0 0;	
}

section#panelglowny2 h2.przekaski

{
	background: transparent url(../images/title_przekaski.jpg) no-repeat 0 0;	
}

section#panelglowny2 h2.pierogi

{
	background: transparent url(../images/title_nalesniki_i_pierogi.jpg) no-repeat 0 0;	
}

section#panelglowny2 h2.napoje-alkoholowe

{
	background: transparent url(../images/title_napoje_alkoholowe.jpg) no-repeat 0 0;	
}

section#panelglowny2 h2.napoje

{
	background: transparent url(../images/title_napoje.jpg) no-repeat 0 0;	
}


p.telefony

{
	float: left;
	background: transparent url(../images/phone_ico.png) no-repeat 0 0;	
	width: 200px;
	height: 100px;
	padding:20px 0px 0px 100px;
	color: bold;
	font-weight: bold;
	font-size: 16px;
	color:black;
	
	
}

p.adres

{
	float: left;
	background: transparent url(../images/adres_ico.png) no-repeat 0 0;	
	width: 200px;
	height: 100px;
	padding:10px 0px 0px 100px;
	color: bold;
	font-weight: bold;
	font-size: 14px;
	margin-left: 100px;
	color:black;
	
}

section#panelglowny2 iframe

{
	
	border: 2px solid #bf8841;  
	margin: 0px 0px 20px 0px;
}




/* @end */

/* @group Clear */

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* Use this br class to clear your floated columns */
br.clear {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 0 0
}

/*simple clear*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


/*clerfix:after*/
.clearfix:after {
     clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
/*Just apply a class="clearfix" to the parent element. */

/*clear div*/
.clearing {
	clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}
	
/* @end */

/* @group Ogolne deklaracje */


.aligncenter {
	display: block;
	margin: 0 auto
}

.alignleft {
	float: left
}

.alignright {
	float: right
}

.horizontal {
    list-style-type: none;
    display: inline;
}

.vertical {
    list-style-type: none;
    display: block;
}

.currentstate

{color: red}

.small {
    font-size: small;
}

.large {
    font-size: large;
}

.bold {
    font-weight: bold;
}

.upper {
	text-transform: uppercase;
}

.firstcharacter { 
float: left; 
color: #903; 
font-size: 75px; 
line-height: 60px; 
padding: 4px 8px 0px 3px;
}

/* for image replacement */
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display:none; visibility:hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { position:absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* @end */

/* Piotr P */
#logogp {
	position: absolute;
	right: 220px;
	background: transparent url(../images/logo.png) no-repeat top center;
	height: 197px;
	width: 212px;
}

div#info_cookie_exel

{
font:normal normal normal 14px/18px Arial, sans-serif; background: #fee6c4 !important; color: #835117 !important;
}

div#info_cookie_exel a

{
color:#f85322;
}

div#polityka_cookie_exel

{
 margin-top: 80px;
 font:normal normal normal 14px/18px Arial, sans-serif; background: #fff; color: black; border: 2px solid black;
}

div#polityka_cookie_exel a

{
color:#f85322;
}

/* Lokal w Lędzinach */
body.ledziny header#mainheader {
	background: transparent url(../images/banner-ledziny.jpg) no-repeat top center;
}

body.ledziny div#header-in {
	height: 360px;
}

body.ledziny {
	background: #FEE6C4 url(../images/bg_repaet-ledziny.jpg) repeat-x 0 0;
}

a.menu-ledziny {
	display: block;
	margin-top: 10px;
}

body.ledziny section#panelglowny2 h2 {
	background: none;
}

body.ledziny  section#panelglowny2 {
	float: left;
	width: 720px;
	display: block;
	position: relative;
	margin-right: 0;
}

body.ledziny  section#panel-right {
	float: left;
	width: 200px;
	display: block;
	position: relative;
	padding-left: 20px;
}

body.ledziny  section#panel-right h2 {
	color: #bf8841;
	margin: 10px 0;
}

body.ledziny  section#panel-right span {
	font-size: 16px;
	font-weight: bold;
}

body.ledziny footer#pagefooter {
	background: transparent url(../images/footer-ledziny.jpg) repeat top center;
}

section#panelglowny img.banner-ledziny {
	border: none;
	margin-bottom: 20px;
	border: 1px solid orange;
	width: 388px;
}

/* Reklamacje */
.reklamacje {
	overflow: hidden;
	clear: both;
	font-weight: bold;
}
.reklamacje span {
	font-size: 14px;
}

/* Slider */
#slideshowWrapper {
	margin: 20px 0 -20px 0;
}

#slideshow {
	margin: 0;
	padding: 0;
}

#slideshow li {
	margin: 0;
	padding: 0;
}

#slideshow li img {
	border: none;
}

/* Galeria */
#galeria {}

#galeria ul {
	margin: 0;
	padding: 0;
}

#galeria ul li {
	float: left;
	width: 200px;
	height: auto;
	float: left;
	margin: 0 20px 20px 0;
	overflow: hidden;
	min-height: 145px;
}

#galeria ul li.ver{
	min-height: 300px;
}

#galeria ul li a {}

#galeria ul li a img {
	border: none;
	max-width: 100%;
	width: 100%;
	margin: 0;
}