@charset "UTF-8";
/* CSS Document */

html { 
  background: url('imgs/background2.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/background2.jpg', sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.background2.jpg', sizingMethod='scale');
}

#logo {
  display:block;
  position: absolute;
  top: 0px;
  left: 40px;
  padding: 12px 30px;
  color: #fff;
  font-weight: bold;
  font-family: 'Trebuchet MS', Arial, Tahoma, sans-serif;
  font-size: 18px;
}

#conteudo {
  display:block;
  position: absolute;
  top: 70px;
  left: 60px;
  padding: 22px 30px;
  background: rgba(0,0,0,0.75);
  color: #fff;
  font-family: 'Trebuchet MS', Arial, Tahoma, sans-serif;
  font-size: 12px;
}


#contacto {
  display:block;
  position: absolute;
  top: 570px;
  left: 60px;
  /*padding: 22px 30px;
  background: rgba(0,0,0,0.75);*/
  color: #ccc;
  font-family: 'Trebuchet MS', Arial, Tahoma, sans-serif;
  font-size: 12px;
}


a {
	color:#54b6d3;
	text-decoration:none;
}
a:hover {
  color: #fff;
}


.tricky {
    display:inline-block;
    max-width:204px; 
    max-height:292px;
	background-image:url(imgs/filter.png);	
}

.tricky_image {
    max-width:204px; 
    max-height:292px;
    -moz-transition: all 1s; 
    -webkit-transition: all 1s;  
    -ms-transition: all 1s;  
    -o-transition: all 1s;  
    transition: all 1s; 
    opacity:1;
    filter:alpha(opacity=100);
}

.tricky_image:hover {
    opacity:0.2;
    filter:alpha(opacity=20);
}