/*****CUSTOM PYME****/

/*INDICE*/
.overlay {
  overflow-y: auto;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(10, 173, 152, 1);
  z-index: 5000 !important;
  display: none;
}

.d-flex{
  display: flex;
  flex-direction: row-reverse;
  margin-top: 20px;
  align-self: flex-start;
}

 
  a.cruz{
    background-image:url('../img/cd-close-white.svg');
    background-size:contain; 
    background-repeat: no-repeat; 
    width:40px;
    height:40px;
    cursor:pointer;
     z-index: 6000 !important;    
  }

/*COLOURS*/
.azul{color:rgba(33, 44, 86, 1);}
.verde{color:rgba(10, 173, 152, 1);}
.celeste{color:rgba(82, 190, 201, 1);}
.amarillo{color:rgba(251, 193, 0, 1);}
.rojo{color:rgba(237, 107, 93, 1);}
.grisao{color:rgba(74, 106, 132, 0.3); font-weight: 100;}


/*BACKGROUND*/
.bg-verde{
    background-color: rgba(10, 173, 152, 1);
    color: #000;
    padding: 30px 0;
}

.bg-obj{
   background:#eeedeb url('../img/objetivos.jpg') no-repeat center center fixed;
   background-size: cover;
}

.bg-com{
   background:#eeedeb url('../img/competencias.jpg') no-repeat center center fixed;
   background-size: cover;
}

.bg-res{
   background:#eeedeb url('../img/resumen.jpg') no-repeat center center fixed;
   background-size: cover;
   min-height: 400px;
}

.bg-eva{
   background:#eeedeb url('../img/evaluacion.jpg') no-repeat center center fixed;
   background-size: cover;
}

.bg-end{
   background:#eeedeb url('../img/portada.jpg') no-repeat center center fixed;
   background-size: cover;
}



.text-muted:last-child{
	margin-bottom: 0;
}


/*LEYENDA*/
.leyenda{
  border: 1px solid rgba(74, 106, 132,0.8);
  padding: 15px 5px 0 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}
.leyenda p{
  font-size: 14px!important;
  color:rgba(74, 106, 132, 1);
  line-height:0.8em;
}

.leyenda p:before {
  content: "\25A0";
  font-size: 30px;
  margin:0 5px 0 0;
  line-height:0em;
  }

.leyenda p:nth-child(1):before {
  color:rgba(10, 173, 152, 1);
  }
.leyenda p:nth-child(2):before {
  color:rgba(251, 193, 0, 1);
  }
.leyenda p:nth-child(3):before {
  color:rgba(82, 190, 201, 1);
  }
.leyenda p:nth-child(4):before {
  color:rgba(33, 44, 86, 1);
  }
.leyenda p:nth-child(5):before {
  color:rgba(237, 107, 93, 1);
  }


.enlace{
  color:rgba(33, 44, 86, 1)!important;
  font-size: 13px!important;
  line-height: 1em;
}

 a.enlace{
  color:rgba(33, 44, 86, 1)!important;
  font-size: 13px!important;
  line-height: 1em;
}
 a:hover.enlace{
  color:rgba(10, 173, 152, 1)!important;
  font-size: 13px!important;
  line-height: 1em;
   text-decoration: none!important;
}

 a:focus.enlace{
 text-decoration: none!important;
}


.enlaceidevice{
  color:rgb(255, 255, 255)!important;
  font-size: 13px!important;
  line-height: 1em;
  font-weight: bold;
}

 a.enlaceidevice{
  color:rgb(255, 255, 255)!important;
  font-size: 13px!important;
  line-height: 1em;
}
 a:hover.enlaceidevice{
  color:rgba(82, 190, 201, 1)!important;
  font-size: 13px!important;
  line-height: 1em;
   text-decoration: none!important;
}

 a:focus.enlaceidevice{
 text-decoration: none!important;
}





 a.enlacetext{
  color:rgba(10, 173, 152, 1)!important;
  font-size: 16px!important;
  line-height: 26px;
  font-weight: 700;
   text-decoration: underline;
}
 a:hover.enlacetext{
  color:rgba(33, 44, 86, 1)!important;
  font-size: 16px!important;
  line-height: 26px;
}

 a:focus.enlacetext{
 text-decoration: none!important;
}

 a.enlaceindice{
   font-family: 'Roboto';
  font-size: 23px!important;
  font-weight: 300 !important;
  color:#fff!important;
  text-decoration: none!important;
 

}
 a:hover.enlaceindice{
  color:rgba(33, 44, 86, 1)!important;
  font-size: 23px!important;
  font-weight: 300!important;
  text-decoration: none!important;
}

 a:focus.enlaceindice{
 text-decoration: none!important;
}

 a.enlaceindice span{
color:rgba(33, 44, 86, 1)!important;}

