.loading {
	height:200px;
    background: url('images/ico_loading.gif') no-repeat center center; /*Esta parte hará la función de cargador mientras aparece el contenido*/
}
section {
    opacity: 0; /*El valor inicial de la opacidad del contenedor es 0, por medio de javascript haremos que aparezca al asignarle la clase .loaded_section*/
    -webkit-transition:opacity .6s;
    -moz-transition:opacity .6s;
    -o-transition:opacity .6s;
    transition: opacity .6s;
}
.loaded section {
    opacity: 1;
}

#carrusel{float:none; width:1280px; overflow:hidden; height:305px; position:relative; margin:0 auto; 	display: block;}
#carrusel .izquierda_flecha{position:absolute; left:0; z-index:1; top:35%; }
#carrusel .derecha_flecha{position:absolute; right:0; z-index:1; top:35%; }
.carrusel{width:4000px;left:0; position:absolute; z-index:0;float:left;}

@media screen and (max-width:1270px) {
#carrusel{
	max-width: 1000px;
	height:300px;
	margin:0px auto;}
}

@media screen and (max-width:1020px) {
#carrusel{
	max-width: 900px;
	height:285px;
	margin:0px auto;}
}

@media screen and (max-width:920px) {
#carrusel{
	max-width: 750px;
	height:275px;
	margin:0px auto;}
}

@media screen and (max-width:765px) {

#carrusel{
	max-width: 570px;
	height:235px;
	margin:0px auto;}
}

@media screen and (max-width:500px) {

#carrusel{
	max-width:330px;
	height:290px;
	margin:0px auto;}
}

#condist {
 	margin:0 auto;
	padding: 0 0 0 0;

	width:100%;
	overflow: hidden;

	border: none;
	display: block;
	height:80px;
	font-family: 'abril_fatfaceregular',serif;
	font-weight:400;

	text-align:center;

	position:relative;
	line-height:1;
}
#condist .slide {

margin:0;
min-width:98%;
display:inline-block;

}

@-webkit-keyframes movimiento-logo {
 0%{left: 140%; top:25px;}
   30%, 60% {left: 25%;top:25px;} 
   90% {left: 50%;top:25px;}
   100% {left: 50%;top:0px;}
}

@keyframes movimiento-logo {
 0%{left: 140%; top:25px;}
   30%, 60% {left: 25%;top:25px;} 
   90% {left: 50%;top:25px;}
   100% {left: 50%;top:0px;}
}

@-moz-keyframes movimiento-logo {
  0%{left: 140%; top:25px;}
   30%, 60% {left: 25%;top:25px;} 
   88% {left: 50%;top:25px;}
   100% {left: 50%;top:0px;}
}

@-o-keyframes movimiento-logo {
  0%{left: 140%; top:25px;}
   30%, 60% {left: 25%;top:25px;} 
   90% {left: 50%;top:25px;}
   100% {left: 50%;top:0px;}
}

@-webkit-keyframes movimiento-logop {
 0%{left: 140%; top:25px;}
   30%, 60% {left: 15%;top:25px;} 
   90% {left: 50%;top:25px;}
   100% {left: 50%;top:0px;}
}

@keyframes movimiento-logop {
 0%{left: 140%; top:25px;}
   30%, 60% {left: 15%;top:25px;} 
   90% {left: 50%;top:25px;}
   100% {left: 50%;top:0px;}
}

@-moz-keyframes movimiento-logop {
  0%{left: 140%; top:25px;}
   30%, 60% {left: 15%;top:25px;} 
   88% {left: 50%;top:25px;}
   100% {left: 50%;top:0px;}
}

@-o-keyframes movimiento-logop {
  0%{left: 140%; top:25px;}
   30%, 60% {left: 15%;top:25px;} 
   90% {left: 50%;top:25px;}
   100% {left: 50%;top:0px;}
}

@-webkit-keyframes movimiento-logop1 {
 0%{left: 140%; top:25px;}
   30%, 60% {left: 10%;top:25px;} 
   90% {left: 50%;top:25px;}
   100% {left: 50%;top:0px;}
}

