@charset "UTF-8";
/* CSS Document */
@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preloader img {
		display: block;
		}
	}
@media print {
	div#preloader, 
	div#preloader img {
		visibility: hidden;
		display: none;
		}
	}
@-webkit-keyframes animatedBackground {
0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}
100% {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

}
	
	
@-moz-keyframes animatedBackground {
0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}
100% {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
}
@keyframes animatedBackground {
0% {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
    transform: scale(1, 1)
}
100% {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
    

    
.thumb-h{
    width: 100%;
    height: 300px;
    float: left;
    opacity: .8;
}
.thumb-v{
    width: 100%;
    height: 300px;
    float: left;
    opacity: .8;
}
.thumb-c{
    width: 100%;
    height: 300px;
    float: left;
    opacity: .8;
}
    
}



.thumb-h{
    width: 50%;
    height: 300px;
    float: left;
    opacity: .8;
}
.thumb-v{
    width: 20%;
    height: 300px;
    float: left;
    opacity: .8;
}
.thumb-c{
    width: 30%;
    height: 300px;
    float: left;
    opacity: .8;
}

/* foto */
.real-1 {
    background: url(../img/real/1-thumb.jpg) no-repeat;
    background-size: cover;     background-position: center;
    -moz-transition: background  .3s ease-in-out;
    -o-transition: background  .3s ease-in-out;
    transition: background  .3s ease-in-out; transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out; 
       
}
.real-1:hover {
    background: url(../img/real/1-thumb-hover.jpg) no-repeat;
    background-size: cover;     background-position: center;
}

.real-2 {
    background: url(../img/real/2-thumb.jpg) no-repeat;
    background-size: cover;     background-position: center;
    -moz-transition: background  .3s ease-in-out;
    -o-transition: background  .3s ease-in-out;
    transition: background  .3s ease-in-out; transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out; 
}

.real-2:hover {
    background: url(../img/real/2-thumb-hover.jpg) no-repeat;
    background-size: cover;     background-position: center;
}

.real-3 {
    background: url(../img/real/3-thumb.jpg) no-repeat;
    background-size: cover;     background-position: center;
    -moz-transition: background  .3s ease-in-out;
    -o-transition: background  .3s ease-in-out;
    transition: background  .3s ease-in-out; transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out; 
    

}
.real-3:hover {
    background: url(../img/real/3-thumb-hover.jpg) no-repeat;
    opacity: 1;
    background-size: cover;     background-position: center;
    background-position: center;

}

.real-4 {
    background: url(../img/real/4-thumb.jpg) no-repeat;
    background-size: cover;     background-position: center;    
    
    -moz-transition: background  .3s ease-in-out;
    -o-transition: background  .3s ease-in-out;
    transition: background  .3s ease-in-out; transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out; 
    

}
.real-4:hover {
    background: url(../img/real/4-thumb-hover.jpg) no-repeat;
    opacity: 1;
    background-size: cover;     background-position: center;    
}

.real-5 {
    background: url(../img/real/5-thumb.jpg) no-repeat;
    background-size: cover;     background-position: center;    
    -moz-transition: background  .3s ease-in-out;
    -o-transition: background  .3s ease-in-out;
    transition: background  .3s ease-in-out; transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out; 
    
    
}
.real-5:hover {
    background: url(../img/real/5-thumb-hover.jpg) no-repeat;
    opacity: 1;
background-size: cover;     background-position: center;    
}

.real-6 {
    background: url(../img/real/6-thumb.jpg) no-repeat;
    background-size: cover;     background-position: center;     
    -moz-transition: background  .3s ease-in-out;
    -o-transition: background  .3s ease-in-out;
    transition: background  .3s ease-in-out; transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out; 
    

}
.real-6:hover {
    background: url(../img/real/6-thumb-hover.jpg) no-repeat;
    opacity: 1;
    background-size: cover;     background-position: center;
}
.real-7 {
    background: url(../img/real/7-thumb.jpg) no-repeat;
    background-size: cover;     background-position: center;
    -moz-transition: background  .3s ease-in-out;
    -o-transition: background  .3s ease-in-out;
    transition: background  .3s ease-in-out; transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out; 
    
    
}
.real-7:hover {
    background: url(../img/real/7-thumb-hover.jpg) no-repeat;
    opacity: 1;
    background-size: cover;     background-position: center;
}

.real-8 {
    background: url(../img/real/8-thumb.jpg) no-repeat;
    background-size: cover;     background-position: center;
    -moz-transition: background  .3s ease-in-out;
    -o-transition: background  .3s ease-in-out;
    transition: background  .3s ease-in-out; transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out; 
    

}
.real-8:hover {
    background: url(../img/real/8-thumb-hover.jpg) no-repeat;
    opacity: 1;
    background-size: cover;     background-position: center;
}