/* Global Styles */

html,
body {
  height: 100%;
  width: 100%;
}

.vert-text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color:#ccc;
}

.vert-text h1 {
  padding: 0;
  margin: 0;
  font-size: 3.5em;
  font-weight: 700;
}
.vert-text h3{
    font-size: 20px; 
}
.toggle {
  margin: 5px 5px 0 0;
}

/* Full Page Image Header Area */

.header {
  display: table;
  height: 100%;
  width: 100%;
  position: relative;
  background: url(../img/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Intro */

.intro {
  padding: 50px 0;
}

/* Services */

.services {
  /*background: #3F3340;*/
  padding: 50px 0;
  color: #333;
}

.service-item {
  margin-bottom: 15px;
}

.service-item h4{
    margin:20px 0;
}
i.service-icon {
  border: 3px solid #333;
  border-radius: 50%;
  display: inline-block;
  font-size: 56px;
  width: 140px;
  height: 140px;
  line-height: 136px;
  vertical-align: middle; 
  text-align: center;
}

/* Callout */

.callout {
  color: #333;
  display: table;
  height: 400px;
  width: 100%;
  background: url(../img/callout.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Portfolio */

.portfolio {
  padding: 50px 0;
}

.portfolio-item {
  margin-bottom: 25px;
}

.img-portfolio {
  margin: 0 auto;
}


/* Call to Action */

.call-to-action {
  color: #ffffff;
  background: #0a5175;
  padding: 50px 0;
}

.call-to-action .btn {
  margin: 10px;
}

/* Map */

.BlocoMapa{
    clear: both;
}

.map {
  height: 500px;
}

/* Footer */

footer {
  padding: 100px 0;
}

.top-scroll {
  margin-top: 50px;
}

.top-scroll a {
  text-decoration: none;
  color: inherit;
}

i.scroll {
  color: #333333;
}

i.scroll:hover {
  color: #0a5175;
}


/* Header */

header {
    position:fixed; z-index: 9999; width:100%; margin-top: 40px; 
}
header .container { background: url("../img/bgmenu.png") repeat; }
.bg { background: url("../img/bgtext.png") repeat; padding:20px; }
header .menu { margin:30px 10px; }
header .logo { margin:20px 10px; }
header .menu li a {
     padding:10px 10px; background: #00AAAD; margin-left:10px; -moz-border-radius: 10px; color:white; text-decoration: none;
    border-radius: 10px;
}
header .menu li { float:left; list-style-type: none; margin-top: 10px;  }


.round{
    -moz-border-radius: 10px;
border-radius: 10px;
}

#about {
    padding-top:220px;
    background: url("../img/about.jpg") top center no-repeat;
    /*height:100%;*/
}
#about h2, #services h2 { font-size: 60px; margin-bottom: 80px; color: white; text-shadow: 0px 0px 6px #00AAAD; font-weight: 400; }

#contact h2 { font-size: 60px; margin-bottom: 40px; color: #00AAAD; font-weight: 400; }

#services {
    padding-top:220px;
    
    background: url("../img/services.jpg")  top center no-repeat;
}
/*
#contact {
    
}*/

.btn-default { background: url("../img/bgtext.png") repeat; border:none; color:#ccc; }
.btn-default:hover { background: #333;  color:#ccc; }


.navbar-default {
    background-color: #f5f5f5; 
}
.navbar-nav a { color: #00AAAD !important; font-size: 16px }
.active a { background-color: #00AAAD !important; color: white !important; }
.navbar-default .navbar-toggle .icon-bar {
  background-color: #00AAAD;
  border-color: #00AAAD;
}


#mapBlocker {
    height: 500px;
    width: 100%;
    position: absolute;
    z-index: 900;
    display: none;
}

/* Responsive */
@media (max-width: 768px) {
	
  .header {
	background: url(../img/bg.jpg) no-repeat center center scroll; 
  }
  #top h1 { font-size: 35px; margin-top: 100px; padding: 20px; }

  #about { background: none; padding-top: 60px; margin-top: 120px; padding-bottom: 100px; height: auto; }
  #about h2 { font-size: 35px; color:#00AAAD; text-shadow: none; margin-bottom: 30px; }
  
  #services { background: none; padding-top: 60px; margin-top: 60px; border-top: 1px solid #ccc; padding-bottom: 100px; height: auto; }
  #services h2 { font-size: 35px; color:#00AAAD; text-shadow: none; margin-bottom: 30px; }
  
  #contact { /*padding-top: 400px; */} 
  #contact h2 { font-size: 35px; color:#00AAAD; text-shadow: none; margin-bottom: 30px; }
  
  #map { height: 300px; }
  #mapBlocker { display: block; height: 300px; }

}

@media (max-width: 1000px) {
   .collapse {
       //display: none !important;
   }
}

.IdiomaSelector { 
    float: right; 
    margin: 28px 0;
    //border: 1px solid #ccc;
    padding: 5px;
}