/*
:root {
  --main-color-fuente: #222222;
  --main-color-principal: #002e5b;
  --main-color-secundario: #2977b5;
  --main-color-terciario: #d95022;
  
  --main-color-diagnosis: #ff0600;
  --main-color-strategy: #ffcc00;
  --main-color-planner: #0097eb;
  --main-color-trainer: #a2c900;
  --main-color-engagement: #ff8000; 
  --main-color-fitcandidate: #ff8000;  
  
  --main-color-des: #E5E5E5;
}
*/


/*
* {padding:0; margin:0; outline: 0;}
html, body {
	height:100%;
	outline: 0;
}
*/


html, body, input {
	margin:0;
	color: #222222;
	font-family: "Lato";
	line-height: 24px;
	font-size: 1em;
}
a {
	color: #003df6;
	font-weight: bold;
	text-decoration:none;
}
a:hover {
	color: gray;
	font-weight: bold;
	text-decoration:none;
}

.enlaceblanco {
	color: #fff;
	font-size:12px;
	font-weight: normal;
	text-decoration:none;
}
.enlaceblanco:hover {
	color: #d95022;
	font-weight: normal;
	text-decoration:none;
}

.enlacepie {
	color:yellow; 
	font-weight:normal;
}
.enlacepie:hover {
	color:#2977b5; 
	font-weight:bold;
}

h1 {
	font-size: 60px;
	line-height:70px;
	font-weight:bold;
	letter-spacing: -2.0px
}
h2 {
	font-size: 40px;
	line-height: 50px;
	font-weight: bold;
	/*letter-spacing: -1.2px*/
}
h3 {
	font-size: 30px;
	line-height: 40px;
	font-weight:bold;
}
h4 {
	font-size: 20px;
	line-height: 30px;
	font-weight:bolder;
	margin-top: 0px;
	margin-bottom: 15px;
}
h5 {
	font-size: 18px;
	line-height: 28px;
	font-weight:bolder;
	margin-top: 0px;
	margin-bottom: 15px;
}
.linea  {
	background-color: #2977b5;
	height: 7px;
	/*margin-left: 0%;*/
	margin-top: -10px;
	width: 45px;
	border: 0px solid #000000;
	border-radius: 30px;
}

.linea_curso  {
	background-color: #2977b5;
	height: 5px;
	/*margin-left: 0%;*/
	margin-top: -10px;
	margin-left: 20px;
	width: 35px;
	border: 0px solid #000000;
	border-radius: 30px;
}

.container {
	max-width:1100px;
	margin:0px auto;
	/*background-color:red;*/
}
header {
	padding: 15px;
}
section {
	margin:0 auto;
	width: 98%;
	/*background-color:green;*/
}
footer {
	margin:10px;
	text-align:center;
	clear:both;
}


/* ----------------- */
.hover_group:hover {
  opacity: 1;
}
#projectsvg {
  width: 85%;
  margin:auto;
}
.clasesvg {
	height: 900px;
	width:100%;
}
/* ----------------- */


#imagen_secundaria {
	display:none;
}


#pregunta_salida {  
	position: fixed;
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 760px; /* Definimos el ancho del objeto a centrar */
	height: 520px; /* Definimos el alto del objeto a centrar */
	margin-top: -270px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -380px; /* Restamos la mitad de la anchura del objeto con un margin-left */
    background-color: #000; 
	z-index: 100;
	background-color: rgba(0, 0, 0, 0.6);
	/*display:block;*/
	display:none;
	-webkit-box-shadow: -12px 11px 9px -10px rgba(0,0,0,0.64);
	-moz-box-shadow: -12px 11px 9px -10px rgba(0,0,0,0.64);
	box-shadow: -12px 11px 9px -10px rgba(0,0,0,0.64);
}  

#pestania_contactanos {  
	position: fixed;
	top: 18%; /* Buscamos el centro horizontal (relativo) del navegador */
	/*left: 95%; /* Buscamos el centro vertical (relativo) del navegador */
	right:-255px;
	width: 300px; /* Definimos el ancho del objeto a centrar */
	height: 180px; /* Definimos el alto del objeto a centrar */
    
	background-color: rgba(240,240,240,0.8); 
	z-index: 100;
	
	/*display:block;*/
	/*display:none;*/
	
	/* Sombra */
	-webkit-box-shadow: -12px 11px 9px -10px rgba(0,0,0,0.64);
	-moz-box-shadow: -12px 11px 9px -10px rgba(0,0,0,0.64);
	box-shadow: -12px 11px 9px -10px rgba(0,0,0,0.64);
	
	/* Borde */
	border-radius: 12px 0px 0px 12px;
	-moz-border-radius: 12px 0px 0px 12px;
	-webkit-border-radius: 12px 0px 0px 12px;
	border: 0px solid #000000;
}  