@keyframes movimiento-logop1 {
 0%{left: 140%; top:25px;}
   30%, 60% {left: 10%;top:25px;} 
   90% {left: 50%;top:25px;}
   100% {left: 50%;top:0px;}
}

@-moz-keyframes movimiento-logop1 {
  0%{left: 140%; top:25px;}
   30%, 60% {left: 10%;top:25px;} 
   88% {left: 50%;top:25px;}
   100% {left: 50%;top:0px;}
}

@-o-keyframes movimiento-logop1 {
  0%{left: 140%; top:25px;}
   30%, 60% {left: 10%;top:25px;} 
   90% {left: 50%;top:25px;}
   100% {left: 50%;top:0px;}
}

@-webkit-keyframes movimiento-logop2 {
 0%{left: 140%; top:25px;}
   30%, 60% {left: 10%;top:25px;} 
   88% {left: 50%;top:25px;}
   100% {left: 50%;top:10px;}
}

@keyframes movimiento-logop2 {
 0%{left: 140%; top:25px;}
   30%, 60% {left: 10%;top:25px;} 
   88% {left: 50%;top:25px;}
   100% {left: 50%;top:10px;}
}

@-moz-keyframes movimiento-logop2 {
  0%{left: 140%; top:25px;}
   30%, 60% {left: 10%;top:25px;} 
   88% {left: 50%;top:25px;}
   100% {left: 50%;top:10px;}
}

@-o-keyframes movimiento-logop2 {
  0%{left: 140%; top:25px;}
   30%, 60% {left: 10%;top:25px;} 
   88% {left: 50%;top:25px;}
   100% {left: 50%;top:10px;}
}


#condist img{
	align:left;
	float:left;
	z-index:1;
	left: 50%;
	position: absolute;
	top:0px;
	background-color:#ffffff;
   -webkit-animation-name: movimiento-logo;
   -webkit-animation-duration: 8s;
   -webkit-animation-iteration-count: normal;
   -webkit-animation-direction: alternate;/*para que vuelva a su posicion inicial */

   animation-name: movimiento-logo;
   animation-duration: 8s;
   animation-iteration-count: normal;
   animation-direction: alternate;

   -moz-animation-name: movimiento-logo;
   -moz-animation-duration: 8s;
   -moz-animation-iteration-count: normal;
   -moz-animation-direction: alternate;

   -o-animation-name: movimiento-logo;
   -o-animation-duration: 8s;
   -o-animation-iteration-count: normal;
   -o-animation-direction: alternate;

}
@-webkit-keyframes movimiento-texto {
   0%, 30%{opacity: 0;
 	filter:  alpha(opacity=0);font-size: 2.3em;right: 10%; top:22px;}
   50%, 60% {opacity: 1;
 	filter:  alpha(opacity=100);font-size: 2.3em;right: 10%; top:22px;}
   65% {opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 2.3em;right: 10%;}
   85%{opacity: 0;
 	filter:  alpha(opacity=0); top:20px;font-size: 2.3em;right: 22%;}
 88%{opacity: 0;
 	filter:  alpha(opacity=0); top:20px;font-size: 1.28em;}
   100%{opacity: 1;
 	filter:  alpha(opacity=100);}
 }
@keyframes movimiento-texto {
   0%, 30%{opacity: 0;
 	filter:  alpha(opacity=0);font-size: 2.3em;right: 10%; top:22px;}
   50%, 60% {opacity: 1;
 	filter:  alpha(opacity=100);font-size: 2.3em;right: 10%; top:22px;}
   65% {opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 2.3em;right: 10%;}
   85%{opacity: 0;
 	filter:  alpha(opacity=0); top:20px;font-size: 2.3em;right: 22%;}
 88%{opacity: 0;
 	filter:  alpha(opacity=0); top:20px;font-size: 1.28em;}
   100%{opacity: 1;
 	filter:  alpha(opacity=100);}
 }
@-moz-keyframes movimiento-texto {
   0%, 30%{opacity: 0;
 	filter:  alpha(opacity=0);font-size: 2.3em;right: 10%; top:22px;}
   50%, 60% {opacity: 1;
 	filter:  alpha(opacity=100);font-size: 2.3em;right: 10%; top:22px;}
   65% {opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 2.3em;right: 10%;}
   85%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 2.3em;right: 22%;}
 88%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 1.28em;}
   100%{opacity: 1;
 	filter:  alpha(opacity=100); top:40px;}
 
 }
