/* @override 
	http://localhost/wp-content/themes/adexus-mobile/style.css
	http://test.ilogica.cl/adexus/wp-content/themes/adexus-mobile/style.css
*/

/*
Theme Name: Adexus (Mobile Version Translate)
Theme URI: http://www.ilogica.cl
Description: Tema para Adexus
Version: 1.0
Author: Ilogica
Author URI: http://www.ilogica.cl

*/

@import "css/reset.css";
body{
	background: #e2e2e2;
	color:#9b9fa1;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
}
a{
	color: #666;
	text-decoration: none;
}

em{
	font-style: italic;
}
img{
	width: 100%;
	height: auto;
}


/* @group structure */


.btn{
	display: inline-block;
	background: #9ba0a1;
	color: #fff;
	margin: 0 5px;
	font-size: 13px;
	text-transform: uppercase;
	padding: 5px 10px;
}

.btn:hover{
	background: #777;
}

p .btn{
	margin: 0;
}

#wrapcentro{
	position: relative;
	width: 100%;
	padding-top: 40px;
	background: #fff;
	min-width: 320px;
	z-index: 10;
}

.home #wrapcentro{
	padding-top: 60px;
}

#wrapcentro.active{
	margin-left: 250px;

}

#wrapcentro.contacto{
	margin-left: -250px;

}



#tabscontact{
	width: 0;
	overflow-y:auto;
	overflow-x: hidden;
	position: fixed;
	top: 0;
	z-index: 888;
	height: 100%;
	-webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
}

#tabscontact img{
	width: auto;
}

#wraptodo{
	margin: 0 auto;
	position: relative;
	max-width: 600px;
}

.wrap{
	padding: 0 10px;
}

.clear{clear: both;}


/* @end */
/* @group Header */



#daytop{
	background: #d97173 url(img/btn_inv.png) no-repeat center center;
	background-size: 320px 71px;
	width: 100%;
	display: block;
	height: 100px;
	z-index: 11;
	top: 50px;
	position: absolute;
}

.btn_invitacion{
	background: #d97173 url(../../uploads/2013/09/inv.png) no-repeat center center;
	background-size: 302px 35px;
	width: 302px;
	position: relative;
	top: 82px;
	margin: 0 auto;
	display: block;
	height: 35px;
}

header{
	top: 0;
	position: fixed;	
	width: 100%;
	z-index: 50;
	height: 49px;
	background: #fff;
	max-width: 600px;
	border-bottom: 1px solid #e2e2e2;
}

#vermenu{
	background: url(img/navm.gif) no-repeat bottom;
	background-size: 28px 48px ;
	text-indent:-9999px;
	width: 28px;
	display: block;
	height: 23px;
	position: absolute;
	top: 13px;
}

#vermenu.activo{
	background: url(img/navm.gif) no-repeat top;
	background-size: 28px 48px ;
	height: 24px;
}

.brand{
	display: block;
	height: 49px;
	text-indent: -9999px;
	margin: 0 auto;
	width: 175px;
	background: url(img/icono.gif) no-repeat center center;
	background-size: 28px 25px;
}

#vercontacto{
	right: 10px;
	background: url(img/phone.gif) no-repeat center 2px; 
	text-indent:-9999px;
	background-size: 22px 56px;
	width: 22px;
	display: block;
	height: 26px;
	position: absolute;
	top: 10px;
}

#vercontacto.activo{
	background: url(img/phone.gif) no-repeat bottom center;
	background-size: 22px 56px;
	height: 31px;
}


.gris1, #item1, #submenu .page-item-38 a,#submenu{
	background: #6e6e6e;
}
.gris2, #item2, #submenu .page-item-409 a{
	background: #757575;
}
.gris3, #item3, #submenu .page-item-43 a{
	background: #7d7d7d;
}
.gris4, #item4, #submenu .page-item-45 a{
	background: #858585;
}

#menu-item-15 a, #menu-item-1487 a{
	background: #6e6e6e;
}