#texto_pestania_contactanos {
	font-size:12px;
}
#texto_pestania_contactanos p {
	font-size:12px;
}
#texto_pestania_contactanos a {
	color:yellow;
	font-weight:normal;
}
#texto_pestania_contactanos a:hover {
	color:#ccc;
}

#pestania_izquierda {
	float:left; 
	width:16%; 
	height:60px;
}
#pestania_derecha {
	float:right; 
	width:84%;  
	background-color: rgba(0, 61, 246, 0.9); 
	color:white; border-radius: 0px 0px 0px 12px;
	-moz-border-radius: 0px 0px 0px 12px;
	-webkit-border-radius: 0px 0px 0px 12px;
	border: 0px solid #000000;
}

.opcioncontenedor {
	float:left;
	padding-top:20px; 
	width:32.6%; 
	min-width: 200px; 
	text-align:center;
}
.opcionrenove {
	color: white; 
	font-size:22px; 	
	background-color:#003df6; 
	width:90%;
	margin:auto; 
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	-webkit-box-shadow: -2px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: -2px 4px 5px 0px rgba(0,0,0,0.75);
}
.opciondocs {
	text-align:left;
	background-color:#f1f1f1;
	width:95%;
	margin: 0 auto; 
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	-webkit-box-shadow: -2px 4px 5px 0px rgba(102,102,102,0.75);
	-moz-box-shadow: -2px 4px 5px 0px rgba(102,102,102,0.75);
	box-shadow: -2px 4px 5px 0px rgba(102,102,102,0.75);
}

.separadorbloques {
	height: 150px;
}
/* ----------------------------------------------------------------------------------------- */

/* para 980px o menos */
@media screen and (max-width:980px) {
	.container {
		width:93%;
	}
	section {
		width:98%;
	}
	#projectsvg {
	  width: 100%;
	}
	.clasesvg {
		height: 700px;
	}
}

/* para 700px o menos */
@media screen and (max-width:700px) {
	.container {
		width:93%;
	}	
	section {
		width:98%;
		font-size:1.2em;
	}
	.opcioncontenedor {
		width:80%;
		margin:auto;
		float:none;
	}
	.separadorbloques {
		height: 50px;
	}	
	#projectsvg {
	  width: 100%;
	}
	#imagen_principal {
		display:none;
	}
	#imagen_secundaria {
		display: block;
	}	
	.clasesvg {
		height: 500px;
	}

}

/* para 480px o menos */
@media screen and (max-width:480px) {
	.container {
		width:93%;
	}
	section {
		font-size:1.5em;
		width:98%;
	}
	.opcioncontenedor {
		width:80%;
		margin:auto;
		float:none;
	}
	.separadorbloques {
		height: 50px;
	}		
	#projectsvg {
	  width: 100%;
	}
	#imagen_principal {
		display:none;
	}
	#imagen_secundaria {
		display: block;
	}	
	.clasesvg {
		height: 300px;
	}

}

/* ----------------------------------------------------------------------------------------- */


/*****************************************************************************************************************/

.banda_principal {
	 background-color: #003df6; 
	 color: white;
	 width:100%;
}

.banda_secundaria {
	 background-color: #2977b5; 
	 width:100%;
}

.banda_terciaria {
	 background-color: #292929; 
	 width:100%;
}

.banda_diagnosis {
	 background-color: #ff0600; 
	 width:100%;
}

.banda_strategy {
	 background-color: #ffcc00; 
	 width:100%;
}

.banda_planner {
	 background-color: #0097eb; 
	 width:100%;
}

.banda_trainer {
	 background-color: #a2c900; 
	 width:100%;
}

.banda_engagement {
	 background-color: #ff8000; 
	 width:100%;
}

.banda_fitcandidate {
	 background-color: #ff8000; 
	 width:100%;
}



.banda_clientes {
	 background-color: #E5E5E5; 
	 width:100%;
}

.boton_medium_naranja{
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0px solid #000000;
	background-color: #d95022;
	color: #fff;
	padding: 15px 15px;
	text-decoration:none;
	font-size:14px;	
	vertical-align:middle;	
	font-weight: bold;	
	letter-spacing: 0.6px;
	
}
.boton_medium_naranja:hover {
	background-color: #d9a253;	
	color: #d95022;	
	text-decoration:none;
}

.boton_medium{
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0px solid #000000;
	background-color: #002e5b;
	color: #fff;
	padding: 15px 15px;
	text-decoration:none;
	font-size:14px;	
	vertical-align:middle;	
	font-weight: bold;	
	letter-spacing: 0.6px;
	
}
.boton_medium:hover {
	background-color: #2977b5;	
	color: #002e5b;	
	text-decoration:none;
}

.boton_medium_des{
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0px solid #000000;
	background-color: silver;
	color: #fff;
	padding: 15px 15px;
	text-decoration:none;
	font-size:14px;	
	vertical-align:middle;	
	font-weight: bold;	
	letter-spacing: 0.6px;
	
}

