*{ margin:0; padding:0;}

@media screen and (min-width:1201px) and (max-width:1980px) {
	
  
/*----------------------------------------------------------------------------------------------------------------------*/

.galery { 
		 width:100%; height:300px; background-color:#FFF;
         border-top:2px solid #C00; border-bottom:2px solid #C00;
         }
					   								
.galery1{ 
         font-family: 'Pacifico', cursive; font-size: 60px; color:#c6945d;  background-color:#FFF;
         width:900px; height:70px;
		 margin-top: 120px;
		 }
					   
.galery2{ 
         font-family: 'Roboto', sans-serif; font-size: 20px; color:#c6945d;  font-style:italic; font-weight:600; text-align:center;
         width:900px;
		 margin-top: 30px;
		 }
.galery3{
	     font-family: 'Roboto Condensed', sans-serif; font-size: 18px; color:#000; }		 
					   
.foto_palco{ 
         width:100%; height:100px; background:#fff; 
		 }		   
.foto_tx{
	     font-family: 'Pacifico', cursive; font-size: 30px; color:#c6945d;
         width:500px; margin-left: 0%; margin-right: 0%; padding: 20px 0px;
		 }
			
.lbox{ 
         visibility: hidden;width:100%;
		 top:0px; left:0; position:fixed;
		 height:100%;
		 opacity:0;
		 }
			
.lbox:target{
		 opacity: 1;
		 visibility: visible;
		 width:100%;
		 height:100%;
		 top:0px;
		 left:0;
		 background:rgba(0,0,0,0.7);
		 position:fixed;
		 }
			 
.galeria{ 
         width:100%; height: auto; background:#fff;
		 border-bottom:2px solid #C00;
		 }	 		   
ul{   
         width:1000px; min-height:600px; list-style:none; background:#fff; padding: 10px;
		 }
li{ 
         display:inline-block;
		 }
.min{ 
		width:320px; height: 240px; padding: 10px;
		 }
			
.min:hover{ 
         width:320px; padding: 3px; opacity: 0.5;
		 -webkit-transition: 0.3s linear;
		 -moz-transition: 0.3 linear;
		 }
.min_alta{ width:950px; height:570px;}
		 			
.box_img{ 
         width:1000px; margin:150px auto;
		 }
			
.bnt{ 
         color:#FFF; font-family:Arial, Helvetica, sans-serif; text-decoration:none; 
		 position:absolute; width:50px; height:50px; font-size:40px; text-align:center; }
			
		#prev{ right:5%; top:45%;}
		#next{ left:5%; top:45%;}
		#close{ top:150px;}
					   		   
.box_img img{ 
        opacity:0;}
.lbox:target .box_img img{ 
        opacity: 1;
		transition: opacity .4s linear;
		}
			
						
		    									   	    

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

}

@media screen and (min-width:901px) and (max-width:1200px) {
.galery { 
		 width:100%; height:280px; background-color:#FFF;
         border-top:2px solid #C00; border-bottom:2px solid #C00;
         }
					   								
.galery1{ 
         font-family: 'Pacifico', cursive; font-size: 50px; color:#c6945d;  background-color:#FFF;
         width:800px; height:60px;
		 margin-top: 100px;
		 }
					   
.galery2{ 
         font-family: 'Roboto', sans-serif; font-size: 20px; color:#c6945d;  font-style:italic; font-weight:600; text-align:center;
         width:800px;
		 margin-top: 30px;
		 }
.galery3{
	     font-family: 'Roboto Condensed', sans-serif; font-size: 18px; color:#000; }
					   
.foto_palco{ 
         width:100%; height:100px; background:#fff; 
		 }		   
.foto_tx{
	     font-family: 'Pacifico', cursive; font-size: 30px; color:#c6945d;
         width:500px; margin-left: 0%; margin-right: 0%; padding: 20px 0px;
		 }
			
.lbox{ 
         visibility: hidden;width:100%;
		 top:0px; left:0; position:fixed;
		 height:100%;
		 opacity:0;
		 }
			
.lbox:target{
		 opacity: 1;
		 visibility: visible;
		 width:100%;
		 height:100%;
		 top:0px;
		 left:0;
		 background:rgba(0,0,0,0.7);
		 position:fixed;
		 }
			 
.galeria{ 
         width:100%; height: auto; background:#fff;
		 border-bottom:2px solid #C00;
		 }	 		   
ul{   
         width:750px; min-height:450px; list-style:none; background:#fff; padding: 10px;
		 }
li{ 
         display:inline-block;
		 }
.min{ 
         width:230px; height: 150px; padding: 10px;
		 }
.min:hover{ 
         width:230px; padding: 3px; opacity: 0.5;
		 -webkit-transition: 0.3s linear;
		 -moz-transition: 0.3 linear;
		 }
.min_alta{ width:750px; height:450px;}		 			
.box_img{ 
         width:800px; margin:100px auto;
		 }
			
.bnt{ 
         color:#FFF; font-family:Arial, Helvetica, sans-serif; text-decoration:none; 
		 position:absolute; width:50px; height:50px; font-size:40px; text-align:center; }
			
		#prev{ right:5%; top:45%;}
		#next{ left:5%; top:45%;}
		#close{ top:100px;}
					   		   
.box_img img{ 
        opacity:0;}
.lbox:target .box_img img{ 
        opacity: 1;
		transition: opacity .4s linear;
		}

         

	}

@media screen and (min-width:481px) and (max-width:900px) {

.galery { 
		 width:100%; height:200px; background-color:#FFF;
         border-top:2px solid #C00; border-bottom:2px solid #C00;
         }
					   								
.galery1{ 
         font-family: 'Pacifico', cursive; font-size: 40px; color:#c6945d;  background-color:#FFF;
         width:600px; height:60px;
		 margin-top: 60px;
		 }
					   
.galery2{ 
         font-family: 'Roboto', sans-serif; font-size: 20px; color:#c6945d;  font-style:italic; font-weight:600; text-align:center;
         width:600px;
		 margin-top: 10px;
		 }
.galery3{
	     font-family: 'Roboto Condensed', sans-serif; font-size: 18px; color:#000; }
					   
.foto_palco{ 
         width:100%; height:100px; background:#fff; 
		 }		   
.foto_tx{
	     font-family: 'Pacifico', cursive; font-size: 30px; color:#c6945d;
         width:500px; margin-left: 0%; margin-right: 0%; padding: 20px 0px;
		 }
			
.lbox{ 
         visibility: hidden;width:100%;
		 top:0px; left:0; position:fixed;
		 height:100%;
		 opacity:0;
		 }
			
.lbox:target{
		 opacity: 1;
		 visibility: visible;
		 width:100%;
		 height:100%;
		 top:0px;
		 left:0;
		 background:rgba(0,0,0,0.7);
		 position:fixed;
		 }
			 
.galeria{ 
         width:100%; height: auto; background:#fff;
		 border-bottom:2px solid #C00;
		 }	 		   
ul{   
         width:490px; min-height:580px; list-style:none; background:#fff; padding: 10px;
		 }
li{ 
         display:inline-block;
		 }
.min{ 
         width:230px; height: 150px; padding: 10px;
		 }
.min:hover{ 
         width:230px; padding: 3px; opacity: 0.5;
		 -webkit-transition: 0.3s linear;
		 -moz-transition: 0.3 linear;
		 }
.min_alta{ width:490px; height:294px;}		 			
.box_img{ 
         width:550px; margin:30px auto;
		 }
			
.bnt{ 
         color:#FFF; font-family:Arial, Helvetica, sans-serif; text-decoration:none; 
		 position:absolute; width:50px; height:50px; font-size:40px; text-align:center; }
			
		#prev{ right:5%; top:45%;}
		#next{ left:5%; top:45%;}
		#close{ top:30px;}
					   		   
.box_img img{ 
        opacity:0;}
.lbox:target .box_img img{ 
        opacity: 1;
		transition: opacity .4s linear;
		}	

	}

@media screen and (min-width:0px) and (max-width:480px) and (orientation:portrait){
	
.galery { 
		 width:100%; height:180px; background-color:#FFF;
         border-top:2px solid #C00; border-bottom:2px solid #C00;
         }
					   								
.galery1{ 
         font-family: 'Pacifico', cursive; font-size: 30px; color:#c6945d;  background-color:#FFF;
         width:320px; height:50px;
		 margin-top: 60px;
		 }
					   
.galery2{ 
         font-family: 'Roboto', sans-serif; font-size: 15px; color:#c6945d;  font-style:italic; font-weight:600; text-align:center;
         width:320px;
		 margin-top: 0px;
		 }
.galery3{
	     font-family: 'Roboto Condensed', sans-serif; font-size: 18px; color:#000; }
					   
.foto_palco{ 
         width:100%; height:150px; background:#fff; 
		 }		   
.foto_tx{
	     font-family: 'Pacifico', cursive; font-size: 30px; color:#c6945d;
         width:300px; margin-left: 0%; margin-right: 0%; padding: 20px 0px;
		 }
			
.lbox{ 
         visibility: hidden;width:100%;
		 top:0px; left:0; position:fixed;
		 height:100%;
		 opacity:0;
		 }
			
.lbox:target{
		 opacity: 1;
		 visibility: visible;
		 width:100%;
		 height:100%;
		 top:40px;
		 left:0;
		 background:rgba(0,0,0,0.7);
		 position:fixed;
		 }
			 
.galeria{ 
         width:100%; height: auto; background:#fff;
		 border-bottom:2px solid #C00;
		 }	 		   
ul{   
         width:350px; min-height:1380px; list-style:none; background:#fff; padding: 10px;
		 }
li{ 
         display:inline-block;
		 }
.min{ 
         width:300px; height: 220px; padding: 10px;
		 }
.min:hover{ 
         width:230px; padding: 3px; opacity: 0.5;
		 -webkit-transition: 0.3s linear;
		 -moz-transition: 0.3 linear;
		 }
.min_alta{ width:320px; height:192px;}		 			
.box_img{ 
         width:320px; margin:30px auto;
		 }
			
.bnt{ 
         color:#FFF; font-family:Arial, Helvetica, sans-serif; text-decoration:none; 
		 position:absolute; width:50px; height:50px; font-size:40px; text-align:center; }
			
		#prev{ right:5%; top:45%;}
		#next{ left:5%; top:45%;}
		#close{ top:30px;}
					   		   
.box_img img{ 
        opacity:0;}
.lbox:target .box_img img{ 
        opacity: 1;
		transition: opacity .4s linear;
		}	


	}