#menu-item-88 a, #menu-item-1486 a{
	background: #757575;
}

#menu-item-14 a, #menu-item-1485 a{
	background: #757575;
}

#menu-item-13 a, #menu-item-1482 a{
	background: #7d7d7d;
}

#menu-item-12{
	display: none;
}

#menu-item-16 a, #menu-item-1483 a{
	background: #7d7d7d;
}

#menu-item-11 a, #menu-item-1490 a{
	background: #858585;
}

#wrapmenu{
	position: fixed;
	z-index: 25;
	width: 100%;
	top: 50px;
	height: 100%;
	max-width: 600px;
	background: #e2e2e2;
	display: none;
}
#headmenu{
	z-index: 500;
	position: relative;
}

#wrapphone{
	position: absolute;
	z-index: 15;
	top: 50px;
	height: 440px;
	width: 100%;
	background: #e2e2e2;
	max-width: 600px;
	display: none;
}

.wrapscroll{
	position: relative;
	height: 100%;
	width: 100%;
}

#wrapphone .items{
	color: #fff;
	padding: 20px 15px;
}

#wrapphone .items p{
	font-size: 13px;
	padding-bottom: 0px;
}

#wrapphone .items p a{
	color: #fff;
	text-decoration: underline;
}

#wrapphone .items strong{
	text-transform: uppercase;
}



#wrapphone h3{
	font-size: 15px;
	font-weight: normal;
	background: #f17b67;
	color: #fff;
	text-align: left;
	padding: 17px 20px 17px 15px;
	position: relative;
	text-transform: uppercase;	
}


#tabscontact h2{
	padding: 10px 10px 0;
	font-size: 20px;
}

#searchsubmit{
	display: none;
}

#search{
	position: relative;
	padding-right: 30px;
}

#s{
	background: url(img/lupa.png) no-repeat 99% 8px;
	border: none;
	width: 100%;
	margin: 10px;
	padding: 8px 5px 8px 5px;
	color: #666;
	font-size: 13px;
}

#menu li, #menufoot li{
	position: relative;
}

#menu a, #menufoot a, #submenu a{
	display: block;
	color: #fff;
	width: 46%;
	height: 27px;
	float: left;
	position: relative;
	font-size: 12px;
	padding: 3% 2%;
	text-transform: uppercase;

}

#menufoot li{
	margin-right: 20px;
}

#menufoot a{
	background: #9ba0a1;
	display: block;
	margin:2px 0;
	color: #fff;
	width: 100%;
	font-size: 13px;
	padding: 10px 10px;
	text-transform: uppercase;
}

#menu .current-menu-item a, #menu .current-post-ancestor a, #menu .current-page-ancestor a{
	color: #ddd;
	text-decoration: none;
}


/* @end */

#sliderwrap{
	position: relative;
}

#slider{
	background: #fff;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
	height: 260px;
}

#slider li{
	padding-top: 160px;
	width: 100%;
	background-size: cover;
	background-position: top center;
}
.textwrap{
	color: #fff;
	height: 100px;
	width: 100%;
	background: #f17b67;
	background: rgba(240,109,87,1);
}

.textslide{
	position: relative;
}

.textwrap h2{
		-webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;


-moz-box;
-moz-box-orient: vertical;
-moz-box-pack: center;
box;
box-orient: vertical;
box-pack: center;
height: 90px;
	font-weight: bold;
	font-size: 20px;
	opacity: 0;
	line-height: 100%;
	position: relative;
	padding: 10px;
}

.textwrap h2 a{
	color: #fff;
}


.textwrap .text{
	opacity: 0;
	position: relative;
}

h2.section{
	padding: 40px 10px 10px;
	text-transform: uppercase;
	font-size: 30px;
	padding-bottom: 30px;
	font-weight: 300;
}

p{
	line-height: 145%;
	padding-bottom: 10px;
}

strong{
	font-weight: bold;
}