.enlaceindiceg{
  font-size: 16px!important;
  font-family: 'Roboto';
  font-weight: 300!important;
  line-height: 1em!important;
}

a.enlaceindiceg{
  color:#fff!important;
 text-decoration: none!important;
 line-height: 1em!important;
 }

a:hover.enlaceindiceg{
 color:rgba(33, 44, 86, 1)!important;
 font-size: 16px!important;
}

a:focus.enlaceindiceg{
text-decoration: none!important;
}

a.enlaceindiceg span{
color:rgba(33, 44, 86, 1)!important;}




/*LIST*/
.list-num{
    counter-reset: li; 
    list-style: none; 
    *list-style: decimal; 
    padding: 0!important;
    margin: 0 0 2em 0 !important;
}


.list-num li{
    position: relative;
    display: block;
    margin: 1em 0 .1em 3em;
    color: rgba(33, 44, 86, 1);
    font-size:  16px!important;
    line-height: 26px!important;
  
}
.list-num li:before{
    content: counter(li) ". ";
    counter-increment: li;
    position: absolute; 
    left: -1.5em;
    margin-top: -0.498em;
    color: rgba(10, 173, 152, 1);
    line-height: 2.3em;
    text-align: center;
    font-weight: bold;
    font-size:  18px!important;
}


ul.listaverde {
    list-style: none!important;
   
}

.listaverde li {
    padding: 0!important;
    margin: 0 0 0.7em 0 !important;
    line-height: 21px!important;
 }

.sublista > li{
  padding-top: 0.7em!important;
}

.sublista > li:before{
  content:''!important;
}

.listaverde li::before {
  content: '\2022';
  font-size: 18px; 
  font-weight: 700;
  vertical-align: middle;
  color: rgba(10, 173, 152, 1);
  display: inline-block; 
  width: 0.8em;

}

.list-num-circle{
    counter-reset: li; 
    list-style: none; 
    *list-style: decimal; 
    padding: 0!important;
    margin: 0 0 2em 0 !important;
}


.list-num-circle li{
    position: relative;
    display: block;
    padding: .4em .4em .4em .8em;
    *padding: .4em;
    margin: 1em 0 .5em 2.5em;
    color: rgba(33, 44, 86, 1);
    font-size:  16px!important;
}

.list-num-circle li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -2.3em;
    top: 50%;
    margin-top: -1.1em;
    background: rgba(10, 173, 152, 1);
    border-radius: 50%;    
    height: 2.3em;
    width: 2.3em;
    line-height: 2.3em;
    text-align: center;
    font-weight: bold;
    color:white!important; 
}


/*REDES*/
.redes p{
  color:#fff!important;
  font-size: 14px!important;
  font-weight: 500;
}

.redes img{
 width:15px!important;
}

.enlaceredes{
  color:#fff!important;
  font-size: 14px;
  font-weight: 300;
}

 a.enlaceredes{
  color:#fff!important;
  font-size: 14px!important;
  line-height: 1em;
  font-weight: 300;
}
 a:hover.enlaceredes{
  color:rgba(10, 173, 152, 1)!important;
  font-size: 14px!important;
  line-height: 1em;
  text-decoration: none!important;

}

 a:focus.enlaceredes{
 text-decoration: none!important;

}



/*IMG SIZE*/
.micro{
	margin-bottom: 10px;
}
	
	.micro:last-child{
		margin-bottom: 0;
  }
  
.micro img{
  width:40px;
  height: 40px;
  padding-right: 10px;
  vertical-align: bottom;
}

.icondown{
   width:40px;
   height: 40px;
  padding: 0 10px 0  0;
  vertical-align: bottom;
  position: relative;
  top: 1px;
}

.paedi {
  max-width:150px;
  padding: 0 10px 0 0; 
}


.junta img{
  margin: 50px 0 0 0 !important;
  max-width:180px;
}

.mini img{
  margin: 5px 0 0 0 !important;
  max-width:150px;
  max-height: 150px;
}

.medium  img{
  margin: 5px 0 0 0;
  max-width:280px;
  max-height:280px;
}

.big img{
  margin: 5px 0 0 0 !important;
  max-width:320px;
  max-height:320px;
}

.maxi img{
  margin: 5px 0 0 0 !important;
  max-width:700px;
  max-height:700px;
}

.maxi-md img{
  margin: 5px 0 0 0 !important;
  max-width:450px;
  max-height:450px;
}


