body { background: url(fon2.jpg); }



#test2{background:#ffff00; padding: 2px;
}


#test{background:#ffff00; padding: 2px;
      
     
     
}

.r_r_r{background: #b5ffba;  text-decoration: none; color: #3273dc;}

.panelx{margin-right: 4px; margin-top: 4px;
padding: 6px;  display: inline-block;
  border: 1px solid black;}


.panelxb{margin-right: 4px; margin-top: 4px;
padding: 6px;  display: inline-block;
  border: 1px solid black;
  background-color: #000000;
  
  }
  
  
  
  .panelxX{margin-right: 4px; margin-top: 8px;
padding: 2px;  display: inline-block;
  border: 1px solid black;
background-color: #ffff00;
}


.panelxbX{margin-right: 4x; margin-top: 8px;
padding: 3px;  display: inline-block;
  border: 1px solid black;
  background-color: #000000;
  
  }
  
  
  
.a_11
  {
  	color:#000000;  background: #ffff00;
  	text-decoration: none;}


.a_11b
{
color:#ffff00;  background: #000000;
  	text-decoration: none;	
	
}



  	
  	


#l0_b1 {
  display: inline-block;
  border: 1px solid black;
background-color: #b5ffba;
background: #b5ffba;
margin-right: -6px;
padding: 3px;
border-radius: 6px 6px 6px 6px;

 box-shadow: 6px 6px 10px rgba(0,0,0,0.5);
  
  
  
}


#l0_b1X {
  display: inline-block;
  border: 1px solid black;
background-color: #b5ffba;
background: #b5ffba;
margin-right: -6px;
padding: 3px;
border-radius: 10px 10px 10px 10px;

 box-shadow: 6px 6px 10px rgba(0,0,0,0.5);
  
  
  
}




#l0_b2 
{
	width: 90%;
  display: inline-block;
  border: 1px solid black;
background-color: #a7a782;
background: #a7a782;
margin-right: 0px;
padding: 12px;
border-radius: 10px 10px 10px 10px;

 box-shadow: 6px 6px 10px rgba(0,0,0,0.5);
  
  
  
}


#l0_b2w
{
  
    top: 50%;
    left: 50%;
    width: 700px;
    margin: -350px 0 0 0;



  display: fixed;
  border: 1px solid black;
background-color: #ffffff;
background: #ffffff;

 


border-radius: 4px 4px 4px 4px;

 box-shadow: 4px 4px 6px rgba(0,0,0,0.5);

  
}


@media (max-width: 400px) 

{
#l0_b2w
{
	width: 90vw;
   display: inline-block;
  border: 1px solid black;
background-color: #ffffff;
background: #ffffff;
margin-right: 0px;
padding: 1px;
border-radius: 4px 4px 4px 4px;

 box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
  



  
}

}


@media (max-width: 800px) 

{
#l0_b2w
{
	width: 700px;
  display: inline-block;
  border: 1px solid black;
background-color: #ffffff;
background: #ffffff;
margin-right: 0px;
padding: 2px;
border-radius: 4px 4px 4px 4px;

 box-shadow: 4px 4px 6px rgba(0,0,0,0.5);
  
  
}

}





#txx
{
  display: inline-block;
  border: 1px solid black;
background-color: #cccccc;
background: #6f863;
margin-right: -6px;
padding: 3px;
border-radius: 10px 10px 10px 10px;

 box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
  
  
}



.DVX
{
   display: fixed;
   
margin-top: 4px;
 margin-left: auto;
 margin-right: auto;
 width: 740px;

 padding: 20px;

  border: 1px solid black;
background-color: #ffffff;
background: #ffffff;

 


border-radius: 4px 4px 4px 4px;

 box-shadow: 4px 4px 6px rgba(0,0,0,0.5);

  
}


@media (max-width: 500px) 

{
.DVX
{
	width: 96vw;
   display: fixed;
  border: 1px solid black;
background-color: #ffffff;
background: #ffffff;
margin-top: 2px;
padding: 1px;
border-radius: 4px 4px 4px 4px;

 box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
  



  
}

}


@media (max-width: 780px) 

{
.DVX
{
display: fixed;
   
margin-top: 2px;
 margin-left: auto;
 margin-right: auto;
 width: 90vw;

 padding: 6px;

  border: 1px solid black;
background-color: #ffffff;
background: #ffffff;

 


border-radius: 2px 2px 2px 2px;

 box-shadow: 2px 2px 4px rgba(0,0,0,0.5);



  
}

}





.l0_b122V {
  display: fixed;
  border: 1px solid black;
background-color: #00ffba;
background: #b5ffba;
 margin-left: auto;
 margin-right: auto;
 width: 720px;

padding: 4px;
border-radius: 6px 6px 6px 6px;

 box-shadow: 6px 6px 10px rgba(0,0,0,0.5);
  
}


.l0_b1V {
  display: fixed;
  border: 1px solid black;
background-color: #00ffba;
background: #b5ffba;
 margin-left: auto;
 margin-right: auto;
 width: 700px;

padding: 10px;
border-radius: 6px 6px 6px 6px;

 box-shadow: 6px 6px 10px rgba(0,0,0,0.5);
  
}


@media (max-width: 500px) 

{

.l0_b1V {
  display: fixed;

 width: 96vw;
  border: 1px solid black;
background-color: #b5ffba;
background: #b5ffba;
 margin-left: auto;
 margin-right: auto;
padding: 4px;
border-radius: 6px 6px 6px 6px;

 box-shadow: 6px 6px 10px rgba(0,0,0,0.5);
  
  
  
}


}



.l0_b1V {
  display: fixed;
  border: 1px solid black;
background-color: #00ffba;
background: #b5ffba;
 margin-left: auto;
 margin-right: auto;
 width: 700px;

padding: 10px;
border-radius: 6px 6px 6px 6px;

 box-shadow: 6px 6px 10px rgba(0,0,0,0.5);
  
}


@media (max-width: 500px) 

{

.l0_b1V {
  display: fixed;

 width: 96vw;
  border: 1px solid black;
background-color: #b5ffba;
background: #b5ffba;
 margin-left: auto;
 margin-right: auto;
padding: 4px;
border-radius: 6px 6px 6px 6px;

 box-shadow: 6px 6px 10px rgba(0,0,0,0.5);
  
  
  
}


}