/* CSS Document */

@import url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/css/materialize.min.css");
@import url("https://fonts.googleapis.com/css?family=Raleway:400,300,700,900");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url("https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css");
@import url("animate.css");

/*	Colores
	verde	#42bbc3;
	textos	#40494f;
	azul o	#1e2d4e;
	gris	#9cacb7;
	
PLANEAR			#1063c6
IMPLANTAR		#039be5
VIGILAR			#0095a5
PROTEGER		#4e6b9c
HABILITAR		#00006f
HABILITAR - ASIMILAR		#00446f
HABILITAR - TRANSFERENCIA	#00616f
HABILITAR - ADMIN. PROYECTO	#006f54
HABILITAR - GESTION CONOC.	#084637
	--------------------------------------------- */

/* Colores Funciones
	--------------------------------------------- */

.bgr-verde{background-color:#42bbc3 !important;}
.bgr-azul{background-color:#1e2d4e !important;}
.bgr-proteger{background-color:#4e6b9c !important;}
.bgr-vigilar{background-color:#0095a5 !important;}
.bgr-implantar{background-color:#039be5 !important;}
.bgr-planear{background-color:#1063c6 !important;}
.bgr-habilitar{background-color:#00006f !important;}
.bgr-transferencia{background-color:#00616f !important;}
.bgr-asimilacion{background-color:#00446f !important;}
.bgr-administracion{background-color:#006f54 !important;}
.bgr-gestion{background-color:#084637 !important;}

body{font-family:'Raleway', sans-serif;color:#40494f;display:flex;min-height:100vh;flex-direction:column;background:#d3d3d3;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1NiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDNkM2QzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #ffffff 56%, #d3d3d3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(56%,#ffffff), color-stop(100%,#d3d3d3));
	background: -webkit-linear-gradient(top,  #ffffff 56%,#d3d3d3 100%);
	background: -o-linear-gradient(top,  #ffffff 56%,#d3d3d3 100%);
	background: -ms-linear-gradient(top,  #ffffff 56%,#d3d3d3 100%);
	background: linear-gradient(to bottom,  #ffffff 56%,#d3d3d3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 );
}
main {flex:1 0 auto;margin-bottom:20px;}
a{transition:All 0.7s ease-in-out;-webkit-transition:All 0.7s ease-in-out;-moz-transition:All 0.7s ease-in-out;-o-transition:All 0.7s ease-in-out;}
h3{font-size:2rem;}
p{text-align:justify;}
textarea {overflow-y:hidden;padding:1rem;resize:none;min-height:5rem;border:none;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
strong {font-weight:700;}
ul.browser-default{list-style:disc;padding-left:inherit;}
ul.browser-default li{list-style:disc;padding-left:inherit;margin:0.5em 0;}
ol.browser-default li{list-style:inherit;}

nav{background:#42bbc3;border-bottom:#82e3e9 solid 2px;}
nav a{color:#ffffff !important;text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.62);}
nav a.tooltipped{border-bottom:none;}
nav a img{margin:0 1rem;}
nav a:hover img{-webkit-filter:drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.62));}

nav .menusuperior li{line-height:22px;text-align:center;}
nav .menusuperior li a{display:block;padding:10px 25px;min-height:62px;}
.side-nav {background-color: #1d2d4f;}.side-nav li:hover{background-color:#42bbc3;}

#btntop{bottom:45px;right:24px;display:none;}

nav .dropdown-content {background-color: rgba(22, 48, 88, 0.78);margin-top:60px;}
nav .dropdown-content li:hover{background-color:#42bbc3;}
nav .desplegable i{margin-left: 0px;margin-top:-15px;}

/*	Inicio
	--------------------------------------------- */
#home .slider .slides li .caption {text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.8);}
#home .slider .slides li .caption img {width:300px;height:300px;background-size:contain;background-repeat:no-repeat;}

/*	Presentacion
	--------------------------------------------- */
#presentacion {background-color:#ffffff;}
.videoyt{max-width:100%;width:800px;height:440px;}

/*	Objetivo
	--------------------------------------------- */
#objetivo {/*background-color:#1e2d4e*/;border-top:solid 1px #dddddd;/*color:#ffffff;*/}

/*	Entorno
	--------------------------------------------- */
	
#entorno {border-top:solid 1px #9cacb7;}

/*	Créditos
	--------------------------------------------- */
#creditos h5, #creditos p {text-align:center;}


/*	Login
	--------------------------------------------- */
#loginadmin {margin: 40px 0 -180px;}
#loginadmin form{background-color: #42BBC3;}

/* Admin
	--------------------------------------------- */
#formUsers input[type=text]:disabled, #formUsers input[type=text][readonly="readonly"]{color:#40494f;}

/*	Diagnóstico
	--------------------------------------------- */
span.error{padding:10px;background:#C00;color:#ffffff;}
.pregunta{display:none;}
.pregunta {position:relative;background-color:#fff;transition:box-shadow .25s;border-radius:2px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);}
.pregunta .pregunta-content {padding:20px;border-radius:0 0 2px 2px;}	
.pregunta.activa{display:block;}
#evaluacion .siguiente,#evaluacion .terminar, #evaluacion .saltarpregunta{display:none;}
#evaluacion select.browser-default {margin-top:2em;}
.meter { 
	height: 20px;
	position: relative;
	background: #555;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding:3px;
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
  display: block;
  height:14px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: rgb(43,194,83);
  background-image: linear-gradient(
    center bottom,
    rgb(43,194,83) 37%,
    rgb(84,240,84) 69%
  );
  box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}

.meter > span.ultimo{border-top-right-radius:20px;border-bottom-right-radius:20px;}
/*td, th{max-width: 400px;}

.numero{display:inline-block;background:#42BBC3;height:40px;width:40px;text-align:center;color:#fff;border-radius:30px;line-height:36px;font-size:20px;font-weight:100;}
input[type=text]:disabled{color:#1e2d4e;}
.dataTables_length select{display:inline-block;width:60px;}*/
.bien{padding:10px;display:block;background:#43a047;color:#ffffff;text-align:center;}
.mal{padding:10px;display:block;background:#b71c1c;color:#ffffff;text-align:center;}
.buentrabajo, .acorregir{display:block;padding:5px;background:#e0e0e0;}
#resultadosgrafica{height:0;overflow:hidden;}
.tabretroalim{background:#1D2D4E;padding:3rem !important;border:solid thin;color:#FFFFFF;}
.tabs .tab {border-radius:10px 10px 0 0;}
.tabs .tab a {opacity:0.7;-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%);}
.tabs .tab a:hover {color:#1e2d4e;}
.tabs .tab a.active {background:inherit;color:#ffffff;opacity:1;border-radius:10px 10px 0 0;-webkit-filter:none; /* Chrome, Safari, Opera */filter:none;}
a.tooltipped{color:inherit !important;border-bottom:solid 2px;cursor:pointer;}
a.tooltipped:hover{color:#42bbc3;}

/*	MANUAL
	--------------------------------------------- */
.circuloportada{position:relative;z-index:-2;margin-top:7rem;margin-bottom:-17rem;}

#launcher{position:relative;margin-top:2rem;}
.hexagono{position:absolute;left:50%;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;}
.hexagono a{display:block;}
.hexagono a img{transition:All 0.7s ease-in-out;-webkit-transition:All 0.7s ease-in-out;-moz-transition:All 0.7s ease-in-out;-o-transition:All 0.7s ease-in-out;}
.hexagono a:hover img{-webkit-animation:flip;animation:flip;-webkit-filter:blur(3px);filter:blur(3px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;}
.hexagono a p.nombrelnk{text-align:center;color:#1e2d4e;width:100%;padding:5px;background-color:rgba(255, 255, 255, 0.75);margin-top:-1rem;z-index:1;position:relative;border-radius:10px;border:solid 1px;box-shadow:0 2px 5px rgba(0, 0, 0, 0.25);}

#lnk-planear{width:20%;margin-top:40%;margin-left:-45%;}
#lnk-implantar{width:20%;margin-top:13%;margin-left:-39%;}
#lnk-vigilar{width:20%;margin-top:0%;margin-left:-10%;}
#lnk-proteger{width:20%;margin-top:13%;margin-left:19%;}
#lnk-habilitar{width:20%;margin-top:40%;margin-left:25%;}

#indice{z-index:2;background:rgba(30, 45, 79, 0.75);}
#indice.pinned {max-width:95%;}
#indice a{color:#ffffff !important;}
#indice .pagination li.active {background-color:#42bbc3;}

.expertos li p{display:table;}
.expertos li p i{padding-right:6px;}
.expertos li p i, .expertos li p a, .expertos li p span{color:#40494f;display:table-cell;vertical-align:top;}
.expertos li.collection-item.avatar span.title{font-size:22px;color:#0095a5;border-bottom:solid thin;margin-bottom:12px;display:block;}
.expertos li p a:hover{color:#0095a5;}

/*	Comunes
	--------------------------------------------- */
.crecer-2x{font-size:2em;}
.crecer-3x{font-size:3em;}
.crecer-4x{font-size:4em;}
.crecer-5x{font-size:5em;}
.padding-10{padding:10px !important;}
.padding-25{padding:25px !important;}
.padding-50{padding:50px !important;}
.padding-100{padding:100px !important;}
.titulo{margin-bottom:3rem;padding-bottom:1rem;border-bottom:solid 1px #42bbc3;font-weight:100;text-align:right;}
.subtitulo{margin-bottom:3rem;font-weight:100;text-align:center;}
.btn{background-color:#42bbc3;}.btn.btn-block{width:100%;}
.material-tooltip{max-width:450px;line-height: initial;}
.dondestoy{display:block;text-align:right;margin-bottom:15px;}
.dondestoy:before {content:'¿Dónde estoy?';display:inline;float: left;color: rgba(255, 255, 255, 0.3);font-size: x-large;font-weight:700;}
.dondestoy a{color:#ffffff !important;font-size:12px;padding:15px 5px 0 5px;display:inline-block;}
.dondestoy a:hover{background-color:rgba(0,0,0,0.5);}
.dondestoy a:first-child:before {color:transparent;}
.dondestoy a:last-child:before {margin:-0px 10px 0 8px;}
.dondestoy a:before {
    content: '\E5CC';
    color: rgba(255,255,255,0.7);
    vertical-align: top;
    display: inline-block;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 25px;
    margin:-10px 10px 0 8px;
    -webkit-font-smoothing: antialiased;
}
.dondestoy a.actual{font-size:20px;cursor:default;padding:5px 20px 0 5px;}
.dondestoy a.actual:hover{background-color:transparent;}
.collection .collection-item.avatar p{text-align:left;}
ul.conbullet{padding-left:0;margin-left:2.14285714em;}
ul.conbullet li{position:relative;}
ul.conbullet li::before{content:"\e02f";position:absolute;left:-2.14285714em;width:2.14285714em;top:0.14285714em;text-align:center;display:inline-block;font-family:Material Icons;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

.card{color:#ffffff;overflow:visible;}
.card .card-content .card-title{line-height:initial;margin-bottom:1.5rem;display:block;font-weight:600;}
.card .card-content p{font-size:1.3rem;font-weight:100;}
.cita{color:#666;}
.cita em{font-size:1.25rem;}

.btn-cita, .btn-link{text-transform:none;font-size:12px;margin:20px 0.75rem 0;height:initial;line-height:20px;padding:10px;color:#ffffff !important;display:block;}
.btn-link:hover{background-color:#1e2d4e;}
.btn-link i{font-size:3em;text-shadow: 0 3px 5px rgba(0,0,0,0.5);margin:5px 5px 10px;}

span.nav-titulo{font-size:2rem;}
span.nav-titulo i{color:#42bbc3;}

.menulateral li a{padding:10px 20px;display:block;}

.collapsible-header {height:auto;padding:1px 12px;}
.collapsible-header h4{color:#ffffff;font-size:18px;}
.collapsible-body{padding:1.5rem 1rem;}
.collapsible-body p, .card .card-content p{padding-top:0.5rem;padding-bottom:0.5rem;}
.concepto{font-weight:600;}
.modal .modal-footer a.btn-flat{color:#ffffff !important;text-shadow:0 4px 6px rgba(0,0,0,0.5);}
.modal .modal-footer a.btn-flat i{font-size:3em;}
.modal .modal-footer a.btn-flat:hover{background:rgba(0,0,0,0.25);text-shadow:0 2px 2px rgba(0,0,0,0.2);}
.modal{border:solid #42bbc3;}
.modal .modal-footer{background-color:#42bbc3;}

.tabs{height:initial;background-color:transparent;}
.tabs .indicator {background-color:#42BBC3;height:5px;}
.tabs .tab{height:initial;}
.tabs .tab a{white-space:initial;text-transform:none;line-height:initial;padding:10px;min-height:70px;}
.tabs.tabsecciones{height:initial;}
.tabs.tabsecciones .tab{height:initial;}
.tabs.tabsecciones .tab a{white-space:initial;text-transform:none;line-height:initial;padding:10px;}
.conttab{padding:20px;border:solid 1px #999;}

#flowchart{table-layout:fixed;}
#flowchart td{padding:0;border-radius:0;position:relative;}
#flowchart td.fig1azul:after{content:"";line-height:0;width:100%;z-index:1;display:block;position:absolute;bottom:-20px;background:url(../images/flowchart-bottom_a1.png) bottom no-repeat;height:21px;background-size:cover;}
#flowchart td.fig1verde:after{content:"";line-height:0;width:100%;z-index:1;display:block;position:absolute;bottom:-20px;background:url(../images/flowchart-bottom_v1.png) bottom no-repeat;height:21px;background-size:cover;}
#flowchart td.fig2verde:before{content: "";position:absolute;height:100%;width:10%;background-image: url(../images/proteger-proceso_mask2.png);background-position:left;display:inline-block;top:0;left:-10%;z-index:1;background-size:cover;background-repeat:no-repeat;}
#flowchart td.fig2verde:after{content: "";position:absolute;height: 100%;width:10%;background-image: url(../images/proteger-proceso_mask2.png);background-position:right;display:inline-block;top:0;right:-10%;z-index:1;background-size:cover;background-repeat:no-repeat;}
#flowchart td.bordeblanco{border-bottom: solid white 3px;}
#flowchart td.itemflowchart span{padding:12px 5px;text-align:center;color:#ffffff;display:block;}
#flowchart td.itemflowchart span.outline{border: solid #00BCC5;border-radius: 10px;margin: 3px 0;color:#1e2d4e;}
#flowchart td.itemflowchart a{padding:20px 3px;text-align:center;color:#ffffff;display:block;}
#flowchart td.itemflowchart a:hover,#flowchart td.itemflowchart a.activo{background-color:rgba(255,255,255,0.5);color:#1e2d4e;}
#flowchart td.si-no {vertical-align:top;text-align:center;padding-top:20px;}
#flowchart td.si-no span{font-size:1.5em;}

.lineas{background-size:cover;background-repeat:no-repeat;}
.lineas.center{background-position-x:50%;background-position-y:50%;}
.lineas.bottom{background-position-x:50%;background-position-y:100%;}
.lineas.top{background-position-x:50%;background-position-y:0;}
.lineas.flecharight:after{content:"\E5CC";font-family: 'Material Icons';color:#42bbc3;line-height:0;width: 100%;z-index: 1;font-size: 40px;display: block;position: absolute;bottom:50%;right:-46%;}
.lineas.flechaleft:before{content:"\E5CB";font-family: 'Material Icons';color:#42bbc3;line-height:0;width: 100%;z-index: 1;font-size: 40px;display: block;position: absolute;bottom:50%;left:-46%;}
.lineas.flechadown:after{content:"\E313";font-family: 'Material Icons';color:#42bbc3;line-height:0;width: 100%;z-index: 1;font-size: 40px;display: block;position: absolute;bottom: 0;text-align: center;}

.titulovideo{background-color:#e6e6e6;text-align:center;padding: 15px;margin-top: -3px;border-radius: 0 0 10px 10px;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);color:#37474f !important;}
.titulovideo span{display:block;font-weight:600;font-size:1.5rem;}

#funcion-habilitar a.btn,#funcion-proteger a.btn,#funcion-vigilar a.btn,#funcion-implantar a.btn,#funcion-planear a.btn{color:#ffffff;}
#funcion-habilitar a.btn:hover,#funcion-proteger a.btn:hover,#funcion-vigilar a.btn:hover,#funcion-implantar a.btn:hover,#funcion-planear a.btn:hover{color:#ffffcc;}

#menuplanear.pinned,#menuproteger.pinned,#menuvigilar.pinned,#menuimplantar.pinned,#menuhabilitar.pinned,#menuasimilar.pinned,#menutransferencia.pinned,#menuadministrar.pinned,#menugestion.pinned{width:100%;left:0;z-index:10;}
.pinned .menulateral li {display: table-cell;text-align:center;background-color:rgba(255, 255, 255, 0.9);}

/*	Función PLANEAR
	--------------------------------------------- */
#funcion-planear h2,#funcion-planear h3,#funcion-planear a{color:#1063c6;}
#funcion-planear a:hover{color:#42bbc3;}
#funcion-planear .titulo{border-bottom-color:#1063c6;}
#funcion-planear .modal{border:solid #1063c6;}
#funcion-planear .modal .modal-footer{background-color:#1063c6;}
#funcion-planear .dondestoy{background-color:rgba(16, 99, 198, 0.75);}

#funcion-planear .tabs .tab a.active {background:#1063c6;}
#funcion-planear .card .card-content .card-title.activator{font-size:16px;line-height:18px;}
.card .card-reveal .card-title {font-size:16px;}
.card .card-reveal li {margin:8px 0; list-style:circle;}
.card .card-content.reveal{min-height: 120px;}

#menuplanear .menulateral li{padding:0;}
#menuplanear .menulateral li a{color:#1063c6;}
#menuplanear .menulateral li a:hover,#menuplanear .menulateral li a.active{background-color:#1063c6;color:#ffffff;}

#funcion-planear .tabs .tab a.active{color:#ffffff;}

#funcion-planear .fases a{display:block;}
#funcion-planear .fases a img{transition:All 0.7s ease-in-out;-webkit-transition:All 0.7s ease-in-out;-moz-transition:All 0.7s ease-in-out;-o-transition:All 0.7s ease-in-out;}
#funcion-planear .fases a:hover img{opacity:1 !important;margin-top:-15px;box-shadow:0px 5px 10px #dddddd;}

#diagbeneficios{}
#diagbeneficios .row{margin-bottom:0;}
#diagbeneficios a{display:block;padding:30px 15px;background:#1e2d4e;color:#dddddd;text-align:center;width:calc(100% + 3rem);margin:0 -1.5rem;font-size:18px;}
#diagbeneficios a:hover{background:#1063c6;color:#ffffff;}

/*	Función PROTEGER
	--------------------------------------------- */
#funcion-proteger h2,#funcion-proteger h3{color:#4e6b9c;}
#funcion-proteger .dondestoy{background-color:rgba(78, 107, 156, 0.75);}
#funcion-proteger .titulo{border-bottom-color:#4e6b9c;}
#funcion-proteger  .modal{border:solid #4e6b9c;}
#funcion-proteger .modal .modal-footer{background-color:#4e6b9c;}
#funcion-proteger .collapsible-header {background-color:#4e6b9c;}

#menuproteger .menulateral li{padding:0;}
#menuproteger .menulateral li a{color:#4e6b9c;}
#menuproteger .menulateral li a:hover,#menuproteger .menulateral li a.active{background-color:#4e6b9c;color:#ffffff;}

#diagramaproteger{width:100%;}
#diagramaproteger tr{width:100%;}
#diagramaproteger td{text-align:center;padding:0;position:relative;}
#diagramaproteger td:nth-child(even){width:5%;}
#diagramaproteger td:nth-child(odd){width:16%;}
#diagramaproteger a{color:#ffffff;display:block;}
#diagramaproteger td.lnk{transition: All 0.7s ease-in-out;-webkit-transition: All 0.7s ease-in-out;-moz-transition: All 0.7s ease-in-out;-o-transition: All 0.7s ease-in-out;cursor:pointer;}
#diagramaproteger td.lnk:hover{background-color:#4e6b9c;}
#diagramaproteger a:hover{background-color:rgba(255, 255, 255, 0.3);}
#diagramaproteger .lineaverde{padding:0;line-height:0;border-radius:0;background-size: 100% auto;background-repeat: no-repeat;background-position: center;}
#diagramaproteger .lineaverde0{background-image:url(../images/proteger-proceso_linea00.gif);}
#diagramaproteger .lineaverde1{background-image:url(../images/proteger-proceso_linea01.gif);}
#diagramaproteger .lineaverde2{background-image:url(../images/proteger-proceso_linea02.gif);}
#diagramaproteger .lineaverde3{background-image:url(../images/proteger-proceso_linea03.gif);}
#diagramaproteger .lineaverde4{background-image:url(../images/proteger-proceso_linea04.gif);background-repeat:no-repeat;background-position:center;background-size:21px;}
#diagramaproteger .lineaverde5{background-image:url(../images/proteger-proceso_linea05.gif);}
#diagramaproteger .no:before{content:"";background-image:url(../images/proteger-proceso_NO.gif);background-repeat:no-repeat;width:100%;height:145%;display:inline-block;position: absolute;bottom: 43%;background-size: contain;right: -98%;z-index:-2;}
#diagramaproteger .mascara{position: absolute;bottom: 0;left: 0;}
#diagramaproteger .verde{background-color:#42bbc3;color:#ffffff;padding: 15px 5px;}
#diagramaproteger .azul{background-color:#1e2d4e;color:#ffffff;padding: 15px 5px;}
#diagramaproteger .subtabla td{font-size:12px;}


/*	Función VIGILAR
	--------------------------------------------- */
#funcion-vigilar h2,#funcion-vigilar h3{color:#0095a5;}
#funcion-vigilar .dondestoy{background-color:rgba(0, 149, 165, 0.75);}
#funcion-vigilar .titulo{border-bottom-color:#0095a5;}
#funcion-vigilar  .modal{border:solid #0095a5;}
#funcion-vigilar .modal .modal-footer{background-color:#0095a5;}
#funcion-vigilar .collapsible-header {background-color:#0095a5;}

#menuvigilar .menulateral li{padding:0;}
#menuvigilar .menulateral li a{color:#0095a5;}
#menuvigilar .menulateral li a:hover,#menuvigilar .menulateral li a.active{background-color:#0095a5;color:#ffffff;}

/*	Función IMPLANTAR
	--------------------------------------------- */
#funcion-implantar h2,#funcion-implantar h3,#funcion-implantar a{color:#039be5;}
#funcion-implantar a:hover{color:#42bbc3;}
#funcion-implantar .titulo{border-bottom-color:#039be5;}
#funcion-implantar  .modal{border:solid #039be5;}
#funcion-implantar .modal .modal-footer{background-color:#039be5;}
#funcion-implantar .dondestoy{background-color:rgba(3, 155, 229, 0.75);}

#funcion-implantar .tabs .tab a.active {background:#039be5;}
#funcion-implantar .card .card-content .card-title.activator{font-size:16px;line-height:18px;}

#menuimplantar .menulateral li{padding:0;}
#menuimplantar .menulateral li a{color:#039be5;}
#menuimplantar .menulateral li a:hover,#menuimplantar .menulateral li a.active{background-color:#039be5;color:#ffffff;}

ul.diagrama .collection-header,ul.diagrama .collection-item{min-height:90px;text-align:center;font-weight:600;padding:0 !important;}
ul.diagrama .collection-header{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
ul.diagrama .collection-header span{display:block;vertical-align:middle;width:100%;}
ul.diagrama .collection-item{border:none;background:transparent;}
ul.diagrama .collection-item a{font-size:14px;color:#ffffff !important;display:block;width:100%;min-height:90px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
ul.diagrama .collection-item a:hover{background-color:rgba(255, 255, 255, 0.5);}
ul.diagrama .collection-item a span{display:block;vertical-align:middle;width:100%;}
ul.diagrama .flechaimg{width:100%;line-height:0;}
ul.diagrama .flechaimg img{width:100%;}
a.etapa{display:block;padding:15px 3px;color:#1d2c4f !important;}
a.etapa:hover{background-color:#039be5;color:#ffffff !important;}

/*	Función HABILITAR
	--------------------------------------------- */
#funcion-habilitar h2,#funcion-habilitar h3,#funcion-habilitar a{color:#00006f;}
#funcion-habilitar a:hover{color:#42bbc3;}
#funcion-habilitar .titulo{border-bottom-color:#00006f;}
#funcion-habilitar .modal{border:solid #00006f;}
#funcion-habilitar .modal .modal-footer{background-color:#00006f;}
#funcion-habilitar .dondestoy{background-color:rgba(0, 0, 111, 0.75);}

#menuhabilitar .menulateral li{padding:0;}
#menuhabilitar .menulateral li a{color:#00006f;}
#menuhabilitar .menulateral li a:hover,#menuhabilitar .menulateral li a.active{background-color:#00006f;color:#ffffff;}

	
/*	Subfunción HABILITAR - ASIMILACION
	--------------------------------------------- */
#funcion-asimilar h2,#funcion-asimilar h3,#funcion-asimilar a{color:#00446f;}
#funcion-asimilar a:hover{color:#42bbc3;}
#funcion-asimilar .titulo{border-bottom-color:#00446f;}
#funcion-asimilar .modal{border:solid #00446f;}
#funcion-asimilar .modal .modal-footer{background-color:#00446f;}
#funcion-asimilar .dondestoy{background-color:rgba(0, 68, 111, 0.75);}

#menuasimilar .menulateral li{padding:0;}
#menuasimilar .menulateral li a{color:#00446f;}
#menuasimilar .menulateral li a:hover,#menuasimilar .menulateral li a.active{background-color:#00446f;color:#ffffff;}

/*	Subfunción HABILITAR - TRANSFERENCIA
	--------------------------------------------- */
#funcion-transferencia h2,#funcion-transferencia h3,#funcion-transferencia a{color:#00616f;}
#funcion-transferencia a:hover{color:#42bbc3;}
#funcion-transferencia .titulo{border-bottom-color:#00616f;}
#funcion-transferencia .modal{border:solid #00616f;}
#funcion-transferencia .modal .modal-footer{background-color:#00616f;}
#funcion-transferencia .dondestoy{background-color:rgba(0, 97, 111, 0.75);}

#menutransferencia .menulateral li{padding:0;}
#menutransferencia .menulateral li a{color:#00616f;}
#menutransferencia .menulateral li a:hover,#menutransferencia .menulateral li a.active{background-color:#00616f;color:#ffffff;}

.beneficio{line-height:22px;display:flex;padding:12px 0;}
	
/*	Subfunción HABILITAR - ADMINISTRACION
	--------------------------------------------- */
#funcion-administrar h2,#funcion-administrar h3,#funcion-administrar a{color:#006f54;}
#funcion-administrar a:hover{color:#42bbc3;}
#funcion-administrar .titulo{border-bottom-color:#006f54;}
#funcion-administrar .modal{border:solid #006f54;}
#funcion-administrar .modal .modal-footer{background-color:#006f54;}
#funcion-administrar .dondestoy{background-color:rgba(0, 111, 84, 0.75);}

#menuadministrar .menulateral li{padding:0;}
#menuadministrar .menulateral li a{color:#006f54;}
#menuadministrar .menulateral li a:hover,#menuadministrar .menulateral li a.active{background-color:#006f54;color:#ffffff;}
	
/*	Subfunción HABILITAR - GESTION CONOC...
	--------------------------------------------- */
#funcion-gestion h2,#funcion-gestion h3,#funcion-gestion a{color:#084637;}
#funcion-gestion a:hover{color:#42bbc3;}
#funcion-gestion .titulo{border-bottom-color:#084637;}
#funcion-gestion .modal{border:solid #084637;}
#funcion-gestion .modal .modal-footer{background-color:#084637;}
#funcion-gestion .dondestoy{background-color:rgba(8, 70, 55, 0.75);}

#menugestion .menulateral li{padding:0;}
#menugestion .menulateral li a{color:#084637;}
#menugestion .menulateral li a:hover,#menugestion .menulateral li a.active{background-color:#084637;color:#ffffff;}
#diagprocgc{background-image:url(../images/gc_04a.gif);background-size:contain;background-repeat:no-repeat;background-position: 50% 50%;}
#diagprocgc .row{margin-bottom:0;}
#diagprocgc a{display:block;padding:30px 15px;background:#9CACB8;color:#1e2d4e;text-align:center;width:100%;margin:40px 0;}
#diagprocgc a:hover{background:#084637;color:#ffffff;}

.turnjs-slider .ui-slider-handle {height:20px !important;}

/*	Footer
	--------------------------------------------- */
footer.page-footer {margin-top:0;background-color:#ffffff;color:#000;}
.logocambiotec{margin-top:-5rem;}
footer.page-footer .footer-copyright{background-color:#2D8C92;}
footer.page-footer .footer-legal{background-color:#42bbc3;padding:20px 0;color:#fff;}
footer.page-footer .footer-legal a{color:#fff !important;display:block;border-bottom:dotted 1px;padding:10px;}
footer.page-footer .footer-legal a:hover{background:rgba(0, 0, 0, 0.2);}

/*	Media Queries
	--------------------------------------------- */
@media only screen and (max-width: 600px){
	.circuloportada{margin-top:3rem;margin-bottom:-11rem;}
	.hexagono a p.nombrelnk{display:none;}
	.videoyt{height:260px;}
	.material-tooltip{max-width:80%;}
}
@media only screen and (min-width: 601px) and (max-width:800px){
	.videoyt{height:370px;}
}
@media only screen and (min-width: 801px) and (max-width:1024px){
	.videoyt{height:400px;}
}
@media only screen and (min-width: 601px){
	#indice.pinned {max-width:85%;}
}
@media only screen and (min-width: 993px){
	#indice.pinned {max-width:70%;}
}

/*-vendor-animation-duration: 3s;
-vendor-animation-delay: 2s;
-vendor-animation-iteration-count: infinite;*/