.giant img{
  margin: 5px 0 0 0 !important;
  max-width:450px;
}

.round img{ 
  border-radius: 50%;
  border: 10px solid rgba(74, 106, 132, 0.1);
}

.micro-white .enlace b{
	color:white;
}
	.micro-white a{
		color: rgba(10, 173, 152, 1)!important;
	}
		
		.micro-white a:hover{
			color:white!important;
		}


/*SECTIONS*/
.header-content-inner{
  color:#fff !important;
  margin-top: 100px;
}

section {
    padding: 0px !important;
}

aside {
    padding: 20px 0 20px 0!important;
    background:rgba(33, 44, 86, 1); 
    margin-bottom: 20px;
}

.contenido{
  margin:40px 0 0 0;
}

.icontitle{
    width: 55px;
}

.iconend{
   margin: 20px 0 0 0;
    width: 135px!important;
}

/*MARGINS*/


.m-t-10{
  margin: 10px 0 0 0;
}


.m-t-25{
  margin: 25px 0 0 0;
}

.m-t-50{
  margin: 50px 0 0 0!important;
}

.m-t-100{
  margin: 100px 0 0 0!important;
}

.m-t-150{
  margin: 150px 0 0 0!important;
}

.m-b-15{
  margin: 0 0 15px 0;
}


.m-b-25{
  margin: 0 0 25px 0;
}

.m-b-50{
  margin: 0 0 50px 0;
}

.m-b-75{
  margin: 0 0 75px 0;
}

.m-b-75{
  margin: 0 0 100px 0;
}

.p-b-40{
  padding: 0 0 40px 0;
}

.p-b-0{
  padding: 0 0 0 0!important;
}
.m-b-0{
  margin: 0 0 0 0!important;
}

/*UNIDAD*/
.title-unidad{
  margin-top: 0 !important;
}

.mt-10{
  margin: 5vh 0 0 0;
}

.unidad{
  margin:20px 0 20px 0;
  text-align: left;
}

.unidad img{
  width: 250px;
}


/*TITULOS EXTRAS*/
.titlecolum{
  font-weight: 700;
  font-size: 18px!important;
  text-align: center;
  color:rgba(10, 173, 152, 1);
  margin: 20px 0 5px 0 !important;
}

.subtitulo{
  font-weight: 500;
  font-size: 23px!important;
  text-align: center;
  color:rgba(33, 44, 86, 1);
  margin: 0px 0 25px 0 !important;

}


.subtitulov{
  font-weight: 500;
  font-size: 20px!important;
  text-align: center;
  color:rgba(33, 44, 86, 1);
  margin: 0px 0 25px 0 !important;

}

.off{ 
  color:rgba(33, 44, 86, 0.4);
}

.off b{

  color:rgba(33, 44, 86, 0.4) !important;

}


/*FOOTER*/

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

.paed{
    text-align: right!important;
    padding:55px 135px 0 0!important;
   }

.paed:before{
  content:"Acción enmarcada en:";
  color:#fff!important;  
 font-family: 'Roboto' !important;
  font-size:12px!important; 
  font-weight: 100!important;
  font-weight: 300!important;
}

.texto-web:before{
  content:"";
}

.texto-web{
  color:#fff!important;  
  font-size:13px!important; 
  font-weight: 300!important;
  text-align: center!important;
 padding: 15px 0 0 0!important;
}

/* BTN NAVEGACIÓN SECCIONES*/
.flecha-nav{
  font-size: 30px!important;
}

.btn-flecha{
  background: #fff;
  color:rgba(10, 173, 152, 1)!important;
  height:44px;
  margin: 0 0 20px 0!important;
}

.btn-flecha:hover {
  background: rgba(33, 44, 86, 1);
  color:rgba(250, 250, 250, 1)!important;
  }

.m-flechas{
  margin: 45px 0 10px 0;
}

.btn-comenzar{
  background: #fff;
  color:rgba(10, 173, 152, 1)!important;
  height:45px;
  width: 130px;
  font-size:15px!important;
  line-height: 30px !important;
  margin: 40px 0 0 0;
}


.btn-comenzar:hover {
  background: rgba(33, 44, 86, 1);
  color:rgba(250, 250, 250, 1)!important;
  font-size:15px!important;
  }

  .btn-fin{
  background: #fff;
  color:rgba(10, 173, 152, 1)!important;
  height:45px;
  width: 290px;
  font-size:14px!important;
  line-height: 30px !important;
  margin: 20px 0 30px 0!important;
}


.btn-fin:hover {
  background: rgba(10, 173, 152, 1);
  color:rgba(250, 250, 250, 1)!important;
  font-size:14px!important;
  }



