@charset "utf-8";
/* CSS Document */
* { border:0;
margin:0;
padding:0;
box-sizing:border-box;}
a { text-decoration:none; }
img, video { max-width:100%;}

strong { font-weight:700;}



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

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

}
body {font-family: 'Open Sans', 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:80px;  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;}

.logo { /*width:20%;*/ line-height:0;  font-size:18px; line-height:1; font-weight:600; font-weight:bold; color:#fff; text-align:right;}
#nav { width:88%; text-align:right; /*padding-right:80px; */ }
ul#menu  { list-style:none; }
ul#menu li:first-child { padding-left:0;}
ul#menu li { padding-left:27px; font-size:12px; line-height:1; font-weight:600; font-weight:bold; }
ul#menu li a { color:#fff; }
ul#menu li a:hover{ color:#fff; transition: ease 0.5s;}
ul#menu li.current a, ul#menu li a.current  { color:#8bb8ea;}

/*#logoins { padding-top:100px;  }*/
.colorear {background:rgba(0,113,206,.75); }

#top.fixed {  height:75px; transition: 0.9s; position: fixed; }
#top.fixed .cont { padding:15px 0; transition: 0.9s; }

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

.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;
}

ul { list-style-position: disc inside;  }

#tapa { background-color:rgba(0,113,206,.75); width:100%; height:660px; top:-80px; position:relative; z-index:-18; }
#logoins {display:block; width:100%; position:relative; top:-1230px; }
h1 { font-size:40px; text-align:center; font-weight:100; color:#0071ce; padding-top:80px; padding-bottom:40px; }
h2 { color:#666666; font-size:22px; text-align:center; font-weight:100 }
h3 { font-size:36px; text-align:center; font-weight:500; color:#0071ce; padding-top:80px; padding-bottom:40px; }

h5 {font-size:24px; text-align:left; font-weight:100; color:#666; padding-top:30px; padding-bottom:20px; }


.col2, .col3, .col4, .col4-3, .col3doble, .col2-menos, .col6 { display:inline-block; vertical-align:top;}
.col3 { width:530px;}
.col3doble { width:730px;}
.col4 { width:210px; height:200px; }
.col4-3 { width:825px; }
.col2 { width:850px;}
.col6 { width:520px; /*margin-left: 50px;*/}
.dere6 {margin-left: 30px; }

.col2-menos { width:530px;}
.right-gap { margin-right:25px;}
.right-gap2 { margin-right:25px;}
.left-gap { margin-left:25px;}
.bottom-gap { margin-bottom:30px !important;}
.bottom-gap2 { margin-bottom:60px !important;}

li{margin-left:20px; }


.g1{width:255px; position:relative; float:left; margin-top:23px;}
.g2{width:534px; position:relative; float:left; margin-top:23px;}
.rg30 {margin-right:23px; }
.ato {margin-top:30px }

#pie {height:60px; }
 
.destacado {font-size:24px; font-weight:100; color:#0071ce; padding-top:30px;}

#empresa { position:relative; width:1090px; margin:auto; font-size:16px; color:#666666; }
#separador {background-color:#efefef; position:relative; width:1090px; margin:auto; margin-top:60px;  }
#separador img{padding: 40 20 20 40; }
#enseparador {font-size:14px; color:666666; padding:40px;}

#subtitulo {height:280px; width:100%; background-color:#efefef; margin-top:-1200px; }

#clienteslogos {position:relative; width:1090px; margin:auto;}

.gris{background-color:#efefef; position:relative; width:100%; margin-top:60px; } 
.blanco{background-color:#ffffff; position:relative; width:100%;  } 
#grilla{position:relative; width:1090px; margin:auto; background-color:#efefef; display:flow-root; padding:40px 0 60px 0; }
#servicios {position:relative; width:1090px; margin:auto; font-size:16px; color:#666666; }

.divclientes {display: inline-block; vertical-align:top; border:1px; color:#efefef; border-style:solid; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; width:239px; height:96px; margin-top:30px; margin-right:30px; }
.pclientes {text-align:center; line-height:100px; vertical-align:middle;}

#contacto p {color:#FFFFFF; font-size:14px; line-height:20px; }
#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; font:inherit; height:40px; background:#E7E7E7; width:255px; display:block; margin-bottom:10px; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; }
#contacto input.dos { width:47.2% !important; display:inline-block; margin-bottom:30px;}
#contacto input[type="submit"] {color:#fff; font-size:16px; height:40px; background-color:#0071ce; border:#FFFFFF; border-width:thin;  border-style:solid; width:345px; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; margin-bottom:60px;}
#contacto textarea.cuatro { width:99% !important; display:inline-block; margin-bottom:30px;  border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; font:inherit; background:#E7E7E7;}


#pie {background-color:#54565A; color:#fff; font-size:14px; color: #A4A5A8; padding-top:10px; }
#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; /*padding-top:10px;*/}

.boton a { display:block; color:#fff; font-weight:600; text-align:center; width:350px; line-height:40px; margin:60px auto 0 auto;
border-radius:30px;
-moz-border-radius:9px;
-ms-border-radius:9px;
-o-border-radius:9px;
-webkit-border-radius:9px;}
.boton.azul a{ background-color:#0071ce;}

#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;
}

#logocon {padding-top:120px; margin-bottom:20px;}

@media screen and (max-width: 1110px){
.cont, #solucion-car .car { width:100%; }
#separador {width:100%; }
#servicios {width:100%; }
#grilla {width:100%; }
#empresa {width:100%; }
#clienteslogos {width:100%; }
.col3 { width:43%;}
.col3doble { width:65%; padding-bottom: 10px;}
.col2 { width:60%;}
.col6 { width:90%; }
.right-gap { margin-right:2.2%; margin-left: 10.2%;}
.right-gap2 { margin-right:2.2%;}
.logo { width:50%; vertical-align:top; padding-top:14px; }
#nav {width:50%; vertical-align:top;}
#top #nav {  padding-top: 12px;}
#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:#fff; font-weight:600; width:140px;
	}
.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(0,113,206,.75); 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 input { display:block; width:100% !important;}
#contacto .col2 { width:100%; max-width:540px;}
#logoins {padding-top:0; }

.g1 .g2 {float:none; margin: auto; }
.g1 img{padding:10px; }

#eem { padding-top:180px; }
.divclientes { display:inline; }

#logocon {padding-top:20px; }
#pie { height:100px; }
}

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

@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;}
.g1 {width:100%; position:inherit;
}


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

#logoins {top: -1070px;}
#subtitulo { margin-top:-1180px}


#tapa {height:600px; }

#logoimg img { width:200px; }

}


@media screen and (max-width: 640px){
#solucion .cont { background-image:none;}
#solucion  {
	min-height:240px;background-image: url(images/calzada-izq.png), url(images/calzada-der.png);
  background-position: left -50px bottom, right -50px bottom;
  background-repeat: no-repeat, no-repeat;}
.cell.grey { width:46%; padding-left:10px;}
.cell.red, .cell.orange, .cell.dark {width: 17%;}
.cell.empty { width:1%;}
#caracteristicas .table ul { margin-left:18px;}
#medida .col3doble, #medida .col3 { width:100%; display:block;}
#medida .col3doble.right-gap { margin-right:0; margin-bottom:30px; text-align:center;}
#medida .boton a { margin:0 auto;}
.col4 {width: 170px;}



}


@media screen and (max-width: 568px){
.col2, .col3,  .col3doble{ width:100%; display:block; padding:10px;}
.right-gap { margin-right:0; margin-bottom:25px; padding:10px;}
#beneficios img { margin:0 auto; display:block;}
#beneficios h2 { text-align:center;}
#beneficios .col3doble { text-align:center;}
#beneficios ul { margin-left:8px;}
.row.tit { font-size:14px;}
#caracteristicas .table ul { font-size:13px;}
.right-gap { margin-left:0; }
#iconoequipo{ display:none;}
.col6{margin-left:0; padding:10px;}
.g2{width:450px; }}
.col2-menos { width:95%;}
.divclientes { margin:auto auto 30;  display:block; }



}

@media screen and (max-width: 420px){
.row.tit { font-size:11px;}
#caracteristicas .table ul { font-size:12px;}
.g2{width:300px; }



}