.box_image .tresTopImage{
display: none;    
}
.box_image .sel{
display: block;    
}

.box_image{
height: 272px;
z-index: 1;
border: none;
padding: 0px;
position: relative;
text-align: center;
}



.box_image img{
background: none;
border: none;
padding: 0px;
position: absolute;
visibility: hidden;
}
.content .box_image img{
background: none;
border: none;
padding: 0px;
}
/*
.box_image .imgOpis{
position: absolute;
bottom:8%;
left: 5%;
color: #f8f8f8;
font-size: 27px;
margin: 0;
text-shadow: 1px 1px 1px rgba(0,0,0,1);
font-weight: 300;
padding: 0px 25px;
}
*/
.tresTopImage{
position: absolute;
z-index: 0;
color: #f8f8f8;
left: 0%;
right: 0%;
font-size: 27px;
text-align: center;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
font-weight: 300;
padding: 0px 25px;
}
/*
.FadeIn{
 position: absolute;
 z-index: 0;
 color: #f8f8f8;
left: 0%;
right: 0%;
animation-name: opacityAnim; 
animation-duration: 1000ms; 
animation-delay: 0s; 
font-size: 27px;
text-align: center;
top: 50%;
transform: translateY(-50%);
font-weight: 300;
padding: 0px 25px;
}
*/


.FadeInA{
	-webkit-animation-name: opacityAnim; 
	animation-name: opacityAnim; 
	-webkit-animation-duration: 1500ms; 
	animation-duration: 1500ms; 
	-webkit-animation-delay: 0ms;  
	animation-delay: 0ms; 
}
.FadeOutA{
	-webkit-animation-name: opacityDelay; 
	animation-name: opacityDelay; 
	-webkit-animation-duration: 1500ms; 
	animation-duration: 1500ms; 
	-webkit-animation-delay: 0ms;  
	animation-delay: 0ms;
}


@keyframes opacityAnim { 
    0% {opacity:0} 
    /*
    10% {opacity:0.1}
    20% {opacity:0.2}
    30% {opacity:0.3}
    40% {opacity:0.4}
    50% {opacity:0.5}
    60% {opacity:0.6}
    70% {opacity:0.7}
    80% {opacity:0.8}
    90% {opacity:0.9}
    */
    100% {opacity:1}
    
} 
@-webkit-keyframes opacityAnim { 
    0% {opacity:0} 
    /*
    10% {opacity:0.1}
    20% {opacity:0.2}
    30% {opacity:0.3}
    40% {opacity:0.4}
    50% {opacity:0.5}
    60% {opacity:0.6}
    70% {opacity:0.7}
    80% {opacity:0.8}
    90% {opacity:0.9}
    */
    100% {opacity:1}
    
}
@keyframes opacityDelay {
    0% {opacity:1} 
    /*
    10% {opacity:0.9}
    20% {opacity:0.8}
    30% {opacity:0.7}
    40% {opacity:0.6}
    50% {opacity:0.5}
    60% {opacity:0.4}
    70% {opacity:0.3}
    80% {opacity:0.2}
    90% {opacity:0.1}
    */
    100% {opacity:0}
}

@-webkit-keyframes opacityDelay {
    0% {opacity:1} 
    /*
    10% {opacity:0.9}
    20% {opacity:0.8}
    30% {opacity:0.7}
    40% {opacity:0.6}
    50% {opacity:0.5}
    60% {opacity:0.4}
    70% {opacity:0.3}
    80% {opacity:0.2}
    90% {opacity:0.1}
    */
    100% {opacity:0}
} 
.divNav{
width: 100%;
max-width: 100%;
box-sizing: border-box;
vertical-align: bottom;
position: absolute;
bottom: 5px;
left:0%;
right:0%;
text-align: center;
z-index: 51;
display: block;
}
.divNav a{
    cursor: pointer;
    display: inline-block;
 height: 15px;
 width: 15px;
 content:'';
 background-color: #FFFFFF;
border-radius: 50%; 
}
.divNav a+a{
margin-left: 10px;   
}
.divNav .sele{
 background-color: #d48829;
 transition: all 0.3s ease-in;
}
.tresTmp{
position: absolute;
 z-index: 50;
 color: #FFFFFF;
left: 0%;
right: 0%;
animation-name: opacityTmp; 
animation-duration:500ms; 
animation-delay: 0s; 
font-size: 20px;
text-align: center;
top: 50%;
transform: translateY(-50%); 
opacity: 0;
}
@keyframes opacityTmp {
    0% {opacity:0} 
    25% {opacity:0.5}
    50% {opacity:0.6}
    75% {opacity:0.8}
    100%{opacity:1}
}

@-webkit-keyframes opacityTmp {
   0% {opacity:0} 
    25% {opacity:0.5}
    50% {opacity:0.6}
    75% {opacity:0.8}
    100%{opacity:1}   
}