.btn-flecha-contenido{
  height:44px;
  margin: 0 0 20px 0!important;
  background: rgba(33, 44, 86, 1);
  color:rgba(250, 250, 250, 1)!important;
}


.btn-flecha-contenido:hover {
  background: rgba(10, 173, 152, 1)!important;
  color:rgba(250, 250, 250, 1)!important;
  }
  
  
#footer aside{
	margin-bottom: 0;
}


/*IDEVICES*/
.idevice{
  background:rgba(74, 106, 132, 1);
  color:#fff;
  padding: 20px 25px 10px 20px;
  margin: 25px 0 0 0 !important;
}

.idevice p:first-of-type{
  font-weight: 700;
  margin: 0 0 15px 0!important;
  padding: 0 0 0 10px;
  font-size:23px !important;
}

div#icon{
    width: 120px;
    display:block; 
    margin:5px auto 5px auto;
}

.icon-little > div#icon{
  width: 80px;
}

.icon-little-xs > div#icon{
  width: 60px;
}

.idevice strong{
  color:rgb(255, 255, 255)!important;
}

.idevice b{
  color:rgb(255, 255, 255)!important;
}



.idevice .enlace{
  color:rgb(255, 255, 255)!important;
  font-size: 13px!important;
  line-height: 1em;
  font-weight: bold;
}

.idevice a.enlace{
  color:rgb(255, 255, 255)!important;
  font-size: 13px!important;
  line-height: 1em;
}
.idevice a:hover.enlace{
  color:rgba(82, 190, 201, 1)!important;
  font-size: 13px!important;
  line-height: 1em;
   text-decoration: none!important;
}

 .idevice a:focus.enlace{
 text-decoration: none!important;
}



/*teinteresa*/
.idevice.interesa p:first-of-type{
  color:rgba(252, 252, 252, 1);
  background: rgba(251, 193, 0, 1);
}

.idevice.interesa p:first-of-type:before{
  content:"Te interesa";  
}

.idevice.interesa div#icon:before {
  content:url(../img/interesa.svg);  
}

/*importante*/
.idevice.importante p:first-of-type{
  color:rgba(252, 252, 252, 1);
  background: rgba(237, 107, 93, 1);
}

.idevice.importante p:first-of-type:before{
  content:"Importante";  
}

.idevice.importante div#icon:before {
  content:url(../img/importante.svg);  
}

/*definicion*/
.idevice.definicion p:first-of-type{
  color:rgba(252, 252, 252, 1);
  background: rgba(43, 146, 212, 1);
}

.idevice.definicion p:first-of-type:before{
  content:"Definición";  
}

.idevice.definicion div#icon:before {
  content:url(../img/definicion.svg);  
}

/*definicion*/
.idevice.definicion p:first-of-type{
  color:rgba(252, 252, 252, 1);
  background: rgba(43, 146, 212, 1);
}

.idevice.definicion p:first-of-type:before{
  content:"Definición: ";  
}

.idevice.definicion div#icon:before {
  content:url(../img/definicion.svg);  
}

/*practica*/
.idevice.practica p:first-of-type{
  color:rgba(252, 252, 252, 1);
  background:rgba(82, 190, 201, 1);
}

.idevice.practica p:first-of-type:before{
  content:"Ponlo en práctica";  
}

.idevice.practica div#icon:before {
  content:url(../img/practica.svg);  
}



/*CHART*/
.chart {
  width: 100% !important;   
  min-height: 350px;
}

.chart:before {
    background-image: url(../img/tap.svg); 
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: left!important; 
    display: inline-block;
    width: 400px; 
    height: 32px;
    content:"Sitúate sobre la gráfica para ver la información";
    font-size: 12px!important;
    text-align: left;
    padding:7px  0 0 38px;
    color:rgba(74, 106, 132, 1);
    margin-bottom: 10px;
    line-height: 32px;
}


/*RESUMEN*/
.text-resumen{
  text-align: center;
  color:#fff;
  font-weight: 17px;
  padding: 30px;
  background: rgba(33, 44, 86, 0.85);
  min-height: 250px;
  margin-bottom: 20px;
}


.text-resumen ul li{
  color:#fff !important;
    text-align: left;


}


/*AUTOEVALUACIÓN*/

input[type="button"]{
    border: none;
    padding: 5px 10px;
    background-color: rgba(10, 173, 152, 1);
    color: white;
    text-transform: uppercase;
    line-height: initial;
    font-size: 15px;
    font-family: 'Roboto';
    height:40px;
    width: 125px;
    line-height: 30px !important;
    margin: 10px 0 0 0;
}


