@font-face {
font-family: roboto;
src: url(./fonts/roboto.ttf);
}

#banner{
	margin-top: 35px;
	position:relative;


}

#banner img{
	width: 100%;
	height: 100%
	background: rgba(0,46,130,1);
	-webkit-box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.75);
     box-shadow: 0px 6px 5px -2px rgba(0,0,0,0.75);

}

#banner .contenedor{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:  translateX( -50%) translateY(-50%);
	color: #fff;
	-webkit-box-shadow: 2px 7px 4px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 7px 4px -2px rgba(0,0,0,0.75);
box-shadow: 2px 7px 4px -2px rgba(0,0,0,0.75);



}

#banner .contenedor h2{	
	font-size: 26px;
	font-family: roboto black;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10%; 
	background: rgba(51,51,51,0.5);	
	width: 0 auto;
		position: absolute;
	top: -200%;
	left: 25%;
	transform:  translateX( -50%) translateY(-50%);
}

#banner a{
	display: block;
/*	width: 100px;
	color: #fff;
	text-decoration: none;
	padding: 7px;
	margin-top: 10px;
	border: 3px solid #fff ; */
	width: 230px;
	background: #004987;
  	background-image: -webkit-linear-gradient(top, #004987, #004987);
  	background-image: -moz-linear-gradient(top, #004987, #004987);
  	background-image: -ms-linear-gradient(top, #004987, #004987);
  	background-image: -o-linear-gradient(top, #004987, #004987);
  	background-image: linear-gradient(to bottom, #004987, #004987);
    -webkit-border-radius: 12;
    -moz-border-radius: 12;
    border-radius: 12px;
    color: #ffffff;
    font-size: 40px;
    padding: 0px 30px 0px 31px;
    text-decoration: none;


}

#banner a:hover{
	background: rgba(51,51,51,0.5);
}


@media (min-width: 480px){
	#banner h2{
		font-size: 21px;
	}

	#banner a{
		margin-top: 25px;
	}
}

/*****************************************/
/* medidas del banner*/
/*
@media (min-width:768px){
	#banner{
		height: 300px;
		overflow: hidden;
	}

	#banner img{
		height: auto;
		margin-top:  -100px;
	}

}


@media (min-width:1024px){
	#banner img{
		margin-top:  -200px;
	}

}
*/

/*****************************************/