* {
	margin: 0;
	padding: 0;
}

body  {
	background-color: #fff;
	font-size: 12px;
	font-family: helvetica

}

/*-------------CSS INDEX-------------*/

.contenedor {
	
	background-repeat: no-repeat;
	height: 130px;
	margin: 0 auto;
	margin-top: 200px;
	width: 80%;
	
}

.textocontenido {
	height: 20px;
	color: black;
	margin: 0 auto;
	text-align: center;
	width: 80%;


}

.linea-efecto {
	background-color: #fff;
	height: 10px;
	margin: 0 auto;
	width: 80%;

}

.linea {
	background-color: #000;
	height:1px;
	margin: 0 auto;
	float: left;
	-webkit-animation: mymove 2s;  /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: 1;  /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards;  /* Chrome, Safari, Opera */
    animation: mymove 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
@-webkit-keyframes mymove {
    from {width: 0%;}
    to {width: 100%;}
}

.entrar {
	background-color: #fff;
	height: 20px;
	margin: 0 auto;
	text-align: right;
	width: 90%;


}

.entrar a {
	text-decoration: none;
	color: black;
	text-align: right;

}

.entrar a:hover {
	color: #999;
}

/*-------------CSS INDEX-------------*/

/*-------------MENU PRINCIPAL-------------*/









/*-------------MENU PRINCIPAL-------------*/

.menu-contenido {
	width: 80%;
	height: 250px;
	background-color: red;
	margin: 0 auto;
}

/*-------------RESPONSIVE INDEX-------------*/
@media screen and (min-width: 300px) {
	.contenedor {
		position: relative;

	}

	img {
		float: right;
	}

	.textocontenido {
	background: #fff;
	height: 20px;
	margin-top: 30px;
	margin: 0 auto;
	text-align: right;
	width: 80%;

}

.entrar {
	background-color: #fff;
	height: 20px;
	margin: 0 auto;
	text-align: right;
	width: 80%;


}
/*-------------RESPONSIVE INDEX-------------*/