@charset "utf-8";

/* CSS Document */

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, font, 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 {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

/*	vertical-align: baseline;*/

}

body {

	background-color: #171514;

	background-image: url(../img/fondo.gif);

	background-repeat: repeat-x;

	

}

a.redes-2 {

	font-family: 'Roboto Condensed', sans-serif !important;

    text-decoration: none;

    height: 54px;

    position: fixed;

    right: 0px;

    bottom: 15%;

    text-align: right;

    display: inline;

    width: auto;

   /* background-color: #e0f7fa; /*#E8E8E8;*/

    color: #666666;

    font-size: 14px;

   /* padding: 0px 10px 5px 10px;*/

    z-index: 1500;

}



.f-l {

	float:left

}



.face img{

    position: relative;

    top: 6px;

    margin-right: 8px;

}

.redes-2{

	width:100%

}

#barra{

	width:100%;

	height:15px;

	background-color:#272623;

	z-index:2000;

	top: 0px;

	position:fixed;

}

#contenedor{

	margin:auto;

	width: 997px;

	top: 0px;

	text-align: right;

}



#botonera{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: normal;

	margin-left:300px;

	position:fixed;

	z-index:1000;

	/*margin-top:-10px;*/

}



.boton{

	-moz-border-radius: 7px;

	-webkit-border-radius: 7px;

	border-radius: 7px;

	behavior: url(../border-radius.htc);

	background-color: #272623;

	height: 27px;

	width: 94px;

	float: left;

	color: #b2b2b1;

	text-align: center;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	padding-top: 20px;

	margin-right: 3px;

	text-decoration: none;

	cursor:pointer;

	}

.boton:hover{

	color: #00a3e1;

	cursor:pointer;

}

.boton-contacto{

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	color: #ffffff;

	letter-spacing:-1px;		

	text-decoration: none;

	}

.boton-contacto:hover{

	color: #CCCCCC;

}



.boton-top{

	-moz-border-radius: 7px;

	-webkit-border-radius: 7px;

	border-radius: 7px;

	behavior: url(../border-radius.htc);

	background-color: #54524B;

	height: 27px;

	width: 36px;

	float: left;

	color: #fff;

	text-align: center;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	padding-top: 20px;

	margin-right: 3px;

	text-decoration: none;

	cursor:pointer;

	}

.boton-top:hover{

	background-color: #00a3e1;

}

#follow{

	-moz-border-radius: 7px;

	-webkit-border-radius: 7px;

	border-radius: 7px;

	behavior: url(../border-radius.htc);

	background-color: #272623;

	height: 37px;

	width: 174px;

	float: left;

	color: #00a3e1;

	text-align: center;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	padding-top: 10px;

	margin-right: 3px;

	}

#follow li{

	list-style:none;

	float: left;

	margin-top: 4px;

	}

#follow li.us{

	margin-top: 10px;

	margin-left: 15px;

	margin-right: 10px;

	}

.slogan {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: normal;

	color: #FFF;

}

.textogris11 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #868585;

}

.textogris111 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	color: #868585;

}

.textogris1111 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: normal;

	color: #868585;

}



.menu-rosa {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #df0974;

	text-decoration: none;

}

.menu-rosa:hover {

	color: #fff;

	text-decoration: none;

}

.menu-rosa-gris {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #df0974;

	text-decoration: none;

}

.menu-rosa-gris:hover {

	color: #666;

	text-decoration: none;

}

.menu-cyan {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #00a3e1;

	text-decoration: none;

}

.menu-cyan:hover {

	color: #fff;

	text-decoration: none;

}

.menu-blanco {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #fff;

	text-decoration: none;

}

.menu-blanco:hover {

	color: #00a3e1;

	text-decoration: none;

}



.menu-tel {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

		

	font-weight: normal;

	color: #00a3e1;

	text-decoration: none;

}

.menu-tel:hover {

	color: #fff;

	text-decoration: none;

}



h1{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 26px;

	font-weight: normal;

	color: #FFF;

	}

h2{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: normal;

	color: #FFF;

	float:left;

	}

.menu-gris {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #868585;

	text-decoration: none;

}

.menu-gris:hover {

	color: #fff;

	text-decoration: none;

	background-image: url(../img/ir.gif);

	background-repeat: no-repeat;

	background-position: right;

	padding-right: 10px;

}

.menu-footer {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #868585;

	text-decoration: none;

}

.menu-footer:hover {

	color: #fff;

	text-decoration: none;

}

.textoblanco11 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #FFF;

}



#images-0 {

	float: left;

	width: 990px;

	height: 275px;

	background-image:url(../img/foto-alvi-redesign.jpg);

	display: none;

	}

	

#images-1 {

	float: left;

	width: 990px;

	height: 275px;

	background-image:url(../img/foto-jorge-hane.jpg);

	display: none;

	}



