* {
	padding:0px;
	margin:0px;
}

body {

}

img {
	border:0px;
}

/*HEADER*/


#logo {
    background-image: url("images/logo.jpg");
    background-repeat: no-repeat;
    float: left;
    height: 93px;
    margin-top: 9px;
    width: 175px;
}

header {
	height: 120px;
}

header .inner  {
	width:887px;
	margin-left:auto;
	margin-right:auto;
}

header .inner nav {
	float: left;
	margin-top: 60px;
	margin-left: 140px;
}

header .inner nav ul li {
	list-style-type: none;
	float: left;
	margin-right: 25px;
	
	
}

header .inner nav ul li a {
	text-decoration: none;
	font-family: 'Roboto condensed';
	font-size: 15px;
	color: #1E63A1;
	font-weight: 500;
}

header .inner .tel {
	background-image: url(images/back_tel.png);
	background-repeat: no-repeat;
	float: right;
	width: 139px;
	padding-left: 65px;
	height: 59px;
	padding-top: 17px;
	margin-top: 35px;
}

header .inner .tel p {
	text-transform: uppercase;
	color: #679A9A;
	font-family: Roboto Condensed;
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	float: left;
	
}

header .inner .tel span {
	font-family: Arimo;
	color: #58585A;
	font-size: 18px;
	float: left;
	margin-top: -2px;
	margin-left: 2px;
	font-weight: 700;
}



/*BODY*/

#contenedor {
	width: 887px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 45px;
	margin-top: 45px;
}

.contacto_imagen {
	width: 100%;
	height: 367px;
	background-image: url(images/back_image.png);
	background-size: cover;
}

.contacto_imagen .imagen_superior {
	background-image: url(images/back_transparent.png);
	background-repeat: repeat-x;
	height: 16px;
	width: 100%;
	position: absolute;
}

.contacto_imagen .imagen_inferior {
	background-image: url(images/back_transparent.png);
	background-repeat: repeat-x;
	height: 16px;
	width: 100%;
	position: absolute;
	margin-top: 351px;
}

.contacto_imagen .imagen_principal {
	width:100%;
}

.contacto_imagen .form {
	background-image: url(images/back_form.png);
	background-repeat: no-repeat;
	width: 242px;
	height: 336px;
	margin-top: 16px;
	float: right;

}

.contacto_imagen .inner {
	width: 887px;
	margin-left: auto;
	margin-right: auto;
}

.contacto_imagen .contacto {
	float: right;
	background-color: #ffffff;
	width: 201px;
	height: 305px;
	margin-right: 10px;
	padding-top: 10px;
	margin-top: 10px;
	padding-left: 20px;
}

.contacto_imagen .contacto form {
		
}

.contacto_imagen .contacto form p {
	font-family: Roboto Condensed;
	text-transform: uppercase;
	font-size: 14px;
	float: left;
	font-weight: 700;
	color: #58585A;
}

.contacto_imagen .contacto form span {
	font-size: 25px;
	font-family: Arimo;
	font-weight: 700;
	color: #54BBB8;
	line-height: 40px;
	margin-top: 2px;
	float: left;
	border-top: 1px solid #434345;
	border-bottom: 1px solid #434345;
}

.contacto_imagen .contacto form input {
	background-color: #ECECED;
	border: 0px;
	width: 169px;
	font-family:Arimo;
	font-size: 12px;
	height: 26px;
	margin-top: 5px;
	color: #535355;
	padding-left: 10px;
	text-transform: uppercase;
}

.contacto_imagen .contacto form textarea {
	background-color: #ECECED;
	border: 0px;
	font-family: Arimo;
	margin-top: 5px;
	color: #535355;
	font-size: 12px;
	height: 65px;
	width: 169px;
	padding-left: 10px;
	text-transform: uppercase;
	padding-top: 5px;
}

.contacto_imagen .contacto form #submit {
	background-color: #4B4B4D;
	color: #ffffff;
	width: 178px;
	margin-top: 3px;
	height: 35px;
	font-size: 22px;
	font-family: Arimo;	
	cursor: pointer;
	margin-top: 3px;
	font-weight: bold;
	text-align: center;
	padding-left: 0px;
}



#contenedor h2 {
	text-align: center;
	text-transform: uppercase;
	font-size: 30px;
	font-family: Arimo;
	color: #4B4B4D;
	font-weight: bold;
}

#contenedor .separador {
	border-top: 1px solid #58BCB9;
	width: 444px;
	margin-left: auto;
	margin-top: 17px;
	margin-right: auto;
	margin-bottom: 25px;
}

#contenedor .separador2 {
	border-top: 1px solid #D5D6D7;
	margin-left: auto;
	margin-top: 55px;
	margin-right: auto;
	
}

