*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html{
  font-size:100%;

}

body {
  
  background: #deedf2;
  font-family: "Open Sans", sans-serif;
   color: #ffffff;
  font-size:16px;
  
}

/*Generales*/

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}




p {
  color: #333333;
  font-weight: 400;


}





/*header*/

header{
  position:relative;
  top:0;
  left:0;
  width:100%;
  height:80px;
  background: #ffffff;
 -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 9;
}


.logo-izq{
float: left;
width: 378px;
transition: all 0.4s ease;
    padding: 10px;
	
}
	
.logo-der{
float: right;
width: 250px;
transition: all 0.4s ease;
padding: 10px;

}

.info-der{
float: right;
padding-top:30px;  
padding-right:5px;
text-align: center;
width: 425px;
transition: all 0.4s ease;

}


.info-der p{
font-size: 17px;
color: #ffffff;
font-weight: 400;
line-height: 20px;

}


.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
	margin-top: 20px;
	background-color: #e6e6e6;
	height: 0;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}





/*RESPONSIVE*/


@media (min-width: 768px) and (max-width: 992px){
header, header.sticky{position:relative;top:0;left:0;width:100%;height:80px;background: #ffffff;border-bottom: 1px solid #e2e2e2;text-align: left;z-index: 9;}
.embed-container { margin-top:20px;}
.info-der{display:none;}


}


@media (min-width: 481px) and (max-width: 767px){

header{position:relative;top:0;left:0;width:100%;height:80px;background: #ffffff;border-bottom: 1px solid #e2e2e2;text-align: left;z-index: 9;}
.logo-izq{width: 180px;}
.embed-container { margin-top:20px;}
.info-der{display:none;}

}

@media (max-width: 480px){

header{position:relative;top:0;left:0;width:100%;height:80px;background: #ffffff;border-bottom: none;text-align: left;z-index: 999;}
header .logo {display: block; margin-left: auto; margin-right: auto;width: 180px;}
.logo-izq{width: 100%;padding-top: 0px;transition: all 0.5s;}
.info-der{display: none;}
.embed-container { margin-top:20px;}



}