.baraleftdiv, .bararightdiv{
	height: 296px;
	right: 0;
	top: 0;
	z-index: -1;
	width: 50%;
	position: absolute;
	display: none;
	left: inherit;
	background: #e2e2e2;
}

.baraleftdiv{
	right: inherit;
	left: 0;
}

.grist{
	color: #d1d2d3;
}

/* @group Verticales */

.destit a{
	
}

#verticales a{
	width: 50%;
	color: #fff;
	float: left;
	font-weight: 700;
	text-transform: uppercase;
	height: 125px;
	font-size:11px;
	background-position: center center;
	background-size: cover;
}

#verticales a span{
	padding: 15px;
	display: block;
}
a.mineria {
	background-image: url(img/mineria.gif) ;
}
a.telecomunicaciones {
	background-image: url(img/tel.gif) ;
}
a.corporaciones {
	background-image: url(img/corp.gif);
}
a.banca {
	background-image: url(img/banca.gif) ;
}
a.gobierno{
	background-image: url(img/gob.gif) ;
}


.gray1{
	background: #f3f3f3;
}

.gray2{
	background: #e7e7e7;
}

.gray3{
	background: #d4d4d4;
}

.gray4{
	background: #ededed;
}

.gray5{
	background: #e7e7e7;
}

.gray6{
	background: #dadada;
}

.gray7{
	background: #ededed;
}
/* @end */

/* @group Servicios */

#navsolh li{
	width: 100%;
	display: block;
	background-position: center center;
	background-size: cover;
}

#navsolh li img{
	display: none;
}

#navsolh li .titlec h3{
	font-size:15px;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	height: 70px;
	padding: 10px;
	display: block;
	background: rgba(100,100,100,0.5);
}

#navsolh .active img{
	display: block;
}
#navsolh .active .titlec h3{
	background: #9b9fa1;
	height: auto;
	text-transform: uppercase;
	font-size: 20px;
	font-family: Lato, sans-serif;
	font-weight: 300;
}

#navsolh .text{
	color: #fff;
	display: none;
	padding: 0 10px 5px;
	background: #9b9fa1;
}

#navsolh .text a{
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	background: #777;
	padding: 5px 10px;
	text-align: right;
}



ul#navprod {
	margin: 20px 0;
	padding: 0;
	display: block;	
	list-style: none;
}


#navprod li, #productos li{
	width: 50%;
	display: block;
	float: left;
	background-position: center center;
	background-size: cover;
}

#productos li{

}

#navprod li a, #productos li a{
	font-size:15px;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	height: 70px;
	padding: 10px;
	display: block;
	background: rgba(100,100,100,0.5);
}


.prod_movilidad {
	background-image: url(img/movilidad.jpg);
}



.prod_cloud {
	background-image: url(img/cloud.jpg);	
}

.prod_pd {
	background-image: url(img/pd.jpg);	
}

.prod_bigdata {
	background-image: url(img/bigdata.jpg);	
}

.prod_consultoria {
	background-image: url(img/consultoria.jpg);	
}

.prod_tn {
	background-image: url(img/tn.jpg);	
}

.prod_bpo {
	background-image: url(img/bpo.jpg);	
}

.prod_colaboracion {
	background-image: url(img/colaboracion.jpg);
}

/* @end */

/* @group Página */

#clientes{
	background: ;
	margin-bottom: 10px;
}

#clientes .baraleft{
	background: #f8f8f8;
}

#clientes li a{
	display: block;
	float: left;
	width: 33.3%;
}

#clientes h3.section{
	padding: 0 10px 10px;
}

#clientes .titlem{
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 300;
	
}
#clientes .casor{
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
}

#clientes .casor a{
color: #fff;
text-transform: uppercase;
padding-top: 28px;
padding-left: 15px;
font-size: 16px;
padding-right: 40px;
font-weight: 700;
display: block;
height: 112px;
width: 90%;

background: rgba(100,100,100, 0.5);
}

#clientes img{
	display: block;
}

.iconsimg{
	background: #ddd;
	margin-bottom: 20px;
}