#contenedor p {
	font-family: Arimo;
	font-size: 14px;
	font-weight: unset;
	text-align: center;
	color: #575759;
}

#contenedor .separador3 {
	border-top: 1px solid #58BCB9;
	width: 444px;
	margin-left: auto;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
}

#contenedor h2.naranja {
	color: #575759;
	padding-top: 50px;
}

#contenedor .boxes {
	margin-top: 10px;
	display: inline-block;
}

#contenedor .boxes .blue_box  {
	background-image: url(images/back_blue.png);
	background-repeat: no-repeat;
    float: left;
    height: 418px;
    margin-right: 30px;
    text-align: center;
    width: 428px;

}

#contenedor .boxes .blue_box h3 {
	color: #ffffff;
	text-transform: uppercase;
	font-family: Roboto Condensed;
	font-weight:700;
	font-size: 26px;
	text-align: center;
	margin-top: 25px;
}

#contenedor .boxes .separador {
	border-top: 1px solid #ffffff;
	width: 350px;
	margin-top: 6px;
	margin-bottom: 12px;
}

#contenedor .boxes .separador2 {
	border-top: 1px solid #ffffff;
	width: 200px;
	margin-top: -19px;
	margin-bottom: 12px;
}


#contenedor .boxes p {
	color: #ffffff;
	padding-left: 30px;
	padding-right: 30px;
	line-height: 18px;
	margin-bottom: 12px;
}

#contenedor .boxes .inversion {
	text-align:center;
}

#contenedor .boxes .inversion span {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 26px;
	font-family: Arimo;
	font-weight:100;
}

#contenedor .boxes .inversion .clicks {
	display:inline-block;
}

#contenedor .boxes .inversion .clicks p {
	float: left;
	padding-right: 0px;
	font-family: Arimo;
	font-weight:100;
	padding-left: 0px;
	border-top: 1px solid #ffffff;
	padding-top: 2px;
	margin-top: 8px;
	font-size: 13px;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 2px;
	margin-left: 5px;
}

#contenedor .boxes .inversion .clicks span {
	float: left;
	font-size: 32px;
	border-bottom: 1px solid #ffffff;
	font-family: Roboto Condensed;
	font-weight: 600;
	line-height: 40px;
}

#contenedor .boxes .administracion {
	display: inline-block;
	text-align: center;
	margin-top: -11px;
}

#contenedor .boxes .administracion p {
	color: #ffffff;
	font-family: Arimo;
	font-weight:100;
	font-size: 13px;
	width: 80px;
	padding-top: 2px;
	padding-right: 0px;
	margin-top: 3px;
	line-height: 13px;
	float: left;
	padding-left: 0px;
}

#contenedor .boxes .administracion span {
	color: #ffffff;
	float: left;
	font-family: Roboto Condensed;
	font-weight:600;
	margin-left: 5px;
	
}

#contenedor .boxes .consultar.azul {
	background-color: #58585A;
	color: #fff;
	font-family: Arimo;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 22px;
	text-decoration: none;
	padding-top: 4px;
	display: inline-block;
	width: 374px;
	margin-top: 10px;
	height: 34px;
}

#contenedor .boxes .info {
	background-image: url(images/back_info.png);
	background-repeat: no-repeat;
	font-family: Arimo;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 1px;
	width: 143px;
	margin-top: 1px;
	margin-left: 58px;
}

#contenedor .boxes .box_naranja  {
    background-image: url("images/back_naranja.png");
    background-repeat: no-repeat;
    float: right;
    height: 418px;
    margin-right: 0;
    text-align: center;
    width: 428px;

}

#contenedor .boxes .box_naranja h3 {
	color: #ffffff;
	text-transform: uppercase;
	font-family: Roboto Condensed;
	font-weight:700;
	font-size: 26px;
	text-align: center;
	margin-top: 25px;
}

#contenedor .boxes .consultar.naranja {
	background-color: #ffffff;
	color: #1E63A1;
	font-family: Roboto Condensed;
	font-weight:600;
	text-transform: uppercase;
	font-size: 20px;
	text-decoration: none;
	padding-top: 4px;
	display: inline-block;
	width: 129px;
	margin-top: 10px;
	height: 34px;
}

#contenedor .boxes .box_personalizado  {
	background-image: url(images/back_personalizado.png);
	background-repeat: no-repeat;
	float: left;
	width: 261px;
	
	text-align: center;
}

#contenedor .boxes .box_personalizado h3 {
	color: #ffffff;
	text-transform: uppercase;
	font-family: Arimo;
	font-weight:100;
	font-size: 26px;
	text-align: center;
	margin-top: 115px;
}

#contenedor .boxes .consultar.personalizado {
	background-color: #58BCB9;
	color: #fff;
	font-family: Arimo;
	font-weight:700;
	text-transform: uppercase;
	font-size: 22px;
	text-decoration: none;
	padding-top: 4px;
	display: inline-block;
	width: 374px;
	margin-top: 10px;
	height: 34px;
}

