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

/*----------------------------------------------------------------------------
------------------------------- 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; 
}

/*----------------------------------------------------------------------------
----------------------------- 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;
}
#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;
}

/*----------------------------------------------------------------------------
-------------------------- Stylowanie okna przycików -------------------------
----------------------------------------------------------------------------*/

#buttonWin{
    width: 500px;
    height: 90px;
    margin: 10px 0 5px 10px; 
    float:left; 
}
.buttonNoFoto,
.buttonFoto{
    float:left; 
    width: 235px; 
    height:86px; 
    margin:2px 2px 2px 8px;
}
.buttonNoFotoDl,
.buttonNoFotoPr,
.buttonFotoDl,
.buttonFotoPr{
    width: 229px; 
    height:40px; 
    margin:2px; 
    padding:0;
    box-sizing: border-box; 
    position: relative;
}
.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,
.buttonOperationDload: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;
}
.buttonOperationPrint > i,
.buttonOperationDload > i{
    font-size: 26px;
}

/*----------------------------------------------------------------------------
----------------------- Stylowanie okna menu obrazkowego ---------------------
----------------------------------------------------------------------------*/

#win2ndGrafMenu{
    width: 1040px;
    height:760px; 
    margin:2px 0 2px 1px;
    padding: 0;
    overflow-y: auto;
}
.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;
}
.menu2ndFoto > a >img{
    width: 212px;
    max-height: 150px;
}
.menu2ndFoto > figcaption{
    margin: 7px 0 2px 5px;
    color: #FFF;
}
.menu2ndFoto:nth-child(even):hover{
    transition: 0.5s all linear;
    transform:matrix(1.8,0,0,1.8,-120,-70);
    background-color: #000;	
}
.menu2ndFoto:nth-child(odd):hover{
    transition: 0.5s all linear;
    transform:matrix(1.8,0,0,1.8,120,-70);
    background-color: #000;	
}
.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;
}
.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 paska polityki prywatności -------------------
----------------------------------------------------------------------------*/

#anonimusInfo{
    width: 1594px;
    height: auto;
}
#anonimusInfo:hover{
cursor: pointer;
background-color: #817f8a;
}