/***********************************************
Example use only - Delete when done..!
***********************************************/
body                                            { margin:0; padding:0; height:100%; background:#eee; }
.grid-highlight                                 { margin-bottom:0; }
.grid-highlight [class^="grid_"]                { line-height:30px; text-align:center; background-color:#eee; }



/***********************************************
Screen 1200px+
***********************************************/
.example                                        {  }

#header{
	background: rgb(126,145,165); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(126,145,165,1) 1%, rgba(151,175,196,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(126,145,165,1)), color-stop(100%,rgba(151,175,196,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(126,145,165,1) 1%,rgba(151,175,196,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(126,145,165,1) 1%,rgba(151,175,196,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(126,145,165,1) 1%,rgba(151,175,196,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(126,145,165,1) 1%,rgba(151,175,196,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e91a5', endColorstr='#97afc4',GradientType=0 ); /* IE6-9 */
margin:0 !important;
	}
    
#mendiola{
          background:transparent;
}
	
#logo-menu{
	background:transparent;
	height:70px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
padding:0 7%;
	}
	
.logo img{
	float:right;	
	}
    
.logo a:link{
      opacity:1;
 }
 
 .logo a:hover{
      opacity:0.6;
 }
    
#language{
          background:transparent;
      height:70px;    
      line-height:70px;
      position:relative;
}

#banner-smart{
              display:none !important;
}

#language a:link{
          opacity:1;
}

#language a:hover{ 
          opacity:0.6;
}

#info-index-row{ 
                 -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#info-index-row h1{
	background:#18acb3;	
	font-family: 'Oswald', sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-weight:100;
	padding:5px 5px 5px 10px;
	font-size:30px;
	}
	
#info-index-row p{
	font-family: 'Open Sans', sans-serif;
	color:#7e91a5;
	font-size:13px;
	}
	
#boton-info{
	 width:100px;
          height:30px;
	line-height:30px;
	font-size:12px;
	text-align:center;
	float:right;
	color:#1990b3;
	border:solid 1px #669999;	
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	}
	
#boton-info:hover{
	background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

	}
	
#boton-info a{
	color:#1990b3;
	text-decoration:none;	
	}

#info-index-nomina{
            background:url(../img/nomina.jpg) #ccc; 
			background-repeat:no-repeat;
	background-size:200px;
	background-position:97% center;
            border:solid 1px #669999;    
            padding:1% 20% 1% 1%;
            width:46%;
            margin:1% 2%;
			height:220px;
}

#info-index-empleados{
            background:url(../img/empleados.jpg) #ccc; 
			background-repeat:no-repeat;
	background-size:200px;
	background-position:97% center;
            border:solid 1px #669999;    
            padding:1% 20% 1% 1%;
            width:46%;
            margin:1% 2%;
			height:220px;
}

.footer, .push{
	background:transparent;
	width:100%;
	height:30px;
	}
	
#wrapper{
	min-height: 100%;
height: auto !important;
height: 100%;
width:100%;
margin: 0 auto -30px;
}

.footer-content{
	background:#7e91a5;
	color:#fff;
	height:30px;
	line-height:30px;
	font-size:12px;
	text-align:right;
	padding:0 30px;	
	}
	
.footer-content a:link{
	color:#fff;
	text-decoration:none;
	}
	
.footer-content a:hover{
	color:#fff;
	text-decoration:underline;	
	}
	
.footer-content a:visited{
	color:#fff;
	text-decoration:none;	
	}	
	

#interior-content{
	width:80%;
	height:auto;
	margin:20px auto;
	padding:10px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
	}	
	
#nosotros-left{
	width:30%;
	height:300px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;

border: solid 1px #669999;
	}
	
#nosotros-right{
	width:68%;
	height:300px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
margin-left:2%;
background:url('../img/fondo1.png') no-repeat;
background-size:cover;
padding:20px;
border: solid 1px #669999;
	}

#paqueteria-right{
	width:68%;
	height:300px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
