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

* { border:0;
margin:0;
padding:0;
box-sizing:border-box;}
a { text-decoration:none; }
img, video { max-width:100%;}
a:hover, input[type="submit"]:hover { opacity:0.8;}
input[type="submit"] { -webkit-appearance: none;}
strong { font-weight:700;}

#home { margin-top:-135px; height:135px;}

#wrap {
	width: 100%;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0;

}

body { font-family: 'Montserrat', sans-serif; font-size:16px; color:#54565A; background:#fff; font-weight:300; }

#top, #slide, #empresa, #servicios, #galeria, #videos, #contacto, #form-c, #map, #pie { 
display:block; width:100%;
}
.cont { width:1110px; margin:0 auto;}

#top {height:120px;  top:0; left:0; right:0; font-size:0; background:rgba(255,255,255,.75); 
transition: 0.5s;  z-index:2000;  }
#top .cont {padding:30px 0;}
.logo, #nav, #menu, ul#menu li { display:inline-block;  vertical-align:middle;}
#top .logo {background: url(images/exa-americas-logo.png) no-repeat; height:60px; transition: 0.9s;}
.logo { width:25%; line-height:0;}
#nav { width:75%; text-align:right;  }
ul#menu  { list-style:none; }
ul#menu li:first-child { padding-left:0;}
ul#menu li { padding-left:27px; font-size:14px; line-height:1; font-weight:600; }
ul#menu li a { color:#54565A; }
ul#menu li a:hover{ color:#007297; transition: ease 0.5s;}
ul#menu li.current a, ul#menu li a.current  { color:#54565A;}


#top.fixed { height:75px; transition: 0.9s; position: fixed; }
#top.fixed .cont {padding:15px 0; transition: 0.9s;}
#top.fixed .logo {background: url(images/exa-icono-header.png) no-repeat; height:45px;}
	
.pad { padding-top:135px;}
.pad-t { top:135px; position:absolute;}

.slide {height:660px; position:relative; margin-top:-120px; z-index:-20;}

h2 { font-size:30px;  text-align:center; margin-bottom:45px; font-weight:500; }
#soluciones h2, #caracteristicas h2 { color:#fff;}

.col2, .col3, .col4, .col4-3, .col3doble, .col2-menos, .col6 { display:inline-block; vertical-align:top;}
.col3 { width:350px;}
.col3doble { width:730px;}
.col4 { width:255px;}
.col4-3 { width:825px;}
.col2 { width:540px;}
.col6 { width:180px;}
.col2-menos { width:480px;}
.right-gap { margin-right:25px;}
.left-gap { margin-left:25px;}
.bottom-gap { margin-bottom:30px !important;}
.bottom-gap2 { margin-bottom:60px !important;}

.tit-logo {  background-image: url("images/fondo-panal.png"); background-color:#fff;
  min-height: 240px; 
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto;}
.tit-logo .cont { padding:60px 0;}
.tit-logo h2 { text-align:center;}
.tit-logo h2 img{ display:block; margin:0 auto;}

#exaadvisory, #exasolutions, #exaloyalty, #contacto { padding-top:75px;
z-index: 10; 	position: relative;}
#contacto .cont { padding-top:45px;}
#contacto { padding-bottom:60px;}

#exa-car { padding:40px 0 60px 0;  text-align:center; position:relative; background-color:#E7E7E7}
#exa-car .car { max-width:1110px; margin:0 auto;}
#exa-car li { font-size:14px; font-weight:300; line-height:21px; letter-spacing:-0.3px;}
#exa-car li strong{ font-size:16px; font-weight:600; display:block;}
#exa-car li h3 { font-size:30px; font-weight:500; margin-bottom:50px;}
#exa-car li img { display:block; margin:0 auto 25px auto;}
#exa-car li.li-exaadvazul h3, #exa-car li.li-exaadvazul strong { color:#003DA5;}
#exa-car li.li-exaadvcel h3, #exa-car li.li-exaadvcel strong { color:#41B6E6;}
#exa-car li.li-exasolverosc h3, #exa-car li.li-exasolverosc strong { color:#046A38;}
#exa-car li.li-exasolverdeclaro h3, #exa-car li.li-exasolverdeclaro strong { color:#97D700;}
#exa-car li.li-exaautvio h3, #exa-car li.li-exaautvio strong { color:#4c078c;}
#exa-car li.li-exaautrosa h3, #exa-car li.li-exaautrosa strong { color:#ec3fa8;}
#exa-car li.li-exasignosc h3, #exa-car li.li-exasignosc strong { color:#003B5C;}
#exa-car li.li-exasignverde h3, #exa-car li.li-exasignverde strong { color:#00B388;}
#exa-car li.li-exaloyared h3, #exa-car li.li-exaloyared strong { color:#E4002B;}
#exa-car li.li-exaloyaorange h3, #exa-car li.li-loyaorange strong { color:#ED8B00;}


