/* 
    Site       : http://blueskysatellitte.com/
    Document   : Common
    Created on : Ago 06, 2012, 12:34:03 PM
    Author     : Uasabi
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i'); /* font-family: 'Open Sans', sans-serif; */

root { 
  display: block;
}

header, section, footer, aside, article, figure {
  display: block;
}

html {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: url(../images/02/bg.jpg) repeat-y;
  text-align: center;
  width: 100%;
  background-size: cover;
  background-position: center center;
}

a {
  color: inherit;
  text-decoration: none;
}

#wrap {
  position:relative; 
  top: 50%; 
  width: 100%;
  height: 700px; 
  margin-top: -350px;
}

#wrap-mobile {
  width: 100%;
}

/* HEADER */
#wrap-header {
  margin: auto;
  width: 100%;
  height: 115px;
  background: url('../images/header-bg.png') repeat-x;
  border-bottom: 2px solid #fff;
  text-align: center;
} 

#header {
  margin: auto;
  width: auto;
  height: 115px;
  text-align: left;
  padding: 0px 70px;
  margin-top: 20px;
}

#header #logo {
  display: inline-block;
  margin: -8px 0 0;
}

#header nav{
  float: right;
  margin: 75px 0 0;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 17px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}

#header nav a{
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 3px 3px 3px 17px;
}

#header nav a:hover{
  color: #00b4ff;
  background: url('../images/icon.png') no-repeat left center;
}

#header nav .current {
  color: #00b4ff;
  background: url('../images/icon.png') no-repeat left center;
}

/* BODY */
#wrap-body {
  margin: auto;
  width: 100%;
  height: 500px;
  text-align: center;
  background-image: url(../images/02/bg-lines.png);
  background-size: cover;
  background-position: center center;

  -moz-box-shadow: inset 0 0 5px 3px rgba(0,0,0,0.35);
  -webkit-box-shadow: inset 0 0 5px 3px rgba(0,0,0,0.35);
  box-shadow: inset 0 0 5px 3px rgba(0,0,0,0.35);
}

#body{
  margin: auto;
  width: 1000px;
  height: 500px;
  text-align: left;
}

#body.body-home{
  width: auto;
  padding-left: 94px;
}

#body.body-home h1{
  width: 650px;
  letter-spacing: -4px;
  margin-bottom: 20px;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

.home-list{
  font-family: 'Open Sans', sans-serif;
  padding:0px;
  list-style: none;
  padding-left: 5px;
}

.home-list li{
  color:#ffffff;
  font-weight: 600;
  padding-bottom: 5px;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}
.home-list li:before{
  content: '';
  width: 4px;
  height: 4px;
  display: inline-block;
  vertical-align: middle;
  background-color: #ffffff;
  border-radius: 50%;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
  margin-right: 5px;
}

#bg-testimonials {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -999;
  width: 100%;
  height: 100%;
  background: url('../images/body-antena.png') no-repeat center;
}

#bg-about {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -999;
  width: 100%;
  height: 100%;
  background: url('../images/body-digital.png') no-repeat center;
}

#bg-customers {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -999;
  width: 100%;
  height: 100%;
  background: url('../images/body-mundo.png') no-repeat center;
}

#bg-contact {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -999;
  width: 100%;
  height: 100%;
  background: url('../images/body-antena2.png') no-repeat center;
}

#wrap-text {
  margin: 0;
  padding: 30px;
  padding-left: 0px;
}

#wrap-text h1{
  font-family: 'Open Sans', sans-serif;
  font-size: 80px;
  color: #00aeef;
  text-transform: uppercase;
  line-height: 80px;
  margin-top: 0;
  letter-spacing: -2px;
}

#text {
  margin: 0;
  padding: 30px 20px 30px 30px;
  width: 475px;
  height: 380px;
  background: url('../images/text-bg.png') repeat;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#text p {
  margin: 0;
  padding: 5px 0;
  color: #fff;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

#text span {
  display: block;
  font-size: 11px;
  line-height: 14px;
}

#text h2 {
  margin: 0;
  padding: 0;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 22px;
  color: #fff;
}

#wrap-services {
  white-space: nowrap;
}

#services-hotel {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 167px;
  height: 500px;
  background: url('../images/services-hotel.jpg') no-repeat;
}

#services-hotel span {
  display: inline-block;
  margin: -500px 0 0 10px;
  padding: 0;
  width: 30px;
  height: 500px;
  background: url('../images/services-hotel-title.png') no-repeat;
  text-indent: -5000px;
}

#services-hotel-bg {
  position: absolute;
  margin: -440px 0 0 -60px;
  z-index: -999;
  width: 1000px;
  height: 500px;
  background: url('../images/services-hotel-bg.jpg') no-repeat center;
}

#services-bars {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 167px;
  height: 500px;
  background: url('../images/services-bars.jpg') no-repeat;
}