margin-left:2%;
background-image: url(../img/fondo_paqueteria.png);
/*background:url('../img/fondo_paqueteria.png') no-repeat !important;*/
background-size:cover;
padding:20px;
border: solid 1px #669999;
	}

button.boton_localiza_paquete {
    height: 34px;
    border-radius: 20px;
    margin: 20px;
    background: #27abb3;
    border-color: #fff;
}
 
img.acceso_localiza {
    width: 200px;
    display: block;
}   
    #nosotros-right h3{
font-family: 'Oswald', sans-serif;
color: #1990b3;
font-weight: 100;
font-size:20px;

 }

     #paqueteria-right h3{
font-family: 'Oswald', sans-serif;
color: #1990b3;
font-weight: 100;
font-size:20px;

 }
	
#interior-content h1{
	margin:0px auto 15px auto;
	font-family: 'Oswald', sans-serif;
	color:#18acb3;
	text-transform:uppercase;
	font-weight:300;
	text-align:center;
	font-size:34px;	
	}
	
#interior-content h2{
	margin:0px auto 15px auto;
	font-family: 'Oswald', sans-serif;
	color:#1990b3;
	text-transform:uppercase;
	font-weight:300;
	text-align:left;
	font-size:30px;	
	}
    
#interior-content h3 {
margin: 0px auto;
font-family: 'Oswald', sans-serif;
color: #fff;
font-weight: 100;
text-align: left;
font-size: 18px;
text-align:center;
}
	
#interior-content p{
	font-family: 'Open Sans', sans-serif;
	color:#444;
	font-size:13px;	
    text-align:justify;
	}
	
p.titulo-vacante{
	color:#1990b3 !important;
	}	
	
#interior-content ul li{
	font-family: 'Open Sans', sans-serif;
	color:#444;
	font-size:13px;
	list-style:inside;
	line-height:15px;		
	}	
	
.frase-beneficios{
	width:100%;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
height:50px;	
line-height:40px;
background:#18acb3;
color:white;
font-family: 'Open Sans', sans-serif;
font-size:18px;
font-style:italic;
text-align:center;
padding:5px 0px;
	}
    
#contacto-left{
	width:30%;
	height:470px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
background:url(../img/contacto.jpg) no-repeat;
background-size:cover;
background-position: center top ;
border: solid 1px #669999;
	}
	
#contacto-right{
	width:68%;
	height:470px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
margin-left:2%;
background:#ccc;
padding:20px 10px 10px 10px;
border: solid 1px #669999;
	}
    
.frase-contacto{
	width:100%;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
height:50px;	
background:#18acb3;
color:white;
font-family: 'Open Sans', sans-serif;
font-size:18px;
font-style:italic;
text-align:center;
padding:5px 0px;
	}
	
.titulo-beneficios{
	width:100%;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
height:50px;	
background:#18acb3;
color:white;
font-family: 'Open Sans', sans-serif;
font-size:16px;
text-align:center;
padding:15px 0px;
text-transform:uppercase;
	}
	
.beneficio1{
	width:30%;
	height:300px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
background:url(../img/auditoria-carousel.jpg) no-repeat;
background-size:cover;
background-position: center top ;
border: solid 1px #669999;
margin-right:5%;
	}
	
.beneficio2{
	width:30%;
	height:300px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
background:url('../img/fondo1.png') no-repeat;
background-size:auto;
border: solid 1px #669999;
margin-right:5%;
	}
    
.beneficio2 p{
padding:20px;
color:#444 !important;
 }
	
.beneficio3{
	width:30%;
	height:300px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
background:url(../img/outsourcing-carousel.jpg) no-repeat;
background-size:cover;
background-position: center top ;
border: solid 1px #669999;
	}
    
.beneficio4{
	width:30%;
	height:300px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
background:url(../img/nomina-carousel.jpg) no-repeat;
background-size:cover;
background-position: center top ;
border: solid 1px #669999;
margin-top:20px;
margin-right:5%;
	}
    
