/* Tabla de Contenido

	- Defaults
	- Tipografía
	- Header
	- Menú
	- Footer
	- Páginas
		- Home
		- Prevención
	- Elementos Comunes
		- Botones
	- Plugins
	- Media Querys
		- 990px
		- 400px 
*/

/* defaults */

body {
  margin: 0;
  /*font-family: "Open Sans", sans-serif;*/
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.9;
  color: #626262;
  text-align: left;
  background-color: #ffffff; }

.maxw-500 {
	max-width: 500px;
}

.martop25 {
	margin-top: 25px;
}

.imgMobile, .imgMobileApp {
	display: none;
}

.imgDesktop {
	position: absolute;
	right: -150px;
	max-width: 70vw;
}

.imgDesktopApp {
	position: absolute;
	right: 15vw;
	max-width: 80vw;
}

.Movil {
	display: none;
}

.Escritorio {
	
} 

.centrado {
	text-align: center;
}

.verde {
	color: #4FAE32!important;
}

.verdeClaro {
	color: #064369!important;
}

.azul {
	color: #0475BC!important;
}

.gris {
	color: #737373!important;
}

.blanco {
	color: #fff!important;
}

.incorrecta {
	color: red;
}

.masInfo a:hover {
	color: #4FAE32!important;
}

.funcionalidades img {
	max-width: 55px;
}

.funcionalidades img.appShop {
	max-width: 100px;
}

.funcionalidades .flexbox {

	align-items: top!important;
	
}

.form-control {
    border: 1px solid #aabcce;
}

.onlyMobile {
	display: none;
}


/* Tipografía */

[class^="ti-"], [class*=" ti-"] {
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.display-5 {
  font-size: 2rem;
  font-weight: 200;
  line-height: 1.2; 
  text-transform: uppercase;
  letter-spacing: 1px;
}

.display-5 .destacado {
	font-weight: 600;
}

.display-6 {
  font-size: 1.5rem;
  font-weight: 200;
  line-height: 1.5; 
  letter-spacing: 1px;
} 

p {
	font-size: 15px;
	font-weight: 400;
}

.fs-8 {
  font-size: 8px !important;
}

.fs-9 {
  font-size: 9px !important;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-11 {
  font-size: 11px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-17 {
  font-size: 17px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-19 {
  font-size: 19px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-25 {
  font-size: 25px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-30 {
  font-size: 30px !important;
  line-height: 1.2;
}

.fs-35 {
  font-size: 35px !important;
  line-height: 1.2;
}

.fs-40 {
  font-size: 40px !important;
  line-height: 1.2;
}

.fs-45 {
  font-size: 45px !important;
  line-height: 1.2;
}

.fs-50 {
  font-size: 50px !important;
  line-height: 1.2;
}

.fs-60 {
  font-size: 60px !important;
  line-height: 1.2;
}

.fs-70 {
  font-size: 70px !important;
  line-height: 1.2;
}

.fs-80 {
  font-size: 80px !important;
  line-height: 1.2;
}

.fs-90 {
  font-size: 90px !important;
  line-height: 1.2;
}

.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

/* Header */

.cabeceraHome {
	background: url(../../../../images/newLogin/BgHome.png) left bottom no-repeat;
	background-size: cover;
}

.cabeceraInspecciones {
	background: url(../../../../images/newLogin/bg/BgInspecciones.svg) left bottom no-repeat;
	background-size: cover;
}

.cabeceraPrevencion {
	background: url(../../../../images/newLogin/bg/BgPrevencion.svg) left bottom no-repeat;
	background-size: cover;
}

.cabeceraHomologacion {
	background: url(../../../../images/newLogin/bg/BgHomologacion.svg) left bottom no-repeat;
	background-size: cover;
}

.cabeceraExternalizacion {
	background: url(../../../../images/newLogin/bg/BgExternalizacion.svg) left bottom no-repeat;
	background-size: cover;
}

.cabeceraImplantacion {
/*	background: url(../../../../images/newLogin/bg/BgImplantacion.svg) left bottom no-repeat;
	background-size: cover;*/
}

#implantacionPage .navbar-light .logo-dark{
    display: block;
}

#implantacionPage .navbar-light .logo-light {
    display: none;
}

#implantacionPage .navbar-light .nav-navbar>.nav-item>.nav-link {
    color: rgba(9,118,186,0.8);
}

#implantacionPage .navbar-light .nav-navbar>.nav-item>.nav-link:hover {
    color: rgba(9,118,186,1);
}

#implantacionPage .navbar-light .nav-navbar>.nav-item>.nav-link>.arrow {
    border-top: 3px solid rgba(9,118,186,0.8);
}

#implantacionPage  .navbar-light .btn-login{
    color: #4FAE32!important;
}

#implantacionPage .btn-login {
    color: #fff;
    border: 2px solid #4FAE32;
    background-color: transparent;
    padding-right: 42px;
}

