@charset "utf-8";
/* CSS Document */

* { border:0;
margin:0;
padding:0;
box-sizing:border-box;}
a { text-decoration:none; }
img, video { max-width:100%;}
h1, h2, h3, h4 { font-weight:normal; }
input[type="submit"]:hover,  a:hover  { opacity:0.8;}
strong, ul#menu, h2, h3, #qh .col3 p, input[type="submit"], .show-menu {font-family: 'FFMarkPro-Bold', sans-serif; font-weight:normal;}


body {font-family: 'FFMarkPro', sans-serif; font-size:18px; color:#666; background-color:#fff; /*url(images/img-ipad-1920.png) no-repeat fixed center bottom; background-attachment:fixed; */}
body:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: url(images/img-ipad-1920.png) no-repeat center bottom;
/*  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
}

#top, #slide, #empresa, #servicios,  #contacto, #pie, #footer { 
display:block; width:100%; background:#fff; margin:0 auto;
}
.cont { width:1110px; margin:0 auto; }

#top {height:130px;  position:fixed; z-index:20;  top:0; left:0; right:0; font-size:0; }
#top .cont {padding:30px 0;}
h1, #nav, #menu, ul#menu li { display:inline-block;  vertical-align:middle;}
h1 { width:20%; line-height:0;}
#nav { width:80%; text-align:right;  }
ul#menu  { list-style:none; }
ul#menu li:first-child { padding-left:0;}
ul#menu li { padding-left:70px; font-size:18px; }
ul#menu li a { color:#006939; }
ul#menu li a:hover, ul#menu li.current a { color:#93c020; }


.col2, .col3, .col4, .col4-3, .col3doble { display:inline-block; vertical-align:top;}
.col2 { width:540px;}
.col3 { width:32%;}
.col3doble { width:730px;}
.col4 { width:255px;}
.col4-3 { width:825px;}
.col2 { width:540px;}
.right-gap { margin-right:25px;}
.left-gap { margin-left:25px;}
.bottom-gap { margin-bottom:25px;}
.bottom-gap2 { margin-bottom:45px !important;}


#slide {height:660px;  padding-top:130px; overflow:hidden; background:url(images/img-slide-1920.png) no-repeat center bottom; }
#slide .cont { position: relative; height:530px;}
#slide p { font-size:60px; text-align:center; color:#fff; width:100%; line-height:normal;
position:absolute; bottom:43px;
  left: 50%;
	-webkit-transform: translateX(-50%);
transform: translateX(-50%);}
#slide p img { margin-top:65px;}

h2 { font-size:36px; color:#006939;}
h2:after {background: #93c020; content: ""; display: block; height: 2px; margin: 50px auto 50px auto; width:90px;}
p { line-height:24px; font-size:18px;}

#qs, #qh { padding:130px 0 50px 0; text-align:center; background:#eeeeee;}

.qs-icon {padding:50px 0; background-color:#006939; color:#fff; text-align:center;}
.qs-icon h3 { font-size:36px;}
.qs-icon img { padding:40px 0 50px 0;}

.ipad {padding:220px 0; background-color: transparent; color:#3fbfad; text-align:center; }
.ipad p:first-of-type { margin-bottom:20px;}

.qs-mision { background-color:#ffffff; padding:60px 0;}
.qs-mision h3 { font-size:36px; color:#3fbfad; margin-bottom:14px;}
.qs-mision p { }
.qs-mision p:first-of-type, #qh p:first-of-type { margin-bottom:50px;}
.qs-mision .col2 { vertical-align:middle;}

.cyan { background-color:#006939;}
.verde { background-color:#93c020;}

#qh { font-size:0;}
#qh .col3 { color:#fff; height:200px; padding:0 40px; position:relative;}
#qh .col3 p { width:80%; position:absolute; top:50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) ;
    -ms-transform: translateX(-50%) translateY(-50%) ;
    -o-transform: translateX(-50%) translateY(-50%) ;
    transform: translateX(-50%) translateY(-50%) ;}
	
#contacto { padding:130px 0 0 0; text-align:center; background:#eee;}

#x3 img, #x3 p {vertical-align: middle; display: inline-block; text-align:left;}
#x3 img { margin-right:10px;}

input, textarea { padding:20px; color:#666; font:inherit; height:60px; background:#fff; width:100%; display:block; vertical-align:top; margin-bottom:30px; font-size:18px;}
textarea { height:240px; width:100%; }
input[type="submit"] {background:#93c020; color:#fff;  padding:0; border:none;font-size:24px; margin-right:0; margin-bottom:0;}

#footer {padding:60px 0; background-color:#006939; color:#fff; text-align:center; }
#footer img { padding-bottom:50px; display:block; margin:0 auto;}
#footer p {font-size:14px;}

/*animation*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 2s;
 -webkit-animation-iteration-count: 1;
 -webkit-animation-timing-function: linear;

}



/*Style 'show menu' label button and hide it by default*/
.show-menu {
	color: #006939;
	display: none; padding:45px 0 0px 0;
}
.show-menu img { height:18px; vertical-align:bottom; padding-left:5px;}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url(images/top-move.png) no-repeat right top;
}