#images-2 {

	float: right;

	width: 990px;

	height: 275px;

	background-image:url(../img/foto-logos.jpg);

	}

	

#images-3 {

	float: right;

	width: 990px;

	height: 275px;

	background-image:url(../img/foto-truestar.jpg);

	display: none;

	}

#images-4 {

	float: left;

	width: 990px;

	height: 275px;

	background-image:url(../img/foto-social-medias.jpg);

	display: none;

	}



#images-5 {

	float: left;

	width: 990px;

	height: 275px;

	background-image:url(../img/foto-amex-miles-falabella.jpg);

	display: none;

	}

	

#images-6 {

	float: left;

	width: 990px;

	height: 275px;

	background-image:url(../img/foto-lanpass.jpg);

	display: none;

	}	

	

#images-7 {

	float: left;

	width: 990px;

	height: 275px;

	background-image:url(../img/foto-centry.jpg);

	display: none;

	}

	

.tit_marketing{

	font-family:Arial, Helvetica, sans-serif;

	font-size:18px;

	color:#DF0974;

	font-weight:bold;

}



.tit_diseno{

	font-family:Arial, Helvetica, sans-serif;

	font-size:18px;

	color:#00A3E1;

	font-weight:bold;

}





.tit_reputacion{

	font-family:Arial, Helvetica, sans-serif;

	font-size:18px;

	color:#7beb1c;

	font-weight:bold;

}



.bloque{

	padding-top:10px;

	padding-left:10px;

	background-color:#090909;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#868585;

}



.bloque_der{

	padding-top:10px;

	padding-right:10px;

	background-color:#090909;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#868585;

}



.bloque_tit{

	padding-top:10px;

	padding-right:10px;

	padding-left:10px;

	background-color:#090909;

}



.formulario{

	background-color:#090909;

	padding:10px;

}



.texto-formulario

{

	color:#939393;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	padding-top:8px;

	padding-bottom:4px;

}



input{

	background-color:#333;

	width:250px;

	height:25px;

	border:1px solid #0F0F0F;

	color:#00A3E1;

}



textarea{

	background-color:#333;

	width:250px;

	height:100px;

	border:1px solid #0F0F0F;

	color:#00A3E1;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

}



.btn_formulario{

	width:80px;

	background-color:#333;

	height:25px;

	border:1px solid #0F0F0F;

	color:#DF0974;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:bold;

	text-transform:uppercase;

	cursor:pointer;

}



.titulos-marketing{

	font-family:Arial, Helvetica, sans-serif;

	font-size:19px;

	color:#00A3E1;

	padding-top:10px;

	padding-bottom:5px;

	padding-left:3px;

}



.titulos-marketing a:link{

	text-decoration:none;

}





.box{

	background-image:url(../img/back.png);

	background-repeat:repeat-y;

	padding-left:17px;

	padding-right:20px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#868585;

}



.box-menu{

	background-color:#020202;

	padding:10px;

	font-size:11px;

	font-family:Arial, Helvetica, sans-serif;

	color:#868585;

}



.box-menu a:link{

	font-size:11px;

	font-family:Arial, Helvetica, sans-serif;

	color:#868585;

	text-decoration:none;

}



.box-menu a:visited{

	font-size:11px;

	font-family:Arial, Helvetica, sans-serif;

	color:#868585;

	text-decoration:none;

}



.box-menu a:hover{

	font-size:11px;

	font-family:Arial, Helvetica, sans-serif;

	color:#ffffff;

	text-decoration:none;

}



#pop { 

   z-index:2; 

   position:absolute; 

   border: 1px solid #333333; 

   text-align:center; 

   background:#000000; 

} 

#cerrar { 

   float:right; 

   margin-right:5px; 

   cursor:pointer; 

   font:Verdana, Arial, Helvetica, sans-serif; 

   font-size:12px; 

   font-weight:bold; 

   color:#FFFFFF; 

   background-color:#666666; 

   width:12px; 

   position:relative; 

   margin-top:-1px; 

   text-align:center; 

}







#shareAll {

	border: 1px solid #00080b;

	float: left;

	/*-moz-border-radius: 2px;

	-webkit-border-radius: 2px;*/

	padding: 5px;

	width: 267px;

	background: #000f14;

	margin:auto;

}



#shareAllhome {

	border: 1px solid #00080b;

	float: left;

	/*-moz-border-radius: 2px;

	-webkit-border-radius: 2px;*/

	padding: 5px;

	width: 978px;

	background: #000f14;

	margin:auto;

}



.share {

	float: left;

	padding: 5px;

 	margin: 0px 5px 0px 0px;

	height: 20px;

}



.nuevos-clientes{

	background-color:#d8d8d8;

}







.ten-years {

  left: 30%;

  position: fixed;

  top: 50px;

  width: 546px;

  z-index: 999;



}


.whatsapp {
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	z-index:100;
  }
  
  .whatsapp-icon {
	margin-top:13px;
  }