.boton a { display:block; color:#fff; font-weight:600; text-align:center; width:350px; line-height:60px; margin:60px auto 0 auto;
border-radius:30px;
-moz-border-radius:30px;
-ms-border-radius:30px;
-o-border-radius:30px;
-webkit-border-radius:30px;}
.boton.exaadvazul a{ background-color:#003DA5;}
.boton.exasolverosc a{ background-color:#046A38;}
.boton.exaautvio a{ background-color:#4c078c;}
.boton.exasignverde a{ background-color:#00B388;}
.boton.exaloyared a{ background-color:#E4002B;}

#contacto { background-image:url(images/fondo-panal-contacto.png);
 background-color:#fff;
  min-height: 630px; 
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto;}
#contacto h2 {color: #007396;}
#contacto p.bajada { text-align:center; margin:0 auto 60px auto; line-height:24px; max-width:540px;}
#contacto .col2 { display:block; margin:0 auto;}
#contacto span { font-size:14px; font-weight:500; margin-bottom:10px; display:block}
#contacto input {padding:0 10px; color: #A4A5A8; font:inherit; height:40px; background:#E7E7E7; 
width:100%; display:block; margin-bottom:10px; }
#contacto input.dos { width:47.2% !important; display:inline-block;}
#contacto input[type="submit"] {color:#fff; background: #007297; font-size:16px; height:60px;
width:350px; margin:60px auto 0 auto; font-weight:600;
border-radius:30px;
-moz-border-radius:30px;
-ms-border-radius:30px;
-o-border-radius:30px;
-webkit-border-radius:30px;}

#pie {background-color:#54565A; color:#fff; font-size:14px; color: #A4A5A8; padding:30px 0;}
#pie a { color: #A4A5A8;}
#pie .left img { display:inline-block; vertical-align:middle; padding-right:30px;}
#pie .left p { display:inline-block; vertical-align:middle; }
#pie .right { text-align:right;}

.tit { text-align:center; height:545px; color:#fff; background-size:cover; position: relative;
margin-top:-145px; z-index:-20;
box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);
-moz-box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2); 
-ms-box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);
-o-box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 0 0 1000px rgba(0,0,0,.2);}
.tit.fideliz { background: url(images/header-fidelizar.jpg) no-repeat center bottom;}
.tit.solmed { background: url(images/header-soluciones.jpg) no-repeat center center;}
.tit.nosotros { background: url(images/header-empresa.jpg) no-repeat center bottom -70px;}
.tit.exasign { background: url(images/header-exasign.jpg) no-repeat center bottom -5px;}
.tit.exautomation { background: url(images/header-exautomation.jpg) no-repeat center bottom -5px;}

.tit h2 {position: absolute; top: 50%; transform: translateY(-50%); left:0; right:0;
font-size:36px;}

.main {  padding:60px 0;
 min-height: 340px; 
 background-color:#fff;
 background-image: url(images/fondo-panal-nosotros.png);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;}
.main p {font-weight:300; line-height:24px; max-width:540px; margin:0 auto; text-align:center;}
.main h3 { text-align:center; font-size:30px; font-weight:500; color:#ea0029; margin-bottom:45px; line-height:1;}

.mainsign {  padding:60px 0;
 min-height: 340px; 
 background-color:#fff;
 background-image: url(images/fondo-panal-exasign.png);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;}
.mainsign p {font-weight:300; line-height:24px; max-width:540px; margin:0 auto; text-align:center;}
.mainsign h3 { text-align:center; font-size:30px; font-weight:500; color:#ea0029; margin-bottom:45px; line-height:1;}

.mainauto {  padding:60px 0;
 min-height: 340px; 
 background-color:#fff;
 background-image: url(images/fondo-panal-exautomation.png);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;}
.mainauto p {font-weight:300; line-height:24px; max-width:540px; margin:0 auto; text-align:center;}
.mainauto h3 { text-align:center; font-size:30px; font-weight:500; color:#ea0029; margin-bottom:45px; line-height:1;}


/*Style 'show menu' label button and hide it by default*/
.show-menu {
	color: #54565A;
	display: none; 
}
.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: 36px;
	border: none;
	text-indent: 100%;
	background: url(images/top-move.png) no-repeat right top; z-index:20;
}

::-webkit-input-placeholder {color: #A4A5A8;}
:-moz-placeholder {color: #A4A5A8;}
::-moz-placeholder {color: #A4A5A8;}
:-ms-input-placeholder {color: #A4A5A8;}


@media screen and (max-width: 1110px){
.cont, #exa-car .car { width:97%; }
.col3 { width:31.5%;}
.col3doble { width:65%;}
.col2 { width:48.6%;}
.col4 { width:23%;}
.right-gap { margin-right:2.2%;}
.logo { width:50%; vertical-align:top; }
#nav {width:50%; vertical-align:top;}
#top #nav { padding-top:40px;}
#top.fixed #nav { padding-top:13px;}
/*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:14px; color:#54565A; font-weight:600;
	}
.show-menu img { vertical-align: text-bottom; margin-left:0;}
ul#menu { width:200px; float:right; margin-right:17px; top:32px; }
ul#menu li { padding:0;}
ul#menu li a {background:rgba(255,255,255, 0.8); border:solid 1px #fff; padding:10px;}
ul#menu li a:hover {background:#fff;  }

.boton a { width:100%; max-width:350px;}
#contacto input.dos { display:block; width:100% !important;}
#contacto .col2 { width:100%; max-width:540px;}
}

@media screen and (max-width: 890px){
.right-gap { margin-right:1.2%;}
}

@media screen and (max-width: 820px){
#pie .col2 { display:block; width:100%;}
#pie .col2.right-gap { margin-right:0; margin-bottom:20px;}
#pie .left, #pie .right { text-align:center;}
#pie .left img { padding-right:0px; padding-bottom:5px; display:block; margin:0 auto;}
}


@media screen and (max-width: 768px){
.slide {height: auto;}
.tit {height:445px;}
.tit.nosotros { background-size:auto 120%;}
}


@media screen and (max-width: 640px){

}


@media screen and (max-width: 568px){
.col2, .col3,  .col3doble, .col4{ width:100%; display:block;}
.right-gap { margin-right:0; margin-bottom:25px;}

}


@media screen and (max-width: 420px){

}