html{
  height: 100%;
}
body{
	margin: 0 auto;	
	padding:0;
	height:100%;
	background-color:#f5f5f5;
	background-image: url(../images/fondo.jpg);
	background-size: cover;
    background-repeat: repeat;
}

header {
	height:70%;
	position:relative;
	}
	
.videoWrapper {
	position:absolute;
	left:50%;
	width:60%;
	height:100%;
	margin: 100px auto;
	margin-left:-30%;
	z-index:101;
}
.h_iframe        {position:relative;}
.h_iframe .ratio {display:block;width:100%;height:auto;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}

footer {
margin-top:100px;
	height:36px;
	}
#logo {
	width:290px;
	height:187px;
	margin: 20px auto;
	}
	
#miscelaneasizq{
position: absolute;
top:0;
left:0;
height:352px;
width:330px;
}

#miscelaneasder{
position:absolute;
right:0;
top:25%;
height:486px;
width:200px;
}
.mediaWrapper {
	width:30%;
	min-width:80px;
	height:36px;
	margin:0 auto;
	text-align:center;
	padding-bottom:10px;
	padding-left:60px;
	padding-right:60px;
	border-bottom: 2px #000 solid;
	}
div.mediaWrapper div {
	display:inline-block;
	width:36px;
	height:36px;
}
.fb {
	background-color:#f5f5f5;
	background-image: url(../images/fb_btn.png);
	background-size:contain;
	background-repeat: no-repeat;
	margin-right:5px;
	cursor:pointer;
	-webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -kthtml-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
	
.fb:hover {
	background-image: url(../images/fb_btn_over.png);
}
.tw {
	background-color:#f5f5f5;
	background-image: url(../images/tw_btn.png);
	background-size:contain;
	background-repeat: no-repeat;
	margin-left:5px;
	cursor:pointer;
	-webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -kthtml-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.tw:hover {
	background-image: url(../images/tw_btn_over.png);
}
.soon {
	width:400px;
	margin:0 auto;
	text-align:center;
	height:40px;
	padding-top:10px;
}
@media all and (max-width:1200px){  
	.videoWrapper {
		margin-top:20px;
	}
	footer {
		margin-top:0px;
	}
	#miscelaneasizq {
		height:280px;
		width:280px;
	}
	#miscelaneasder{
		height:365px;
		width:150px;
	}   
}  
@media all and (max-width:800px){  
	.videoWrapper {
		margin-top:20px;
	}
	footer {
	margin-top:0px;
	}
    #miscelaneasizq,#miscelaneasder{
		margin: 0 -50px;
	}               
}
@media all and (max-width:680px){  
	.videoWrapper {
		margin-top:20px;
	}
	footer {
	margin-top:0px;
	}
    #miscelaneasizq,#miscelaneasder{
		margin: 0 -100px;
	}                 
	.soon {
	width:300px;
	}
}