#implantacionPage .icnLogin-light {
    display: none;
}

#implantacionPage .navbar-light .icnLogin-dark {
    display: inline-block;
}

#implantacionPage .btn-login:hover {
    color: #fff;
    background-color: transparent;
    border-color: #52B037;
    -webkit-box-shadow: 0 1px 10px rgba(60, 212, 88, 0.4);
    box-shadow: 0 1px 10px rgba(60, 212, 88, 0.4);
}

#implantacionPage .text-white {
    color: rgba(0, 0, 0, 0.85) !important;
}

#implantacionPage  .topbar.text-white {
    border-bottom-color: rgba(0,0,0,0.05);
}

#implantacionPage .idiomas a.activo {
    color: #000;
}

#implantacionPage .idiomas a.activo:hover {
    color: #52B037;
}

#implantacionPage .scroll-down-white span {
	border-color: #0475BC!important;
}

.cabeceraCoordinacion {
	background: url(../../../../images/newLogin/bg/BgCoordinacion.svg) left bottom no-repeat;
	background-size: cover;
}



.header {
	/*max-height: 100vh!important;
	overflow: hidden;*/
}

/* Menú */

.navbar-brand img {
    /*max-width: 150px;*/
    height: 40px;
}

.nav-navbar .nav-link {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1em;
  word-spacing: 2px;
  padding-left: 1.125rem;
  padding-right: 1.125rem; }

.idiomas {
	font-size: 12px!important;
}

.idiomas .inactivo {
	opacity: 0.5;
}

.idiomas a:hover {
	color: #6beb46!important;
}

.nav-navbar .nav .nav-link {
    font-size: 15px;
    width: 260px;
    min-width: 13rem !important;
    max-width: 100%;
}

/* Footer */

h6.integrada {
	font-size: 15px;
	color: #626262;
	font-weight: 400;
}

.konvergialogo {
	background: url(../../../../images/newLogin/logoOpenFramework.png) left top no-repeat;
	height: 34px;
	width: 150px;
	display: inline-block;
	margin-bottom: -12px;
}

.konvergialogo:hover {
	opacity: 0.7;
}

.konvergialogo span {
	display: none;
}


.preFooter {
	background: #fff url('../../../../images/newLogin/bg/BgPreFooter.svg') no-repeat center top;
	background-size: cover;
	/*padding-top: 40px;*/
	font-size: 12px;
}


.preFooter .nav-link {
    color: #5e5e5e;
    font-weight: 400;
    font-size: 14px;
}

.preFooter .nav-link:hover {
    color: #4FAE32;
    font-weight: 400;
    font-size: 14px;
}


.footer {
	background-color: #0E7BAD;
	border: none;
	padding: 1rem 0;
}

.footer a, .footer p {
	color: #fff;
	font-weight: 400!important;
	letter-spacing: 1px;
}

.footer a:hover {
	color: #a5d36c;
}

/* Páginas */

/** Home **/

#logos img {
	height: auto;
	width: auto;
	max-width: 200px;
	max-height: 100px;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

#logos div {
	text-align: center;
}

#logos img:hover {
	-webkit-filter: none; /* Safari 6.0 - 9.0 */
	filter: none;
}

#quieres {
	text-align: center;
}

#quieres div.icono {
	height: 85px;
	margin-bottom: 20px;
	display: inline-flex;
}

#quieres h6 {
	text-transform: uppercase;
}

.fondoseis {
	background: url(../../../../images/newLogin/bgSecciones.svg) center top no-repeat;
}

.fondoseisBotom {
	background: url(../../../../images/newLogin/bgSeccionesBottom.svg) center bottom no-repeat;
	background-size: cover;
}



#popup-login-2 {
	border: 1px solid #0575BD;
}

.logoBox {
	margin-bottom: 25px;
}

.logoBox img{
	max-width: 200px;
}

#productos6conecta .hover-shadow-6:hover, #productos6conecta .product-3:hover, #accordion-1 .hover-shadow-6:hover, #accordion-1 .product-3:hover {
    -webkit-box-shadow: 0 0 36px rgba(0,0,0,0.08);
    box-shadow: 0 0 36px rgba(0,0,0,0.08);
    border: 1px solid #0575BD!important;
    color: #4FAE32;
}

