/* CSS Document */
img, a {border:none, outline: none;}

body {
width:100%;
margin:0;
padding:0;
font-family:'Calibri', 'Arial', sans-serif;
background-image: url("webimg/bv8.png") ;
background-repeat: no-repeat;
background-size: cover;
background-position: 0px 0px;     
}

.a2
{
position:relative;
bottom:0;
left:auto;
right:auto;
border: 0px solid #ff0000;
text-align: center;
height: inherit;
}	

.img22
{
  
position:relative;
display: inline-block;
bottom:0;
margin-top:14%;
margin-right: 1%;
margin-left: 1%;
width:320px;
left:auto;
right:auto;
padding: 5px;
text-align: center;
clear:both;
border: 1px solid #cccccc;-moz-border-radius: 5px;
border-bottom-right-radius: 5px 5px;border-bottom-left-radius: 5px 5px;border-top-right-radius: 5px 5px;border-top-left-radius: 5px 5px; -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
background-color:white;background-color: rgba(255, 255, 255, 0.5);

}	


.img22 img
{
  display: inline-block;
  border: 1px solid #aaaaaa;
  width:99%;
  height: auto;

}
.img22 a:hover img {border: 1px solid #ffcc00;opacity: 0.8;}

.img22 p
{
margin-top: 5px;
padding: 10px;
text-align: left;
font-weight: normal;
font-size: 13px;
width: 100%;
}




.desc1
{
position:relative;
left:auto;
right:auto;
display: inline-block;
text-align: justify;
font-weight: normal;
color: #444444;
margin-top:10px;
padding: 5px;

}

.desc1 a {
text-align: center;
font-weight: normal;
color: #444444; 
font-style: normal;
text-decoration: none;
}

.laptoasa {
    
    position: absolute;
    z-index:100;border: 0px solid #ff0000;  
    width:100%;
    height:25%;
      -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
    background-color:black;background-color: rgba(255, 255, 255, 0.5);
}

.laptoasa img{
    
 margin:auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
  border: 0px solid #ffffff;   
    
}
.sigla1
{
    
    position: absolute;
    z-index:1000;border: 1px solid #ff0000;
    left: 50%;
    transform: translateX(-50%);
    top: 0%;
    
   
}	
.sigla1 img
{
  display: block;
  max-width: 100%;
max-height: 100%;
  border: 0px solid #ffffff;
}
div.sigla1 a:hover img {border: 0px solid #0000ff;}





@media only screen and (max-width: 479px){

body {
width:100%;
margin:0;
padding:0;
font-family:'Calibri', 'Arial', sans-serif;
background-image: none ;
}

.img22
{
  
position:relative;
display: inline-block;
bottom:0;
margin-top:50%;
margin-right: 1%;
margin-left: 1%;
width:320px;
left:auto;
right:auto;
padding: 5px;
text-align: center;
clear:both;
border: 1px solid #cccccc;-moz-border-radius: 5px;
border-bottom-right-radius: 5px 5px;border-bottom-left-radius: 5px 5px;border-top-right-radius: 5px 5px;border-top-left-radius: 5px 5px; -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
background-color:white;background-color: rgba(255, 255, 255, 0.5);

}	    
}




@media only screen and (min-width: 480px) and (max-width: 767px)
{
body {
width:100%;
margin:0;
padding:0;
font-family:'Calibri', 'Arial', sans-serif;
background-image: none ;   
 
    }
    
.laptoasa {
    
    position: absolute;
    z-index:100;border: 0px solid #ff0000;  
    width:100%;
    height:30%;
      -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
    background-color:black;background-color: rgba(255, 255, 255, 0.5);
}

.laptoasa img{
    
 margin:auto;
 display: block;
 max-width: 100%;
 max-height: 100%;
 border: 0px solid #ffffff;   
    
}    
    
.img22
{
  
position:relative;
display: inline-block;
bottom:0;
margin-top:22%;
margin-right: 1%;
margin-left: 1%;
width:320px;
left:auto;
right:auto;
padding: 5px;
text-align: center;
clear:both;
border: 1px solid #cccccc;-moz-border-radius: 5px;
border-bottom-right-radius: 5px 5px;border-bottom-left-radius: 5px 5px;border-top-right-radius: 5px 5px;border-top-left-radius: 5px 5px; -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
background-color:white;background-color: rgba(255, 255, 255, 0.5);

}	  
    
}







@media only screen and (min-width: 768px) and (max-width: 1024px)
{
body {
width:100%;
margin:0;
padding:0;
font-family:'Calibri', 'Arial', sans-serif;
background-image: none ;   
 
    }
    
.laptoasa {
    
    position: absolute;
    z-index:100;border: 0px solid #ff0000;  
    width:100%;
    height:20%;
   
}

.laptoasa img{
    
 margin:auto;
  display: block;
  max-width: 100%;
  max-height: 95%;
  border: 0px solid #ffffff;   
    
}    
    
.img22
{
  
position:relative;
display: inline-block;
bottom:0;
margin-top:28%;
margin-right: 1%;
margin-left: 1%;
width:320px;
left:auto;
right:auto;
padding: 5px;
text-align: center;
clear:both;
border: 1px solid #cccccc;-moz-border-radius: 5px;
border-bottom-right-radius: 5px 5px;border-bottom-left-radius: 5px 5px;border-top-right-radius: 5px 5px;border-top-left-radius: 5px 5px; -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
background-color:white;background-color: rgba(255, 255, 255, 0.5);

}	    
    
    
    
    
}