body {
	background-image:url(../imagenes/lightpaperfibers_@2X.png);
	font-family: 'MuliRegular';
	}
	
::selection {
	background-color:rgba(96,147,0,0.4);
	}
	
/*links*/ /*transición de los a:hover*/

a {
	text-decoration: none;
	color: inherit;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

a:hover {
	color: #026836;	
}

/******/


header {
	margin:auto;
	max-width:950px;
	height:120px;
	}
	
	
#logo {
	position:relative;
	float:left;
	width:215px;
	height:99px;
	}
	
#menus {
	position:relative;
	float:right;
	width:320px;
	height:30px;
	margin-top:60px;
	}
	
#menu-redes {
	position:relative;
	float:left;
	width:200px;
	height:30px;
	color:#76AE00;
	}
	
#menu-redes ul li  {
	float:left;
	margin-left:15px;
	display:inline;
	}
	
#menu-redes ul li a:hover {
	opacity:0.8;
	}

#spanish {
	position:relative;
	float:right;
	margin-top:5px;	
	}	

#spanish a  {
	font-size:18px;
	color:#026836;
	background-color:rgba(129,188,0,0.2);
	padding:5px 15px;
	}
	
#spanish a:hover {
	color:#002D00;
	background-color:rgba(129,188,0,0.7);
	}	
	
#menu-principal {
	margin:auto;
	width:100%;
	height:50px;
	background-color:rgba(129,188,0,0.1);
	}
	
#banner {
	margin:auto;
	width:100%;
	height:100%;
	}
	
article {
	margin:auto;
	max-width:950px;
	height:100%;
	padding-bottom:50px;
	padding-top:20px;
	}
	
article h1 {
	font-size:36px;
	color:#BE4600;
	text-align:center;
	}
	
article h2 {
	font-size:26px;
	color:#BE4600;
	text-align:center;
}
	
article h3 {
	font-size:20px;
	color:#BE4600;
	text-align:center;
	}
	
article p {
	font-size:18px;
	line-height:20px;
	color:#026836;
	text-align:center;
	}	
	

section {
	margin:auto;
	width:100%;
	height:100%;
	background-color:#76AE00;
	}
	
section p {
	margin:auto;
	font-size:18px;
	line-height:20px;
	color:#fff;	
	max-width:500px;
	padding-top:20px;
	padding-bottom:20px;
	}
	
.scrollup {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 30px;
  right: 40px;
  display: none;
  background-color:rgba(2,104,54,0.9);
  background-image:url(../imagenes/go-to-top.png);
}
	
footer {
	margin:auto;
	max-width:500px;
	height:100%;
	text-align:center;
	padding-top:25px;
	color:#015028;
	font-size:16px;
	line-height:19px;
	padding-bottom:30px;
	}
	
footer a {
	color:#02753C;
	}
	
footer a:hover {
	color:#BD0044;
	}
	
	

@media screen and (max-width:800px)	

{
	
	header {
	height:170px;
	}
	
	#menus {
	margin:auto;
	float:none;
	margin-top:20px;
	}	
	
	#logo {
	float:none;
	margin:auto;
	}
	
	#spanish {
	float:left;	
	}
	
	section p {
	padding-left:16px;
	padding-right:16px;
	}
	
	article h3, article p {
	padding-left:16px;
	padding-right:16px;		
	}
	
	.scrollup {
  	bottom: 3px;
  	right: 3px;
	}
	
	
	footer {
	width:200px;
	}
	
	}