@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

.texto1_go {
	display: none;
	background-color: rgba(94, 169, 177, 0.59);
	position: absolute;
	font-size: 28px;
	-webkit-animation: mymove 5s 1; /* Safari 4.0 - 8.0 */
	animation: mymove 5s 1;
	bottom: 10%;
	left: 35%;
	border-radius: 4px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-shadow: 1px 1px 1px hsla(0,0%,0%,0.31);
	width: 30%;
	text-align: center;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
    0%   {left: -200px; background: rgba(94, 169, 177, 0.59);}
}

@keyframes mymove {
    0%   {left:-200px; background: rgba(94, 169, 177, 0.59);}

}
 
@-webkit-keyframes mymove_2 {
    0%   {top: 5%; left: -600px; background: rgb(94, 169, 177);}
    
    50%   {top: 5%; left: -600px; background: rgb(94, 169, 177);}
   
    75%  {top: 5%; left: 0px; background: rgb(94, 169, 177);}
  
    100% {top: 15%; left: 0px; background: rgb(94, 169, 177);}
}

@keyframes mymove_2 {
    0%   {top: 5%; left:-800px; background: rgb(94, 169, 177);}
   
    50%   {top: 5%; left: -800px; background: rgb(94, 169, 177);}
    
    75%  {top: 5%; left: 0px; background:  rgb(94, 169, 177);}
   
    100% {top: 15%; left: 0px; background:  rgb(94, 169, 177);}
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 768px) {
.texto1_go {
	bottom: 5%;
	left: 15%;
	width: 70%;
}
}

@media only screen and (min-width: 890px) {
.texto1_go {
	bottom: 5%;
	left: 20%;
	width: 60%;
}
}

@media only screen and (min-width: 1200px) {
.texto1_go {
	bottom: 10%;
	left: 30%;
	width: 40%;
}
    
}

@media only screen and (min-width: 1600px) {
.texto1_go {
	bottom: 10%;
	left: 35%;
	width: 30%;
}

}