.beneficio5{
	width:30%;
	height:300px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
background:url(../img/impuestos-carousel.jpg) no-repeat;
background-size:cover;
background-position: center top ;
border: solid 1px #669999;
margin-top:20px;
margin-right:5%;
	}
    
.beneficio6{
	width:30%;
	height:300px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
background:url(../img/contables-carousel.jpg) no-repeat;
background-size:cover;
background-position: center top ;
border: solid 1px #669999;
margin-top:20px;

	}
	
.beneficios-desc{
	width:65%;
	height:300px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
background:#ccc;
border: solid 1px #669999;	
padding:10px;
margin-top:20px;
margin-bottom:20px;
margin-right:5%;
	}

.beneficios-quote{
	width:30%;
	height:300px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
background:transparent;
padding:10px;
margin-top:20px;
margin-bottom:20px;
margin-right:0;	
font-family: 'Open Sans', sans-serif;
	color:#18acb3;
	font-weight:300;
	text-align:center;
	font-size:30px;
	line-height:34px;
	padding:auto;
	font-style:italic;	
	}

.empleados-left{
	width:30%;
	height:80px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
background:#18acb3;
color:white;
border: solid 1px #669999;
margin-right:5%;
padding:15px;
font-family: 'Open Sans', sans-serif;
font-weight:400;
	text-align:center;
	font-size:16px;
	line-height:18px;
	font-style:italic;
	}
	
.empleados-right{
	width:65%;
	height:80px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
background:#ccc;
color:#444;
border: solid 1px #669999;
padding:10px;
	}
    
   .content-clientes{ 
   width:80%;
   margin:0 auto;
                      }
                      
.clientes-wrapper{ 
                   display:none;}
                   
                   #beneficios-left{ 

width:30%;
	height:300px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
background:url(../img/beneficios-carousel.jpg) no-repeat;
background-size:cover;
background-position: center 50px ;
border: solid 1px #669999;

                   }
               

.servicios-smart{
display:none;
 }
 
.clientes-p{
 text-align:center !important;
  }
  
  .p-servicios{line-height:20px; }
  
.clientes-h3 h3{
color:#18acb3;
 }
 
.white-tab p{
	color:#fff !important;	
	} 

/***********************************************
Screen Smaller than 1199px
***********************************************/
@media only screen and (min-width:960px) and (max-width: 1199px) {

.example                                        {  }

.nav > li { /*afecta a cada uno de los elementos del primer nivel*/
    font-size:12px;
}

#logo-menu{
padding:0 1%;
	}
	
.camera_caption > div {
	background:#1990b3;
-webkit-column-gap: 30px !important;
width:900px !important;

}

.camera_caption h1{
    padding-right:50px !important;
	font-size:22px !important;
}

.camera_caption p{ 
				font-size:11px !important;
}

#info-index-row h1{
	font-size:20px;
	}
	
#info-index-nomina{
            padding:1% 22% 1% 1% !important;
}

#info-index-empleados{
            padding:1% 22% 1% 1% !important;
}

.frase-contacto{
font-size:14px;
	}
    
   
    
    .frase-beneficios{
	width:100%;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
height:50px;	
line-height:18px;
background:#18acb3;
color:white;
font-family: 'Open Sans', sans-serif;
font-size:13px;
font-style:italic;
text-align:center;
padding:5px 0px;
	}
    
.titulo-beneficios{
	
font-size:14px;

	}
    
    #interior-content p{
	font-family: 'Open Sans', sans-serif;
	color:#444;
	font-size:11px;	
    text-align:justify;
	}
    
    #nosotros-left{
	
	height:330px;
	
	}
	
#nosotros-right{
	
	height:330px;
	
	}
#paqueteria-right{
	
	height:330px;
	
	}
    
    #nosotros-right ul li{
    font-size:11px;
     }
