html, body {margin:0;
		padding:0px;
		width:100%;
		height:100%;
		color:maroon;
		background:url(ba2.jpg) repeat;
		background-size:100%;		
		}
@font-face{ 
            font-family:klasy4nyj;
			src:url(wryfty/Rosamunda-One-Normal.ttf);
          }
body           {
	       position:relative;
         }
		
.testa { border: 0px solid yellow;
        border-top:10px solid #ffcc00;
        border-bottom:10px solid #ffcc00;	    
		padding:0px;
		text-align: center;
		width:100%;
		min-width: 800px;
		margin:auto;
		margin-top:0px;
		background:url(ba21.jpg)no-repeat;
		background-size:100%;
		font-family: 'Source Sans Pro', sans-serif;
		font-family:klasy4nyj;
		font-size: 64pt;
		margin-bottom:15px;
		border-radius:55px;
		color:white;
        text-shadow:2px 2px 2px maroon; 
		line-height: 20pt;
		}
.no_tini1{text-shadow:none;
         color:maroon;
		 font-size: 30pt;
         }
.nyz     { 
        border: 0px solid yellow;
        border-top:10px solid #ffcc00;
        border-bottom:10px solid #ffcc00;
	    color:maroon;
		padding:0px;
		text-align: center;
		width:100%;
		min-width:800px;
		overflow: hidden;
		margin:auto;
		margin-top:15px;
		background:url(ba21.jpg) no-repeat, rgba(255, 204, 0, 0.4);
		background-size:100%;
		font-family: Source Sans Pro, sans-serif;
		border-radius:25px;
	   }
.nyz1{font-size:8pt;
	  font-style:oblique;
	  color:maroon;
	  z-index:3;
}
.main    {border:0px solid white;
		width:800px;
		min-height:80%; /*Це супер працює.*/		
		margin:auto;
		padding:0px;
		border-radius:20px;
		margin-top:0px;
		background: rgba(255, 204, 0, 0.4);
		background: yellow;	
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		padding-bottom:70px;
		text-align:center;
		
		}
.pertesto {border: 0px solid white;
			width:760px;
			padding:0px;
			text-align:justify;
			margin:auto;
			position: relative;
			font-family: 'LHF Cosmic Cursive', 'Bickham Script Pro', Verdana, Geneva, Arial, Helvetica, sans-serif;
			/*hyphens:auto;*/
	     }
.main_1    {border:0px solid white;
		width:800px;
		min-height:80%; /*Це супер працює.*/		
		margin:auto;
		padding:0px;
		border-radius:20px;
		margin-top:0px;
		position: relative;		
		background:url(ba11.jpg);
		position:relative;
		}

.main_2  {
		  background:yellow;		
		}

.pertesto_1 {border: 0px solid white;
			width:680px;
			padding:20px;
			text-align:justify;
			margin:auto;
			position: relative;
			font-family: 'LHF Cosmic Cursive', 'Bickham Script Pro', Verdana, Geneva, Arial, Helvetica, sans-serif;
			}
.tably4ka{
	        border: 0px solid green;
			width:420px;
			text-align:justify;
			font-size:18pt;
			font-weight:bold;
			position: relative;
			margin:auto;
			font-family: serif;
			color: white;
			font-style:italic;
	
         }
.tably4ka1{
	        border: 3px solid white;
			width:160px;
			height:100px;
			padding:15px;
			text-align:justify;
	        background-color:	#cd0000;
			float: left;
			position: static;
	        border-radius:25px 70px 15px;
}
.tably4ka2{
	        border: 3px solid white;
			width:200px; width:160px;
			height:100px;
			padding:15px;
			text-align:justify;
	        background-color: #ffa366;					
			float: left;
			position: relative;
	        border-radius:70px 25px 70px 15px;
}
.tably4ka3{
	        border: 3px solid white;
			width:200px; width:160px;
			height:100px;
			padding:15px;
			text-align:justify;
	        background-color: 	#ff6347;
			float: left;
	        position: relative;
			border-radius:70px 15px 70px 25px;
}
.tably4ka4{
	        border: 3px solid white;
			width:200px; width:160px;
			height:100px;
			padding:15px;
			text-align:justify;
	        background-color: #ffec8b;
			float: left;
	        position: relative;
			border-radius:15px 70px 25px;
}

.a1{
	color: white;	
	text-shadow:1px 1px 1px #990000;
	font-size:large;
}

.a2{
	font-size:large;
	font-weight:bold;
	line-height:50px	
}

a:visited {color:white;
}
a:link {
	color:white;
	text-decoration: none;
	}
a:active {
	color:yellow;
	}
a:hover  {font-size:xx-large;
        text-decoration: none;
		font-size:x-large;
}
.menu a:hover {
	 background: rgba(255, 153, 0, 0.5);
	}

h2> a:hover  {font-size:xx-large;
        text-decoration: none;
}


