@page{
	margin:20px;
	}
.to_print_text{
	width:900px;
	height:1100px;
    color:#000;
	display: block !important;
	}
.noMonitor{
	display: none;
	}
.to_hiden{
	display: block  !important;
	}

/*----------------------------------------------------------------------------
------------------------------- Stylowanie nagłówka --------------------------
----------------------------------------------------------------------------*/

body{
    background-image:url(../grafiki/truskawki.png);
    background-size: cover;
    background-attachment: fixed; 
    }
#contener{
    width: 1600px;    
    height: 1080px; 
	padding-top: 2px;
    margin-left: auto;
    margin-right: auto;
    }
#top{
    width:1596px;
	height:106px;
    border: solid 3px #fff;
    background-image:url(../grafiki/brunetka.png); 
    margin:0 auto 3px auto; 
	box-sizing: border-box;
    }
#zegar{
    width:854px;
    height:100px;
    padding-left: 5px;    
    font-size:25pt;
    text-align:left;
    float:left;
    margin:0px;
    color:#000000;
    }
#topCentrum{
  	width:650px;
	height:100px;
    float:left;
    }
#topCentrum > p{
    font-size: 40px; 
    text-align: center; 
    margin-top:6px; 
}
#topLeftAlfa{
  	width:80px;
	height:100px;
    float:left;
    }

/*----------------------------------------------------------------------------
----------------------------- Stylowanie górnego menu ------------------------
----------------------------------------------------------------------------*/

#menu{
	width:1596px;
	height:36px; 
    margin: 6px auto 0 auto;
	box-sizing: border-box;
    background-color: darkblue;
    border: solid;
    border-color: white;
    text-align: center;
    }
ol{
    margin: 0;
    padding: 0;
    line-height: 200%;
    list-style-type: none;
    display: inline-block;
    }
ol a{
    color: #FFF;
    text-decoration: none;
    font-size: 24px;
    display: block;
    }
ol > li{
    float: left;
    width: 500px;
    height: 30px;
    border-right: 2px solid #333333;
    }
ol > li:hover{
    background-color: black;    
    }
ol > li:hover > a{
    color: red;
    }
ol > li:first-child{
    border-left: 2px solid #333333;    
    }
ol > li > ul{
    list-style-type: none;
    margin: 0;
    padding: 0;  
    height: 30px;
    display: none;
    }
ol > li:hover > ul{
    display: block
    }
ol > li > ul > li{
    background-color: darkblue;  
    position: relative;
    z-index: 100;
    border-bottom: 1px solid #333333;
    border-left: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    }
ol > li > ul > li:last-child{
    border-bottom: 2px solid #FFFFFF;    
    }
ol > li > ul > li:hover{
    background-color: black;
    }
ol > li > ul > li:hover > a{
    color: red;    
    }

/*----------------------------------------------------------------------------
--------------------- Stylowanie okien podstawowych strony -------------------
----------------------------------------------------------------------------*/

#winGrafMenu{
    width: 1594px;
    margin-top: 20px;
    padding:0;
}
#winLeft{
    width: 550px; 
    height: 900px;
    margin:2px 1px 2px 0;
    padding: 0;
    box-sizing: border-box;
    float: left;
}
#winRight{
    width: 1038px; 
    height: 900px;
    margin:2px 1px 2px 4px;
    padding: 0;
    box-sizing: border-box;
    float: left;
}

/*----------------------------------------------------------------------------
----------------------- Stylowanie okna wydruku przepisu-------------------
----------------------------------------------------------------------------*/

