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

#banner-top-static{
	overflow:hidden;
	position:relative;
	text-align:center;
	/*background:green;*/
	}
	
#banner-top-static .contenedor{
	position:absolute;
	top:;
	left:50%;
	transform: translateX(-50%) translateY(0%);
	/*background:orange;*/
	}

#banner-top-static .inner-content{
	position:absolute;
	bottom:0;
	left:50%;
	transform: translateX(-50%) translateY(0%);
	}

#banner-top-static .inner-content img{
	width:100%;}


	
#banner-top-static a{
	font-size:14px;
	display:block;
	width:auto;
	color:#fff;
	text-decoration:none;
	padding:14px 10px 10px 10px;
	border:1px solid #fff;
	
	position:absolute;
	bottom:0;
	left:50%;
	transform: translateX(-50%) translateY(0%);
	-webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-in-out;
	}
	
#banner-top-static a:hover{
	background:#45A041;
	border:1px solid #45A041;
	}	
	
.boton-play {
	width:24px; height:24px;
    vertical-align: middle;
	margin:-2px 10px 0 0;
}





@media (min-width:320px){
	#banner-top-static{
		height:650px;
		margin:0;
		text-align:center;
		}
	#banner-top-static .contenedor{
		background-image: linear-gradient(to bottom, rgba(55,58,54,0), rgba(55,58,54,1));
		width:100%; height:590px;
		margin:60px 0 0 0;
		padding:320px 30px 0 30px;
		}
	#banner-top-static .contenedor .int{
		width:auto; height:auto;
		margin:0 auto;
		/*background:red;*/
		}
	#banner-top-static h1{
		font-weight:700;
		font-size:30px;
		color:white;	
		}
	#banner-top-static p{
		margin-top:15px;
		line-height: 20px;
		color:white;
		}
	#banner-top-static .cont img{
		height: 650px;
		object-fit: cover;
  		width: 100vw;
		}
	#banner-top-static .inner-content{
		display:none;
		}
	}


@media (min-width:480px){
	#banner-top-static{
		height:650px;
		margin:0;
		text-align: center;
		}
	#banner-top-static .contenedor{
		padding:320px 80px 0 80px;
		}
	}

@media (min-width:768px){
	#banner-top-static{
		height:400px;
		margin:0;
		text-align: left;
		}
	#banner-top-static .contenedor{
		height:390px;
		padding:90px 0 0 59px;
		}
	#banner-top-static .contenedor .int{
		width:400px; height:auto;
		margin:0;
		/*background:red;*/
		}	
	#banner-top-static h1{
		font-size:40px;
		font-weight:300;
		line-height:0.9em;
		color:white;
		/*background:yellow;*/ 	
		}
	#banner-top-static p{
		margin-top:15px;
		line-height:20px;
		color:white;
		/*background:red;*/
		}
	#banner-top-static .cont img{
		height: 400px;
		object-fit: cover;
  		width: 100vw;
		}
	/*#banner-top-static .inner-content{
		display:block;
		width:500px; height:230px;
		}*/
	}

@media (min-width:1024px){
	#banner-top-static{
		height:450px;
		}
	#banner-top-static .contenedor{
		background: none;
		height:390px;
		padding:110px 0 0 0;
		}
	#banner-top-static .contenedor .int{
		width:980px; height:auto;
		margin:0 auto;
		/*background:red;*/
		}
	#banner-top-static h1{	
		font-size:55px;
		}
	#banner-top-static p{	
		width:440px;/*750px*/
		margin-top:15px;
		}
	#banner-top-static .cont img{
		/*width:100%; height:auto;*/
		height: 450px;
		object-fit: cover;
		 width: 100vw;
		}
	}