table  
	{	
		border:0px solid blue;
		border-collapse:collapse;
		width:790px;
		margin:auto;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   	}
td 	{
		border:0px solid green;			
		/*height:10px;*/
		overflow: hidden;
		padding-left:5px;
        padding-right:5px;
		padding-top:25px;		
	}

.testo2{text-align: justify;
        		
}
.j1{width:60%;
    vertical-align:top;
	text-align: left;	
}
.j1_2{width:65%;
    vertical-align:top;
	text-align: left;
    	
}
.j7{vertical-align:top;
	text-align: left; 
    color: white;
	font-weight:bold;
}

.j9{color: white;
	font-weight:bold;
	text-align: center;
    background:  url(strilka23.png) no-repeat 90% 70%;	
}
.j4{border:0px solid red;
    text-align: center;
	color:#ffa64d;
    padding:0px;	
}

.inner{
    border:2px solid white;
    border-radius:25px;
    height:100%;
    padding:15px; 
	background:url(f22.png);
	/*hyphens:auto;*/	
}


a >p {background:  url(strilka22.png) no-repeat 100% 10%;
}

.misura1{
	height:430px;
}
.misura2{
	height:400px;
}
/*peccati principali*/
.misura_p_princ1{
	height:315px;
}
.misura_p_princ2{
	height:465px;
}
.misura_p_princ3{
	height:820px;
}
.misura_p_princ4{
	height:650px;
}
.misura_p_princ5{
	height:310px;
}
.misura_p_princ6{
	height:560px;
}
.misura_p_princ7{
	height:300px;
}
.misura_zapovi1{
	height:940px;
}
.misura_zapovi2{
	height:440px;
}
.misura_zapovi3{
	height:630px;
}
.misura_zapovi4{
	height:1650px;
}
.misura_zapovi5{
	height:850px;
}
.misura_zapovi6{
	height:1150px;
}
.misura_zapovi7{
	height:850px;
}
.misura_zapovi8{
	height:840px;
}
.misura_zapovi9{
	height:220px;
}
.misura_zapovi10{
	height:370px;
}

h2, h3, h4, .menu {font-weight: bold;
       
	}
h1, h2, h3, .menu {color:white;
       text-shadow:2px 2px 2px #ffa64d;
	}
.center_vmenu {width:90%;
        height:30px;
        margin: auto;
        background: rgba(255, 153, 0, 0.3);		
}	
.menu {margin-left: 30px;
           float: left;
		   position:relative;
		   font-size:large;			   
        }
.zmist{color:white;
       text-shadow:2px 2px 2px #ffa64d;
	   font-weight: bold;
	   font-size:20pt;
	   margin-top:25px;
	}
.no_tini{text-shadow:2px 2px 2px #ffcc00;
         color:#ffcc00;
}

.anhel_1 {
         width:17%;
         z-index:-1;
		 height:200px;	 
		 box-shadow: 10px 10px 40px 10px  white;
}
.anhel_2 {margin-top:-200px;
         width:17%;
		 height:200px;
         z-index:-1;		  
		 box-shadow: 10px 10px 40px 10px  white;
}
.xr {
   max-width: 100%;
}
.xrsp {
   width: 100%;
}
.sps {
	  width:320px;
      height: 240px;
}
.sps_1 {border-radius:3px;
	  width:295px;
      height: 200px;
}
.center {width:300px;
        height:220px;
        margin: auto;
}

.freccia2 {width:100px;
        height:100px;
        margin: auto;
}
.de_abraccio{vertical-align:middle;
	margin-left: 30px;
    margin-right: 30px;
    border-radius:25px;
    box-shadow: 10px 10px 50px 20px  yellow #fdf5e8 ;
    box-shadow: 30px 30px 50px 20px   #fde840;	
}
img  {border-radius:25px;
    vertical-align: middle;
	z-index:-1;
}
.fiore {border-radius:3px;
	margin-left:20px;
}		
	
@media screen and (max-width:1200px) {
	.anhel_1{display: none;}
	.anhel_2{display: none;}
		
	} 

@media screen and (max-width:800px) {
html, body    {
		      width:100%;
		      min-width:800px;		  
		     }
.main_1    {
		      max-width:98%;			  
		     }

.pertesto_1 { width:100%;
			max-width:640px;
	        }

}

@media screen and (max-width:640px) {
html, body    {
		      max-width:100%;		  
		   }
.pertesto  { 
             min-width:320px;
			 text-align:left;
	        }
.main_1    {
		     max-width:98%;			  
		 }

.pertesto_1 { 
             min-width:320px;
			 max-width:95%;
			 text-align:left;
	        }	
.nyz          {
		     max-width:100%;		  
		 }
.testa	{    max-width:100%;		  
		   }
a:active {
	 background: rgba(255, 153, 0, 0.5);
	}
	   
}

#kontur{border:1px solid magenta;
	width:100%;
	margin:10px;		
}
.grasso {
        font-weight: normal;
}