.iconsimg img{
	float: left;
	width: 33%;
	height: auto;
	display: block;
}



/* @end */




/* @group Casos */

#casosbajada{
	font-size: 18px;
	padding-bottom: 30px;
}

a.mutual {
	display: block;
	text-decoration: none;
	background: url(img/mutual.gif);
	height: 110px;
}

a.hospital {
	display: block;
	text-decoration: none;
	background: url(img/hosp.gif);
	height: 110px;
}

a.desarrollo {
	display: block;
	text-decoration: none;
	background: url(img/desarrollo.gif);
	height: 110px;
}

/* @end */

/* @group Productos */

#barprod{
	background: #e2e2e2;
}

#extras #navprod{
	margin-bottom: 0;
}

#single #intcall{
	padding: 10px 0 20px;
}





.home #productos{
	margin-bottom: 0;
}


a.transparent{
	display: block;
	text-decoration: none;
	height: 124px;
}
#productos a.conoce{
	color: #9b9fa1;
	background: none;
	
}

/* @end */



#presencia{
	margin-top: -40px;
	font-size: 14px;
	clear: both;
}

#presencia h1{
	font-size: 22px;
	color: #929396;
	text-transform: uppercase;
	font-weight: 300;
	padding-top: 40px;
}

#presencia h2{
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 300;
}

#presencia p{
	font-size: 14px;
	line-height: 120%;
	color:#9b9fa1;
}

#presencia p strong{
	padding-top: 15px;
	display: block;
}

#presencia .chile{
	margin-top: 20px;
}

#presencia .chile h2{
	color: #f17b67;
}

#presencia .ecuador{
	clear: both;
	margin-top: 15px;
}

#presencia .ecuador h2{
	color: #a8489b;
}

#presencia .peru{
	margin-top: 15px;
}

#presencia .peru h2{
	color: #4c8dcb;
}



/* @group Noticias */

#barthumbnoticias{
	background: #ededed;
}

#barthumbnoticias2{
	left: inherit;
	right: 0;
	background: #ededed;
}

#categoria h2 a:hover{
	opacity: 0.6;

}

#categoria  .dest1 h2 a{
		color:#9b9fa1;
}

#categoria  .dest1 h2 a:hover{
	opacity: 0.6;
	
}

.dest1{
	margin-bottom: 10px;
}
.dest1 img{
	float: right;
}
.metas{
	font-size: 11px;
	padding-bottom: 10px;
}

.single .metas{
	padding: 0;
}

.dest1 .text{
	padding: 10px;
}

.dest1 .text h2, .sindest h2 a{
	padding-bottom: 10px;
	font-size: 20px;
	color:#9b9fa1;
	display: block;
	font-weight: normal;
	text-transform: uppercase;
}

.sindest{
	padding: 10px;
	margin-bottom: 10px;
}


.wp-pagenavi{
	padding-top: 40px;
}

.wp-pagenavi span, .wp-pagenavi a{
	padding: 15px 20px;
	color: #fff;
	font-size: 18px;
	border: none;
	background: #c8c8c8;
}
.wp-pagenavi span.current{
	background: #e0e0e0;
}

.single #secctit.desttit{
	padding-bottom: 10px;
}


/* @end */
/* @group Footer */


.wpcf7-form-control-wrap{
	padding-left: -15px;
	display: block;
}

.wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-textarea,.wpcf7-form .wpcf7-captchar{
	border: none;
	width: 100%;
	padding: 10px 10px;
	box-sizing: border-box; /* Opera/IE 8+ */ 
	-webkit-box-sizing: border-box; /* Safari, Chrome et al */  
	-moz-box-sizing: border-box; /* Firefox */ 
	margin-bottom: 10px;
	font-size: 12px;
	font-family: 'lato', sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.wpcf7-submit{
	border: none;
	cursor: pointer;
	margin: 0;
	float: right;
}

footer{
	margin-top: 10px;

	background-size:127px 28px ;
	padding-top: 3px;
	position: relative;
	text-align: center;
}

#logofooter{
	padding: 30px 0;
	display: block;
}