#paqueteria-right ul li{
    font-size:11px;
     }
    
    #beneficios-left{ 


	height:330px;
	

                   }
                   
                   .clientes-wrapper{ 
                   display:none;
                   }
                   
                   .caption {
    height: 80px !important;
    padding:0px 10px !important;
    }
    
    .caption h3{line-height: 30px !important; }
    
    .camera_caption h2{ font-size:24px; }
    
    .img-carousel{margin-left:-107px; }
    
    .tab_container {

padding-top: 70px !important;
}

.img-nosotros{
margin-left:-100px;
 }
 
.p-servicios {
line-height: 15px;
}

#cust1, #cust2, #cust3, #cust4, #cust5, #cust6, #cust7, #cust8, #cust9, #cust10, #cust11, #cust12, #cust13{width:228px !important; height:250px; display:block; margin:0 auto; background-position:0px 50px !important; }



}

/***********************************************
Tablet (Smaller than 959px)
***********************************************/
@media only screen and (min-width:700px) and (max-width: 959px) {

.example                                        {  }
	
#header{ 
         margin:0 !important;
}
    
.logo img{
	float:left !important;
	}
	
.nav {
    float:none !important;
    margin-left:20px;
	height:70px !important;
    width:600px !important;
    padding-left:0;
}
	
.nav > li { /*afecta a cada uno de los elementos del primer nivel*/
    font-size:12px;
	padding:0 10px !important;
}

#logo-menu{
padding:0 !important;
	}
	
#language{
      position:fixed;
      top:0px !important;
      left:0px !important;
      background:#18acb3;
      width:100%;
      height:35px;
      padding-right:35px; 
      z-index:1000;  
}

#wrapper{ 
          padding-top:35px;
          padding-bottom:10px;
}

.languaje-content{
	float:right;
	margin-top:-20px !important;	
    padding-right:20px;
	}
    
#info-index-nomina{    
            padding:1% 35% 1% 1%;
            width:100%;
            margin: 10px 0px 0px 0px;
}

#info-index-empleados{
  padding:1% 35% 1% 1%;
            width:100%;
            margin: 10px 0px 0px 0px;
}	

.camera_caption > div {
	background:#1990b3;
    font-family: 'Open Sans', sans-serif;    
height:100px;
width:700px !important;
margin:0 auto;
}

.caption1{ width:100%; float:left; padding:10px; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; display:none; }
.caption2{ width:75% !important;  float:left; padding:10px; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.caption3{ width:25%;  float:left; padding:35px 0px 0px 20px !important; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}

.camera_caption h1{
	color: #fff;
    font-family: 'Oswald', sans-serif;
    text-transform:uppercase;
    margin:20px 0px 0px 0px !important;
    border-right:solid 1px white; 
    float:left;
    padding-right:30px !important;
	font-size:18px !important;
}

.camera_caption p{ 
                text-align:left;
                float:right !important;
				font-size:12px !important;
}

.footer{
    position:fixed;
	  bottom:0px;
	  left:0;
	  z-index:9999; 
      height:40px;
      line-height:40px;  
     
}

.footer-content{
	background:#7e91a5;
	color:#fff;
	height:40px;
	line-height:40px;
	font-size:11px;
	text-align:right;
	padding:0px 40px 0px 0px !important;	
	}
    
 #contacto-left{
	width:100%;
	height:auto;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
background:transparent;
border: solid 1px #669999;
	}
	
#contacto-right{
	width:100%;
	height:470px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
margin-left:0;
background:#ccc;
padding:20px 10px 10px 10px;
border: solid 1px #669999;
	}
    
.frase-contacto{
	width:100%;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
height:50px;	
background:#18acb3;
color:white;
font-family: 'Open Sans', sans-serif;
font-size:18px;
font-style:italic;
text-align:center;
padding:15px 0px;
	}
    
#nosotros-left{
	width:100%;
	height:auto;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
background:transparent;
border: solid 1px #669999;
	}
	
#nosotros-right{
	width:100%;
	height:300px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
margin-left:0;
background:#ccc;
margin-bottom:20px;
border: solid 1px #669999;

	}