.boton_precios{
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0px solid #000000;
	background-color: #002e5b;
	color: #fff;
	padding: 25px 25px;
	text-decoration:none;
	font-size:20px;	
	vertical-align:middle;	
	font-weight: bold;	
	letter-spacing: 0.6px;
}
.boton_precios:hover {
	background-color: #2977b5;	
	color: silver;	
	text-decoration:none;
}

.mapeado:hover {
	padding:300px;
}


.cambiadiagnosis:hover {
	background-image: url('../imagenes/infografia-sales-accelerator-sales-diagnosis_v3.png');
	
}


.precio_cantidad {
	font-weight: bold;
	font-size: 32px;
	text-align:center;
	color: #2977b5;
}

.precio_iva {
	font-size: 10px;
	text-align:center;
}

.precio_detalles {
	font-size: 14px;
	text-align:center;
	padding-left:25px;
	padding-right:25px;
	padding-top:15px; 
}

.listacirculo li {
    list-style-type: none;
    position: relative;    /* It is required for setting position to absolute in the next rule. */
}

.listacirculo li::before {
    content: '\25CB';      /* Unicode for • character */
    position: absolute;
    left: -0.9em;
	top: -0.05em;          /* Adjust this value so that it appears where you want. */
    font-size: 2em;      /* Adjust this value so that it appears what size you want. */
	font-weight:bold;
}

.bloque_imagen {
	text-align:center;
	-webkit-box-shadow: 10px 10px 6px -7px rgba(122,122,122,0.42);
	-moz-box-shadow: 10px 10px 6px -7px rgba(122,122,122,0.42);
	box-shadow: 10px 10px 6px -7px rgba(122,122,122,0.42);
}

.sombraimagen {
	-webkit-box-shadow: 10px 10px 6px -7px rgba(122,122,122,0.42);
	-moz-box-shadow: 10px 10px 6px -7px rgba(122,122,122,0.42);
	box-shadow: 10px 10px 6px -7px rgba(122,122,122,0.42);
	
}


.textopieimagenes {
	padding-top: 10px; 
	padding-bottom: 20px; 
	text-align: center;
	font-size: 14px;
}



.embed-container {
  position: relative;
  padding-bottom: 40%;
  height: 0;
  overflow: hidden;
  max-width: 85%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 95%;
  height: 96%;
}

#youTubePlayer {
	position: relative;
	padding: 5px;
	border: 1px solid silver;
	overflow: hidden;
	width: 740px;
	max-width: 90%;
}
#youTubePlayer iframe,
#youTubePlayer object,
#youTubePlayer embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 95%;
}


.bloque_aplicacion_des {
	 -webkit-filter: grayscale(100%); filter: grayscale(100%);opacity: 0.5;
}

.cajas, .cajasnumericas {
	color:#222222;
	border: 1px solid silver;
	background:#fff;
	margin:2px;
	padding:8px;
	-webkit-input-placeholder-color: red;
}

.combo {
	font-family: "Montserrat";
	line-height: 24px;		
	color:#222222;
	border: 1px solid silver;
	background:#fff;
	margin:2px;
	padding:11px;
	-webkit-input-placeholder-color: red;


}

.cajasnumericas {
	text-align:right;
}
::-webkit-input-placeholder { color: #ccc } 
:-moz-placeholder { /* Firefox 18- */ color: #ccc; } 
::-moz-placeholder { /* Firefox 19+ */ color: #ccc; } 
:-ms-input-placeholder { color: #ccc; }	
/* ************************************************ */


.preguntas{
	line-height: 1.3;
	font-weight:bold;
	font-size: 18px;
	color:#292929;
	padding-top:10px;
}

.respuestas{
	padding: 10px 30px 10px 30px; 
	background-color:#eee;
	margin-bottom:30px;
	font-size:14px;
}


.numero{
	color: #737373;
	font-size: 20px ;	
}
a.enlacepreguntas {
	font-weight:normal;
	line-height: 1.3;
	/*color: #010187;*/
	text-decoration: none;
}

.titulohome {
	font-size: 30px;
	line-height: 40px;
	font-weight:bold;
}
				
.subtitulohome {
	font-size: 20px;
	line-height: 30px;
	font-weight:bolder;
	margin-top: 0px;
	margin-bottom: 15px;
}				
/*
#projectsvg {
  position: relative;
  width: 100%;
  padding-bottom: 77%;
  vertical-align: middle;
  margin: 0;
  overflow: hidden;
}
#projectsvg svg {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}*/

/* *************************** BANNER POLÍTICA DE COOKIES **************************** */
#overbox3 {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 999999;
	display: block;
}
#infobox3 {
	margin: auto;
	position: relative;
	top: 0px;
	height: 58px;
	width: 100%;
	text-align:center;
	background-color: #e0efff;
}
#infobox3 p {
	line-height:58px;
	font-size:12px;
	text-align:center;
}
#infobox3 p a {
	margin-right:5px;

}
/* ******************************************************************************* */