@import url(menu.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

html,

body { 
  height: 100%; 
  margin: 0; 
  padding: 0;
  box-sizing: border-box;
  text-align: center;
  font-family: "Roboto Condensed", sans-serif;
  
  display: table;
  width: 100%;
}

.grecaptcha-badge
{ visibility: hidden; }
 
header {
	width: 100%;
	height: 50px;
	background-color: rgba(219,193,210,0.70);
	color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	vertical-align: text-top;    	
}
h1{
	color: blueviolet;
	
}
a{
	color: blueviolet;
	text-decoration:none;
	
}
	.morado{
	
	color:blueviolet;
	font: bold;
	}
	

.rojo{
	color:red;
	font: bold;
	
}
.cafe{
	color:brown;
	font: bold;
	
}
.amarillo{
	color:goldenrod;
	font: bold;
	
}
.clase-general{
  display: table-row;
  width: 100%;
}

#contenedor  {
	
	width: 100%;
	margin: auto;
	
}

main{	
		margin-top:50px;	
		
		}

 footer {
	 
 background-color: rgba(219,193,210,0.70);
 height: 100px;
 width:100%;
 color:#FFFFFF;

 }

.ocultargrande{
			
			display:block;}
			
			.ocultardis{
			
			display:none;}
			


							
			@media (min-width:1024px){



				
					
				.ocultargrande{
			
			display:none;}
			
			.ocultardis{
			
			display:block;}
			
				
				}
				
			
			
			

				.btn-whatsapp {
        display:block;
        width:70px;
        height:70px;
      color:#fff;
        position: fixed;
        left:5px;
        bottom:5px;
        border-radius:50%;
        line-height:80px;
        text-align:center;
	    z-index:999;
	
		
	
}
	

.v-container {
	position: relative;
	/*padding-bottom: 56.25%; proporción 16:9 */
	padding-top: 25px;
	height: 80vh;
	justify-content: center;
	
	
	
}

.v-container iframe {
	
	margin: 0 auto;
	width: 80%;
	height:auto;
}
				


.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;

}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;

top: 0;
left: 0;
width: 100%;
height: 100%;
	display: flex;
justify-content: center;
align-items: center;
}
	