/*Animacio grow*/

.animgrow {
	-webkit-animation: animgrow 0.7s ease-out forwards;
  -moz-animation:  animgrow 0.7s ease-out forwards;
  -o-animation:  animgrow 0.7s ease-out forwards;
  animation:  animgrow 0.7s ease-out forwards;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  animation-delay: 0.8s;
}


.animgrow1 {
	-webkit-animation: animgrow 0.7s ease-out forwards;
  -moz-animation:  animgrow 0.7s ease-out forwards;
  -o-animation:  animgrow 0.7s ease-out forwards;
  animation:  animgrow 0.7s ease-out forwards;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  animation-delay: 2s;
}

.animgrow2 {
	-webkit-animation: animgrow 0.7s ease-out forwards;
  -moz-animation:  animgrow 0.7s ease-out forwards;
  -o-animation:  animgrow 0.7s ease-out forwards;
  animation:  animgrow 0.7s ease-out forwards;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  animation-delay: 4s;
}


@-webkit-keyframes animgrow {
 from {
	-webkit-transform: scale(0);
  }
  to {
	-webkit-transform: scale(1);
  }
}
@-moz-keyframes animgrow {
  from {
	-moz-transform: scale(0);
  }
  to {
	-moz-transform: scale(1);
  }
}
@-o-keyframes animgrow {
  from {
	-o-transform: scale(0);
  }
  to {
	-o-transform: scale(1);
  }
}
@keyframes animgrow {
  from {
	transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
  }
  to {
	transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
  }
}



/*Efecte segell*/

.animpulse {
-webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  opacity: 0;
  -webkit-animation-fill-mode:forwards;
   animation-fill-mode:forwards;
  animation-delay: 3s;
}

