body{
overflow:hidden; }


.textframe{
-moz-animation-name:moveleft;
-moz-animation-duration: .4s;
-webkit-animation-name:moveleft;
-webkit-animation-duration: .4s;
animation-name:moveleft;
animation-duration: .4s;
-webkit-animation-iteration-count: 1;
 -webkit-animation-timing-function: linear;
 -moz-animation-iteration-count: 1;
 -moz-animation-timing-function: linear;
animation-iteration-count: 1;
animation-timing-function: linear;
z-index:0;
border: solid;
position:absolute;
background:rgba(0, 0, 0, .6);
border-color:#FFFFFF;
border-width:2px;
border-left-width:0px;
border-bottom-right-radius:25px;
border-top-right-radius:25px;
height:401px;
width:290px;
left:0px;
top:7px;
}


.text{color:white;
margin-top:15px;
margin-left:5px;
margin-right:8px;
height:398px;
width:280px;
position:absolute;
background:rgba(0, 0, 0, 0);
font: 12px arial, sans-serif;
text-align: justify;
text-justify: inter-word;
-webkit-text-align: justify;
-webkit-text-justify: inter-word;
-moz-text-align: justify;
-moz-text-justify: inter-word;

}

.map{
position:absolute;
top:-20px;
}

.close{
position:absolute;
top:0px;
left:270px;
}

.closecross{
position:absolute;
top:49px;
left:296.2px;
}

.closecross:hover {
-webkit-animation-name: elementr; 
    -webkit-animation-duration: .8s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -moz-animation-name: elementr; 
    -moz-animation-duration: .8s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
	
animation-name: elementr; 
animation-duration: .8s; 
animation-iteration-count: infinite;
animation-timing-function: linear;
}

@-webkit-keyframes elementr {
    from {-webkit-transform: scale(1);}
	65% {-webkit-transform: scale(1.2);}
    to {-webkit-transform: scale(1);}
}

@-moz-keyframes elementr {
    from {-moz-transform: scale(1);}
	65% {-moz-transform: scale(1.2);}
    to {-moz-transform: scale(1);}
}
@keyframes elementr {
    from {-moz-transform: scale(1);}
	65% {-moz-transform: scale(1.2);}
    to {-moz-transform: scale(1);}
}



@keyframes moveleft{
from {left:-280px;}
to {left:0px;}
 } 
 @-webkit-keyframes moveleft{
from {left:-280px;}
to {left:0px;}
 } 
 @-moz-keyframes moveleft{
from {left:-280px;}
to {left:0px;}
 } 


 
 .empty{
z-index:0;
border: solid;
position:absolute;
background:rgba(0, 0, 0, .6);
border-color:#FFFFFF;
border-width:2px;
border-left-width:0px;
border-bottom-right-radius:25px;
border-top-right-radius:25px;
height:405px;
width:290px;
left:-280px;
top:7px;
}


 
 
 
 
 
.railtop {
position:absolute;
top:-5px;
left:0px;


}
.railbottom {
position:absolute;
bottom:-5px;
left:0px;
}