* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

body {

	background: #3e3e3e3e;
	background-size:cover;
	background-attachment:fixed;
	font-family: 'Open Sans', Sans-serif,Arial, Helvetica;
}

a{
text-decoration: none;

}

.contenedor{
width: 90%;
max-width: 700px;
margin:auto;
height: 100%;
display:flex;
align-items:center;

}

.tarjeta{
background: #ffffff;
margin: 40px 0;
border-radius: 5px;
overflow: hidden;
z-index: 1000;

}

/*-----Slider Banner */

.slider_banner{

	overflow: hidden;
	z-index: 1000;
	position: relative;
}	

.slider_banner .banner{
	position: relative;
	width: 100%;
}


.slider_banner .banner img {
	vertical-align: top;
	width: 100%;
	position: absolute;
	top: 0;
	left: 100%;
}

.slider_banner .flecha-banner{
 font-size: 35px;
 line-height: 35px;
 color: rgba(0,0,0,.2);
 position: absolute;
top: 50%;
z-index: 1100;

}

.slider_banner .flecha-banner:hover{
	color: rgba(0,0,0,.5);
}

.slider_banner .anterior{
	left: 20px;
}


.slider_banner .siguiente{
	right: 20px;
}


nav{
	vertical-align: top;
	list-style: none;
	width: 100%;
	background: #585858;
}
nav li{
	width: 15%;
	display: inline-block;
	margin-left: 30px;
}

nav li:hover{
	background: red;
	cursor: pointer;
}

nav li a{
	display: block;
	padding: 15px 0;
	text-align: center;
}

.noticias{
	background: white;
	width: 74%;
	display: inline-block;
}
article{
	background: gray;
	width: 40%;
	height: 100px;
	margin-left: 15px;
	display: inline-block;
	}

aside{

	background: white;
	width: 25%;
	display: inline-block;
	vertical-align: top;
	}

aside .banner{
	width: 90%;
	height: 60px;
	background: orange;
	margin-bottom: 10px;
}

footer{
background: #383838;

}

.cp{
	margin-left: 15px;
	width: 49%;
	display: inline-block;

}
.tw{
	text-align: right;
	width: 49%;
	display: inline-block;
}


.tw a{

	color: cyan;

}