#accordion-1 .card {
	height: 231px;
}

#productos6conecta .card {
	height: 275px;
}


/** Prevención **/

.pricing-6 {
  background-color: #fff;
  border: 1px solid #e2e4e6;
  border-radius: 5px;
  text-align: center;
  -webkit-transition: .5s;
  transition: .5s; }
  .pricing-6.popular, .pricing-6:hover {
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);
            box-shadow: 0 0 25px rgba(0, 0, 0, 0.07); }
  .pricing-6 .plan-name {
    font-size: 5vmin;
    color: #0876B9;
    text-transform: uppercase;
    font-weight: 600;
    background-color: #fcfdfe; }
   .pricing-6 p.plan-name {
   	margin-bottom: 0;
   }
.plan-name.borderBottom {
	  border-bottom: 1px solid #e2e4e6; 
	  }

  .pricing-6 .plan-price {
    color: #50AE31;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid #e2e4e6;
    background-color: #fcfdfe;
    font-size: 14px;
    line-height: 35px;
    color: #757575;
  	margin-top: -20px;
  }
.pricing-6 .text-normal {
	color: #50AE31;
}

.pricing-6 small:before {
	content: '\f00c';
	font-family: 'FontAwesome';
	margin-right: 3px;
}

.pricing-6.coordinacion .plan-name {
  font-size: 4vmin; 
}

/** Externalización CAE **/

.bloqueCollapse {
	padding: 10px 16px;
	font-size: 14px;
	margin-top: 5px;
	border: 1px solid #C4C4C4;
	/*background-color: #fdfdfd;*/
	border-radius: .25rem;
	font-weight: 300;
}

.bloqueCollapse .fw-500 {
	color: #0575BD;
}

#modulosCAE a.card {
    opacity: 0.5;
}

#modulosCAE a.card.collapsed {
    opacity: 1!important;
}

/** SW CAE **/

.titPlanes {
	background-color: #0575BD;
	color: #fff;
	font-weight: 500;
	padding: 10px;
	border: 1px solid #046caf;
}

.titPlanesMobile {
	display: none;
}

/**  Clientes **/

#testimonios .card {
	margin-bottom: 30px!important;
	border-radius: .50rem!important;
}

.bg-dark {
    background-color: rgba(0, 0, 0, .8)!important;
}

/* Elementos Comunes */

/** Botones **/

.btn-info {
  background-color: #0475BD;
  border-color: #0475BD;
  color: #fff;
}


.btn-info:hover {
  background-color: #0e97ff;
  border-color: #0e97ff;
  -webkit-box-shadow: 0 2px 10px rgba(14, 151, 255, 0.4);
          box-shadow: 0 2px 10px rgba(14, 151, 255, 0.4);
}

.btn-info:focus, .btn-info.focus {
  color: #fff;
}

.btn-info.disabled, .btn-info:disabled {
  background-color: #0e97ff;
  border-color: #0e97ff;
  opacity: 0.5;
}

.btn-info:active, .btn-info.active,
.show > .btn-info.dropdown-toggle {
  background-color: #0088ee;
  border-color: #0088ee;
  color: #fff;
}

a.cc-btn.cc-dismiss {
    font-weight: 300!important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #52B037;
    border-color: #52B037;
    -webkit-box-shadow: 0 1px 10px rgba(80,161,255,0.4);
    box-shadow: 0 1px 10px rgba(80,161,255,0.4);
}