form{
   text-align: left!important;
   padding: 0 10%;
   font-size: 16px;

}

label{
     color:#fff!important;
     padding-bottom: 10px;
}

.panel {
  background: transparent!important;}

.panel-body {
   background: rgba(33, 44, 86, 0.85)!important;
}


.pregunta{
  font-size: 21px!important;
  font-family: 'Roboto';
  text-align: center;
  color: rgba(10, 173, 152, 1)!important;
}

/* VIDEOS */
p.textvideo {
  color:rgba(33, 44, 86, 1);
  font-weight: 500;
}



.videoicon:before {
    background-image: url(../img/video-player.svg); 
    background-size: 55px 100px;
    background-repeat: no-repeat;
    background-position: left!important; 
    display: inline-block;
    width: 100px; 
    height: 55px;
    content:"Vídeo:";
    font-size: 16px!important;
    font-weight: 700;
    text-align: left;
    padding:20px  0 0 40px;
    color: rgba(33, 44, 86, 1);
    margin-bottom: 0px;
}



/*ACORDEON*/
.accordion {
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
}

.accordion:before {
    background-image: url(../img/tap.svg); 
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: left!important; 
    display: inline-block;
    width: 400px; 
    height: 32px;
    content:"Pulsa sobre el símbolo [+] para obtener más información";
    font-size: 12px!important;
    text-align: left;
    padding:7px  0 0 38px;
    color:rgba(74, 106, 132, 1);
    margin-bottom: 10px;
    line-height: 32px;
}


.accordion-item {
  position: relative;
 }

.accordion-item.active .heading {
  color:rgba(10, 173, 152, 1);

}
.accordion-item.active .icon {
  background: #fefefe;
}
.accordion-item.active .icon:before {
  background: rgba(10, 173, 152, 1);
}
.accordion-item.active .icon:after {
  width: 0;
}
.accordion-item .heading {
  display: block;
  text-decoration: none;
  color:rgba(33, 44, 86, 1)!important;
  font-weight: 700;
  font-size: 16px!important;
  line-height: 26px!important;
  position: relative;
  padding: 1.5rem 1.5rem 1.5rem 4rem;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.heading span{
  color:rgba(10, 173, 152, 1);
  font-weight: 700;
}

@media (min-width: 40rem) {
  .accordion-item .heading {
    font-size: 1.2rem;
  }
}

.accordion-item .heading:hover {
  color:rgba(33, 44, 86, 0.8)!important;
}

.accordion-item .heading:focus {
  color:rgba(10, 173, 152, 1)!important;

}


.accordion-item .heading:hover .icon:before, .accordion-item .heading:hover .icon:after {
  background:rgba(33, 44, 86, 0.7);
}
.accordion-item .icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 3rem;
  height: 3rem;
  border: 2px solid rgba(74, 106, 132, 1);
  border-radius: 3px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.accordion-item .icon:before, .accordion-item .icon:after {
  content: '';
  width: 1.25rem;
  height: 0.25rem;
  background: rgba(10, 173, 152, 1);
  position: absolute;
  border-radius: 3px;
  left: 50%;
  top: 50%;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.accordion-item .icon:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
  z-index: -1;
}
.accordion-item .content {
  display: none;
}
.accordion-item .content p {
  margin-top: 0;
}

.accordion-item .content {
padding: 20px;
background: rgba(74, 106, 132, 0.04);
}

@media (min-width: 40rem) {
  .accordion-item .content {
    line-height: 1.75;
  }
}


/* RESPONSIVE MEDIA*/
@media (max-width: 480px) {

.chart:before {
     content:"Pulsa sobre la gráfica para obtener más información";
}


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

  .logotipo{
      margin-top:80px!important;
  }

  .header-content-inner{
      margin-top: 1.2rem;
  }

  form{
   padding: 0 5px;
}

.text-resumen{
   padding: 5px;
 
}

.accordion-item .content {
padding: 10px;

}

}


/*****CUSTOM PYME****/



body {
  color: #3e3e3e;
  color: #3e3e3e!important;	
  font-size: 16px!important;
  line-height: 26px;  
}

b,
strong{
	font-weight: 600;
}

figcaption{
	font-size: 13px;
}
.text-muted,
a:hover{
  color: #3e3e3e!important;	
  font-size: 16px!important;
  line-height: 26px;
}

:focus,
:active{
	box-shadow: none;
	outline: none;
}

p, 
ol li,
ul li{
    font-size: 16px!important;
    font-family: 'Roboto', sans-serif;

}

img{
	max-width: 100%;
	height: auto;
}

b, strong{
	color: rgba(33, 44, 86, 1);
}

.white-b{
  color: white;
}

h1{
  font-size:55px !important;
  color:#333333; 
}

h1.proyecto{
   font-size: 18px!important;
  font-weight: 300;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  position: relative;
  background: rgba(33, 44, 86, 0.5);
  padding: 10px 30px;
  position: relative;
  display: inline-block;
  margin: 30px auto 30px auto;
  color:white!important;
}




.subtitle{
	font-family: 'Roboto';
	font-size: 20px;
  color:#fff;
}

.section-heading{
  font-family: 'Roboto';
  font-size: 23px;
  font-weight: 300 !important;
  color:#fff;
}

.section-heading span{
color:rgba(33, 44, 86, 1);
}

	.title-unidad{
		color:white!important;
		font-size: 25px!important;
		font-family: 'Roboto';
	}
	

.call-to-action h2{
	color: #fff!important;
    font-weight: 100;
    font-family: 'Roboto';
    font-size:35px;
    line-height: 45px;
    margin: 10px 0;
}

h2,h3,h4,h5,h6{
    font-family: 'Roboto', sans-serif;
}

a{
  color:rgba(10, 173, 152, 1) !important;
  text-decoration: underline;
}

a:hover {
  color:rgba(33, 44, 86, 1)!important;}



a:focus {
  color:rgba(82, 190, 201, 1) !important;}


.higher-size{
	font-size: 16px;
}

.medium-size{
  font-size: 1.2em !important;
}

.bg-grey{
	background-color: #ececec;
	color: #333;
	padding: 20px 0;
}




.bg-blue{
  background-color: #71a1d0;
    color: white;

}
.portfolio-box-caption {
  background-color: #71a1d0 !important;
  color:#333 !important;
}

.portfolio-box-caption-content .project-category{
  color:#333 !important;
}

.portfolio-box:hover .portfolio-box-caption {
  opacity: 0.75 !important;
}

figure{
	margin-bottom: 10px!important;
}


.icono-google-plus,
.icono-facebook,
.icono-youtube{
	font-size: 16px;	
}

.icono-facebook{
	color: #3b5998;
}
.icono-google-plus{
	color: #d34836;
}

.icono-youtube{
	color:#e52d27;
}

#homeHeading {
  font-size: 18px!important;
  margin-top: 20px;
  font-weight: 300;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  color: rgba(252, 252, 252, 1)!important;
  position: relative;
  background: rgba(33, 44, 86, 0.5);
  padding: 10px 30px;
  display: inline-block;

}


