
html, body {
	height: 100 %;
	min-height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

html {
	background-color:     #b1bc7c ;
}

body {
	width: 1000px;
	background-color: white;
	margin: auto;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: black;
	text-decoration: none;
	-moz-transition: 0.2s color linear;
	-webkit-transition: 0.2s color linear;
	transition: 0.2s color linear;
}

header {

	margin: auto;
	width: 100%;	
	background-color: white;
}

h1 { 
  	font-family: Andale Mono, monospace;
  	font-size: 1.4em;
  	text-align: left;
  	line-height: 2.3em;
	letter-spacing: 0.5em;
	padding-top: 1.3em;
	margin-top:0%;                                                                           
	color: #cc6633;
	display: inline-block;
	padding-left: 3em;
}


h1 span {
	color: black;
}

h2 {
	font-family: Andale Mono, monospace;
	font-size: 0.8em;
  	text-align: left;
	letter-spacing: 0.6em;
	padding-left: 2em;                                                                           
	color: black;
	opacity: 0.8;
	display: inline-block;
	}   

nav {
	background-color: white;
	text-decoration: none;
}

/************************
 *  Menu de navigation nav-header
 *
 *************************/
nav#navbar-header {
	width: 18%;
	background-color: white;
	padding-left: 4em;
	padding-top: 2em;
	}

ul.navbar-header {
	list-style-type: none;
	padding:0;
 	margin-top: 1em;
 	margin-left: 15px;
	}
	
ul.navbar-header li span {
	font-family: Helvetica;
	font-style: italic;
  	font-size: 0.6em;
  	margin: auto;
  	}

ul.navbar-header li a {
 	float:left;   
	width:55px;
	padding:2px;
	margin: 3px;
 	border:2px solid;
 	vertical-align: auto;
 	}
 
ul.navbar-header li a:hover {
 	opacity: 0.8;	
	text-decoration: none;
	color: #cccc66;
	-moz-transition: 0.2s color linear;
	-webkit-transition: 0.2s color linear;
	transition: 0.2s color linear;
 }

section.main {
	width: 750px;
	min-height: 100%;	
	background-color: white;
	margin: auto;
	padding-top: ;
	padding-bottom: 2em;
	text-align: center;

}

figure {
	width: 65%;
	margin: auto;
 	display: inline-block;
 		
 		
}
img {
	width: ;

}

figcaption {
	margin: auto;
	text-align: center;
	font-family: gill, sans-serif;
    font-size: 0.7em;
    font-style: italic;

    padding-bottom: 1em;
	color: #858f93;
    opacity: 0.8;
}

footer {
	background-color: white;
	width: 100%;
	margin: auto;
	height: 5em;
	text-align: center;


}

footer p {
	font-size: 0.7em;
	font-family: Andale Mono, monospace;
	line-height: 2em;
	font-weight: lighter;
	color: grey; 
	margin: auto;
	background-color: white;
	padding-top: 7em;
	padding-bottom: 3em;
	text-decoration: none;
}

footer a {
	color:grey;
}
	
footer a:hover {
  	opacity: 0.6;
  	color: #cc6633;
}
