/* Eric Meyer's CSS Reset */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; 
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0; 
}
/* End of Eric Meyer's CSS Reset */


article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	font: 15px 'Open Sans', Arial, sans-serif;
	height: 100%;color: #333;
}
.wrapper { 
	width: 100%; 


}

a{text-decoration: none;}
/* Header
-----------------------------------------------------------------------------*/
.header {color: #fff;  
	 padding:10px 0px; 
}
.ic{font-weight: bold; margin:15px 0px; font-family: 15px;}
.ia{color:#254CA0; font-size: 16px; font-weight: bold; margin:35px 0px 5px;}


a.prensa{display: inline-block;background: #fff; color: #455894; font-size: 15px; padding: 5px 10px; 
margin-right: 15px; font-weight: bold;}
ul.ili{list-style: none; margin:20px; padding:0;}
.ili li{background:url(li.png)no-repeat;  font-size: 16px;
background-position: left center; padding:5px 20px; color:#333;}


ol{margin-left: 20px; }


ol li{padding:5px 15px;}
.noventa{width: 90%; margin: 0 auto; max-width: 1400px;}
.logo{display: inline-block;width: 29%; vertical-align: top;max-width: 330px;}
.logo img{width: 100%; height: auto;}
.medio{width: 44%; display: inline-block;vertical-align: top; margin: 20px 1%; padding:0 1%;text-align: left }
.pmedio{width: 47%; font-weight: bold; margin: 10px 1% 40px;  display: inline-block;
  vertical-align: top;max-width: 500px; text-align: left; }
.nom{font-size: 18px; margin:0px;}
.c1,.c2,.c3,.c4{padding:10px 10px 10px 50px;font-weight: bold; font-size: 20px;margin:10px 5px;}
.c1{background:url(ima/c1.jpg)no-repeat;background-position: left center}
.c2{background:url(ima/c2.jpg)no-repeat;background-position: left center}
.c3{background:url(ima/c3.jpg)no-repeat;background-position: left center}
.c4{background:url(ima/c4.jpg)no-repeat;background-position: left center}
ul.lista-num{list-style: none; margin:0px 20px 20px;}
.lista-num li{margin:5px;}
.lista-num span{font-weight: bold; padding-right: 15px;}
.pmedio span{display:block; font-style: italic;margin:5px 0px 0px;}
.azul{display:block;margin:10px 0px; padding:10px;background:#254CA0; color:#fff;}
.tres,.tresprensa{display: inline-block;width: 30%; margin: 0 1%; vertical-align: top;}
.tres a{margin: 20px 0px; color: #0D3996; font-size: 12px; font-weight: bold; display: block;}
.tres p{text-align: center;}
.tresprensa{text-align: left; max-width: 275px;width: 28%;   margin: 30px 2%;}
.tresprensa p{font-weight:bold; color: #333333; font-size: 15px; text-align: left;padding-bottom: 0px; margin-bottom: 0px}
.tresprensa span{ font-size: 18px; display: block; margin: 25px 0px; text-align: left;
color: #455894; font-weight: bold;}
.tresprensa a{color: #455894; font-size: 15px; font-weight: bold;}
.tresprensa img{width: 100%; max-width: 255px;}
.tresprensa .fecha{font-size: 14px; color: #333333; font-weight: normal; margin-bottom: 20px; text-align: left;}
.titulopaginas{background: url(ima/titulo.jpg); background-repeat:  no-repeat; background-position:  left bottom; padding:15px 0px; margin: 10px 20px; font-size: 30px; color: #333; font-weight: bold;}
.tituloservicios{background: url(ima/titulo.jpg); background-repeat:  no-repeat; background-position:  center bottom; padding-bottom: 5px; margin: 10px 0px; font-weight: bold;}
.menu{display: inline-block;width: 70%;vertical-align: top;}
.seis{display:inline-block; width:62%;vertical-align: top; margin-right: 1.5%}
.seis span{color:#0D3996; font-weight: bold;}
.tercio{display:inline-block; width:35%;vertical-align: top;}
.tituloazul{font-size:30px; margin-bottom:10px;
  background:url(ima/titulo-nosotros.jpg);background-repeat: no-repeat;background-position:  bottom left;}
ul.lista-herramientas{list-style: none; display: inline-block; margin: 10px auto; padding: 0px; text-align: left;}
.lista-herramientas li{background: url(ima/tilde.png); background-repeat: no-repeat; background-position: left center;
  padding:5px 20px; font-weight: bold;}

a.vercv{background:url(ima/ver.png)no-repeat;background-position: left center; padding-left:30px;font-size: 15px; color:#254CA0; }
input, textarea {
width:90%;
background:#0D3996;
border:1px solid #0D3996;
padding:10px;
margin:5px 0px;
color:#ffffff;font-family:'Open Sans', Arial, sans-serif;
}

textarea {
height:150px;
}

input[type="submit"]{ 
font-weight: bold;padding:5px 40x; text-align: center; color: #333; 
border:1px solid #000; background:#fff;
width: 130px; display: inline-block;
margin:20px auto; 
}
::-webkit-input-placeholder { color: #fff; font-weight: bold;} /* WebKit */
:-moz-placeholder {color: #fff;  font-weight: bold;} /* Firefox 18- */
::-moz-placeholder { color: #fff; font-weight: bold; } /* Firefox 19+ */
:-ms-input-placeholder { color: #fff; font-weight: bold;} /* IE 10+ */
input[type="submit"]:hover{background: #000; color: #fff}

.blanco input,
.blanco  textarea{background: #fff; color: #333; border: 1px solid #333}
.blanco textarea{height: 200px;}
.blanco ::-webkit-input-placeholder { color: #333; } /* WebKit */
.blanco :-moz-placeholder {color: #333; } /* Firefox 18- */
.blanco ::-moz-placeholder { color: #333; } /* Firefox 19+ */
.blanco :-ms-input-placeholder { color: #333;} /* IE 10+ */
/* Middle
----------------------------------------------------------------------------*/
.content {
	padding: 0;
}
i{font-style: italic}
p{text-align: justify; margin-bottom: 12px}
.frase{text-align:center;font-weight: bold;font-size:20px;padding:100px 0px 20px}
.titulo-frase{padding:0px; text-align:center; font-size:50px;font-weight: bold;}
a.boton-servicios{color:#fff;display:inline-block; padding:5px 50px 5px 20px;background:url(ima/flecha.png);
  background-repeat: no-repeat; background-position: right center; border:1px solid #fff;  margin:20px}

  a.boton-servicios:hover{background:#28429b url(ima/flecha.png);background-repeat: no-repeat; background-position: right center;}
/* Footer
-----------------------------------------------------------------------------*/
.footer {
  clear: both;
	background: #000;
padding: 30px 0px 3px;
margin: 0px;
color: #fff;
text-align: center;
}


.footer ul{display: inline-block; list-style: none; text-align: left;margin: 0 10px; background: #000}
#nav-trigger {
  display: none;
  text-align: center; }
  #nav-trigger span {
    display: inline-block;
    padding: 10px 30px;
    color: white;
    cursor: pointer;
    text-transform: uppercase; }
   

nav {
  margin-bottom: 5px; }

nav#nav-main {
  padding: 0; margin-top: 15px; text-align: right;}
  nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
   }
  nav#nav-main li {
    display: inline-block;
  border: solid 1px transparent;
    padding: 0; margin: 0 5px; }

   .activa{  border: solid 1px #fff!important;}
  nav#nav-main a {
    display: block; font-weight: bold;
    color: white;
    padding: 5px 20px; }
    nav#nav-main a:hover {
      background: #fff; 
      color: #000; }

nav#nav-mobile {
  position: relative;
  display: none;z-index: 9999; }
  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #28429b; }
  nav#nav-mobile li {
    display: block;
    padding: 5px 0;
    margin: 0 5px;
    border-bottom: solid 1px #28429b; }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {
    display: block;
    color: white;
    padding: 10px 30px; }
    nav#nav-mobile a:hover {
      background-color: #0D3996;
      color: #fff; }

/* =Sections
-------------------------------------------------------------- */
section h1 {
  margin-bottom: 10px; }

section p {
  margin-bottom: 30px; }
  section p:last-child { 
    margin-bottom: 0; }




/* banner */

.banner{position:relative;width:100%;overflow:auto;margin:0px;font-size:18px;line-height:24px;text-align:center;color:#fff;background:#fff; visibility: visible;}
.banner ul{list-style:none;width:300%;margin:0px;}
.banner ul li{display:block;float:left;width:33%;padding:80px 0 150px; text-align: center;font-size: 20px; color:#fff;
  -moz-background-size:100% 100%;-o-background-size:100% 100%;-ms-background-size:100% 100%;}
.banner h3{font-size:55px;line-height:60px;margin:10px auto 20px;font-weight:bold;display:table;padding-bottom:5px;color:#fff; background: url(http://tresfoco.com.ar/wp-content/uploads/2015/04/baner-linea.png) no-repeat center bottom; padding-bottom: 15px;}
.banner h4{font-weight:bold;font-size:40px;color:#fff;}
.banner span{font-size:18px;font-weight:bold;}
.banner p{max-width:850px;padding:10px;margin:0 auto 20px;font-size:20px;font-weight:bold; text-align: center; min-height: 78px}
.banner .btn{display:inline-block;margin:0;padding:9px 22px 7px;clear:both;color:#fff;font-size:12px;font-weight:bold;text-transform:uppercase;text-decoration:none;background:#333;}
.banner .btn:hover{background:#fff;color:#fff;}
.banner .btn:active{}
.banner .btn, .banner .dot{}
.btitulo{padding:0px; text-align:center; font-size:50px;font-weight: bold;background:url(ima/titulo.png)no-repeat;
background-position: bottom center; padding:10px 0px 25px; margin:15px auto 20px;text-align: center; display:table; }
.banner .dots{position:absolute;left:0;right:0;bottom:10px;}
.banner .dots li{display:inline-block;width:5px;height:5px;margin:0 4px;text-indent:-999em;padding:0px;
  border:2px solid #fff;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s, opacity .5s;-moz-transition:background .5s, opacity .5s;transition:background .5s, opacity .5s;}
.banner .dots li.active{background:#fff;opacity:1;}
a.bcontacto{background: url(ima/contacto.png)no-repeat; background-position: center center; text-align: center; font-weight: bold;
 margin:20px auto;color:#fff; display:table;
padding:10px 30px 10px;}



/* =Media Queries
-------------------------------------------------------------- */
input[type="checkbox"],.radio {
    display: inline-block;
    padding: 0px;
    margin: 0px;
   
}

.imapc{visibility: visible;display: inline-block;}
.imamovil{visibility: hidden; display: none;}
.confian{width: 230px; display:inline-block; text-align: left; vertical-align: top; margin:10px 20px;color:#333; font-size: 16px;}
.confian img{margin-bottom: 15px;}
.tel{background:url(ima/tel.png)no-repeat;background-position: left center; margin:5px 0px; padding:5px 5px 5px 40px;}
.email{background:url(ima/email.png)no-repeat;background-position: left center; margin:5px 0px 15px; padding:5px 5px 5px 40px;}



.lb-loader,.lightbox{text-align:center;line-height:0}
.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}
html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}
.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}
.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}
.lightbox a img{border:none}
.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}
.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}
.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}
.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}
.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}
.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}



.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-width: 1450px){

  .banner ul li{padding:200px 0 250px;}
}
    @media (max-width:1100px){
      .noventa{width: 99%}
        .banner ul li{padding:60px 0px; }
                .logo{display: inline-block;width: 68%; vertical-align: top; text-align: left;max-width: none;}
.logo img{width: 100%; height: auto; max-width: 330px; height: auto;}
        .menu{display: inline-block;width: 30%;vertical-align: top; padding-top: 0px;}
a.prensa{ padding: 5px 10px; margin-bottom: 15px;
margin-right: 30%; font-weight: bold;}


  #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }
  #nav-trigger span {border:1px solid #fff;}
  nav#nav-mobile { display: block; }
      }

    @media (max-width: 950px) {

   .banner ul li{padding:30px 0px; }
   .btitulo {font-size: 35px; line-height: 40px}
.pmedio{display:block; width:95%;vertical-align: top; margin: 10px auto}


   }

@media (max-width:860px){
 


 }
@media (max-width:700px){
  .medio{width:95%; display: block; padding: 5px; margin: 15px auto; border: none!important}
  .seis{display:block; width:95%;vertical-align: top; margin: 10px auto}
.tercio {display:block; width:95%;vertical-align: top; margin: 10px auto}
.imamovil{visibility: visible;display: inline-block;}
.imapc{visibility: hidden; display: none;}
  .footer ul{display: block; list-style: none; text-align: left;margin: 20px auto; width: 90%; padding-left: 0!important; border-left:none!important;}
a.boton-servicios{margin:5px}
  .frase{font-size:18px;padding:20px 10px}
  .titulo-frase{font-size: 30px; line-height: 32px; padding: 20px 0px;}
  .tres{display: block;width: 90%; margin: 10px auto; }
   #nav-trigger span {
    display: block; background: #000;  }
.logo{width: 95%;max-width: none; display: block; margin: 0px auto; padding-top: 10px; text-align: center;}
.logo img{max-width: 330px;}
.menu{display: block;width: 90%;margin: 0px auto; padding: 10px 0px;}


a.prensa{ 
margin-right: 0%; font-weight: bold;}


}

@media (max-width:630px){
  .tresprensa{display: inline-block; width:45%; margin:20px 1%;}
.tresprensa img{width: 100%}
  .banner ul li{background:#0D3996!important;}


}



.tech-slideshow {
  height: 200px;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.tech-slideshow > div {
  height: 200px;
  width: 5032px;
  background: url(collage.jpg);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  transform: translate3d(0, 0, 0);
}
.tech-slideshow .mover-1 {
  animation: moveSlideshow 35s linear infinite;
}
.tech-slideshow .mover-2 {
  opacity: 0;
  transition: opacity 0.5s ease-out;
  background-position: 0 -200px;
  animation: moveSlideshow 35s linear infinite;
}
.tech-slideshow:hover .mover-2 {
  opacity: 1;
}

@media (max-width:440px){
 .tresprensa{display: block; width:275px; margin:20px auto;}

}
@keyframes moveSlideshow {
  100% { 
    transform: translateX(-66.6666%);  
  }
  
}
  .btn-whatsapp {
       display:block;
       width:70px;
       height:70px;
       color:#fff;
       position: fixed;
       right:20px;
       bottom:20px;
       border-radius:50%;
       line-height:80px;
       text-align:center;
       z-index:999;
}

}