#logofooter img{
	height: 28px;
	width: auto;
	margin: 0 auto;
	display: block;
}

#btn_contact{
	display: block;
	background: #f17b67 url(img/mailb.png) no-repeat 97% center;
	background-size:19px 13px ;
	color: #fff;
	font-size: 15px;
	text-align: left;
	text-transform: uppercase;
	padding: 16px 15px;
}

#contact{
	display: none;
}
#contact a{
	font-size: 15px;
	background: #9ba0a1 url(img/mailb.png) no-repeat 97% center;
	background-size:19px 13px ;
	padding: 16px 60px 16px 15px;
	color: #fff;
	text-align: left;
	margin-top:1px ;
	text-transform: uppercase;
	display: block;
}

#redesyver{
	margin-top: 3px;
}


#versionc{
	padding: 9px 10px;
	width: 95px;
	float: left;
	background: #c0c2c3;
	text-transform: uppercase;
	font-size: 13px;
	color: #fff;
}
#redes{
	width: 205px;
	float: right;
}

#redes a{
	float: left;
	margin-left: 3px;
	width: 48px;
	text-indent: -9999px;
	height: 50px;
	display: block;
}
#redes #atv{
	background:  #c0c2c3 url(img/f1.gif) no-repeat center center;
	background-size:28px 17px ;
	
}

#redes #twitter{
	background: #c0c2c3 url(img/f2.gif) no-repeat center center;
	background-size:26px 22px ;
}

#redes #facebook{
	background: #c0c2c3 url(img/f3.gif) no-repeat center center;
	background-size: 14px 27px;
}

#redes #linkedin{
	background: #c0c2c3 url(img/f4.gif) no-repeat center center;
	background-size: 26px 26px;
}





/* @end */
/* @group Single */

#subpagetexto{
	padding-bottom: 40px;	
}
#subpagetexto ul{
	margin-left: 20px;
	margin-bottom: 10px;
	list-style-type: disc;
}

#subpagetexto ul li{
	padding: 5px 0;
}

#bread{
	position: relative;
}


#bread .wrap{
	margin: 0 0 20px;
	padding: 0;
	background: #888;
}

#title{
	font-size: 22px;
	font-weight: bold;
	background: #f17b67;
	color: #fff;
	text-align: center;
	padding: 20px 20px 20px 15px;
	position: relative;
	text-transform: uppercase;
	
}

#submenu .current_page_item a{
	color: #ddd;
	font-weight: bold;
}


#secctit{
	padding-top: 0;

}

.bprincipal p{
	font-size: 16px;
	line-height: 120%;
}

.imgfeat{
	margin: 20px 0;
	padding: 10px;
	background: #e2e2e2;
}

.imgfeat img{
	width: 100%;
	height: auto;
}

.single .imgfeat{
	height: auto;
	display: block;
}

.imagen-post{
	height: 100%;
}

#barthumb{
	height: 296px;
	right: 0;
	top: 0;
	display: none;
	left: inherit;
	background: #e2e2e2;
}

.desttit{
	font-size: 22px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-transform: uppercase;
	font-weight: 300;
}

.desttitb{
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
}



.fundador .desttit{
	padding-top: 0px;
}

#timeline{
	padding: 10px 0 10px;
	margin: 50px 0;
	height: 180px;
	width: 100%;
	overflow: hidden;
	background: #ededeb;
	position: relative;
}

#timeline .wrap{
	position: relative;
}

#timeline h2{
	text-align: center;
	position: relative;
	z-index: 100;
	padding: 20px 0;
}

#timeline .desttit{
	font-size: 18px;
	display: block;
	padding: 4px 35px 4px 35px;
}

#timeline .desttitb{
	font-size: 19px;
}
#sliderj {
	position: relative;
}
#sliderj li{
	text-align: center;
	float: left;
	width: 280px;
	position: relative;
}