#homeHeadingtitle {
  font-size: 32px!important;
  margin-top: 40px;
  font-weight: 500;
   font-family: 'Roboto', sans-serif;
  color: rgba(252, 252, 252, 1)!important;
  position: relative;
  display: inline-block;
}

#homeHeadingtitle  span {
  font-size: 25px!important;
  margin-top: 20px;
  font-weight: 100;
}

#homeHeadingtitle  span::before {
  content: '\A'; white-space: pre;
}



.titulo-lista{
	font-size: 20px;
	margin: 0;
	padding: 0;
}


/******/
.panel-heading:hover {
    cursor:pointer;
}
.panel-heading {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
}


#mainNav{
	background: white;
	text-align: center;
}

.navbar-nav{
	float: none!important;
}

	.navbar-nav>li{
		display: inline-block!important;
		float: none!important;
	}

	.nav li a{
		font-family: 'Roboto';
		font-size: 15px!important;
		font-weight: 500!important;
		text-transform: none!important;
	}
  
  .nav li a #indice {
    color:rgba(33, 44, 86, 1)!important;
    padding: 0 5px 0 0;
  }


    .navbar-default .nav>li.active>a, .navbar-default .nav>li.active>a:visited{
      color:rgba(33, 44, 86, 1)!important;
  }

 .navbar-default .nav>li>a:focus:hover, .navbar-default .nav>li>a:hover {
    color:rgba(33, 44, 86, 1)!important;
}

.navbar-default .nav>li.active>a, .navbar-default .nav>li.active>a:focus {
    color:rgba(33, 44, 86, 1)!important;
}
  
.side-tab:hover {
        cursor: pointer;
    }
    .panel.panel-default {
        border: none;
        box-shadow: none !important;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        
    }
    .panel-heading {
        border: none;
        background-color: #71a1d0;
        color: #fff;
        position: relative;
    }
    .panel-body {
        background-color: #f5f5f5;
    }
    .panel-title {
        font-weight: 400;
        color: white;
    }

	.panel-heading h2:after,
	.panel-heading.collapsed h2:after{
		font-family: 'FontAwesome';
		position: absolute;
		margin-left: 10px;
		font-size: 18px;
	}
	.panel-heading h2:after{
		content:'\f107';
	}
	
	.panel-heading.collapsed h2:after{
		content:'\f106';
	}
	