#contenedor .boxes .inversion .medida {
	text-transform: uppercase;
	color: #ffffff;
	font-family: Roboto Condensed;
	font-weight:600;
	display: inline-block;
	font-size: 37px;
	line-height: 33px;
	
}

#contenedor .boxes .inversion .administracion.personalizado {
	margin-top: 0px;
}

#contenedor .boxes .inversion .administracion.personalizado p {
	border-top: 1px solid #ffffff;
}

#contenedor .boxes .inversion .administracion.personalizado span {

}

#contenedor .boxes .inversion .administracion.personalizado .porcentaje {
	font-family:Roboto Condensed;
	font-weight:600;
	font-size:15px;
	border-bottom:2px solid #ffffff;
}

#contenedor .caracteristicas {

}

#contenedor .caracteristicas h2 {
	font-family:Arimo;
	font-size:28px;
	padding-top: 50px;
	font-weight: bold;
	color:#679A9A;
}

#contenedor .caracteristicas p {
	color:#575759;
	font-family:Arimo;
	font-weight: unset;
	
	font-size:17px;
}

#contenedor .consultar_big {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	text-align: center;
	margin-top: 45px;
}


#contenedor .consultar_big a {
    background-color: #7b7c7e;
    color: #ffffff;
    display: inline-block;
    float: none;
    font-family: Arimo;
    font-size: 25px;
    font-weight: bold;
    height: 43px;
    padding-top: 11px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 185px;
}

#contenedor .consultar_big .info {
	background-image: url(images/back_info2.png);
	background-repeat: no-repeat;
	font-family: Arimo;
	font-style: italic;
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
	color: #54BBB8;
	width: 152px;
	margin-top: 5px;
	background-position: -8px 5px;
	margin-left: auto;
	margin-right: auto;

}

#contenedor .globos {
	display: inline-block;
	margin-top: 53px;
	
}

#contenedor .globos div {
	float: left;
	padding-top: 130px;
	text-align: center;
	margin-right: 5px;
	height: 90px;
	width: 218px;
}

#contenedor .globos div  span {
	color:#ffffff;
	font-family:Arimo;
	
	font-size:16px;
	text-transform:uppercase;
}

#contenedor .globos .resultados {
	background-image: url(images/proteja_gripe.png);
	background-repeat: no-repeat;
}

#contenedor .globos .efectividad {
	background-image: url(images/nivel_ausentismo.png);
	background-repeat: no-repeat;
}

#contenedor .globos .ventas {
	background-image: url(images/evite_contagio.png);
	background-repeat: no-repeat;
}

#contenedor .globos .segmentacion {
	background-image: url(images/productividad.png);
	background-repeat: no-repeat;
} 

/*FOOTER*/

footer {
	background-color: #679A9A;
	width: 100%;
	padding-top: 50px;
	height: 240px;
	display: inline-block;
}

footer .inner {
	width:887px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

footer .inner h3 {
	color:#ffffff;
	font-family:Arimo;
	font-size:28px;
	text-transform:uppercase;
	font-weight:bold;
	
}

footer .inner .separador4 {
	border-top: 1px solid #ffffff;
	width: 444px;
	margin-left: auto;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 50px;
}

footer .inner a {
	color:#ffffff;
	font-family:Arimo;
	float:left;
	font-size:16px;
	text-decoration:none;
	margin-right: 50px;
}

footer .inner span {
	color:#ffffff;
	font-family:Arimo;
	font-size:16px;
	float:left;
	margin-right: 50px;
}

footer .inner .web {
	background-image: url(images/back_web.png);
	background-repeat: no-repeat;
	padding-top: 60px;
	
	background-position: 33px 5px;
}

footer .inner .tel {
	background-image: url(images/back_direccion.png);
	background-repeat: no-repeat;
	
	padding-top: 60px;
	background-position: 86px 11px;
}

footer .inner .mail {
	background-image: url(images/back_direccion.png);
	background-repeat: no-repeat;
	padding-top: 60px;
	
	background-position: 55px 12px;
}

footer .inner .facebook {
	background-image: url(images/back_mail.png);
	background-repeat: no-repeat;
	margin-right: 0;
	padding-top: 78px;
	text-align: left;
	margin-top: -18px;
	background-position: 55px 32px;

}

footer .inner .links {

}

@-moz-document url-prefix() { 
  .contacto_imagen .contacto form input {
	width: 170px;
}

.contacto_imagen .contacto form textarea {
	width: 170px;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
 .contacto_imagen .contacto form input {
	width: 170px;
}

.contacto_imagen .contacto form textarea {
	width: 170px;
	}
}