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

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

.gradientBanner { width:100%;height:20px;position: absolute;margin-top: -20px; 
	background: -moz-linear-gradient(270deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 270deg, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(270deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(0, 0, 0, 0.1)', GradientType='1'); /* for IE */
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);/* W3C */
}


.servicios { width:960px;padding-left: 10px;padding-right: 10px;margin: 0 auto;text-align: left;padding-top: 50px; }
.servicios .headerServicios { height:30px;padding-bottom: 30px; }
.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:220px;font-family: 'Roboto';font-weight: 300;font-size: 18px;line-height: 24px;color:#333;padding-top: 20px; }
.servicios .registros .descripcion { float: left;width:350px;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: 20px; }
.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 .titulo .ico { float: left;width: 26px;line-height: 30px; }
.serviciosDispositivo .titulo .label { float: left; }

.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){
	.configuracion .imagen.vertical { display: none; }
	.serviciosDispositivo { display: none; }
}

@media screen and (min-width: 768px) and (max-width: 979px){
	.configuracion { width:calc(100% - 2.52em); }
	.configuracion .imagen { width:100%; }
	.configuracion .imagen.vertical { display: none; }
	.configuracion .texto { width:100%; }
	
	.banner .contenidoBanner { width:calc(100% - 3.78em); }
	.banner .contenidoBanner .tarifa { padding-left: 50px; }
	.banner .contenidoBanner .tarifa.primera { padding-left: calc((50% - 18.9em - 1.575em)); }
	
	.servicios { width:calc(100% - 2.52em);padding-left: 0px;padding-right: 0px; }
	.servicios .headerServicios .columna.primera { width:calc(100% - 10em); }
	.servicios .registros .descripcion { width:calc(100% - 30.7em); }
	
	.servicios { display: none; }
	.serviciosDispositivo { display: block; }
}

@media screen and (min-width: 480px) and (max-width: 767px){
	.configuracion { width:calc(100% - 2.52em); }
	.configuracion .imagen { width:100%;max-width: 116px; }
	.configuracion .imagen.horizontal { display: none; }
	.configuracion .imagen.vertical { display: block;margin: 0 auto; }
	.configuracion .texto { width:100%; }
	
	.banner .contenidoBanner { width:calc(100% - 3.78em); }
	.banner .contenidoBanner .tarifa { padding-left: 0px;float: none;margin: 0 auto; }
	.banner .contenidoBanner .tarifa.primera { padding-left: 0px; }
	
	.servicios { width:calc(100% - 2.52em);padding-left: 0px;padding-right: 0px; }
	.servicios .headerServicios .columna.primera { width:calc(100% - 10em); }
	.servicios .registros .opcion { float: none; }
	.servicios .registros .descripcion { width:calc(100% - 16.3em); }
	
	.servicios { display: none; }
	.serviciosDispositivo { display: block; }
}

@media screen and (min-width: 280px) and (max-width: 479px){
	.configuracion { width:calc(100% - 2.52em); }
	.configuracion .imagen { width:100%;max-width: 116px; }
	.configuracion .imagen.horizontal { display: none; }
	.configuracion .imagen.vertical { display: block;margin: 0 auto; }
	.configuracion .texto { width:100%; }
	
	.banner .contenidoBanner { width:calc(100% - 2.52em); }
	.banner .contenidoBanner .tarifa { padding-left: 0px;float: none;margin: 0 auto;width:100%;max-width: 315px; }
	.banner .contenidoBanner .tarifa.primera { padding-left: 0px; }
	.banner .contenidoBanner .tarifa .precio .boton { padding-left:0px;margin: 0 auto;width:227px;padding-left: 0px;padding-right: 0px; }
	
	.servicios { display: none; }
	.serviciosDispositivo { display: block; }
}