.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
 
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.imagen-aplicacion{
	max-width: 150px;
	height: auto;
}


/***
	INDEX
*****/
header,
#cierre{
    background:rgba(33, 44, 86, 1) url('../img/portada.jpg') no-repeat center center fixed;
    background-size: cover;
}

.logotipo{
	margin-top:100px;
}

.logotipo img{
    width: 200px;
    margin: 0 auto;
}


.logotipo_empresa img{
    width: 300px;
    margin: 0 auto;
}


/****
	Respuestas cuestionario
****/
.alert{
	padding: 5px;
	margin-top: 20px;
}

/*----------------------------------
    Iphone pro mockup from:
    http://jaredhardy.com/minimal-devices/
        http://bootsnipp.com/snippets/featured/tabbed-macbook-mockup-slider

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

.md-iphone-pro {
  display: block;
  /*width: 5em;*/
  height: 40em;
  font-size: 16px;
  margin: 0 auto;
}

  @media (max-width:1199px){
    font-size: 7px;
  }

  @media (max-width:1024px){
    font-size: 5px;
  }

  @media (max-width:767px){
    font-size: 3px;
  }

  @media (max-width:320px){
    font-size: 1px;
  }


.md-iphone-pro .md-i-lid {
  width: 20em;
  height: 35.625em;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  border-radius: 1.875em;
  border: solid 0.1875em #cdced1;
  background: #131313;
}
.md-iphone-pro .md-i-camera {
  width: 0.375em;
  height: 0.375em;
  margin: 0 auto;
  position: relative;
  top: 1.0625em;
  /*bottom: 1.0625em;*/
  bottom: 0.01em;
  background: #000;
  border-radius: 100%;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.25);
}
.md-iphone-pro .md-i-camera:after {
  content: "";
  display: block;
  width: 0.125em;
  height: 0.125em;
  position: absolute;
  left: 0.125em;
  top: 0.0625em;
  background: #353542;
  border-radius: 100%;
}
.md-iphone-pro .md-i-screen {
  width: 18em;
  height: 28.5em;
  margin: 0 auto;
  position: relative;
  top: 2.0625em;
  bottom: 4.0625em;
  background: #fff;
  overflow: hidden;
}
.md-iphone-pro .md-i-screen img {
  width: 100%;
}
.md-iphone-pro.md-i-glare .md-i-lid:after {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 1.25em 0 0;
  background: -webkit-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: -moz-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: -o-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: linear-gradient(53deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
}

/*----------------------------------
    Macbook pro mockup from:
    http://jaredhardy.com/minimal-devices/
    
----------------------------------*/

.md-macbook-pro {
  display: block;
  width: 55.3125em;
  height: 31.875em;
  font-size: 13px;
  margin: 0 auto;
}
  @media (max-width:1199px){
    font-size: 11px;
  }
  @media (max-width:1024px){
    font-size: 10px;
  }

  @media (max-width:767px){
    font-size: 7px;
  }

  @media (max-width:320px){
    font-size: 5px;
  }

.md-macbook-pro .md-lid {
  width: 45em;
  height: 30.625em;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  border-radius: 1.875em;
  border: solid 0.1875em #cdced1;
  background: #131313;
}
.md-macbook-pro .md-camera {
  width: 0.375em;
  height: 0.375em;
  margin: 0 auto;
  position: relative;
  top: 1.0625em;
  background: #000;
  border-radius: 100%;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.25);
}
.md-macbook-pro .md-camera:after {
  content: "";
  display: block;
  width: 0.125em;
  height: 0.125em;
  position: absolute;
  left: 0.125em;
  top: 0.0625em;
  background: #353542;
  border-radius: 100%;
}
.md-macbook-pro .md-screen {
  width: 42.25em;
  height: 26.375em;
  margin: 0 auto;
  position: relative;
  top: 2.0625em;
  background: #fff;
  overflow: hidden;
}
.md-macbook-pro .md-screen img {
  width: 100%;
}
.md-macbook-pro .md-base {
  width: 100%;
  height: 0.9375em;
  position: relative;
  top: -0.75em;
  background: #c6c7ca;
}
.md-macbook-pro .md-base:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.5em;
  margin: 0 auto;
  position: relative;
  bottom: -0.1875em;
  background: #b9babe;
  border-radius: 0 0 1.25em 1.25em;
}
.md-macbook-pro .md-base:before {
  content: "";
  display: block;
  width: 7.6875em;
  height: 0.625em;
  margin: 0 auto;
  position: relative;
  background: #a6a8ad;
  border-radius: 0 0 0.625em 0.625em;
}
.md-macbook-pro.md-glare .md-lid:after {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 1.25em 0 0;
  background: -webkit-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: -moz-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: -o-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: linear-gradient(53deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
}

/********* List effects ******/

.list-effect{
counter-reset: li; 
    list-style: none; 
    *list-style: decimal; 
    font: 15px;
    padding: 0;
    margin-bottom: 4em;
    /*text-shadow: 0 1px 0 rgba(255,255,255,.5);*/
}

.list-effect ol {
    margin: 0 0 0 2em; 
}

.list-effect li{
    position: relative;
    display: block;
    padding: .4em .4em .4em .8em;
    *padding: .4em;
    margin: 1em 0 .5em 2.5em;
    background: rgba(33, 44, 86, 0.8);
    color: #fff;
    text-decoration: none;
    transition: all .3s ease-out;   
}
.list-effect li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -3em;
    top: 50%;
    margin-top: -1.2em;
    background: rgba(33, 44, 86, 0.2);
    border-radius: 50%;
    border: solid 2px #fff;
    height: 2.5em;
    width: 2.5em;
    line-height: 2.5em;
    text-align: center;
    font-weight: bold;
    color:white!important; 
}