#divToPrint{
    box-sizing: border-box;
    width:550px;
    height: 900px;
}
.buttonOperationPrint,.buttonOperationDload{
    display: block;
    height: 35px;
    width: 200px;
    background: #0f035f;
    color:#FFF;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 8px;
    border: 2px solid silver;
}
.buttonOperationPrint:hover{
    color:red;
    position: absolute;
    margin-top:2px;
    margin-left:4px;
    cursor: pointer;
    border-right: 2px solid silver;
    border-bottom: 2px solid silver;
    border-left: 4px solid red;
    border-top: 4px solid red;
}
.buttonOperationDload:hover{
    color:red;
    left:3px;
    top:3px;
    cursor: pointer;
    border-right: 2px solid silver;
    border-bottom: 2px solid silver;
    border-left: 4px solid red;
    border-top: 4px solid red;

}
.buttonOperation > i{
    font-size: 26px;
}
#buttonWin{
    width: 500px;
    height: 90px;
    margin: 10px 0 5px 10px; 
    float:left; 
}
#winLeftIns{
    width: 550px; 
    height: 500px;
    margin: 0;
    padding: 0;
}
.titleDish{
    text-align: center;
    font-size: 30px;
    color: darkblue;
}
#win2ndGrafMenu{
    width: 1040px; 
    margin:2px 0 2px 1px;
    padding: 0;
    
}
.menuFoto{
    margin: 45px 0 0 30px;
    width: 230px;
    background-color: slategray;
    padding: 6px;
    border: 2px solid #FFF;
    border-radius: 10px;
    box-sizing: border-box;
    display: inline-block;
    justify-content: space-around;
    flex-wrap: wrap;
}
.menu2ndFoto{
    margin: 45px 0 0 25px;
    width: 230px;
    background-color: slategray;
    padding: 6px;
    border: 2px solid #FFF;
    border-radius: 10px;
    box-sizing: border-box;
    display: inline-block;
    justify-content: space-around;
    flex-wrap: wrap;
}
.menuFoto > a > img,
.menu2ndFoto > a >img{
    width: 212px;
    max-height: 150px;
}
.menuFoto > figcaption,
.menu2ndFoto > figcaption{
    margin: 7px 0 2px 5px;
    color: #FFF;
}
.menuFoto:nth-child(even):hover,
.menu2ndFoto:nth-child(even):hover{
    transition: 0.5s all linear;
    transform:matrix(1.8,0,0,1.8,-120,-70);
    background-color: #000;	
}
.menuFoto:nth-child(odd):hover,
.menu2ndFoto:nth-child(odd):hover{
    transition: 0.5s all linear;
    transform:matrix(1.8,0,0,1.8,120,-70);
    background-color: #000;	
}
.menuFoto:nth-child(1):hover,
.menuFoto:nth-child(3):hover,
.menuFoto:nth-child(5):hover,
.menu2ndFoto:nth-child(1):hover,
.menu2ndFoto:nth-child(3):hover{
    transition: 0.5s all linear;
    transform:matrix(1.8,0,0,1.8,120,70);
    background-color: #000;
}
.menuFoto:nth-child(2):hover,
.menuFoto:nth-child(4):hover,
.menuFoto:nth-child(6):hover,
.menu2ndFoto:nth-child(2):hover,
.menu2ndFoto:nth-child(4):hover{
    transition: 0.5s all linear;
    transform:matrix(1.8,0,0,1.8,-120,70);
    background-color: #000;
}
.pictMenu{
    color:#FFF;
    text-align: center;
    text-decoration: none;
}

/*----------------------------------------------------------------------------
--------------------------- Stylowanie anonimusInfo --------------------------
----------------------------------------------------------------------------*/

#anonimusInfo{
    width: 1594px;
    height: auto;
}
#anonimusInfo:hover{
cursor: pointer;
background-color: #817f8a;
}
#temporaryInfo{
    width: 400px;
    height: auto;
    position: absolute;
    bottom: 20px;
    left: 20px;
    background-color: black;
    color:white;
}
#temporaryInfo > p{
    background-color: black;
    color:white;
}

/*----------------------------------------------------------------------------
--------------------------- Stylowanie bocznego menu -------------------------
----------------------------------------------------------------------------*/

#ml
    {
    width:446px;
    height:895px;
    margin-top: 3px;
    margin-left: 2px;
    float: left;
	position: relative;
    }
#mlTop
    {
    width:432px;
    height:110px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    border: solid;
    border-width: 4px;
    background-color: white;
    opacity: 0.8;
    border-color: darkblue; 
    border-radius: 10px;
    }
#mlInfo
    {
    width: 422px;
    height:150px;
	margin: 5px auto 15px auto;
	padding: 5px;
    border: solid;
    border-width: 4px;
    background-color: white;
    opacity: 0.8;
    border-color: darkblue; 
    border-radius: 10px;
    }
#mlInfo > p{
	color:darkblue;
	font-size:20px;
	font-weight: 800;
	text-indent:20px;
	margin: 20px 0 0 0;
}
#mlIscreen
	{
	width:440px; height:330px;
	}
#mlMenu
    {
    width:440px;
    height:710px;
    margin-top: 3px;
    margin-left: 2px;
    overflow-y: auto;
    overflow-x: hidden;
    }
#mlBottom
    {
    width: 436px; 
	height: 46px;
	position: absolute;
	bottom: 2px;
	left: 2px;
	border: solid;
    border-width: 4px;
	border-radius: 10px;
	border-color:darkblue;
    background-color: white;
    }
#mlBottom > img:first-child{
    display:inline-block;
    margin: 2px 0 2px 30px;
    }    
#mlBottom > img:last-child{
    display:inline-block;
    margin: 2px 0 2px 2px;
    }    
.navyLef{
    display: block;   
    width:370px;
    height:auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    margin-bottom: 4px;
    background-color: #212C5F;
    border-radius: 10px;
    padding-left: 8px;  
    color: #ffffff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
    }
.navyLeft:hover{
    background-color: #000000;
    color:red; 
    cursor: pointer;  
    }
.navyExpansion{
    display: block;   
    width:360px;
    height:auto;
    margin-left: 50px;
    margin-top: 4px;
    margin-bottom: 4px;
    background-color: #212C5F;
    border-radius: 10px;
    padding-left: 8px;  
    color: #ffffff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
    }
.navyExpansion:hover{
    background-color: #000000;
    color:red; 
    cursor: pointer;  
    }

/*----------------------------------------------------------------------------
----------------------------- Stylowanie okna głównego -----------------------
----------------------------------------------------------------------------*/

#titleBackgr{
    width: 550px;
    height: 80px;
    box-sizing: border-box; 
    padding-top: 4px;
    background-color:darkblue;
    margin:5px 0 5px 0;
    padding: 2px;
    border: solid;
    border-width: 4px;
	border-radius: 6px;
	border-color:silver;
    }