@-o-keyframes movimiento-texto {
   0%, 30%{opacity: 0;
 	filter:  alpha(opacity=0);font-size: 2.3em;right: 10%; top:22px;}
   50%, 60% {opacity: 1;
 	filter:  alpha(opacity=100);font-size: 2.3em;right: 10%; top:22px;}
   65% {opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 2.3em;right: 10%;}
   85%{opacity: 0;
 	filter:  alpha(opacity=0); top:20px;font-size: 2.3em;right: 22%;}
 88%{opacity: 0;
 	filter:  alpha(opacity=0); top:20px;font-size: 1.28em;}
   100%{opacity: 1;
 	filter:  alpha(opacity=100);}
 }

@-webkit-keyframes movimiento-textop {
   0%, 30%{opacity: 0;
 	filter:  alpha(opacity=0);font-size: 2.3em;right: 10%; top:0px;}
   50%, 60% {opacity: 1;
 	filter:  alpha(opacity=100);font-size: 2.3em;right: 10%; top:0px;}
   65% {opacity: 0;
 	filter:  alpha(opacity=0); top:0px;font-size: 2.3em;right: 10%;}
   85%{opacity: 0;
 	filter:  alpha(opacity=0); top:20px;font-size: 2.3em;right: 22%;}
 88%{opacity: 0;
 	filter:  alpha(opacity=0); top:20px;font-size: 1.28em;}
   100%{opacity: 1;
 	filter:  alpha(opacity=100);}
 }
@keyframes movimiento-textop {
   0%, 30%{opacity: 0;
 	filter:  alpha(opacity=0);font-size: 2.3em;right: 10%; top:0px;}
   50%, 60% {opacity: 1;
 	filter:  alpha(opacity=100);font-size: 2.3em;right: 10%; top:0px;}
   65% {opacity: 0;
 	filter:  alpha(opacity=0); top:0px;font-size: 2.3em;right: 10%;}
   85%{opacity: 0;
 	filter:  alpha(opacity=0); top:20px;font-size: 2.3em;right: 22%;}
 88%{opacity: 0;
 	filter:  alpha(opacity=0); top:20px;font-size: 1.28em;}
   100%{opacity: 1;
 	filter:  alpha(opacity=100);}
 }
@-moz-keyframes movimiento-textop {
   0%, 30%{opacity: 0;
 	filter:  alpha(opacity=0);font-size: 2.3em;right: 10%; top:0px;}
   50%, 60% {opacity: 1;
 	filter:  alpha(opacity=100);font-size: 2.3em;right: 10%; top:0px;}
   65% {opacity: 0;
 	filter:  alpha(opacity=0); top:0px;font-size: 2.3em;right: 10%;}
   85%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 2.3em;right: 22%;}
 88%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 1.28em;}
   100%{opacity: 1;
 	filter:  alpha(opacity=100); top:40px;}
 
 }
@-o-keyframes movimiento-textop {
   0%, 30%{opacity: 0;
 	filter:  alpha(opacity=0);font-size: 2.3em;right: 10%; top:0px;}
   50%, 60% {opacity: 1;
 	filter:  alpha(opacity=100);font-size: 2.3em;right: 10%; top:0px;}
   65% {opacity: 0;
 	filter:  alpha(opacity=0); top:0px;font-size: 2.3em;righ1t: 10%;}
   85%{opacity: 0;
 	filter:  alpha(opacity=0); top:20px;font-size: 2.3em;right: 22%;}
 88%{opacity: 0;
 	filter:  alpha(opacity=0); top:20px;font-size: 1.28em;}
   100%{opacity: 1;
 	filter:  alpha(opacity=100);}
 }