#nosotros-right h3{
font-family: 'Oswald', sans-serif;
color: #1990b3;
font-weight: 100;
font-size:20px;

 }

#paqueteria-right{
	width:100%;
	height:300px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
margin-left:0;
background:#ccc;
margin-bottom:20px;
border: solid 1px #669999;

	}
#paqueteria-right h3{
font-family: 'Oswald', sans-serif;
color: #1990b3;
font-weight: 100;
font-size:20px;

 }
    
.right-clientes{
margin-top:-50px;
 }
    
.beneficio1{
	width:100%;
	height:auto;
margin-right:0;
margin-bottom:30px;
margin-top:10px;
	}
    
.beneficio2{display:none !important; }
    
.beneficio3{
	width:100%;
	height:auto;
margin-right:0;
margin-bottom:10px;
	}
    
.beneficio4{
	width:100%;
	height:auto;
margin-right:0;
margin-bottom:10px;
	}
    
.beneficio5{
	width:100%;
	height:auto;
margin-right:0;
margin-bottom:10px;
	}
    
.beneficio6{
	width:100%;
	height:auto;
margin-right:0;
margin-bottom:10px;
	}    
    
    
.clientes-wrapper{ 
                   display:none;
                   }
                   
                  .img-nosotros{ width:100% !important;
                  height:auto !important;}
                  
                  .caption {
    height: 50px !important;
    padding:7px !important;
    }
    
    #interior-content p {

font-size: 12px;

}

#nosotros-left {
height:350px;
}

#beneficios-left{
height:350px;
width:100%;
 }
 
 #nosotros-right p, {
 font-size:12px;
  }
  
  #nosotros-right li{
  font-size:12px !important;
   }

  #paqueteria-right p, {
 font-size:12px;
  }
  
  #paqueteria-right li{
  font-size:12px !important;
   }
   
   .tab_container {
border: none !important; 
border-top: none;
clear: both;
float: left;
width: 100%;
background: transparent !important; 
overflow: auto;
padding-top: 20px !important;
}

#interior-content p {
line-height: 20px !important;
}

.empleados-left{padding:11px }

#interior-content iframe{width:99%; margin:0 auto; }
   
   }
   


/***********************************************
Mobile (portrait 300px)
***********************************************/
@media only screen and (max-width:699px) {

.example                                        {  }

.logo img{
	float:left;
	}
    
	
#language{
      background:#18acb3;
      height:45px;    
      line-height:45px;
	  position:fixed;
	  top:-10px;
	  left:0;
	  z-index:9999;
      border-bottom:solid 1px #7e91a5;
}

#header{
	height:auto !important;
    background: rgb(126,145,165);
background: -moz-linear-gradient(top, rgba(126,145,165,1) 1%, rgba(151,175,196,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(126,145,165,1)), color-stop(100%,rgba(151,175,196,1)));
background: -webkit-linear-gradient(top, rgba(126,145,165,1) 1%,rgba(151,175,196,1) 100%);
background: -o-linear-gradient(top, rgba(126,145,165,1) 1%,rgba(151,175,196,1) 100%);
background: -ms-linear-gradient(top, rgba(126,145,165,1) 1%,rgba(151,175,196,1) 100%);
background: linear-gradient(to bottom, rgba(126,145,165,1) 1%,rgba(151,175,196,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e91a5', endColorstr='#97afc4',GradientType=0 );

    border-bottom:solid 1px #7e91a5;
	}
	
#logo-menu{

	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
padding:0 !important;

	}
    
#wrapper{
         padding-top:45px !important;
         padding-bottom:40px !important;
}

.footer{
    position:fixed;
	  bottom:10px;
	  left:0;
	  z-index:9999; 
      height:40px;
      line-height:40px;  
     
}

.footer-content{
	background:#7e91a5;
	color:#fff;
	height:40px;
	line-height:40px;
	font-size:11px;
	text-align:center;
	padding:0 !important;	
	}
    
