*{
        box-sizing: border-box;
        /*-webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;*/
        -webkit-tap-highlight-color: transparent;
      }

      body{
        position: relative;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        text-rendering: geometricPrecision;
        transition: all ease-in-out .2s;
        min-height: 100vh;
        background-color: white;
		background-image: url("../img/recurso2.png");
		
    background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
      }
	  
	  
	  body::before {
		content: '';
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
    background: rgba(255, 255, 255, 0.7);
	  }

      a{
		text-decoration: none;
      }

      img{
        position:relative;
        max-width: 300px;
		width: 90%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0px;
      }
	  
	  #logo{
		  padding-top: 30px;
      padding-bottom: 20px ;
		  max-width: 350px;
		  -ms-interpolation-mode: bicubic; 
	  }
	  
	  #bajo{
		  max-width: 800px;
		  padding-top: 30px;
	  }

      header{
        position: relative;
        width: 100%;
        padding: 30px;
      }

      header .video-container{
        position: relative;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        width: 100%;
        max-width: 1000px;
        height: auto;
        z-index: 8;
      }

      header .video-container .iframe-container{
        position: relative;
        width: 100%;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        border-radius: 5px;
        background-color: #d0d0d0;
      }

      header .video-container .iframe-container iframe{
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
		border-radius: 5px;
        height: 100%;
        z-index: 1;
      }

      .container { 
        height: 100px;
        position: relative;
      }

      .center {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }


      .btn {
        border-radius: 5px;
        border: none;
        background-color: #c58153;
        color: white;
        padding: 14px 18px;
        font-size: 18px;
        cursor: pointer;
        box-shadow: 0px 20px 20px -20px rgba(0,0,0,.4);
		outline: none;
      }

      .btn:hover {
        background-color: #a66c46;
      }


	#avisosusc {
		position: fixed;
		padding: 10px;
		bottom: 0;
		right: 0;
		left: 0;
		background: #fff;
		color: #666;
		height: auto;
		font-size: 12px;
		z-index: 999999;
		text-align: center;
		border-top: 1px solid #eee;
	}
	/* Botón para cerrar la caja */
	#avisosuscerrar {

		display: inline-block;
		position: relative;
		margin: 0 0 15px 15px;
		background: #0066FF;
		color: #fff;
		text-decoration: none;
		padding: 5px 10px;
		border-radius: 3px;
    margin: 5px;
	}
	#avisosuscerrar:hover {
		background: #333;
	}

  @media(max-width: 760px){
	  #logo{

		  max-width: 200px;

  }
  }

  @media only screen and (max-width: 900px) and (orientation: landscape) {
    header .video-container{
  width: 80%;
    }
	  #logo{
		  max-width: 200px;
      padding-bottom: 0px;

  }
    }