/*
Plugin: jQuery Parallax
Version 1.1
Author: Ian Lunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

@charset "utf-8";
/* CSS Document */

body{
  margin: 0;
  min-width: 980px;
  padding: 0;
  color:#aeacac;
  font-size: 150%;
}

p{
  margin: 0 0 20px 0;	
}

p, ul{
  font-family:"Roboto Condensed", 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight:300;
  font-style:normal;
}

img{
  border: 0;
}

h1{
  font-family:"Roboto Condensed", 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight:700;
  font-style:normal;
}

h2{
  font-family:"Roboto Condensed", 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust:0.531;
  font-weight:400;
  font-style:normal;
}

#header h1{
  color: #48941A;
}

.float-left{
  float: left;	
  margin: 0 0 0 20px;
}

.float-right{
  float: right;
  margin: 0 20px 0 0;
  text-align:right;
}

.center{
  font-size: 2.5em;
  padding: 80px 0 0 0;
  text-align: center;
}

#nav{
  list-style: none;
  position: fixed;
  right: 20px;
  z-index: 999;
}

#nav li{
  margin: 0 0 15px 0;	
}

#header, #home, #internet{
  width: 100%;
}

#home{
  height: 400px;
  margin: 0 auto;
  padding: 160px 0 0 0;

  background: white;
/*  background-image: url("../images/zenbg-1.png"), url("../images/zenbg-2.png");
  background-repeat: repeat-x, repeat;        */
}

#internet{
  background-color: #96d550;
  /*background: url("../images/52966953_f939f9ba8d_o.jpg") 0 0 no-repeat;*/
  color: white;
  height: 600px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  position:relative;
}

#internet .bg1{
  background: url("../images/pantalla1.png") 50px 96px no-repeat;
  height: 600px;
  width: 900px;
  position: absolute;
  z-index: 200;
}

#internet .bg2{
  background: url("../images/tpv.png") 270px 96px no-repeat;
  height: 600px;
  width: 900px;
  position: absolute;
  z-index: 200;
}

#opensource{
  background: white;
  height: 650px;
  /*padding: 100px 0 0 0;*/	
}

#opensource .osbg1{
  background: url("../images/opensource.png") 250px 96px no-repeat;
  height: 650px;
  width: 900px;
  position: absolute;
  z-index: 200;
}

#opensource .osbg2{
  background: url("../images/linux.png") 250px 96px no-repeat;
  height: 650px;
  width: 900px;
  position: absolute;
  z-index: 195;
}

#opensource .osbg3{
  background: url("../images/apache http server.png") 250px 0 no-repeat;
  height: 650px;
  width: 900px;
  position: absolute;
  z-index: 200;
}

#opensource .osbg4{
  background: url("../images/php.png") 250px 0 no-repeat;
  height: 650px;
  width: 900px;
  position: absolute;
  z-index: 200;
}

#opensource .osbg5{
  background: url("../images/postgresql.png") 250px 0 no-repeat;
  height: 650px;
  width: 900px;
  position: absolute;
  z-index: 195;
}

#opensource .osbg6{
  background: url("../images/symfony.png") 250px 0 no-repeat;
  height: 650px;
  width: 900px;
  position: absolute;
  z-index: 195;
}

#opensource .osbg7{
  background: url("../images/jQuery_logo_color_onwhite.png") 250px 0 no-repeat;
  height: 650px;
  width: 900px;
  position: absolute;
  z-index: 195;
}

#fifth{
  background: #96d550;
  color:white;
  height: 900px;
  margin: 0 auto;
  padding: 40px 0 0 0;
}

.story{
  margin: 0 auto;
  width: 980px;
  overflow: auto;
}

.story .float-left, .story .float-right{
  padding: 100px 0 0 0;
  position: relative;
  width: 450px;	
}

.slide {
  width: 100%;
}

#nav li a {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #aeacac;
  border: solid 2px #aeacac;
}

#nav li a.current {
  background-color: white;
}