/* Small devices (portrait tablets and large phones, 600px and up) */

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width:490px) 
{
  .tukste {
  display:none
 }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width:491px) 
{
  .tukste-biala-lenta {
  display:none
 }
}



@media(max-width:980px)and (min-width:700px) 
{p.dolnav1 { 
float:none;
display: block;
text-align: left;
horizontal-align: left;
height: auto;
width: auto; 
border: 0px solid #ff0000; 
padding-top: 300px; 
padding-left: 0px;
padding-right: 300px;
padding-bottom: 3px; 
text-decoration: none; 
font-family: arial, Sans-Serif; 
font-size: 1em; 
margin-top:10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom:10px;

}
}

@media(max-width:980px)and (min-width:700px) 
{.dolnav2 { 
display:block;
text-align: left;
horizontal-align: left;
height: auto;
width: auto; 
border: 0px solid #ff0000; 
padding-top: 3px; 
padding-left: 300px;
padding-right: 3px;
padding-bottom: 3px; 
text-decoration: none; 
font-family: arial, Sans-Serif; 
font-size: 1em; 
margin-top:0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom:0px;

}
}


@media(max-width:983px)and (min-width:982px) 
{p.dolnav1 { 
float:none;
display: block;
text-align: left;
horizontal-align: left;
height: auto;
width: auto; 
border: 0px solid #ff0000; 
padding-top: 300px; 
padding-left: 0px;
padding-right: 343px;
padding-bottom: 3px; 
text-decoration: none; 
font-family: arial, Sans-Serif; 
font-size: 1em; 
margin-top:10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom:10px;

}
}

@media(max-width:983px)and (min-width:982px) 
{.dolnav2 { 
display:block;
text-align: left;
horizontal-align: left;
height: auto;
width: auto; 
border: 0px solid #ff0000; 
padding-top: 3px; 
padding-left: 343px;
padding-right: 3px;
padding-bottom: 3px; 
text-decoration: none; 
font-family: arial, Sans-Serif; 
font-size: 1em; 
margin-top:0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom:0px;

}
}


/* Stil na tablicata na butonite v dolnia kolontul */

.4islata-1 
{
display:block; 
width:96%; 
height:auto; 
background-color: #f0f2fc;
margin-top:15px;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
padding-top: 0px ;
padding-bottom: 0px;
text-decoration: none; 
font-family: arial, Sans-Serif; 
font-size:1em; 
border-top: 1px solid #ff0000; 
border-left: 1px solid #ff0000; 
border-right: 1px solid #ff0000; 
border-bottom: 1px solid #ff0000; 
 
cursor:pointer }


/* Stil na tablicata na vtorata tablica s butonite v dolnia kolontul */

.4islata2 {
display:block; 
width:96%; 
height:auto; 
background-color:#cefcba; 
margin-top:15px;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
text-decoration: none; 
font-family: arial, Sans-Serif; 
font-size:1em; 
border-top: 1px solid #0000ff; 
border-left: 1px solid #0000ff; 
border-right: 1px solid #0000ff; 
border-bottom: 1px solid #0000ff; 
 
cursor:pointer }


/* Stil na butonite v dolnia kolontul */

.btn {display:block;
 background-color:#f0f2fc;
  text-decoration: none; 
  border: none;
  outline: none;
  cursor: pointer;
  font-size:1em; 
  font-family: arial, Sans-Serif; 
  color: blue;
  height:auto;
  width: auto;
  line-height:28px;  
}

/* Style the active class, and buttons on mouse-over */

 .active, .btn:hover {
  display:block;
  background-color: #ff0000;
  color: white;
  text-decoration: none; 
  height:auto;
  width: auto;
}

/* Style the buttons */

.btn-2 {display:block;
 background-color:#cefcba;
  text-decoration: none; 
  border: none;
  outline: none;
  cursor: pointer;
  font-size:1em; 
  font-family: arial, Sans-Serif; 
  color: red;
  height:auto;
  width: auto;
  line-height:28px;  
}

/* Style the active class, and buttons on mouse-over */

 .active, .btn-2:hover {
  display:block;
  background-color: #ff0000;
  color: white;
  text-decoration: none; 
  height:auto;
  width: auto;
}


.nevidim-malki-ekrani {
border: 2px solid #000fff; 
background-color:#ffffff; padding:2px ; 
margin-top:-35px ; margin-right:20px ; float :right ;
width:30px;
height:30px;
}