#sliderj li strong{
	text-align: center;
	display: block;
}

#timeline #btn_back{
	width: 60px;
	padding: 0;
	text-indent: -9999px;
	margin: 0;
	top: 0;
	left: 0;
	z-index: 60;
	position: absolute;
	display: block;
	line-height: 0;
	height: 180px;
	
	background: transparent url(img/prev.png) no-repeat center;
	background-size:61px 97px ;
}
.jcarousel-container{
	height: 100%;
	width: 100%;
	max-width: 480px;
	min-width: 320px;
	overflow: hidden;
	position: relative;
	clear: both;
}

#timeline #btn_forw{
	width: 60px;
	padding: 0;
	text-indent: -9999px;
	margin: 0;
	z-index: 60;
	right: 0px;
	top: 0;
	display: block;
	position: absolute;
	height: 180px;
	
	background: transparent url(img/forw.png) no-repeat center right;
	background-size:61px 97px ;
}

#equipo img{
	display: block;
	width: 150px;
	margin-right: 10px;
	float: left;
}
.persona strong{
	padding: 10px 0 5px;
	display: block;
}
.persona{
	height: 200px;
}

.search-item h1 a, .search-item h1{
	color: #929396;
	text-transform: uppercase;
	font-size: 22px;
}
.search-item{
	padding:20px;
}

.search-item h1{
	padding-bottom: 5px;
}

#intcall.err404{
	text-align: center;
	text-transform: uppercase;
	font-size: 22px;
}

#search404{
	margin-top: 30px;
	padding: 35px 0;
	background: #eeeeee;
}
#s.searcherr{
	display: block;
	width: 200px;
	padding: 8px 8px 8px 30px;
	margin: 0 auto;
	font-family: 'lato', sans-serif;
	font-size: 16px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: none;
}

/* @end */
/* @group Mapa del sitio */

.mapa-sitio{
	height: 340px;
	padding: 15px 15px;
}

.mapa-sitio .title{
	display: block;
	padding-bottom: 15px;
}

/* @end */
/* @group contacto Form */

#form_contacto  .wpcf7-form:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#form_contacto img{
	width: auto;
	height: auto;
}
#intcall p, #intcall strong{
	font-size: 20px;
	font-weight: 300;
	line-height: 120%;
}

#intcall strong{
	color: #f15b41;
}


#form_contacto .wpcf7-text, #form_contacto .wpcf7-textarea, .wpcf7-form .wpcf7-captchar{
	background: #ececec;
    font-family: 'lato', sans-serif;
}
#form_contacto  .wpcf7-form {
	float: none;
}
#form_contacto  .wpcf7-form  h3{
	font-size: 16px;
	font-weight: normal;
	padding: 10px 0;
}

.wpcf7-select{
	margin-bottom: 10px;
	width: 100%;
	font-size: 14px;
	font-family: 'lato', sans-serif;
}

#paises{
	background: #f9f9f9;
	padding: 80px 0;
	font-size: 14px;
}

#paises p{
	padding-bottom: 20px;
}

#paises h2{
	font-size: 18px;
	padding-bottom: 20px;
}
#paises .chile h2{
	color: #f17b67;
}
#paises .peru h2{
	color: #4c8dcb;
}
#paises .ecuador h2{
	color: #a8489b;
}


div.wpcf7-response-output {
	padding: 5px 10px;
}

div.wpcf7-mail-sent-ok {
	background: #4c8dcb;
	color: #fff;
	border: none;
}

div.wpcf7-validation-errors, div.wpcf7-spam-blocked, div.wpcf7-mail-sent-ng {
	background: #f17b67;
	border: none;
	color: #fff;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 4px 10px;
}

.wpcf7-submit{
	color: #fff;
	text-transform: none;
	background: #222;
}


/* @end */
/* @group ClearFix */

 .cf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.hidden, .hide{
	display: none!important;
}
/* Hides from IE-mac \*/
* html .cf {
    height: 1%;
}
/* End hide from IE-mac */

/* @end */