::-webkit-input-placeholder {color: #666; opacity:1;}
:-moz-placeholder {color: #666; opacity:1;}
::-moz-placeholder {color: #666; opacity:1;}
:-ms-input-placeholder {color: #666; opacity:1;}

/*sombra*/
#top {box-shadow: 0px 2px 4px rgba(0,0,0,.25);
-ms-box-shadow: 0px 2px 4px rgba(0,0,0,.25);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,.25);
-o-box-shadow: 0px 2px 4px rgba(0,0,0,.25);
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,.25);
}

@media screen and (max-width: 1110px){
.cont { width:97%; }
.col3 { width:31.5%;}
.col3doble { width:65%;}
.col4 { width:23%;}
.col4-3 { width:74%;}
.col2 { width:48.6%;}
.col5 { width:17.8%; }
.col6 { width:14.4%; }
.right-gap{ margin-right:2.2%;}
}

@media (max-width: 940px) {
#qh .col3 { padding:0 20px; height:240px;}
}

@media (max-width: 860px) {
h1 { width:30%; }
#nav { width:70%;}
.right-gap{ margin-right:2%;}
ul#menu li { padding-left:40px;}
}

@media screen and (max-width: 768px){
h1 { width:80%; vertical-align:top;}
#nav { vertical-align:top; width:20%;}
/*Make dropdown links appear inline*/
	#nav ul {
		position: relative; z-index:40;display: none;
	}
	/*Create vertical spacing*/
	#nav li {
		margin-bottom: 0px;
	}
	/*Make all menu links full width*/
	#nav ul li, #nav  li a {
		width: 100%; display:block;
	}
	/*Display 'show menu' link*/
	.show-menu {	display:block; line-height:20px; cursor:pointer; font-size:18px; color:#006939;
	}
.show-menu img { vertical-align: text-bottom;}
ul#menu { width:200px; float:right; margin-right:17px; top:33px; }
ul#menu li { padding:0;}
ul#menu li a { background:#fff; padding:5px 10px;}
ul#menu li a:hover { opacity:1;}	
#slide p { font-size:48px;}
#qh .col3 { height:280px;}
body:before { background-position:center top;}
}

@media screen and (max-width: 670px){
	.col2, .col3, .col4, .col4-3, .col3doble, .col5,  .col6
 { width:100%; display:block;}
.right-gap{ margin-right:0; margin-bottom:35px;}
#qh .col3 { padding:20px; height:auto;}
#qh .col3 p { position:relative; top:auto; left:auto; width:100%; transform:none; margin-bottom:0;}
#qh .col3.verde:last-of-type { background-color:#288dc1;}
}

@media screen and (max-width: 480px){
h1 { width:70%; }
#nav {  width:30%;}
	#slide p { font-size:38px;}
}