html{
  background : #D4FFEE url(../images/planeta-foot-bg.jpg) repeat-x;
}
body{
/*   min-height : 768px; */
  padding : 0;
  margin : 0;
  font-family : 'Myriad Pro', Tahoma, Arial, Verdana;
/*   background : transparent url(../images/planeta-1440.png) center bottom no-repeat; */
}
img{border:0;}
form{padding:0; margin:0;}
.clear{ clear:both; display:block;}
.toRight{ text-align:right;}
.toLeft{ text-align:left;}
.toCenter{ text-align:center;}

.mainbody{
  width : 100%;
  position : relative;
  display : block;
  background : url(../images/planeta-nav-bg.jpg) repeat-x;
}
.container{
  display : block;
  position : relative;
  margin : 0 auto;
  width : 960px;
}
.header{
  height : 90px;
}
#logo{
  height : 90px;
  width : 238px;
  background : url(../images/logo.png) no-repeat;
  float : left;
}
.nav{
  width : 710px;
  float : left;
}
.nav ul{
  list-style:none;
  padding : 0;
  margin : 17px 0 0 324px;
  height : 33px;
}
.nav ul li{
  float : left;
  width : 74px;
  height: 33px;
}
.nav ul li a{ display:block; position:relative;}
.nav ul li a img{ position:absolute; left:0; top:0;}
/* .nav ul li a img.selected, .nav ul li img.over{display:none;} */

.main{
  width : 960px;
  height: 400px;
  display : block;
  margin : 0 auto;
/*   border : 1px solid red; */
}

.footer{
  width : 100%;
  min-height : 351px;
  overflow : hidden;
  position : absolute;
  left : 0;
  top : 420px;
  z-index : 1000;
}
.footer .background{
  z-index: 1001;
  position: absolute;
  left : 0;
  top : 0;
  width : 100%;
  height : 351px;
  overflow: hidden;
}
.footer .background img{
  position : absolute;
  left : 0;
  top : 0;
}
.cloudsContainer{
  overflow : hidden;
  z-index  : 2;
  position : absolute;
  left     : 0;
  top      : 0;
}
img.clouds, img.clouds2{ z-index: 2;}
img.land{ z-index: 4;}
img.boat{ z-index: 6;}
img.plane{ z-index: 1;}
img.birds{ z-index: 10;}
img.icons{ z-index: 12;}
.footer .container{
  position : absolute;
  z-index : 1002;
}


.services{
  position : relative;
  width : 960px;
  height: 400px;
  overflow : hidden;
}
.services ul.services-list{
  padding : 0;
  margin  : 0;
  position: absolute;
  width : 910;
  left : 49px;
  top  : 45px;
  list-style : none;
}
ul.services-list li{
  float : left;
  margin: 10px 10px 0 0;
}

.contact .formContainer{
  width    : 500px;
  height   : 200px;
  overflow : hidden;
  position : absolute;
  color    : #fff;
  font-size: .8em;
  padding  : 0 10px;
  z-index  : 30000;
}