.imagen-final{
	max-width: 180px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 10px;
}

/****
	PANTALLA FIN
*****/

.redes{
	text-align: left;
}

#cierre{
	min-height: 800px;
}
.recurso-img.logotipo{
	text-align: center;
}

.pantalla-finalizar p{
	margin-bottom: 0;
}



@media (max-width:768px){
	.md-macbook-pro{
		width: auto;
	}
}

@media (max-width:420px){
	.md-macbook-pro{
		width: auto;
	}
	
	.md-macbook-pro .md-lid{
		width: auto;
		height: 22.625em;
	}	
	
	.md-macbook-pro .md-screen {
	    width: 28.1em;
	    height: 18.375em;
	    margin: 0 auto;
	    position: relative;
	    top: 2.0625em;
	    background: #fff;
	    overflow: hidden;
	}
	
	#cierre{
		height: auto;
	}
}


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



.profile-card {
  background-color: #eee;
  margin-bottom: 20px;
    }
    
.profile-pic {
  border-radius: 50%;
  position: absolute;
  top: -65px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  max-width: 100px;
  -webkit-transition: all 0.4s;
      transition: all 0.4s;
        }

        
.profile-info {
	color: #333;
	padding: 25px;
	position: relative;
	margin-top: 15px;
}
    
.profile-info h2 {
 	color: #71a1d0;
}
        
.profile-info span,
.subtitle-seccion{
	display: block;
	font-size: 20px;
	color: #4CB493;
}

.profile-info a {
   color: #4CB493;
    }
.profile-info i {
      padding: 15px 35px 0px 35px;
    }
    

.profile-card:hover .profile-pic {
  
  transform: scale(1.1);
    }

.profile-card:hover .profile-info hr  {
  opacity: 1;
    }

.lista-general{
	padding-left: 0;
}

	.lista-general li{
		list-style: none;
	}

.lista-general.proceso{
	text-align: left;
}  

	.lista-general.proceso li{
		margin-bottom: 5px;
	} 
	
	.lista-general.proceso li:last-child{
		margin-bottom: 0;
	}
	
	.lista-general.proceso li:before{
		content:'\f101';
		font-family: 'FontAwesome';
		margin-right: 5px;
		color:#4CB493;
	}
	
.iconos-aplicaciones{
	padding: 0!important;
}    
    
    
/* Underline From Center */
.hvr-underline-from-center {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
	font-size: 20px;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 52%;
  right: 52%;
  bottom: 0;
  background: #FFFFFF;
  border-radius: 50%;
  height: 3px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.profile-card:hover .hvr-underline-from-center:before, .profile-card:focus .hvr-underline-from-center:before, .profile-card:active .hvr-underline-from-center:before {
  left: 0;
  right: 0;
  height: 1px;
  background: #CECECE;
}

.lista-contenido{
	padding-left: 0;
}

.lista-contenido li{
	display: inline-block;
}

	.lista-contenido li img{
		width: 30px;
		height: 30px;
	}
	
		.lista-contenido li:nth-child(2) img{
			width: 26px;
			height: 26px;
		}

.logotipo-final{
	max-width: 800px;
}