@-webkit-keyframes movimiento-textop1 {
   0%, 30%{opacity: 0;
 	filter:  alpha(opacity=0);font-size: 2em;right: 10%; top:0px;}
   50%, 60% {opacity: 1;
 	filter:  alpha(opacity=100);font-size: 2em;right: 10%; top:0px;}
   65% {opacity: 0;
 	filter:  alpha(opacity=0); top:0px;font-size: 2em;right: 10%;}
   85%{opacity: 0;
 	filter:  alpha(opacity=0); top:20px;font-size: 2em;right: 22%;}
 88%{opacity: 0;
 	filter:  alpha(opacity=0); top:20px;font-size: 1.28em;}
   100%{opacity: 1;
 	filter:  alpha(opacity=100);}
 }
@keyframes movimiento-textop1 {
   0%, 30%{opacity: 0;
 	filter:  alpha(opacity=0);font-size: 2em;right: 10%; top:0px;}
   50%, 60% {opacity: 1;
 	filter:  alpha(opacity=100);font-size: 2em;right: 10%; top:0px;}
   65% {opacity: 0;
 	filter:  alpha(opacity=0); top:0px;font-size: 2em;right: 10%;}
   85%{opacity: 0;
 	filter:  alpha(opacity=0); top:20px;font-size: 2em;right: 22%;}
 88%{opacity: 0;
 	filter:  alpha(opacity=0); top:20px;font-size: 1.28em;}
   100%{opacity: 1;
 	filter:  alpha(opacity=100);}
 }
@-moz-keyframes movimiento-textop1 {
   0%, 30%{opacity: 0;
 	filter:  alpha(opacity=0);font-size: 2em;right: 10%; top:0px;}
   50%, 60% {opacity: 1;
 	filter:  alpha(opacity=100);font-size: 2em;right: 10%; top:0px;}
   65% {opacity: 0;
 	filter:  alpha(opacity=0); top:0px;font-size: 2em;right: 10%;}
   85%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 2em;right: 22%;}
 88%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 1.28em;}
   100%{opacity: 1;
 	filter:  alpha(opacity=100); top:40px;}
 
 }
@-o-keyframes movimiento-textop1 {
   0%, 30%{opacity: 0;
 	filter:  alpha(opacity=0);font-size: 2em;right: 10%; top:0px;}
   50%, 60% {opacity: 1;
 	filter:  alpha(opacity=100);font-size: 2em;right: 10%; top:0px;}
   65% {opacity: 0;
 	filter:  alpha(opacity=0); top:0px;font-size: 2em;righ1t: 10%;}
   85%{opacity: 0;
 	filter:  alpha(opacity=0); top:20px;font-size: 2em;right: 22%;}
 88%{opacity: 0;
 	filter:  alpha(opacity=0); top:20px;font-size: 1.28em;}
   100%{opacity: 1;
 	filter:  alpha(opacity=100);}
 }

@-webkit-keyframes movimiento-textop2 {
 0%, 30%{opacity: 0;
 	filter:  alpha(opacity=0);font-size: 1.5em;right: 10%; top:10px;}
   50%, 60% {opacity: 1;
 	filter:  alpha(opacity=100);font-size: 1.5em;right: 10%; top:10px;}
   65% {opacity: 0;
 	filter:  alpha(opacity=0); top:10px;font-size: 1.5em;right: 10%;}
   85%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 1.5em;right: 22%;}
 88%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 1em;}
   100%{opacity: 1;
 	filter:  alpha(opacity=100); top:30px;}
 }
@keyframes movimiento-textop2 {
 0%, 30%{opacity: 0;
 	filter:  alpha(opacity=0);font-size: 1.5em;right: 10%; top:10px;}
   50%, 60% {opacity: 1;
 	filter:  alpha(opacity=100);font-size: 1.5em;right: 10%; top:10px;}
   65% {opacity: 0;
 	filter:  alpha(opacity=0); top:10px;font-size: 1.5em;right: 10%;}
   85%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 1.5em;right: 22%;}
 88%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 1em;}
   100%{opacity: 1;
 	filter:  alpha(opacity=100); top:30px;}
 }
