@font-face {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	src: local("Ubuntu"), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v4/_xyN3apAT_yRRDeqB3sPRg.woff) format("woff");
	}

* { 	
	font-family: "Ubuntu", "arial", sans-serif;
	font-size: 18px;
	text-align: justify;
	}

body {background-image: url("images/paper.gif");}

h1 {	
	color: darkblue;
	margin-top: 0;
	font-size: 42px;
	text-align: center;
	}
		h1 img {margin-bottom: -2em;}
	
nav {
	text-align: center;
	padding-bottom: 1%;
	}	
		nav a {
			background-color: #4D4C5D;
			padding: 10px 30px;
			text-align: center; 
			border: none;
			margin-bottom: .25em;
			border-radius: 10px;
			display: inline-block;
			text-decoration: none;
			color: white; 
			}
				nav a:hover {background-color: darkblue;}			
				nav a:active {background-color: #1E90FF;}
				
article {
	margin: 0 auto 10%;
	width: 1000px;
	} 

.suministros, .suministros ul, .suministros li, .suministros p {
	text-align: center;
	list-style-type: none; 
	float: left;
	}
	
.suministros li {
	padding: 3em 0;
	margin: 10px;
	border-radius: 20px;
	box-shadow: 0px 0px 20px #000000;
	height: 200px;
	width: 300px; 
	}
	.suministros li:hover { 
		padding: auto;
		margin: auto;		
		height: 220px;
		width: 320px;
		}
	.suministros li:active {border-radius: 30px;}	

.suministros p {
	font-weight: bold;
	line-height: 50%;
	}
			
.suministros-imagen {
	text-align: center;
	float: center;
	margin-top: 2em;
	}
		.suministros-imagen img {
			max-width: 150px; 
			max-height: 150px;
			
			}
					
.suministros-real {
	text-align: center;
	margin-top: 2em;	
	}
		.suministros-real img {			
			max-width: 800px;
			max-height: 600px;
			}
			
h3 {
	font-size: 22px;
	color: #4E8065;
	padding: 2px 0;
	}	
			
footer {
	text-align: center;
	padding-bottom: 1%;
	}
		
.center {text-align: center;}