@charset "UTF-8";
/* CSS Document */
body { background-color:#e5e0e0;  text-rendering: optimizeLegibility;
  
}

html, body{ height: 100%; }
 
    .contenedor:after {
        clear: both;
    }
	
a { text-decoration:none; outline:none; color:#000;}
	
a:hover { text-decoration:none; outline:none;}	
	
	.contenedor { margin-left:40px; margin-right:40px; padding-top: 100px;   }
	
    .item { 
      float: left;
      margin-bottom: 20px;
	  

   
    }
    .item img {
      max-width: 100%;
      max-height: 100%;
    }
	
	
	
	
	
	
    .first-item {
      clear: both;
    }
    /* remove margin bottom on last row */
    .last-row, .last-row ~ .item {
      margin-bottom: 50px;
    }


header, nav, {  display: block; }

ul {  list-style: none;}

h1,ul, li {  padding: 0;  margin: 0;  font-weight: 400;}
header {margin-top: 0px; height: 50px; height: 100px;
	position: absolute;
  top: 0;
  z-index: 299;
  left: 0;
  right: 0;
  -webkit-transition: opacity 2s;
  -moz-transition: opacity 2s;
  -o-transition: opacity 2s;
  transition: opacity 2s;
  cursor: pointer;
}
header h1
 { color:#000; text-decoration:none; margin: 0px;  font-family: 'Italiana', serif;font-size: 50px; line-height: 50px; letter-spacing: -1px; font-weight: lighter; font-style: normal;  display: inline-block; margin: 0px auto; 
  position: absolute;
  text-align: center;
  width: 100%;
  padding: 25px 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

header nav
 { color:#000; text-decoration:none; margin: 0px;  font-family: 'Italiana', sans-serif;font-size: 35px; line-height: 0.9em;  letter-spacing: -1px; font-weight: bold; font-style: normal;  display: inline-block; margin: 0px auto; 
  position: absolute;
  text-align: center;
  width: 100%;
  padding: 25px 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}



#body-project.mouse-stop header,
#body-project.mouse-stop footer {
  opacity: 0;
}

header h1 { display: block;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
header:hover h1 {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 0;
}
header:hover nav {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 1;
}

header nav {
  opacity: 0;
}
#body-information header:hover h1 {
  opacity: 1;
  display: block;
}
#body-information header:hover nav {
  opacity: 0;
  display: none;
}

h1 {
  font-size: 1em;
}
nav li {
  display: inline;
  cursor: pointer;
}
nav li:before {
  cursor: pointer;
  content: " | ";
  display: inline;
}
nav li:first-child:before {
  content: "";
}












.contact { text-align:center; max-width: 100%;
      max-height: 100%; position:relative;margin: 0px;  font-family: 'Italiana', sans-serif;font-size: 20px; line-height: 0.9em;  letter-spacing: -1px; font-weight: 400; font-style: normal;  }
	  
.contact h2{ font-family: 'Italiana', sans-serif;font-size: 20px; line-height: 0.9em; letter-spacing: -1px; font-weight: 400; font-style: normal; color:#000;
text-decoration:none; }

.contact h2 a { text-decoration:none; outline:none; color:#000;}

.footer { display: block; }
.footer { position: fixed; z-index: 299; left: 0px; right: 0px; height: 3em;  cursor: pointer; }
.footer h1, footer nav { position: absolute; text-align: center; width: 100%; padding: 30px 0px;  }

.footer { bottom: 0px; }
.footer h1 { display: none; }
.nav ul, nav ol { list-style: outside none none; }


.footer { 
	text-align:center;
    margin-top: 15px;
    font-family: 'Italiana', sans-serif;
    font-size: 20px;
    line-height: 0.9em;
    
    letter-spacing: -1px;
    font-weight:400;
    font-style: normal;
    display: inline-block;
	 width: 100%;
   
}
.footer a {
    color: #000;
    outline: none;
	text-decoration:none;
}

.footer a:hover {
    color: #000;
    outline: none;
    text-decoration: none;
}