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

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



body { background:#fff;}

.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:#fff;
color:#10a50f;}
	
header nav {
	width:50%;
	/* Flexbox */
 
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
 
header nav a {
	background:#10a50f;
	color:#fff;
	text-align: center;
	text-decoration: none;
	padding:10px;
	margin:2px;
 
	/* Flexbox */
	flex-grow:1;
}
 
header nav a:hover {
	background:#039;
}	

.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%;
min-width: 400px;
float:left; 
margin-right:4px;
padding:4px;
box-sizing:border-box;

}



#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;
}

.asideimg
{
 max-width:351px;
 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(102,102,102);;
}
 
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;}

}