.btn-blanco {
  color: #fff;
  background-color: #3879a2;
  border-color: #3879a2; }
  .btn-blanco:hover {
    color: #fff;
    background-color: #52B037;
    border-color: #52B037;
    -webkit-box-shadow: 0 1px 10px rgba(60, 212, 88, 0.4);
            box-shadow: 0 1px 10px rgba(60, 212, 88, 0.4); }
  .btn-blanco:focus, .btn-blanco.focus {
    color: #fff;
    -webkit-box-shadow: 0 0 0 0rem rgba(60, 212, 88, 0.5);
            box-shadow: 0 0 0 0rem rgba(60, 212, 88, 0.5); }
  .btn-blanco.disabled, .btn-blanco:disabled {
    background-color: #fff;
    border-color: #fff; }
  .btn-blanco:not([disabled]):not(.disabled):active, .btn-blanco:not([disabled]):not(.disabled).active,
  .show > .btn-blanco.dropdown-toggle {
    color: #0575BD;
    background-color: #fff;
    border-color: #fff;
    -webkit-box-shadow: 0 0 0 0rem rgba(60, 212, 88, 0.5);
            box-shadow: 0 0 0 0rem rgba(60, 212, 88, 0.5); }


.btn-login {
  color: #fff;
  border: 2px solid #fff;
  background-color: transparent;
  padding-right: 42px;
  }
  .btn-login:hover {
    color: #fff;
    background-color: #52B037;
    border-color: #fff;
    -webkit-box-shadow: 0 1px 10px rgba(60, 212, 88, 0.4);
            box-shadow: 0 1px 10px rgba(60, 212, 88, 0.4); }
  .btn-login:focus, .btn-login.focus {
    color: #fff;
    -webkit-box-shadow: 0 0 0 0rem rgba(25, 25, 25, 0.5);
            box-shadow: 0 0 0 0rem rgba(25, 25, 25, 0.5); }
  .btn-login.disabled, .btn-login:disabled {
    background-color: #191919;
    border-color: #191919; }
  .btn-login:not([disabled]):not(.disabled):active, .btn-login:not([disabled]):not(.disabled).active,
  .show > .btn-login.dropdown-toggle {
    color: #fff;
    background-color: #050505;
    border-color: #050505;
    -webkit-box-shadow: 0 0 0 0rem rgba(25, 25, 25, 0.5);
            box-shadow: 0 0 0 0rem rgba(25, 25, 25, 0.5); }
            
.navbar-dark .btn-login,
.navbar-stick-dark.stick .btn-login {
  color: #52B037!important;
  border: 2px solid #52B037;
  background-color: transparent;
  padding-right: 42px; }
  
.navbar-light .btn-login,
.navbar-stick-light.stick .btn-login {
  color: #fff!important; }
            
.navbar-light .icnLogin-dark,
.navbar-stick-light.stick .icnLogin-dark {
  display: none; }
  
 .navbar-light .icnLogin-light,
 .navbar-stick-light.stick .icnLogin-light {
   display: inline-block; }

.navbar-dark .icnLogin-dark,
.navbar-stick-dark.stick .icnLogin-dark {
  display: inline-block; }
  
.navbar-dark .icnLogin-light,
.navbar-stick-dark.stick .icnLogin-light {
  display: none; }

.label_Login_Form {
	color: #5D5D5D;
	font-size: 14px;
	display: inline-block;
	margin-bottom: 5px;
}

/*button#cierraLogin.close {
    background-color: #0575BD;
    width: 100%;
    opacity: 1;
    color: #fff;
    text-align: right;
}*/

.btn-video {
    color: #fff;
    background-color: #0575BD;
    border-color: #0575BD;
}

.btn-video:hover {
    color: #fff;
    background-color: #4FAE33;
    border-color: #4FAE33;
    -webkit-box-shadow: 0 1px 10px rgba(146,109,222,0.4);
    box-shadow: 0 1px 10px rgba(146,109,222,0.4);
}



span.menuDesc {
    font-weight: 200;
    text-transform: none;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    letter-spacing: 0.5px;
    font-size: 12px;
}



/* Media Querys */

/** max-width: 767px **/

  
@media (max-width: 767px) {

.titPlanesDesktop {
	display: none;
}

.titPlanesMobile {
	display: block;
}

.Movil {
	display: block;
}

.Escritorio {
	display: none;
} 

}

/** max-width: 990px **/

  
@media (max-width: 990px) {
   #textCabecera {
   	text-align: center!important;
   	padding-left: 20px;
   	padding-right: 20px;
   }
   
   .imgMobile {
   	display: block;
   }
   
   .imgMobileApp {
   	display: block;
   	width: 60vw;
   	margin-left: auto;
   	margin-right: auto;
   	margin-top: 25px;
   }
   
   .imgDesktop, .imgDesktopApp {
   	display: none;
   }
   
   .fondoseis {
   	background: rgba(255, 255, 255, 0.8) url(../../../../images/newLogin/Seisdos.svg) center top no-repeat;
   	background-size: cover;
   	text-align: center;
   }
}

/** max-width: 500px **/

@media (max-width: 500px) {

.pricing-6.coordinacion .plan-name {
  font-size: 6vmin; 
}

.onlyDesktop {
	display: none;
}

.onlyMobile {
	display: block;
}

}

/** max-width: 400px **/

@media (max-width: 400px) {

.btn-login {
  padding-right: 7px!important;
  padding-left: 7px!important;
  }
img.icnLogin-dark, img.icnLogin-light {
	display: none!important;
}

.pricing-6.coordinacion .plan-name {
  font-size: 8vmin; 
}

}

.sombra{text-shadow: 2px 2px 2px #000000;}