#header1{
overflow:hidden;
background: #222222; 
}

	/* Nav  Barra de menu*/



	#nav {
		margin: 2.0em 0 0 0;
	}

		#nav > ul {
			margin: 40px;

		}

			#nav > ul > li {
				display: inline-block;
				font-style: normal;
				margin: 0 0.35em 0 0.35em;
				
			}

				#nav > ul > li > ul {
					display: none;
					
				}

				#nav > ul > li > a {
					border-radius: 5px;
					color: white;
					text-decoration: none;
					padding: 0.6em 1.2em 0.6em 1.2em;
					-moz-transition: background-color .25s ease-in-out;
					-webkit-transition: background-color .25s ease-in-out;
					-ms-transition: background-color .25s ease-in-out;
					transition: background-color .25s ease-in-out;
					outline: 0;
				}

				#nav > ul > li:hover > a, #nav > ul > li.active > a {
					color: white;
					background: #D80000;
				}


#card1{
	width: 200px;
	height:200px;
	display:block;
margin:auto;
}
#imgdestacado{
	width: 150px;
	height:150px;
	display:block;
margin:auto;
}
#imgingresar{
	width: 300px;
	height:350px;
	display:block;
margin:auto;
}





/* Extra small devices (portrait phones, less than 576px)*/
/* No media query for `xs` since this is the default in Bootstrap

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { ... }

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { ... }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { ... }

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { ... }