#banner{ 
 display:none !important;
}

#info-index-nomina{
            background: #ccc; 
            border:solid 1px #669999;    
            padding:10px;
            width:95%;
            margin:10px auto;
			height:auto;
            -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#info-index-empleados{
             background: #ccc; 
            border:solid 1px #669999;    
            padding:10px;
            width:95%;
            margin:10px auto;
			height:auto;
            -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#info-index-row h1{
	background:#18acb3;	
	font-family: 'Oswald', sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-weight:100;
	padding:10px;
	font-size:18px;
    text-align:center !important;
	}
	
#info-index-row p{
	font-family: 'Open Sans', sans-serif;
	color:#7e91a5;
	font-size:12px;
	}
	
#boton-info{
	 
	float:none;
    margin:0 auto;
	
	}
    
    #banner-smart{
    display:block !important;
    height:150px;
    background:url('../img/slider/slider2.jpg');
    background-size:cover;
}

#banner-smart h1{ 
              background:#1990b3;
              font-family: 'Oswald', sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-weight:300;
    font-size:20px;
    position:relative;
    top:40%;
    opacity:0.9;
}
    
.languaje-content img{
                  margin:0 8px;
}


#contacto-left{
	width:100%;
	height:auto;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
background:transparent;
border: solid 1px #669999;
	}
	
#contacto-right{
	width:100%;
	height:380px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
margin-left:0;
background:#ccc;
padding:20px 10px 10px 10px;
border: solid 1px #669999;
	}
    
.frase-contacto{
	width:100%;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
height:50px;	
background:#18acb3;
color:white;
font-family: 'Open Sans', sans-serif;
font-size:14px;
font-style:italic;
text-align:center;
padding:5px 0px;
	}
    
#nosotros-left{display:none; }

#nosotros-right{border:none !important; background:transparent !important; }
#paqueteria-right{border:none !important; background:transparent !important; }
    
#beneficios-left{
	display:none;
	}
	
#beneficios-right{
	width:100%;
	height:380px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
margin-left:0;
background:#ccc;
padding:20px 10px 10px 10px;
border: solid 1px #669999;
	}
    
.frase-beneficios{font-size:14px;}
.titulo-beneficios{font-size:12px; }
    
#nosotros-left{
	width:100%;
	height:auto;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
background:transparent;
border: solid 1px #669999;
	}
	
#nosotros-right{
	width:100%;
	height:auto;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
margin-left:0;
background:#ccc;
padding:10px;
border: solid 1px #669999;
	}
#paqueteria-right{
	width:100%;
	height:auto;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
float:left;
margin-left:0;
background:#ccc;
padding:10px;
border: solid 1px #669999;
	}
    
    .beneficio1{
	width:100%;
	height:auto;
margin-right:0;
margin-bottom:10px;

	}
    
.beneficio2{
	width:100%;
	height:auto;
margin-right:0;
margin-bottom:10px;

	}
    
.beneficio3{
	width:100%;
	height:auto;
margin-right:0;
margin-bottom:10px;

	}
    
.empleados-left{width:100%;}

.empleados-right{width:100%; height:auto;}
    
.clientes-wrapper{ 
                   display:block;
                   width:200px;
                   margin:0 auto;
                  
                   padding:0;
                   }
                   

                   
                .servicios-smart{
display:block;
width:100%;
padding:10px;
 }
 
.beneficio1, .beneficio2, .beneficio3, .beneficio4, .beneficio5, .beneficio6{display:none !important;}

#interior-content h2{
text-align:center;
	}
    

    
 
    
.tab_container{padding-top:0 !important; }

#interior-content h2{display:none; }

.tab_content{background:#fff !important; }

.boton-pdf {width:170px; height:auto; margin:0 auto; }

#contacto-right{
	
	height:470px;}
    
   

}

/***********************************************
Mobile (landscape 420px)
***********************************************/
@media only screen and (min-width: 300px) and (max-width: 699px) {

.example                                        {  }



}