@-webkit-keyframes pulse {
  0%{
    opacity: 0;
  }
  10%{
    opacity:.50;
    transform-origin: 50% 50%;
    transform: scale(3);
    transition: all .3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
  100%{
    opacity:1;
    transform: scale(1);
  }
}

@keyframes pulse{
  0%{
    opacity: 0;
  }
  10%{
    opacity:.50;
    transform-origin: 50% 50%;
    transform: scale(3);
    transition: all .3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
  100%{
    opacity:1;
    transform: scale(1);
  }
}


/*Fade in*/

@-webkit-keyframes fadein{
  0%{
    opacity: 0;
  }
  100%{
    opacity:1;
  }
}

@keyframes fadein{
  0%{
    opacity: 0;
  }
  100%{
    opacity:1;
  }
}





/*Animacio entra abaix*/

@-webkit-keyframes abaix {
  0% {
    -webkit-transform: translate(0, -60px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
}
@-moz-keyframes abaix {
  0% {
    -moz-transform: translate(0, -60px);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes abaix {
  0% {
    -o-transform: translate(0, -60px);
    opacity: 0;
  }
  100% {
    -o-transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes abaix {
  0% {
    transform: translate(0, -60px);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}



.abaix1, .abaix2 {
	-webkit-animation: abaix 0.3s ease-in forwards;
  -moz-animation:  abaix 0.3s ease-in forwards;
  -o-animation:  abaix 0.3s ease-inforwards;
  animation:  abaix 0.3s ease-in forwards;
  opacity:0;
}

.abaix1 {
	animation-delay:2s;
  -webkit-animation-delay:2s;
}

.abaix2 {
	animation-delay:4s;
  -webkit-animation-delay:4s;
}







/*Fadeintard*/


.fadetard1 {
	-webkit-animation: fadein 0.5s ease-out forwards;
  -moz-animation:  fadein 0.5s ease-out forwards;
  -o-animation:  fadein 0.5s ease-out forwards;
  animation:  fadein 0.5s ease-out forwards;
  opacity:0;
  animation-delay:1s;
  -webkit-animation-delay:1s;
}

.fadetard2 {
	-webkit-animation: fadein 0.5s ease-out forwards;
  -moz-animation:  fadein 0.5s ease-out forwards;
  -o-animation:  fadein 0.5s ease-out forwards;
  animation:  fadein 0.5s ease-out forwards;
  opacity:0;
  animation-delay:2.5s;
  -webkit-animation-delay:2.5s;
}

.fadetard3 {
	-webkit-animation: fadein 0.5s ease-out forwards;
  -moz-animation:  fadein 0.5s ease-out forwards;
  -o-animation:  fadein 0.5s ease-out forwards;
  animation:  fadein 0.5s ease-out forwards;
  opacity:0;
  animation-delay:3.5s;
  -webkit-animation-delay:3.5s;
}

.fadetard4 {
	-webkit-animation: fadein 0.5s ease-out forwards;
  -moz-animation:  fadein 0.5s ease-out forwards;
  -o-animation:  fadein 0.5s ease-out forwards;
  animation:  fadein 0.5s ease-out forwards;
  opacity:0;
  animation-delay:4.5s;
  -webkit-animation-delay:4.5s;
}

.fadetard5 {
	-webkit-animation: fadein 0.5s ease-out forwards;
  -moz-animation:  fadein 0.5s ease-out forwards;
  -o-animation:  fadein 0.5s ease-out forwards;
  animation:  fadein 0.5s ease-out forwards;
  opacity:0;
  animation-delay:5.5s;
  -webkit-animation-delay:5.5s;
}


.fadetard6 {
	-webkit-animation: fadein 0.5s ease-out forwards;
  -moz-animation:  fadein 0.5s ease-out forwards;
  -o-animation:  fadein 0.5s ease-out forwards;
  animation:  fadein 0.5s ease-out forwards;
  opacity:0;
  animation-delay:6.5s;
  -webkit-animation-delay:6.5s;
}

.fadetard7 {
	-webkit-animation: fadein 0.5s ease-out forwards;
  -moz-animation:  fadein 0.5s ease-out forwards;
  -o-animation:  fadein 0.5s ease-out forwards;
  animation:  fadein 0.5s ease-out forwards;
  opacity:0;
  animation-delay:7.5s;
  -webkit-animation-delay:7.5s;
}

.fadetard8 {
	-webkit-animation: fadein 0.5s ease-out forwards;
  -moz-animation:  fadein 0.5s ease-out forwards;
  -o-animation:  fadein 0.5s ease-out forwards;
  animation:  fadein 0.5s ease-out forwards;
  opacity:0;
  animation-delay:8.5s;
  -webkit-animation-delay:8.5s;
}

.fadetard9 {
	-webkit-animation: fadein 0.5s ease-out forwards;
  -moz-animation:  fadein 0.5s ease-out forwards;
  -o-animation:  fadein 0.5s ease-out forwards;
  animation:  fadein 0.5s ease-out forwards;
  opacity:0;
  animation-delay:9.5s;
  -webkit-animation-delay:9.5s;
}




.fadegrafico1 {
	-webkit-animation: fadein 0.5s ease-out forwards;
  -moz-animation:  fadein 0.5s ease-out forwards;
  -o-animation:  fadein 0.5s ease-out forwards;
  animation:  fadein 0.5s ease-out forwards;
  opacity:0;
  animation-delay:1s;
  -webkit-animation-delay:1s;
}

.fadegrafico2 {
	-webkit-animation: fadein 0.5s ease-out forwards;
  -moz-animation:  fadein 0.5s ease-out forwards;
  -o-animation:  fadein 0.5s ease-out forwards;
  animation:  fadein 0.5s ease-out forwards;
  opacity:0;
  animation-delay:1.5s;
  -webkit-animation-delay:1.5s;
}

.fadegrafico3 {
	-webkit-animation: fadein 0.5s ease-out forwards;
  -moz-animation:  fadein 0.5s ease-out forwards;
  -o-animation:  fadein 0.5s ease-out forwards;
  animation:  fadein 0.5s ease-out forwards;
  opacity:0;
  animation-delay:2s;
  -webkit-animation-delay:2s;
}

.fadegrafico4 {
	-webkit-animation: fadein 0.5s ease-out forwards;
  -moz-animation:  fadein 0.5s ease-out forwards;
  -o-animation:  fadein 0.5s ease-out forwards;
  animation:  fadein 0.5s ease-out forwards;
  opacity:0;
  animation-delay:2.5s;
  -webkit-animation-delay:2.5s;
}

.fadegrafico5 {
	-webkit-animation: fadein 0.5s ease-out forwards;
  -moz-animation:  fadein 0.5s ease-out forwards;
  -o-animation:  fadein 0.5s ease-out forwards;
  animation:  fadein 0.5s ease-out forwards;
  opacity:0;
  animation-delay:3s;
  -webkit-animation-delay:3s;
}

.fadegrafico6 {
	-webkit-animation: fadein 0.5s ease-out forwards;
  -moz-animation:  fadein 0.5s ease-out forwards;
  -o-animation:  fadein 0.5s ease-out forwards;
  animation:  fadein 0.5s ease-out forwards;
  opacity:0;
  animation-delay:3.5s;
  -webkit-animation-delay:3.5s;
}

.fadegrafico7 {
	-webkit-animation: fadein 0.5s ease-out forwards;
  -moz-animation:  fadein 0.5s ease-out forwards;
  -o-animation:  fadein 0.5s ease-out forwards;
  animation:  fadein 0.5s ease-out forwards;
  opacity:0;
  animation-delay:4s;
  -webkit-animation-delay:4s;
}

.fadegrafico8 {
	-webkit-animation: fadein 0.5s ease-out forwards;
  -moz-animation:  fadein 0.5s ease-out forwards;
  -o-animation:  fadein 0.5s ease-out forwards;
  animation:  fadein 0.5s ease-out forwards;
  opacity:0;
  animation-delay:4.5s;
  -webkit-animation-delay:4.5s;
}

.fadegrafico9 {
	-webkit-animation: fadein 0.5s ease-out forwards;
  -moz-animation:  fadein 0.5s ease-out forwards;
  -o-animation:  fadein 0.5s ease-out forwards;
  animation:  fadein 0.5s ease-out forwards;
  opacity:0;
  animation-delay:5s;
  -webkit-animation-delay:5s;
}

.fadegrafico10 {
	-webkit-animation: fadein 0.5s ease-out forwards;
  -moz-animation:  fadein 0.5s ease-out forwards;
  -o-animation:  fadein 0.5s ease-out forwards;
  animation:  fadein 0.5s ease-out forwards;
  opacity:0;
  animation-delay:5.5s;
  -webkit-animation-delay:5.5s;
}

.fadegrafico11 {
	-webkit-animation: fadein 0.5s ease-out forwards;
  -moz-animation:  fadein 0.5s ease-out forwards;
  -o-animation:  fadein 0.5s ease-out forwards;
  animation:  fadein 0.5s ease-out forwards;
  opacity:0;
  animation-delay:6s;
  -webkit-animation-delay:6s;
}


/*FLEX*/

.verticalcenter {
		display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
     -ms-flex-wrap:nowrap;
         flex-wrap:nowrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
}

.doscol > div {
	margin-bottom:10px;
}

.trescol > div {
	margin-bottom:10px;
}

@media only screen and (min-width: 768px) {
.doscol, .trescol {
	display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
 -ms-flex-wrap:wrap;
     flex-wrap:wrap;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: stretch;
    -ms-flex-align: stretch;
        align-items: stretch;
-ms-flex-line-pack: start;
    align-content: flex-start;
}

.doscol > div {
	width:49%;
	margin-bottom:0;
}

.trescol > div {
	width:32%;
	margin-bottom:0;
}

}



/*ANIM1*/

.gemp-anim1 {
	background-color:#62c4e9;
	padding:15px;
	text-align:center;
}

.gemp-anim1 p {
	background-repeat:no-repeat;
	background-position:center top;
	background-size:50px auto;
	min-height:50px;
	padding-top:60px;
	font-weight:bold;
	color:#000000;
	margin-bottom:0;
	display:inline-block;
	font-size:14px;
	margin-right:15px;
}

.gemp-anim1 p.fadetard1 {
	background-image:url("../imagenes/curso/gemp-anim1-1.png");
}

.gemp-anim1 p.fadetard2 {
	background-image:url("../imagenes/curso/gemp-anim1-2.png");
}

.gemp-anim1 p.fadetard3 {
	background-image:url("../imagenes/curso/gemp-anim1-3.png");
}

.gemp-anim1 p.fadetard4 {
	background-image:url("../imagenes/curso/gemp-anim1-4.png");
}

.gemp-anim1 p.fadetard5 {
	background-image:url("../imagenes/curso/gemp-anim1-5.png");
}


/*ANIM2*/


.graficosuperpuesto {
	position:relative;
}

.graficosuperpuesto img {
	position:absolute;
	top:0;
	left:0;
	margin:0 !important;
}

.graficosuperpuesto img.fadetard1, .graficosuperpuesto img.fadegrafico1 {
	position:relative;
}

/*ANIMINFOGRAF2*/


.anim3 {
	background-image:url("../imagenes/curso/gemp-anim3.png");
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 100%;
	overflow:hidden;
}

.anim3fila {
	border-bottom:2px dashed #666666;
	padding:5px;
}

.anim3num {
	font-size:2em;
	color:#666666;
	display:inline-block;
	padding:5px;
	background:#e5f5fc;
	width:80px;
	text-align:center;
	margin:0 10px 0 0;
}

.anim3dentro {
	padding-right:32%;
	position:relative;
	overflow:hidden;
}

.anim3cercle {
	position:absolute;
	text-align:center;
	font-size:1.3em;
	right:50px;
	bottom:20px;
	width:200px;
	height:auto;
	border:2px solid #007EAE;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding:10px;
background-color:#ffffff;
}

.anim3cercle strong {
	color:#007EAE;
	font-size:1.4em;
}

@media screen and (max-width: 800px) {
	.anim3cercle {
		position:static;
		width:90%;
		margin:2em auto;
}

.anim3dentro {
	padding-right:220px;
}

.anim3 {
	background-size:200px auto;
	background-position:right top;
}

}

@media screen and (max-width: 550px) {
	.anim3cercle {
		position:static;
		width:90%;
		margin:2em auto;
}

.anim3dentro {
	padding-right:0;
}

.anim3 {
	background-image:none;
}

}

/*ANIM p4*/

.anim-p4 {
	background:#ffffff;
	position:relative;
	z-index:0;
	border:1px solid #dddddd;
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding:20px;


}

.anim-p4 p {
	font-size:1.2em;
	font-weight:700;
	color:#BF0000;
}

.anim-p4-img img {
	width:150px;
	margin-top:0;
	margin-bottom:0;
}

.anim-p4 ul {
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0;
}

@media screen and (min-width: 768px) {
.anim-p4 {
	margin:-25px 40px 0 40px;
	
	display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
 -ms-flex-wrap:nowrap;
     flex-wrap:nowrap;
-ms-flex-pack: distribute;
    justify-content: space-around;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-ms-flex-line-pack: start;
    align-content: flex-start;
}

.anim-p4-img {
	width:180px;
	margin-right:20px;
}
.anim-p4-img img {
	width:180px;
}
}

/*ANIM p14*/

.anim-p14 {
}

.caja-anim-p14 {
	border:2px solid #BF0000;
	padding:10px;
	text-align:center;
}

.caja-anim-p14 p {
		font-weight:700;
}

.anim-p14-sobre {
	margin-bottom:25px;
}

.anim-p14-sobre img {
	width:100px;
}

@media screen and (min-width: 768px) {
	.anim-p14 {
		display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
 -ms-flex-wrap:nowrap;
     flex-wrap:nowrap;
-ms-flex-pack: distribute;
    justify-content: space-around;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-ms-flex-line-pack: start;
    align-content: flex-start;
}
.anim-p14-sobre {
	width:32%;
}
}

/*ANIM p22*/

.anim-p22 {
	display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
 -ms-flex-wrap:nowrap;
     flex-wrap:nowrap;
-ms-flex-pack: distribute;
    justify-content: space-around;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-ms-flex-line-pack: start;
    align-content: flex-start;
	
	margin:0 auto;
}

.anim-p22 > div {
	width:45%;
}

.anim-p22 p {
	text-align:center;
	line-height:1.2;
}


/*ANIM FLETXES*/

.anim-fletxes {
	display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
 -ms-flex-wrap:wrap;
     flex-wrap:wrap;
-webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
-ms-flex-line-pack: start;
    align-content: flex-start;
	
	margin:0 auto;
}


.anim-fletxes-bloc {
	width:182px;
}

.anim-fletxes-bloc-tit {
	background-position:top center;
	background-repeat:no-repeat;
	background-size:182px 55px;
	padding:10px 10px 10px 52px;
	display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
     -ms-flex-wrap:nowrap;
         flex-wrap:nowrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
				width:182px;
				height:55px;
				
}

.anim-fletxes-bloc-tit p {
	text-align:center;
	font-weight:600;
	color:#ffffff;
	line-height:1.1;
	margin-bottom:0;
}

.anim-fletxes-bloc-tit1 {
background-image:url("../imagenes/curso/image-ctti-22-5.png");
}

.anim-fletxes-bloc-tit2 {
background-image:url("../imagenes/curso/image-ctti-22-6.png");
}

.anim-fletxes-bloc-tit3 {
background-image:url("../imagenes/curso/image-ctti-22-7.png");
}

.anim-fletxes-bloc-tit4 {
background-image:url("../imagenes/curso/image-ctti-22-8.png");
}

.anim-fletxes-bloc-tit5 {
background-image:url("../imagenes/curso/image-ctti-22-9.png");
}

.anim-fletxes-bloc-txt {
	padding-right:7px;
	padding-left:10px;
	border-right:1px dotted #a98a89;
	margin-top:6px;
	min-height:120px;
}

.anim-fletxes-bloc-txt p {
	line-height:1.4;
}

.anim-fletxes .anim-fletxes-bloc:last-of-type .anim-fletxes-bloc-txt {
	border-right:none;
	padding-right:0;
}

/*ANIMACIO REUNIO*/

.animreunio {
		display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
 -ms-flex-wrap:nowrap;
     flex-wrap:nowrap;
-ms-flex-pack: distribute;
    justify-content: space-around;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-ms-flex-line-pack: start;
    align-content: flex-start;
	
	margin:20px auto;}
	
	.animreuniocaixa {
		text-align:center;
		color:#ffffff;
		padding:10px;
		background:#888888;
		font-weight:700;
	}
	
	.animreuniomes {
		color:#888888;
		padding:10px;
		font-weight:700;
		text-align:center;
		font-size:2em;
	}



@media screen and (min-width: 768px) {
	.margesuperiorssl {
		margin-top:280px;
	}
}