.contact input, .contact textarea{
  border : 1px solid #C8C8C8;
  font-size : .85em;
  color : #29ABE2;
  letter-spacing : 0.1em;
  font-family : 'Myriad Pro', Tahoma, Arial, Verdana;
}
.contact .inputButton{
  margin-right : 15px;
  cursor : pointer;
}
.contact .focused{ background-color:#D4FFEE; color:#35649A; border-color:#35649A;}
.contact .inputText{padding : 4px 5px; width:90%;}
.contact .TextArea{ padding: 5px; width:90%; height:11em;}
.contact .col2/*, .contact .colTitle, .contact .colInput*/{float : left;}
.contact .col2{width : 49%;}
/* .contact .colTitle{width : 30%;} */
/* .contact .colInput{width : 69%;} */
.contact .colTitle{
  display : block;
  font-weight : bold;
}
.contact .Message{
  padding : 10px;
  text-align : center;
  clear : both;
  display : block;
  font-size : 1.2em;
}

.formRow{ clear:both; display:block; margin-top:13px;}

/* PORTFOLIO */
.portfolioIndex{
  width  : 875px;
  height : 180px;
  overflow : hidden;
  position : absolute;
/*   border : 1px solid red; */
}
.portfolioPortfolio{
  width    : 918px;
  height   : 283px;
  overflow : auto;
  position : absolute;
}
.PortfolioThumb{
  width : 150px;
  height: 150px;
  display : block;
  float : left;
  position : relative;
  overflow : hidden;
  margin-top : 15px;
}
.PortfolioWrapper{
  display : block;
  height : 180px;
}
.PortfolioThumb .PortfolioThumbBackground{
  width : 150px;
  height: 150px;
  display : block;
  position: absolute;
  left: 0;
  top : 0;
  background : url('../images/portfolio-background.png') no-repeat 50% 50%;
}
.PortfolioThumb a{
  width : 150px;
  height: 150px;
  display : block;
  position: absolute;
  left: 0;
  top : 0;
}
.PortfolioThumb .PortfolioThumbImage{
  width : 120px;
  height : 120px;
  overflow : hidden;
}
.PortfolioClose{
  display : block;
  width : 32px;
  height: 32px;
  background : url('../images/close.png') no-repeat 50% 50%;
  cursor : pointer;
}
.PortfolioBackground{
  background-repeat : no-repeat;
  background-position : 50% 0%;
  z-index : 29999;
  cursor : pointer;
}
.PortfolioTop{
  width : 830px;
  display : block;
  background : url('../images/portfolio-bg-top.png') no-repeat 50% 0%;
  z-index : 30000;
  padding-top : 15px;
}
.PortfolioBot{
  width : 100%;
  display : block;
  background : url('../images/portfolio-bg-bot.png') no-repeat 50% 100%;
  padding-bottom : 15px;
}
.PortfolioMid{
  width : 100%;
  display : block;
  background : url('../images/portfolio-bg-mid.png') repeat-y 50% 100%;
/*   border : 1px solid yellow; */
}

.PortfolioShow{
  width : 800px;
  display : block;
  background : #fff;
  z-index : 30001;
}
.PortfolioInner{ padding:10px; color: #969696; font-size : .8em;}
.PortfolioImages{
  width : 100%;
  height: 300px;
  overflow : hidden;
  border-bottom : 1px solid #C8C8C8;
}
.PortfolioShow h2, .PortfolioShow h3{
  color : #29ABE2;
  margin-bottom : 0px;
}
.PortfolioShow a{
  display : block;
  text-decoration : none;
  color : #8C8C8C;
}
.PortfolioShow a:hover{ color:#646464;}
.PortfolioContent{
  border-top : 2px solid #C8C8C8;
  margin-top : 2px;
}
.PortfolioContentLeft, .PortfolioContentRight{
  margin : 0;
  padding: 0;
  float  : left;
  width  : 33%;
}
.PortfolioContentDiscipline{
  padding : 0;
  margin  : 0;
  list-style: none;
}
.PortfolioContentDiscipline li{
  display : block;
  border-bottom : 1px solid #F0F0F0;
  padding : 3px 25px;
  background : url('../images/green_tick.gif') no-repeat 0% 50%;
  font-weight: bold;
}
.PortfolioReview{
  text-align : justify;
}

#guiLoading{ z-index:31000;}
.utilLoading{
  border      : 1px solid #C8C8C8;
  font-size   : 0.8em;
  text-align  : center;
  width       : 500px;
  height      : 30px;
  background  : #fff;
  overflow    : hidden;
  color       : #969696;
}
.utilLoading .utilLoadingText{ display : block;}
.utilLoading .utilLoadingBarWrapper{
  display : block;
  width   : 90%;
  height  : 5px;
  position: relative;
  border  : 1px solid #C8C8C8;
  overflow: hidden;
  margin  : 5px auto;
}
.utilLoading .utilLoadingBar{
  display   : block;
  background: #646464;
  width     : 1px;
  height    : 5px;
}

.guiLoadingHome{
  z-index       : 31001;
  background    : #2AABE4;
  border-color  : #2FC1FF;
  color         : #C2F9F6;
}
.guiLoadingHome .utilLoadingBarWrapper{border-color:#2FC1FF;}
.guiLoadingHome .utilLoadingBar{background : #2FC1FF;}

.lang{
  position  : absolute;
  width     : 50px;
  height    : 50px;
  overflow  : hidden;
  margin    : 0;
  padding   : 0;
  top       : 0;
  left      : 40%;
  cursor    : pointer;
/*   border    : 1px solid yellow; */
}
.lang form{ display: none;}
.lang .lang-item{
  width     : 50px;
  height    : 50px;
  position  : absolute;
  left      : 0;
  top       : 0;
}
.lang .es{ background : url("../images/lang-es.png") no-repeat 50% 50%;}
.lang .en{ background : url("../images/lang-en.png") no-repeat 50% 50%;}