#services-bars span {
  display: inline-block;
  margin: -500px 0 0 10px;
  padding: 0;
  width: 30px;
  height: 500px;
  background: url('../images/services-bars-title.png') no-repeat;
  text-indent: -5000px;
}

#services-bars-bg {
  position: absolute;
  margin: -440px 0 0 -60px;
  z-index: -999;
  width: 1000px;
  height: 500px;
  background: url('../images/services-bars-bg.jpg') no-repeat center;
}

#services-office {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 167px;
  height: 500px;
  background: url('../images/services-office.jpg') no-repeat;
}

#services-office span {
  display: inline-block;
  margin: -500px 0 0 10px;
  padding: 0;
  width: 30px;
  height: 500px;
  background: url('../images/services-office-title.png') no-repeat;
  text-indent: -5000px;
}

#services-office-bg {
  position: absolute;
  margin: -440px 0 0 -60px;
  z-index: -999;
  width: 1000px;
  height: 500px;
  background: url('../images/services-office-bg.jpg') no-repeat center;
}

#services-buildings {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 167px;
  height: 500px;
  background: url('../images/services-buildings.jpg') no-repeat;
}

#services-buildings span {
  display: inline-block;
  margin: -500px 0 0 10px;
  padding: 0;
  width: 30px;
  height: 500px;
  background: url('../images/services-buildings-title.png') no-repeat;
  text-indent: -5000px;
}

#services-buildings-bg {
  position: absolute;
  margin: -440px 0 0 -60px;
  z-index: -999;
  width: 1000px;
  height: 500px;
  background: url('../images/services-buildings-bg.jpg') no-repeat center;
}

#services-shops {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 167px;
  height: 500px;
  background: url('../images/services-shops.jpg') no-repeat;
}

#services-shops span {
  display: inline-block;
  margin: -500px 0 0 10px;
  padding: 0;
  width: 30px;
  height: 500px;
  background: url('../images/services-shops-title.png') no-repeat;
  text-indent: -5000px;
}

#services-shops-bg {
  position: absolute;
  margin: -440px 0 0 -60px;
  z-index: -999;
  width: 1000px;
  height: 500px;
  background: url('../images/services-shops-bg.jpg') no-repeat center;
}

#services-private {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 167px;
  height: 500px;
  background: url('../images/services-private.jpg') no-repeat;
}

#services-private span {
  display: inline-block;
  margin: -500px 0 0 10px;
  padding: 0;
  width: 30px;
  height: 500px;
  background: url('../images/services-private-title.png') no-repeat;
  text-indent: -5000px;
}

#services-private-bg {
  position: absolute;
  margin: -440px 0 0 -60px;
  z-index: -999;
  width: 1000px;
  height: 500px;
  background: url('../images/services-private-bg.jpg') no-repeat center;
}

#view-photos {
  display: inline-block;
  float: right;
  margin: -28px 0 0;
  padding: 5px 10px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
  background: #0d161f;
}

#view-photos:hover {
  background: #00b4ff;
}

#text label {
  margin: 0;
  padding: 3px 0;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #fff;
}

#text input {
  margin: 0 0 15px;
  padding: 5px;
  width: 300px;
  border: 1px solid #00b4ff;
}

#text textarea {
  margin: 0 0 10px;
  padding: 5px;
  width: 300px;
  height: 80px;
  border: 1px solid #00b4ff;
}

#text #statusText {
  margin: 15px 0 0;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-style: italic;
  color: #fff;
}

#doSend {
  display: inline-block;
  margin: 0;
  padding: 5px 10px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
  background: #00b4ff;
}

#doSend:hover {
  background: #0d161f;
}

/* FOOTER */
#wrap-footer {
  margin: auto;
  width: 100%;
  height: 65px;
  background: url('../images/footer-bg.png') repeat-x;
  border-top: 2px solid #fff;
  text-align: center;
}

#footer{
  margin: auto;
  width: auto;
  height: 65px;
  text-align: left;
  padding-right:70px;
}
#footer img {
  margin: 10px 0 0 30px;
}
#footer .contact-wrap{
  float: right;
  padding-top:15px;
}
#footer .contact-wrap a{
  opacity:0.8 !important;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  font-size:26px;
}
#footer .contact-wrap a:hover{
  opacity:1 !important;
}
#footer .contact-wrap a:first-of-type{
  color:#00aeef;
  margin-right: 15px;
}
#footer .contact-wrap a:last-of-type{
  color:#ffffff;
  letter-spacing: -1px;
}

/* SCROLLBAR */
#text .viewport { width: 450px; height: 380px; overflow: hidden; position: relative; }
#text .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#text .scrollbar{ background: #0d161f; position: relative; background-position: 0 0; float: right; width: 5px; margin: 0; }
#text .track { height: 100%; width: 5px; position: relative; padding: 0 1px; }
#text .thumb { background: #c8c8c8; height: 25px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0; }
#text .thumb:hover { background: #00b4ff; }
#text .thumb .end { overflow: hidden; height: 5px; width: 5px; }
#text .disable { display: none; }