.banner { width:100%;background-image: url('../img/landings/banner_fondo.jpg');background-position: center;background-size: cover;padding-top: 0px; }
.banner .contenidoBanner { width:960px;margin: 0 auto;padding: 50px 0px; }

.banner .contenidoBanner .foto { float: left;width:calc((100% - 3.15em)/2); }
.banner .contenidoBanner .foto img { width:100%; }
.banner .contenidoBanner .texto { float: right;width:calc((100% - 3.15em)/2); }
.banner .contenidoBanner .texto .titulo { font-family: Roboto;font-size: 36px;line-height: 42px;padding-bottom: 30px;color:#F08F0C;font-weight: 300;padding-top: 50px; }
.banner .contenidoBanner .texto .txt { font-family: Roboto;font-size: 18px;line-height: 24px;color:#333;font-weight: 300; }


.bannerPrecios { width:100%;padding: 20px 0px;background-color: #F4F4F4;border-bottom: 1px solid #EAEAEA; }
.bannerPrecios .contenidoBanner { width:960px;padding-left: 10px;padding-right: 10px;margin: 0 auto;text-align: left; }
.bannerPrecios .contenidoBanner .texto { text-align: center;font-family: 'Roboto';font-weight: 500;font-size: 26px;line-height: 36px;color:#F08F0C;  }
.bannerPrecios .contenidoBanner .tarifa { float: left;width: 300px;padding-left: 30px;padding-top: 20px; }
.bannerPrecios .contenidoBanner .tarifa.primera { padding-left: 160px; }
.bannerPrecios .contenidoBanner .tarifa .nombre { background-color: #FFF;border: 1px solid #dfdfdf;padding-top: 30px;padding-bottom: 30px;text-align: center; }
.bannerPrecios .contenidoBanner .tarifa .nombre .titulo { font-family: 'Roboto';font-weight: 300;font-size: 30px;color:#F08F0C;padding-bottom: 20px;line-height: 30px; }
.bannerPrecios .contenidoBanner .tarifa .nombre .texto { font-family: 'Roboto';font-weight: 300;font-size: 14px;line-height: 18px;color:#333; }

.bannerPrecios .contenidoBanner .tarifa .precio { background-color: #FFF;border: 1px solid #dfdfdf;padding-top: 30px;padding-bottom: 30px;text-align: center;border-top:0px; }
.bannerPrecios .contenidoBanner .tarifa .precio .valor { font-family: 'Roboto';font-weight: 300;font-size: 36px;color:#F08F0C;padding-bottom: 10px; }
.bannerPrecios .contenidoBanner .tarifa .precio .tipo { font-family: 'Roboto';font-weight: 300;font-size: 16px;color:#F08F0C;padding-bottom: 20px;line-height: 16px; }
.bannerPrecios .contenidoBanner .tarifa .precio .servidor { font-family: 'Roboto';font-weight: 300;font-size: 11px;color:#666;padding-bottom: 15px;line-height: 11px; }
.bannerPrecios .contenidoBanner .tarifa .precio .boton { height:36px;padding-left: 50px; }

.servicios { width:960px;padding-left: 10px;padding-right: 10px;margin: 0 auto;text-align: left;padding-top: 30px; }
.servicios .headerServicios { height:30px;padding-bottom: 10px; }
.servicios .headerServicios .columna { float: left;height:30px;font-family: 'Roboto';font-weight: 300;font-size: 24px;line-height: 30px; }
.servicios .headerServicios .columna.primera { width:610px; }
.servicios .headerServicios .columna.lite { width:110px; }
.servicios .headerServicios .columna.clinico { width:110px; }
.servicios .headerServicios .columna.quirurgico { width:110px; }

.servicios .registros { border-top: 1px solid #dfdfdf; }
.servicios .registros .opcion { float: left;width:215px;font-family: 'Roboto';font-weight: 300;font-size: 18px;line-height: 24px;color:#333;padding-top: 20px; }
.servicios .registros .descripcion { float: left;width:580px;height:30px;  }
.servicios .registros .descripcion .txt { border-bottom: 1px solid #dfdfdf;height:30px;line-height: 30px;font-family: 'Roboto';font-weight: 300;font-size: 14px;color:#333; }
.servicios .registros .oks { float: left;width:110px;text-align: center;padding-right: 15px; }
.servicios .registros .oks .icono { width:110px;padding-right: 20px;border-bottom: 1px solid #dfdfdf;font-size: 24px;line-height: 30px;height:30px; }


.serviciosDispositivo { width:calc(100% - 1.26em);margin: 0 auto;text-align: left;padding-top: 40px; }
.serviciosDispositivo .titulo { font-family: 'Roboto';font-size: 24px;color:#F08F0C;padding-bottom: 20px;border-bottom: 1px solid #CCC; }
.serviciosDispositivo .tituloSevicio { height:56px;border-bottom: 1px solid #CCC;line-height: 56px;font-family: 'Roboto';font-weight: 300;font-size: 18px;color:#333; }
.serviciosDispositivo .servicio { border-bottom: 1px solid #CCC;padding: 10px 0px; }
.serviciosDispositivo .servicio .label { font-family: 'Roboto';font-weight: 300;font-size: 14px;color:#333;float: left;width:calc(100% - 2em) }
.serviciosDispositivo .servicio .icono { float: right;font-family: 'Roboto';font-weight: 300;font-size: 14px;color:#333; }



.franja { padding: 30px 0px;background-color: #F4F4F4; }
.franja .contenidoFranja { width: calc(100% - 2.52em);max-width:960px;margin: 0 auto; }
.franja .contenidoFranja .logo { float: left;width:calc((100% - 3.15em)/2); }
.franja .contenidoFranja .logo img { width: 100%; }
.franja .contenidoFranja .texto { float: right;width:calc((100% - 3.15em)/2); }
.franja .contenidoFranja .texto .titulo { font-family: Roboto;font-weight: 300;font-size: 24px;line-height: 30px;color:#F08F0C;padding-top: 30px; }
.franja .contenidoFranja .texto .txt { padding-top: 20px;font-family: Roboto;font-size: 17px;line-height: 24px;color:#333;font-weight: 300; }

.modulos { padding: 50px 0px; }
.modulos .contenidoModulos { width: 965px;margin: 0 auto; }
.modulos .contenidoModulos .titulo { text-align: center;font-family: Roboto;font-weight: 300;font-size: 24px;line-height: 30px;color:#F08F0C;padding-bottom: 30px; }

.modulos .contenidoModulos .modulos4  { width: 770px;margin: 0 auto; }
.modulos .contenidoModulos .modulos3  { width: 575px;margin: 0 auto;padding-top: 30px; }

.modulos .contenidoModulos .modulo { float: left;width:169px;margin-right: 30px;text-align: center; }
.modulos .contenidoModulos .modulo.ultimo { margin-right: 0px; }
.modulos .contenidoModulos .modulo .icono { padding-bottom: 15px; }
.modulos .contenidoModulos .modulo .label { font-family: Roboto;font-size: 18px;font-weight: 300;color:#333; }

.prueba { padding-bottom: 50px; }
.prueba .contenidoPrueba { width:630px;margin: 0 auto;border-top: 1px solid #dfdfdf;padding-top: 50px; }
.prueba .contenidoPrueba .titulo { text-align: center;font-family: Roboto;font-size: 36px;line-height: 42px;color:#F08F0C;font-weight: 300;  }
.prueba .contenidoPrueba .subtitulo { text-align: center;font-family: Roboto;font-weight: 300;font-size: 24px;line-height: 30px;color:#F08F0C;padding-top: 15px; }
.prueba .contenidoPrueba .texto { text-align: center;font-family: Roboto;font-weight: 300;color:#333;font-size: 18px;line-height: 24px;padding-top: 15px; }

.formulario { padding: 50px 0px;background-color: #EAEAEA; }
.formulario .contenidoFormulario { width:630px;margin: 0 auto; }
.formulario .contenidoFormulario .titulo { text-align: center;font-family: Roboto;font-weight: 300;font-size: 24px;line-height: 30px;color:#F08F0C;padding-bottom: 30px; }
.formulario .contenidoFormulario .texto { text-align: left;font-family: Roboto;font-weight: 300;font-size: 14px;line-height: 21px;color:#333;padding-bottom: 20px; }
.formulario .contenidoFormulario .campo { padding-bottom: 20px; }
.formulario .contenidoFormulario .campo input { width:100%;height:36px;background-color: #FFF;border: 1px solid #ddd;border-radius: 3px;color:#333;padding-left: 10px;padding-right: 10px;font-family: 'Roboto';font-weight: 300;font-size: 14px; }
.formulario .contenidoFormulario .campo textarea { width:100%;height:100px;background-color: #FFF;border: 1px solid #ddd;border-radius: 3px;color:#333;padding: 5px 10px;font-family: 'Roboto';font-weight: 300;font-size: 14px;resize:none; }
.formulario .contenidoFormulario .campoCheck { width:275px;margin: 0 auto; }
.formulario .contenidoFormulario .campoCheck .check { float: left;width:16px;height:16px;border:1px solid #ddd;border-radius: 3px;background-color: #FFF; }
.formulario .contenidoFormulario .campoCheck .check .marcado { width:8px;height:8px;background-color: #F08F0C;margin: 4px;border-radius: 6px;display:none; }
.formulario .contenidoFormulario .campoCheck .label { float: left;padding-left: 10px;font-family: 'Roboto';font-weight: 300;font-size: 14px;line-height: 18px;color:#333;width:calc(100% - 2em); }
.formulario .contenidoFormulario .campoCheck .label a { text-decoration: underline;color:#F08F0C; }
.formulario .contenidoFormulario .campoCheck .label a:hover { text-decoration: none;color:#F08F0C; }
.formulario .contenidoFormulario .botonAmarillo { width:244px;padding-left: 0px;padding-right: 0px;text-align: center;margin: 0 auto;margin-top: 30px;float: none; }

.popUp .campo { padding-bottom: 20px; }
.popUp .campo input { width:100%;height:36px;background-color: #FFF;border: 1px solid #ddd;border-radius: 3px;color:#333;padding-left: 10px;padding-right: 10px;font-family: 'Roboto';font-weight: 300;font-size: 14px; }
.popUp .campo textarea { width:100%;height:100px;background-color: #FFF;border: 1px solid #ddd;border-radius: 3px;color:#333;padding: 5px 10px;font-family: 'Roboto';font-weight: 300;font-size: 14px;resize:none; }
.popUp .campoCheck { width:275px; }
.popUp .campoCheck .check { float: left;width:16px;height:16px;border:1px solid #ddd;border-radius: 3px;background-color: #FFF; }
.popUp .campoCheck .check .marcado { width:8px;height:8px;background-color: #F08F0C;margin: 4px;border-radius: 6px;display:none; }
.popUp .campoCheck .label { float: left;padding-left: 10px;font-family: 'Roboto';font-weight: 300;font-size: 14px;line-height: 18px;color:#333;width:calc(100% - 4.158em); }
.popUp .campoCheck .label a { text-decoration: underline;color:#F08F0C; }
.popUp .campoCheck .label a:hover { text-decoration: none;color:#F08F0C; }

.incluido { padding: 50px 0px;padding-top: 0px; }
.incluido .contenidoIncluido { width:570px;margin: 0 auto; }
.incluido .contenidoIncluido .titulo { text-align: center;font-family: Roboto;font-weight: 300;font-size: 24px;line-height: 30px;color:#F08F0C;padding-bottom: 30px; }
.incluido .contenidoIncluido .modulo { float: left;width:169px;margin-right: 30px;text-align: center; }
.incluido .contenidoIncluido .modulo.ultimo { margin-right: 0px; }
.incluido .contenidoIncluido .modulo .icono { padding-bottom: 0px; }
.incluido .contenidoIncluido .modulo .label { font-family: Roboto;font-size: 18px;line-height: 24px;font-weight: 300;color:#333; }

.contacto { padding: 50px 0px;background-color: #F4F4F4; }
.contacto .contenidoContacto  { width:570px;margin: 0 auto; }
.contacto .contenidoContacto .titulo { text-align: center;font-family: Roboto;font-weight: 300;font-size: 24px;line-height: 30px;color:#F08F0C; }
.contacto .contenidoContacto .telefono { text-align: center;font-family: Roboto;font-weight: 300;color:#333;font-size: 18px;line-height: 24px;padding-top: 15px; }
.contacto .contenidoContacto .botonAmarillo { width:112px;padding-left: 0px;padding-right: 0px;text-align: center;margin: 0 auto;margin-top: 30px;float: none; }

.redes { width:100%;padding: 20px 0px 30px 0px; }
.redes .contenidoRedes { width:960px;margin: 0 auto; }
.redes .contenidoRedes .titulo { font-family: Roboto;font-size: 14px;color:#F08F0C;text-align: center;padding-bottom: 20px; }
.redes .contenidoRedes .xarxes { width:156px;margin: 0 auto; }
.redes .contenidoRedes .xarxes .red { float: left;width:32px;height:32px;overflow: hidden;margin-right: 30px; }
.redes .contenidoRedes .xarxes .red.ultimo { margin-right: 0px; }
.redes .contenidoRedes .xarxes .red:hover img { margin-top: -32px; }

.serviciosDispositivo { width:calc(100% - 1.26em);margin: 0 auto;text-align: left;padding-top: 40px; }
.serviciosDispositivo .titulo { font-family: 'Roboto';font-size: 24px;color:#F08F0C;padding-bottom: 20px;border-bottom: 1px solid #CCC; }
.serviciosDispositivo .tituloSevicio { height:56px;border-bottom: 1px solid #CCC;line-height: 56px;font-family: 'Roboto';font-weight: 300;font-size: 18px;color:#333; }
.serviciosDispositivo .servicio { border-bottom: 1px solid #CCC;padding: 10px 0px; }
.serviciosDispositivo .servicio .label { font-family: 'Roboto';font-weight: 300;font-size: 14px;color:#333;float: left;width:calc(100% - 2em) }
.serviciosDispositivo .servicio .icono { float: right;font-family: 'Roboto';font-weight: 300;font-size: 14px;color:#333; }


/* RESPONSIVE */
@media screen and (min-width: 980px){
	.serviciosDispositivo { display: none; }
}

@media screen and (min-width: 768px) and (max-width: 979px){
	.banner .contenidoBanner { width:calc(100% - 2.52em); }
	.banner .contenidoBanner .texto .titulo { padding-top: 0px; }

	.bannerPrecios .contenidoBanner { width:calc(100% - 2.52em); }
	.bannerPrecios .contenidoBanner .tarifa { padding-left: 0px;float: none;margin: 0 auto;width:100%;max-width: 315px; }
	.bannerPrecios .contenidoBanner .tarifa.primera { padding-left: 0px; }
	.bannerPrecios .contenidoBanner .tarifa .precio .boton { padding-left:0px;margin: 0 auto;width:227px;padding-left: 0px;padding-right: 0px; }

	.modulos .contenidoModulos { width:calc(100% - 2.52em); }
	.modulos .contenidoModulos .modulo { float: none;width:100%;padding-bottom: 30px; }
	
	.modulos .contenidoModulos .modulos4  { width:calc(100% - 2.52em); }
	.modulos .contenidoModulos .modulos3  { width:calc(100% - 2.52em);padding-top: 0px; }
	
	.prueba .contenidoPrueba { width:calc(100% - 2.52em); }
	
	.formulario .contenidoFormulario { width:calc(100% - 2.52em); }
	
	.incluido .contenidoIncluido { width:calc(100% - 2.52em); }
	.incluido .contenidoIncluido .modulo { width:100%;margin-right: 10px;margin-bottom: 30px; }
	.incluido .contenidoIncluido .modulo.ultimo { margin-bottom: 30px; }
	
	.contacto .contenidoContacto { width:calc(100% - 2.52em); }
	
	.redes .contenidoRedes { width:calc(100% - 2.52em); }
	
	.servicios { display: none; }
	.serviciosDispositivo { display: block; }
}

@media screen and (min-width: 480px) and (max-width: 767px){
	
	.bannerPrecios .contenidoBanner { width:calc(100% - 2.52em); }
	.bannerPrecios .contenidoBanner .tarifa { padding-left: 0px;float: none;margin: 0 auto;width:100%;max-width: 315px; }
	.bannerPrecios .contenidoBanner .tarifa.primera { padding-left: 0px; }
	.bannerPrecios .contenidoBanner .tarifa .precio .boton { padding-left:0px;margin: 0 auto;width:227px;padding-left: 0px;padding-right: 0px; }
	
	.banner .contenidoBanner { width:calc(100% - 2.52em); }
	.banner .contenidoBanner .foto { float: none;width:100%;text-align: center;display: none; }
	.banner .contenidoBanner .foto img { max-width: 480px; }
	.banner .contenidoBanner .texto { float: none;width:100%;text-align: center; }
	.banner .contenidoBanner .texto .titulo { padding-top: 0px; }
	
	.franja .contenidoFranja .logo { float: none;width:100%; }
	.franja .contenidoFranja .logo img { max-width: 480px; }
	.franja .contenidoFranja .texto { float: none;width:100%; }
	
	.modulos .contenidoModulos { width:calc(100% - 2.52em); }
	.modulos .contenidoModulos .modulo { float: none;width:100%;padding-bottom: 30px; }
	
	.modulos .contenidoModulos .modulos4  { width:calc(100% - 2.52em); }
	.modulos .contenidoModulos .modulos3  { width:calc(100% - 2.52em);padding-top: 0px; }
	
	.prueba .contenidoPrueba { width:calc(100% - 2.52em); }
	
	.formulario .contenidoFormulario { width:calc(100% - 2.52em); }
	
	.incluido .contenidoIncluido { width:calc(100% - 2.52em); }
	.incluido .contenidoIncluido .modulo { width:100%;margin-right: 10px;margin-bottom: 30px; }
	.incluido .contenidoIncluido .modulo.ultimo { margin-bottom: 30px; }
	
	.contacto .contenidoContacto { width:calc(100% - 2.52em); }
	
	.redes .contenidoRedes { width:calc(100% - 2.52em); }
	
	.servicios { display: none; }
	.serviciosDispositivo { display: block; }
}

@media screen and (min-width: 280px) and (max-width: 479px){
	
	.bannerPrecios .contenidoBanner { width:calc(100% - 2.52em); }
	.bannerPrecios .contenidoBanner .tarifa { padding-left: 0px;float: none;margin: 0 auto;width:100%;max-width: 315px; }
	.bannerPrecios .contenidoBanner .tarifa.primera { padding-left: 0px; }
	.bannerPrecios .contenidoBanner .tarifa .precio .boton { padding-left:0px;margin: 0 auto;width:227px;padding-left: 0px;padding-right: 0px; }
	
	.banner .contenidoBanner { width:calc(100% - 2.52em); }
	.banner .contenidoBanner .foto { float: none;width:100%;text-align: center;display: none; }
	.banner .contenidoBanner .foto img { max-width: 480px; }
	.banner .contenidoBanner .texto { float: none;width:100%;text-align: center; }
	.banner .contenidoBanner .texto .titulo { padding-top: 0px; }
	
	.franja .contenidoFranja .logo { float: none;width:100%; }
	.franja .contenidoFranja .logo img { max-width: 480px; }
	.franja .contenidoFranja .texto { float: none;width:100%; }
	
	
	.modulos .contenidoModulos { width:calc(100% - 2.52em);pad }
	.modulos .contenidoModulos .modulo { float: none;width:100%;padding-bottom: 30px; }
	
	.modulos .contenidoModulos .modulos4  { width:calc(100% - 2.52em); }
	.modulos .contenidoModulos .modulos3  { width:calc(100% - 2.52em);padding-top: 0px; }
	
	.prueba .contenidoPrueba { width:calc(100% - 2.52em); }
	
	.formulario .contenidoFormulario { width:calc(100% - 2.52em); }
	.formulario .contenidoFormulario .campoCheck .label { width:calc(100% - 3em); }
	
	.incluido .contenidoIncluido { width:calc(100% - 2.52em); }
	.incluido .contenidoIncluido .modulo { width:100%;margin-right: 10px;margin-bottom: 30px; }
	.incluido .contenidoIncluido .modulo.ultimo { margin-bottom: 30px; }
	
	.contacto .contenidoContacto { width:calc(100% - 2.52em); }
	
	.redes .contenidoRedes { width:calc(100% - 2.52em); }
	
	.servicios { display: none; }
	.serviciosDispositivo { display: block; }
}