@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}
.contenedor {
	background:#000;
	width:95%;
	max-width:1000px;
	margin:auto;
 
	/* Flexbox */
	display:flex;
	flex-flow:row wrap;
}



body { background:#000;}

.main, footer {
		width:98%;
	margin:20px auto;
	max-width:1000px;

}


header {
	width:100%;
 	max-width:1000px;
	/* Flexbox */
	display: flex;
	justify-content:space-between;
	align-items:center;
 
	flex-direction:row;
	flex-wrap:wrap;
}


 
header .logo img {
	width:100%;
	height:auto;
	vertical-align: top;
}
 

.welcome {float: left;
padding:10px 20px;
width:45%;
background:#000;
color:#0FF;}
	
header nav {
	width:50%;
	/* Flexbox */
 
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
 
header nav a {
	background:#000099;
	color:#fff;
	text-align: center;
	text-decoration: none;
	padding:10px;
	margin:2px;
 
	/* Flexbox */
	flex-grow:1;
}
 
header nav a:hover {
	background:#0000ff;
}	

.main{
	width:100%;
 	max-width:1000px;
	padding:5px;
	/* Flexbox */
	display: flex;
	justify-content:space-between;
	align-items:center;
 
	flex-direction:row;
	flex-wrap:wrap;
	
}

.main img{
	width:100%;
	height:auto;
}

.video { width:62%;
float:left; 
margin-right:4px;
padding:4px;
box-sizing:border-box;

/* Flexbox */
 
	display:flex;
	flex-wrap:wrap;
	align-items:center;

}



#contenedorvid {
position: relative;
padding-bottom: 56.25%;
padding-top: 10px;
height: 0;
overflow: hidden;
display:block;
}
 

#contenedorvid iframe,
#contenedorvid object,
#contenedorvid embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} 

aside {width:35%;
padding:4px;
background-image: url(../imagenes/bg.jpg);
/*background:#F60;*/
color:#FFF;
float:left;
box-sizing:border-box;
margin:4px
	/* Flexbox */
 
	display:flex;
	flex-wrap:wrap;
	align-items:center;

}

.asidebg2
{
background-image: url(../imagenes/bg2.jpg);	 
}


.accion 
    {width:100%;
 	max-width:1000px;
	padding:5px;
	/* Flexbox */
	display: flex;
	justify-content:space-between;
	align-items:center;
 
	flex-direction:row;
	flex-wrap:wrap;
	
}

.accion img{
	width:100%;
	height:auto;
}


.arrow{ 
width:50px;
float:left; 
margin-right:4px;
padding:4px;
box-sizing:border-box;

}

.preguntas{
width:83%;
padding:4px;
/*background:#F60;*/
color:#000;
float:left;
box-sizing:border-box;
margin:4px
	/* Flexbox */
 
	display:flex;
	flex-wrap:wrap;
	align-items:center;

}


.form1{
	margin: 10px;
	padding: 0;
}

.buttonform{
    margin: 10px;
	padding: 0;
}
	
.poweredWrapper{
	padding: 0;
	width: 150px;
	margin: 0 auto;
}
.poweredBy{
		display:block;
}

.fbtools {
	clear:both 
}

footer {
	
	color:#FFF;
	
	background:rgb(153,153,153);
	width: 100%;
	padding:20px;
 
	/* Flexbox */
	display: flex;
	flex-wrap:wrap;

}
 
footer .links {
	background:rgb(153,153,153);
	display:flex;
	flex-wrap:wrap;
}
 
footer .links a {
	flex-grow:1;
 
	color:#fff;
	padding:10px;
	text-align: center;
	text-decoration:none;
}
 
footer .links a:hover {
	background:rgb(000,000,000);;
}
 
footer .social {
	background: rgb(0,0,120);
}
 
footer .social a {
	color:#fff;
	text-decoration: none;
	padding:5px;
	display: inline-block;
	}
	
footer .social a:hover {
	background:#55f;
}	

@media screen and (max-width:1000px){
.main {width:100%;}

.main {
		flex-direction:column;
		padding:0;
	}

header {
		flex-direction:column;
		padding:0;
	}
 
	header .logo {
		margin:10px 0;
	}
 
	header nav {
		width: 100%;
	}
	
	
 aside{width:100%;}

}
	
@media screen and (max-width:500px){
.contenedor {width:100%};
	}
aside {
		flex-direction:column;
	}
	

footer{
		justify-content:space-around;
}

}