@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700);

@font-face{ 
	font-family: 'iconos';
	src: url('../tipos/icon.eot');
	src: url('../tipos/icon.eot?#iefix') format('embedded-opentype'),
	     url('../tipos/icon.woff') format('woff'),
	     url('../tipos/icon.ttf') format('truetype'),
	     url('../tipos/icon.svg#icon') format('svg');
	font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face{ 
	font-family: 'ico-n';
	src: url('../tipos/iconnucli.eot?');
	src: url('../tipos/iconnucli.eot?#iefix') format('embedded-opentype'),
	     url('../tipos/iconnucli.woff') format('woff'),
	     url('../tipos/iconnucli.ttf') format('truetype'),
	     url('../tipos/iconnucli.svg#webfont') format('svg')
}

body { margin: 0px;padding: 0px;width:100%;text-align: center; }
img { border:0px;outline: 0px; }
a { outline: 0px;text-decoration: none;color:#333; }
a:hover { outline: 0px;text-decoration: none;color:#F08F0C; }

h1 { margin: 0px;padding: 0px;font-weight: normal; }
h2 { margin: 0px;padding: 0px;font-weight: normal; }
h3 { margin: 0px;padding: 0px;font-weight: normal; }
h4 { margin: 0px;padding: 0px;font-weight: normal; }

.ico { font-family: iconos;font-size: 16px; }
.iconoNucli { font-family: ico-n;font-size: 16px; }

.cookies { width:100%;background-color: #F4F4F4;font-family: 'Roboto';font-weight: 300;font-size: 12px;color:#333;display: none;position: fixed;z-index:10;top:0px; }
.cookies a { text-decoration: underline;color:#333; }
.cookies a:hover { text-decoration: none;color:#333; }
.cookies .contenidoCookies { width:980px;margin: 0 auto;padding: 15px 0px; }
.cookies .texto { text-align: center;padding-bottom: 15px; }
.cookies .cerrar { height:16px;text-align: center;font-family: iconos;font-size: 16px; }
.cookies .cerrar a { text-decoration: none;color:#CCC; }
.cookies .cerrar a:hover { text-decoration: none;color:#999; }

.header { width:100%;height:80px;background-color: #FFF;position: fixed;z-index:10; }
.header .contenidorHeader { width:960px;padding-left: 10px;padding-right: 10px;margin: 0 auto;text-align: left; }
.header .contenidorHeader .logo { float: left;padding-top: 10px; }
.header .contenidorHeader .menu { float: left;margin-top: 34px;padding-left: 20px; }
.header .contenidorHeader .menu .opcion { float: left;padding-left: 20px;font-family: 'Roboto';font-weight: 400;font-size: 14px;color:#f08f0c;  }
.header .contenidorHeader .menu .opcion a { text-decoration: none;color:#333; }
.header .contenidorHeader .menu .opcion a:hover { text-decoration: none;color:#f08f0c; }

.subMenu { position: fixed;z-index:10;background-color: #ededed;text-align: left;padding: 20px;display: none;width:100%;left:0px;border-bottom: 1px solid #ffd517 }
.subMenu .opcion { font-family: 'Roboto';font-weight: 300;font-size: 14px;color:#333;line-height: 26px; }
.subMenu .opcion.seleccionado { color:#F08F0C; }
.subMenu .opcion:hover { color:#F08F0C; }

.footer { width:100%;background-color: #333;padding-top: 50px;padding-bottom: 50px; }
.footer .contenidoFooter { width:960px;padding-left: 10px;padding-right: 10px;margin: 0 auto;text-align: left; }
.footer .contenidoFooter .columna { float: left;width: calc((100% - 9em)/4);padding-left: 48px; }
.footer .contenidoFooter .columna.primero { padding-left: 0px; }
.footer .contenidoFooter .columna .icono { padding-bottom: 20px;font-family: iconos;font-size: 18px;color:#f8b312;  }
.footer .contenidoFooter .columna .titulo { font-family: 'Roboto';font-weight: 400;font-size: 14px;color:#f7b211;padding-bottom: 15px; }
.footer .contenidoFooter .columna .link { font-family: 'Roboto';font-weight: 300;font-size: 14px;line-height: 18px;color:#FFF; }
.footer .contenidoFooter .columna .link a { text-decoration: none;color:#FFF; }
.footer .contenidoFooter .columna .link a:hover { text-decoration: none;color:#f7b211; }
.footer .contenidoFooter .columna .redes {  }
.footer .contenidoFooter .columna .redes .red { float: left;width:18px;margin-right: 18px;height:18px;overflow: hidden; }
.footer .contenidoFooter .columna .redes .red.segundo { margin-right: 0px; }
.footer .contenidoFooter .columna .redes .red:hover img { margin-top: -18px; }

.botonAmarillo { float: left;height:36px;line-height: 36px;font-family: 'Roboto';font-weight: 700;font-size: 14px;color:#333;text-shadow: 0px 1px 0px #FFF;padding-left: 20px;padding-right: 20px;border-radius: 4px; 
	background: -moz-linear-gradient(270deg, #ffd517 0%, #ff9832 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 270deg, color-stop(0%, #ffd517), color-stop(100%, #ff9832));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(270deg, #ffd517 0%, #ff9832 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(270deg, #ffd517 0%, #ff9832 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(270deg, #ffd517 0%, #ff9832 100%);/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd517', endColorstr='#ff9832', GradientType='1'); /* for IE */
	background: linear-gradient(180deg, #ffd517 0%, #ff9832 100%);/* W3C */
}

.botonAmarillo:hover { float: left;height:36px;line-height: 36px;font-family: 'Roboto';font-weight: 700font-size: 14px;color:#333;text-shadow: 0px 1px 0px #FFF;padding-left: 20px;padding-right: 20px;border-radius: 4px; 
	background: -moz-linear-gradient(270deg, #ffb232 0%, #fc8627 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 270deg, color-stop(0%, #ffb232), color-stop(100%, #fc8627));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(270deg, #ffb232 0%, #fc8627 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(270deg, #ffb232 0%, #fc8627 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(270deg, #ffb232 0%, #fc8627 100%);/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb232', endColorstr='#fc8627', GradientType='1'); /* for IE */
	background: linear-gradient(180deg, #ffb232 0%, #fc8627 100%);/* W3C */
}

.bannerDemo { width: 100%;background-image: url('../img/comun/demo-software-gestion-medico.jpg');background-size: cover;background-repeat: no-repeat;padding: 60px 0px;background-position: center; }
.bannerDemo .texto { width:960px;padding-left: 10px;padding-right: 10px;margin: 0 auto;text-align: left; }
.bannerDemo .texto .titulo { font-family: 'Roboto';font-weight: 300;font-size: 36px;line-height: 42px;color:#FFF; }
.bannerDemo .texto .txt { padding-top: 30px;font-family: 'Roboto';font-weight: 300;font-size: 15px;line-height: 22px;color:#FFF;width:455px;padding-bottom: 47px; }

.bannerDemoDispositivo { width: 100%;padding: 40px 0px;background-color: #F4F4F4; }
.bannerDemoDispositivo .texto { padding-left: 20px;padding-right: 20px;margin: 0 auto; }
.bannerDemoDispositivo .texto .titulo { font-family: 'Roboto';font-weight: 300;font-size: 36px;line-height: 42px;color:#F08F0C;text-align: center; }
.bannerDemoDispositivo .texto .txt { padding-top: 30px;font-family: 'Roboto';font-weight: 300;font-size: 15px;line-height: 22px;color:#333;width:100%;padding-bottom: 47px;text-align: center; }
.bannerDemoDispositivo .texto .botonAmarillo { margin: 0 auto;width:168px;text-align: center;float: none;padding-left: 0px;padding-right: 0px; }

.lopd { width:960px;padding-left: 10px;padding-right: 10px;margin: 0 auto;text-align: left;height:320px;background-color: #FFF; }
.lopd .foto { float: left;width:480px; }
.lopd .foto img { height:320px; }
.lopd .texto { float: right;padding-left: 25px;width:455px;padding-top: 75px; }
.lopd .texto .titulo { font-family: 'Roboto';font-weight: 300;font-size: 36px;line-height: 42px;color:#F08F0C;padding-bottom: 30px; }
.lopd .texto .txt { font-family: 'Roboto';font-weight: 300;font-size: 15px;line-height: 22px;color:#333;padding-bottom: 30px; }

.newsletter { width:100%;background-color: #F0F0F0;padding: 30px 0px; }
.newsletter .contenidoNewsletter { width:960px;margin: 0 auto; }
.newsletter .contenidoNewsletter .titulo { font-family: Roboto;font-size: 24px;line-height: 30px;color:#F08F0C;font-weight: 300;text-align: center;padding-bottom: 30px;  }
.newsletter .contenidoNewsletter .campos { height:36px;padding-bottom: 20px;width:655px;margin: 0 auto; }
.newsletter .contenidoNewsletter .campos .campo { float: left;width:240px;margin-right: 20px; }
.newsletter .contenidoNewsletter .campos .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; }
.newsletter .contenidoNewsletter .campoCheck { width:255px;margin:0 auto; }
.newsletter .contenidoNewsletter .campoCheck .check { float: left;width:16px;height:16px;border:1px solid #ddd;border-radius: 3px;background-color: #FFF; }
.newsletter .contenidoNewsletter .campoCheck .check .marcado { width:8px;height:8px;background-color: #F08F0C;margin: 4px;border-radius: 6px;display:none; }
.newsletter .contenidoNewsletter .campoCheck .label { float: left;padding-left: 10px;font-family: 'Roboto';font-weight: 300;font-size: 14px;line-height: 18px;color:#333;width:225px; }
.newsletter .contenidoNewsletter .campoCheck .label a { text-decoration: underline;color:#F08F0C; }
.newsletter .contenidoNewsletter .campoCheck .label a:hover { text-decoration: none;color:#F08F0C; }


.configuracion { width: 960px;padding-left: 10px;padding-right: 10px;margin: 0 auto;padding-top: 50px;padding-bottom: 60px; }
.configuracion .titulo { font-family: 'Roboto';font-weight: 300;font-size: 24px;line-height: 30px;color:#F08F0C;padding-bottom: 50px; }
.configuracion .imagen { padding-bottom: 50px; }
.configuracion .texto { font-family: 'Roboto';font-weight: 300;font-size: 15px;line-height: 22px;color:#333;width:660px;margin: 0 auto; }


.fondoAviso { position: fixed;left:0px;top:0px;background-color: #333;opacity: 0.9;width:100%;display:none;z-index: 98; }
.aviso { position: absolute;z-index:99;left:0px;top:0px;display:none;text-align: left; }
.aviso2 { position: absolute;z-index:99;left:0px;top:0px;display:none;text-align: left; }
.ejemplos { position: absolute;z-index:99;left:0px;top:0px;display:none;text-align: left;width:100%; }

.ejemplos .cerrar { text-align: center;font-family: 'Roboto';font-size: 16px;padding-bottom: 30px; }
.ejemplos .cerrar a { color:#FFF; }
.ejemplos .cerrar a:hover { color:#F08F0C; }

.ejemplos .flecha { font-family: iconos;font-size: 16px;color:#FFF;width:48px;height:48px;background-color: rgba(0,0,0,0.6);text-align: center;line-height: 48px;border-radius:48px;position: absolute;z-index:99; }

.ejemplos .fotoGrande { width:100%;margin: 0 auto;max-width: 960px; }
.ejemplos .fotoGrande img { width:100%; }

.ejemplos .fotosEjemplos { text-align: center;width:100%; }
.ejemplos .fotosEjemplos .foto { text-align: center; }

.ejemplos .thumbs { padding-top: 20px;width: 960px;height:80px;overflow: hidden;margin: 0 auto; }
.ejemplos .thumbs .thumb { float: left;width:120px;height:80px;background-position: center;background-size: cover;margin-right: 20px; }

.popUp { background-color: #FFF;width:544px;border-radius: 10px;padding: 40px; }
.popUp.politica { width:600px; }
.popUp .titulo { font-family: 'Roboto';font-weight: 300;font-size: 24px;line-height: 30px;color:#F08F0C;padding-bottom: 30px; }
.popUp .titulo .label { float: left;padding-bottom: 30px; }
.popUp .titulo .cerrar { font-family: iconos;font-size: 24px;padding-bottom: 30px;float: right; }
.popUp .titulo .cerrar a { color:#999; }
.popUp .titulo .cerrar a:hover { color:#333; }
.popUp .texto { font-family: 'Roboto';font-weight: 300;font-size: 14px;line-height: 18px;color:#333;padding-bottom: 20px; }
.popUp .texto a { text-decoration: underline;color:#FF9832; }
.popUp .texto a:hover { text-decoration: none;color:#FF9832; }

.popUp .campo { padding-bottom: 20px; }
.popUp .campo input { width:calc(100% - 1.27em);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:calc(100% - 1.27em);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; }

.idioma { position: absolute;margin-left: 893px;padding-top: 28px;z-index:1; }
.idioma .campoSelect { width:65px;border-radius: 3px;border:1px solid #ddd;height: 25px;line-height: 25px;background-color: #FFF;margin-bottom: 20px; }
.idioma .campoSelect .label { float: left;padding-left: 10px;font-family: 'Roboto';font-weight: 300;font-size: 14px;color:#333; }
.idioma .campoSelect .icono { width: 0;height: 0;border-style: solid;border-width: 8px 6px 0 6px;border-color: #999999 transparent transparent transparent;float: right;margin-right: 10px;margin-top: 9px; }

.idioma .listadoDesplegable { position: absolute;margin-top: -19px;min-width:45px;border-radius: 3px;border:1px solid #ddd;padding: 10px;background-color: #FFF;display:none; }
.idioma .listadoDesplegable .opcion { line-height: 21px;font-family: 'Roboto';font-weight: 300;font-size: 14px;color:#333; }
.idioma .listadoDesplegable .opcion:hover { color:#F08F0C; }

/* DISPOSITIVOS */
.headerDispositivo { width:100%;text-align: left;height:80px;background-color: #FFF;position: fixed;z-index: 12; }
.headerDispositivo .icono { float: left;font-family: iconos;font-size: 18px;color:#333;padding-left: 20px;line-height: 80px; }
.headerDispositivo .icono.der { float: right;padding-right: 20px;padding-left: 0px; }
.headerDispositivo .icono a { color:#333; }
.headerDispositivo .icono a:hover { color:#F08F0C; }
.headerDispositivo .logo { width:calc(100% - 3.78em);position: absolute;text-align: center;margin-left: 40px;margin-top: 15px; }

.submenuDispositivo { width:100%;text-align: left;position: absolute;background-color: #FFF;z-index:11;display: none; }
.submenuDispositivo .opcionDispositivo { border-bottom: 1px solid #DFDFDF;padding:10px 30px;font-family: Roboto;font-size: 14px;color:#333; }
.submenuDispositivo .opcionDispositivo:hover { color:#F08F0C; }
.submenuDispositivo .opcionDispositivo.seleccionado { color:#F08F0C; }

.submenuDispositivo .subopcionDispositivo { border-bottom: 1px solid #DFDFDF;padding:10px 40px;font-family: Roboto;font-size: 14px;color:#333; }
.submenuDispositivo .subopcionDispositivo:hover { color:#F08F0C; }
.submenuDispositivo .subopcionDispositivo.seleccionado { color:#F08F0C; }


.capaSubMenu { position: fixed;width:100%;height:100%;background-color: #FFF;top:85px;z-index:10;display: none; }

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

@media screen and (min-width: 768px) and (max-width: 979px){
	.header { display: none; }
	
	.cookies .contenidoCookies { width:calc(100% - 3.78em); }
	.headerDispositivo { display: block; }
	
	.footer .contenidoFooter { width:calc(100% - 3.78em);padding-left: 0px;padding-right: 0px; }
	.footer .contenidoFooter .columna { width:calc((100% - 9em)/4); }
	
	.bannerDemoDispositivo { display: block; }
	.bannerDemo .texto { display:none; }
	.bannerDemo { padding: 100px 0px; }
	
	.lopd { width:calc(100% - 3.78em);height:auto; }
	.lopd .foto { width:calc((100vw - 6.93em - 1.575em)/2); }
	.lopd .texto { width:calc((100vw - 6.93em - 1.575em)/2);padding-top: 20px;padding-bottom: 20px; }
	
	.newsletter .contenidoNewsletter { width:calc(100% - 2.52em); }
	
	.popUp { width:calc(100vw - 3.78em);max-width:544px; }
	.popUp.politica { width:calc(100vw - 3.78em);max-width:600px; }
	
	.ejemplos .thumbs { display:none; }
	.ejemplos .flecha { display: none; }
}

@media screen and (min-width: 480px) and (max-width: 767px){
	.header { display: none; }
	
	.cookies .contenidoCookies { width:calc(100% - 3.78em); }
	.headerDispositivo { display: block; }
	
	.footer .contenidoFooter { width:100%;padding-left: 0px;padding-right: 0px; }
	.footer .contenidoFooter .columna { float: none;padding-left: 0px;padding-bottom: 30px;text-align: center;width:100%; }
	.footer .contenidoFooter .columna.ultima { padding-bottom: 0px; }
	.footer .contenidoFooter .columna .redes { width:130px;margin: 0 auto;padding-bottom: 20px; }
	
	.bannerDemoDispositivo { display: block; }
	.bannerDemo .texto { display:none; }
	.bannerDemo { padding: 100px 0px; }
	
	.lopd { width:calc(100% - 3.78em);height:auto; }
	.lopd .foto { float: none;width:100%;max-width: 360px;margin: 0 auto; }
	.lopd .foto img { width:100%;height:auto; }
	.lopd .texto { float: none;padding-top: 20px;padding-bottom: 30px;text-align: center;width:100%;padding-left: 0px; }
	.lopd .texto .botonAmarillo { margin: 0 auto;width:168px;text-align: center;float: none;padding-left: 0px;padding-right: 0px; }
	
	.newsletter .contenidoNewsletter { width:calc(100% - 2.52em); }
	.newsletter .contenidoNewsletter .campos { height: auto;width:240px;margin: 0 auto; }
	.newsletter .contenidoNewsletter .campos .campo { float: none;padding-bottom: 20px;width:calc(100% - 1.26em); }
	.newsletter .contenidoNewsletter .campos .botonAmarillo { float: none;width:100%;padding-left: 0px;padding-right: 0px;text-align: center; }
	
	.popUp { width:calc(100vw - 3.78em);max-width:544px; }
	.popUp.politica { width:calc(100vw - 3.78em);max-width:600px; }
	
	.ejemplos .thumbs { display:none; }
	.ejemplos .flecha { display: none; }
}

@media screen and (min-width: 280px) and (max-width: 479px){
	.header { display: none; }
	
	.cookies .contenidoCookies { width:calc(100% - 3.78em); }
	.headerDispositivo { display: block; }
	
	.footer .contenidoFooter { width:100%;padding-left: 0px;padding-right: 0px; }
	.footer .contenidoFooter .columna { float: none;padding-left: 0px;padding-bottom: 30px;text-align: center;width:100%; }
	.footer .contenidoFooter .columna.ultima { padding-bottom: 0px; }
	.footer .contenidoFooter .columna .redes { width:130px;margin: 0 auto;padding-bottom: 20px; }
	
	.bannerDemoDispositivo { display: block; }
	.bannerDemo .texto { display:none; }
	.bannerDemo { padding: 100px 0px; }
	
	.lopd { width:calc(100% - 3.78em);height:auto; }
	.lopd .foto { float: none;width:100%;max-width: 360px;margin: 0 auto; }
	.lopd .foto img { width:100%;height:auto; }
	.lopd .texto { float: none;padding-top: 20px;padding-bottom: 30px;text-align: center;width:100%;padding-left: 0px; }
	.lopd .texto .botonAmarillo { margin: 0 auto;width:168px;text-align: center;float: none;padding-left: 0px;padding-right: 0px; }
	
	.newsletter .contenidoNewsletter { width:calc(100% - 2.52em); }
	.newsletter .contenidoNewsletter .campos { height: auto;width:240px;margin: 0 auto; }
	.newsletter .contenidoNewsletter .campos .campo { float: none;padding-bottom: 20px;width:calc(100% - 1.26em); }
	.newsletter .contenidoNewsletter .campos .botonAmarillo { float: none;width:100%;padding-left: 0px;padding-right: 0px;text-align: center; }
	.newsletter .contenidoNewsletter .campoCheck { width:240px; }
	.newsletter .contenidoNewsletter .campoCheck .label { width:200px; }
	
	.popUp { width:calc(100vw - 3.78em);max-width:544px; }
	.popUp.politica { width:calc(100vw - 3.78em);max-width:600px; }
	
	.ejemplos .thumbs { display:none; }
	.ejemplos .flecha { display: none; }
}