#titleBackgr > h3{
    text-align: center;
    color:#FFF;
    font-size: 30px;
    margin-top: 5px;
    padding: 0;
}
#mainRecipeWin{
    width: 550px; 
    height: 800px;
    padding-top: 4px;
    margin:5px 0 5px 0;
    padding: 2px;
    border: solid;
    border-width: 4px;
	border-radius: 8px;
	border-color:silver;
    overflow-y:auto;
    
    }
#mainRecipeWin > h4{
    text-align: left;
    text-indent: 5px;
    color:#FFF;
    background-color: darkblue;
    font-size: 20px;
    margin: 0 0 2px 0;
    padding: 0;
}
.listRecipe {
    width: 99%;
    height: auto;
    margin: 0;
    padding: 2px;
    background-color:bisque;
    border-radius: 6px;
}
.listRecipe > p,
.listRecipe > ul >li{
    text-indent: 10px;
    font-size: 18px;
}
.listRecipe > p > a{
    color:red;
    text-decoration: none;
    font-weight: bold;
}
#obszarRoboczy{
    width: 1150px;
    height:890px;
    margin-top: 3px;
    margin-left: 2px;
    float: right;   
    }
#mainWin
    {
    width:1140px;
    height:889px; 
    margin: 5px auto 0 auto;
	padding: 5px;
	border: solid;
    border-width: 4px;
	border-radius: 10px;
	border-color:darkblue;
	box-sizing: border-box;
	background-color: white;
    opacity: 0.94;
    }
.pasekBoki{
    width: 60px; 
    height: 45px; 
    background-color: darkred;
    margin: -10; 
    display: inline-block;  
    }
.pasekBoki:nth-child(1){
    border-top-left-radius: 20%;
    border-bottom-left-radius: 20%;
    }
.pasekBoki:nth-child(3){
    border-top-right-radius: 20%;
    border-bottom-right-radius: 20%;
    }
.tytulH2{
    color: #FFF; 
    font-size: 35px; 
    margin: auto 0 auto 0;
    }
.imgMenu{
    width: 99%;
    margin:5px auto 5px auto;
    height: 90%;
    overflow-y: auto;
}
.tytulH4{
    text-align: left;
    margin-top: 0px;
    margin-left: 20px;
    font-size:30px;
    font-weight: 900;    
    color: darkblue;    
    }
.button{
    border: none;
    background-color: darkred;
    color: white;
    text-align: center;
    text-decoration: none;
    display: block;
    font-size: 25px;
    margin-top:7px;
    cursor: pointer;
    }
.empty{
    cursor: default;
    background-color: darkred;
}
.pasekCentrum{
    width: 1000px; 
    height: 45px; 
    text-align: center; 
    background-color: darkblue; 
    margin: -10; 
    display: inline-block;      
    }
.pasekCentrumPrint{
    width: 996px; 
    height: 45px; 
    text-align: center; 
    background-color: #FFF; 
    margin: -10; 
    float: left;     
    }
.sklad{
    font-size: 20px; 
    color: darkblue; 
    font-weight: 600; 
    }
.fotoKontener{
    width: 570px; 
    height: 480px; 
    margin-left: 5px; 
    float: left;  
    margin-top: 10px;
   }
.foto{
    width: 550px; 
    height: auto; 
    margin-left: 15px; 
    background-color: #FFF; 
    margin-top: 0; 
    margin-bottom: 0;
    padding-top: 4px;
    }
.fotoPodpis
{
    margin-left: 15px; 
    margin-top: 5px;
    padding-top: 1px;
    width: 550px; 
    height: 40px; 
    background-color: darkblue; 
    }
.oknoSklad{
    width: 508px; 
    height: 480px; 
    margin-left: 10px; 
    float: left; 
    opacity: 0.9;
    background-color: #FFF; 
    overflow: auto;
    resize: vertical;
    position: relative;
    z-index: 100;
}
.oknPrzepis{
    width: 1080px; 
    height: 292px; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: -10px; 
    overflow-y: auto; 
    overflow-x: hidden; 
    background-color: #FFFFFF; 
    opacity: 0.9; 
    resize: vertical;
    position: relative;
    z-index: 90;    
    }
.przepis{
    font-size: 20px; 
    color: darkblue; 
    font-weight: 600; 
    text-indent: 40px;
    margin-top: -20px;
    margin-left: 5px;
    }
.opis{
    margin-top: 7px; 
    margin-left: auto; 
    margin-right: auto;
    font-size: 16px; 
    color: #FFF; 
    font-weight: 600; 
    text-indent: 40px; 
}
.menu{
    text-align: center;
    margin-top: 5px;
    font-size: 32px;
    font-weight: 900;
    color: darkblue;
    }
.menuMotto{
    text-align: center;
    margin-top: 0px;
    font-size:20px;
    font-weight: 900;    
    color: darkblue;
    }
.menuMotto:hover
    {
    cursor: help;
    }

/*----------------------------------------------------------------------*/

.noSee{
	   display: none;
	}