@charset "utf-8";
												/* CSS Document */
<style type="text/css">
@font-face{font-family: 'Lobster';}

*{
	font-family: 'Lobster', monospace, serif; 
}

p, strong, em{
	text-align: justify;
}

body{
	background-color: grey;
}

.container{
	border-radius: 50px;
	padding: 5px;
	margin-bottom: 5px;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	flex-flow: row;
	flex: 1;
	margin: auto;
	background-color: white;
}

.vinculo {									 /*Es la referencia del link (mas informacion)*/
	-moz-transition: background 2s, color 1s;
	-webkit-transition: background 2s, color 1s;
	transition: background 2s color 1s;
	text-align: center;
	list-style: none;
	text-decoration: none;
	background-color: rgba(0,0,0,.5);
	font-size: 3em auto;
	border-radius: 50px;
	padding: 5px;
	margin: 5px;
	flex:1;
	float: left;
	color: blue;
}

.vinculo:hover {
	-moz-transition: background 2s, color 1s;
	-webkit-transition: background 2s, color 1s;
	transition: background 2s color 1s;
	background: rgba(0, 0, 0, 0.1);
	color: white;
	box-shadow: inside 10% 10% 10% 10% rgba(0, 0, 0, 1);
}

.seccion{
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	flex-flow: row;
	background-color: rgba(0, 0, 0, 0.1);
	flex: 7;
	order: 2;
	display: block;
	float: left;
	border-radius: 50px;
	margin: 5px;
}

.seccion h2{
	text-align: center;
	margin-top: 5px;
	text-transform: uppercase;
}

#cabeza {
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	flex-flow: row;
	flex: 1;
	margin-bottom: 5px;
	margin-right: 10%;
	margin-left: 10%;
	border-radius: 50px;
	background-color: rgba(230, 50, 50, 0.7);
	display: block;
	padding: 5px;	
}

.cabecera{
	text-align: center;
	position: center;
	color: #000;
}

.link{
	clear: both;
	margin: auto;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex: 1;
}

.link #uno{
	-moz-flex: 1;
	margin: auto;
	-webkit-flex: 1;
	background-image: url(icons/home.png);
	border-radius: 50%;
	background-size: cover;
	width: 70px;
	height: 70px;
}

.link #dos{
	-moz-flex: 1;
	-webkit-flex: 1;
	background-image: url(icons/settings.png);
	background-size: cover;
	border-radius: 50%;
	width: 70px;
	height: 70px;
}

.link #tres{
	-moz-flex: 1;
	-webkit-flex: 1;
	background-image: url(icons/world.png);
	border-radius: 50%;
	background-size: cover;
	width: 70px;
	height: 70px;
}

.link #uno:hover{
	-moz-flex: 1;
	-moz-transition: background 2s;
	margin: auto;
	-webkit-flex: 1;
	background-image: url(icons/home2.png);
	border-radius: 50%;
	background-size: cover;
	width: 70px;
	height: 70px;
	-webkit-transition: background 2s;
	transition: background 2s;
}

.link #dos:hover{
	-moz-flex: 1;
	-moz-transition: background 2s;
	-webkit-flex: 1;
	background-image: url(icons/settings2.png);
	background-size: cover;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	-webkit-transition: background 2s;
	transition: background 2s;
}

.link #tres:hover{
	-moz-flex: 1;
	-webkit-flex: 1;
	background-image: url(icons/world2.png);
	border-radius: 50%;
	background-size: cover;
	width: 70px;
	height: 70px;
	-moz-transition: background 2s;
	-webkit-transition: background 2s;
	transition: background 2s;
}

#imagen{
	display:-moz-flex;
	display: -webkit-flex;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	margin: auto;
	background-color: white;
	background-repeat:no-repeat;
	background-size: cover;
}

.menu{
	display:-moz-flex;
	display: -webkit-flex;
	display: flex;
	flex-flow: row;
	flex: 1.5;
	order: 1;
	margin: 5px;
	border-radius: 50px;
	background-color: rgba(230, 50, 50, 0.3);
}

.menu a:hover{
	background: rgb(20,20,20,0.7);
	box-shadow: 0px 0px 40px 40px rgb(0,0,0,0.9);
}

.articulo {
	background-color: rgba(230, 50, 50, 0.3);
	display: block;
	border-radius: 50px;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}

.publicidad {
	display:-moz-flex;
	display: -webkit-flex;
	display: flex;
	flex-flow: row;
	flex: 1.5;
	order: 3;
	text-align: center;
	display: block;
	margin: 5px;
	padding: 20px;
	float: left;
	border-radius: 50px;
	background-color: rgba(230, 50, 50, 0.3);
}

.footer {
	background-color: rgba(230, 50, 50, 0.3);
	border-radius: 50px;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	text-transform: uppercase;
	padding: 5px;
	clear: both;
	display: -webkit-flex;
	display:-moz-flex;
	flex-flow: row;
	flex: 1;
}

.footer2{
	display:-webkit-flex;
	display:-moz-flex;
	background-color: rgba(230, 50, 50, 0.3);
	border-radius: 50px;
	flex: 1;
	text-align: center;
	text-transform: uppercase;
	margin: auto;
	bottom: 5px;
	padding: 15px;
	clear: both;
}

.video {
	display:-webkit-flex;
	display:-moz-flex;
	flex: 1;
	margin: auto;
}