@-moz-keyframes movimiento-textop2 {
   0%, 30%{opacity: 0;
 	filter:  alpha(opacity=0);font-size: 1.5em;right: 10%; top:10px;}
   50%, 60% {opacity: 1;
 	filter:  alpha(opacity=100);font-size: 1.5em;right: 10%; top:10px;}
   65% {opacity: 0;
 	filter:  alpha(opacity=0); top:10px;font-size: 1.5em;right: 10%;}
   85%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 1.5em;right: 22%;}
 88%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 1em;}
   100%{opacity: 1;
 	filter:  alpha(opacity=100); top:30px;}
 
 }
@-o-keyframes movimiento-textop2 {
    0%, 30%{opacity: 0;
 	filter:  alpha(opacity=0);font-size: 1.5em;right: 10%; top:10px;}
   50%, 60% {opacity: 1;
 	filter:  alpha(opacity=100);font-size: 1.5em;right: 10%; top:10px;}
   65% {opacity: 0;
 	filter:  alpha(opacity=0); top:10px;font-size: 1.5em;right: 10%;}
   85%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 1.5em;right: 22%;}
 88%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 1em;}
   100%{opacity: 1;
 	filter:  alpha(opacity=100); top:30px;}
 }

@-webkit-keyframes movimiento-textop3 {
 0%, 30%{opacity: 0;
 	filter:  alpha(opacity=0);font-size: 1.2em;right: 8%; top:10px;}
   50%, 60% {opacity: 1;
 	filter:  alpha(opacity=100);font-size: 1.2em;right: 8%; top:10px;}
   65% {opacity: 0;
 	filter:  alpha(opacity=0); top:10px;font-size: 1.2em;right: 8%;}
   85%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 1.2em;right: 22%;}
 88%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 0.9em;}
   100%{opacity: 1;
 	filter:  alpha(opacity=100); top:35px;}
 }
@keyframes movimiento-textop3 {
 0%, 30%{opacity: 0;
 	filter:  alpha(opacity=0);font-size: 1.2em;right: 8%; top:10px;}
   50%, 60% {opacity: 1;
 	filter:  alpha(opacity=100);font-size: 1.2em;right: 8%; top:10px;}
   65% {opacity: 0;
 	filter:  alpha(opacity=0); top:10px;font-size: 1.2em;right: 8%;}
   85%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 1.2em;right: 22%;}
 88%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 0.9em;}
   100%{opacity: 1;
 	filter:  alpha(opacity=100); top:35px;}
 }
@-moz-keyframes movimiento-textop3 {
   0%, 30%{opacity: 0;
 	filter:  alpha(opacity=0);font-size: 1.2em;right: 8%; top:10px;}
   50%, 60% {opacity: 1;
 	filter:  alpha(opacity=100);font-size: 1.2em;right: 8%; top:10px;}
   65% {opacity: 0;
 	filter:  alpha(opacity=0); top:10px;font-size: 1.2em;right: 8%;}
   85%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 1.2em;right: 22%;}
 88%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 0.9em;}
   100%{opacity: 1;
 	filter:  alpha(opacity=100); top:35px;}
 
 }
@-o-keyframes movimiento-textop3 {
    0%, 30%{opacity: 0;
 	filter:  alpha(opacity=0);font-size: 1.2em;right: 8%; top:10px;}
   50%, 60% {opacity: 1;
 	filter:  alpha(opacity=100);font-size: 1.2em;right: 8%; top:10px;}
   65% {opacity: 0;
 	filter:  alpha(opacity=0); top:10px;font-size: 1.2em;right: 8%;}
   85%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 1.2em;right: 22%;}
 88%{opacity: 0;
 	filter:  alpha(opacity=0); top:22px;font-size: 0.9em;}
   100%{opacity: 1;
 	filter:  alpha(opacity=100); top:35px;}
 }



@-webkit-keyframes movimiento-texto2 {
   0%, 80%{opacity: 0;
 	filter:  alpha(opacity=0);}
   100% {opacity: 1;
 	filter:  alpha(opacity=100);}
 }
@keyframes movimiento-texto2 {
   0%, 80%{opacity: 0;
 	filter:  alpha(opacity=0);}
   100% {opacity: 1;
 	filter:  alpha(opacity=100);}
 }
@-moz-keyframes movimiento-texto2 {
   0%, 80%{opacity: 0;
 	filter:  alpha(opacity=0);}
   100% {opacity: 1;
 	filter:  alpha(opacity=100);}
 }
@-o-keyframes movimiento-texto2 {
   0%, 80%{opacity: 0;
 	filter:  alpha(opacity=0);}
   100% {opacity: 1;
 	filter:  alpha(opacity=100);}
 }


#condist .dist{
	top:16px;
	align:right;
	float:right;	
	z-index:1;
	right:55%;
	font-size: 2em;
	line-height:1;
position: absolute;
-webkit-animation-name: movimiento-texto2;
   -webkit-animation-duration: 8s;
   -webkit-animation-iteration-count: normal;
  -webkit-animation-direction: alternate;

animation-name: movimiento-texto2;
 animation-duration: 8s;
 animation-iteration-count: normal;
 animation-direction: alternate;	


-moz-animation-name: movimiento-texto2;
   -moz-animation-duration: 8s;
   -moz-animation-iteration-count: normal;
  -moz-animation-direction: alternate;

-o-animation-name: movimiento-texto2;
   -o-animation-duration: 8s;
   -o-animation-iteration-count: normal;
  -o-animation-direction: alternate;
}

#condist .slg{
	align:left;
	float:left;
	z-index:1;
	left: 50%;
	top:40px;
	position: absolute;
	opacity: 1;
 	filter:  alpha(opacity=100);
	font-size: 1.28em;

-webkit-animation-name: movimiento-texto;
   -webkit-animation-duration: 8s;
   -webkit-animation-iteration-count: normal;
  -webkit-animation-direction: alternate;

animation-name: movimiento-texto;
   animation-duration: 8s;
   animation-iteration-count: normal;
  animation-direction: alternate;

-moz-animation-name: movimiento-texto;
   -moz-animation-duration: 8s;
   -moz-animation-iteration-count: normal;
  -moz-animation-direction: alternate;

-o-animation-name: movimiento-texto;
   -o-animation-duration: 8s;
   -o-animation-iteration-count: normal;
  -o-animation-direction: alternate;
	
}

@media screen and (max-width:1280px) {
#condist .slg{
-webkit-animation-name: movimiento-textop;
animation-name: movimiento-textop;
-moz-animation-name: movimiento-textop;
-o-animation-name: movimiento-textop;	
	}

}

@media screen and (max-width:1020px) {
#condist .slg{
-webkit-animation-name: movimiento-textop1;
animation-name: movimiento-textop1;
-moz-animation-name: movimiento-textop1;
-o-animation-name: movimiento-textop1;	
	}

#condist img{
   -webkit-animation-name: movimiento-logop;
   animation-name: movimiento-logop;
   -moz-animation-name: movimiento-logop;
   -o-animation-name: movimiento-logop;

	}

}

@media screen and (max-width:920px) {

#condist img{
   -webkit-animation-name: movimiento-logop1;
   animation-name: movimiento-logop1;
   -moz-animation-name: movimiento-logop1;
   -o-animation-name: movimiento-logop1;

	}
#condist .dist{
	font-size: 1.6em;
	}
}


@media screen and (max-width:765px) {
#condist img{
	width:240px;
	}
    
#condist .slg{
	font-size: 1.02em;
	top:30px;
-webkit-animation-name: movimiento-textop2;
animation-name: movimiento-textop2;
-moz-animation-name: movimiento-textop2;
-o-animation-name: movimiento-textop2;
	}

#condist .dist{
	font-size: 1.4em;
	top:14px;
	}

#condist {
	height:70px;
	}
}

@media screen and (max-width:500px) {
#condist img{
	width:180px;
    top:10px;
    -webkit-animation-name: movimiento-logop2;
   animation-name: movimiento-logop2;
   -moz-animation-name: movimiento-logop2;
   -o-animation-name: movimiento-logop2;
	}
    
#condist .slg{
	font-size: 0.9em;
	top:35px;
-webkit-animation-name: movimiento-textop3;
animation-name: movimiento-textop3;
-moz-animation-name: movimiento-textop3;
-o-animation-name: movimiento-textop3;
	}

#condist .dist{
	font-size: 1.4em;
	top:14px;
	}

#condist {
	height:70px;
	}
}