*{
	margin: 0px;
	padding: 0px;
}

html body{background-color: #060513;}

/*-------------------------------*\

	CSS EDITOR

\*-------------------------------*/

.btn-borde{
	display: inline-block;
	padding: 8px 58px 8px;
	font-family: 'brandon_grotesque_regularRg';
	text-transform: uppercase;
	font-size: 20px;
	color: #FFFFFF;
	border:solid 1px #FFFFFF;
}
	.btn-borde:hover,
	.btn-borde:focus{
		color:#000000;
		text-decoration: none;	
		background-color: #FFFFFF;
	}

.btn-bordeRosado{
	color:#c02ec2;
	border:solid 1px #c02ec2;
}
	.btn-bordeRosado:hover,
	.btn-bordeRosado:focus{
		color:#FFFFFF;
		background-color: #c02ec2;
	}

.btn-bordeAzul{
	color:#191f52;
	border:solid 1px #191f52;
}
	.btn-bordeAzul:hover,
	.btn-bordeAzul:focus{
		color:#FFFFFF;
		background-color: #191f52;
	}

section,
footer{width: 100%;}

.section-inner{
	width: 100%;
	max-width: 955px;
	display: inline-block;
}
	/*MEDIA QUERIES*/
	@media(max-width: 955px){
		.section-inner{width: 96%;}
	}

h1,h3,h4{
	margin: 0px;
	font-family: 'brandon_grotesquelight';
	text-transform: uppercase;
}

h1{
	line-height: 40px;
	font-size: 35px;
}

h3{	
	line-height: 25px;
	font-size: 20px;
}

h4{	
	line-height: 23px;
	font-size: 18px;
}

@media(max-width: 767px){
	h1{
		line-height: 30px;
		font-size: 25px;
	}
	h3{	
		line-height: 20px;
		font-size: 15px;
	}
	h4{	
		line-height: 18px;
		font-size: 14px;
	}
}

p{
	font-family: 'brandon_grotesque_regularRg';
	font-size: 16px;
	color:#666666;
}

.row {
  margin-left: 0px;
  margin-right: 0px;
}

.textoAzul,
.textoAzul:hover,
.textoAzul:focus{color:#2f2f85;}
.textoVioleta{color:#46008c;}
.textoAzulOscuro{color:#131D53;}
.textoMorado{color:#c02ec2;}
.textoRosado{color:#c02ec2;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.bg-blanco{background-color: #FFFFFF;}
.bg-gris{background-color: #f9f9f9;}
.uppercase{text-transform: uppercase;}
.font-arial{
    font-family: Arial, Helvetica, sans-serif;
    line-height: 17px;
    font-size: 14px;
    color: #666666;	
}

/*-------------------------------*\

	ANIMACIÓNES

\*-------------------------------*/

	.animacionIn{
		-webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
		-webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
		-moz-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
		-o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
		transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
	}

	.animacionOut{
		-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
		-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
		-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
		-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
		transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
	}	

/*-------------------------------*\

	BANNER CANVAS

\*-------------------------------*/

.wrapper-canvas{
	width: 100%;
	height: 640px;
	position: relative;
	background: url(bg-canvas-header-1.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	opacity: 0;
	-webkit-transition: all 3000ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
	-webkit-transition: all 3000ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-transition: all 3000ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-o-transition: all 3000ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	transition: all 3000ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}

	.wrapper-canvas.animacionOut{opacity:1;}

	/*Nuevo*/
	.wrapper-canvas .img-destello{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.8;
		background: url(bg-destello.png) no-repeat center center;
		-webkit-background-size:  contain;
		-moz-background-size:  contain;
		-o-background-size:  contain;
		background-size:  contain;		
	}
	.wrapper-canvas .img-destello span{display: none;}
	.wrapper-canvas .url-medellinnovation{
		display: none;
		position: absolute;
		left: 50%;
		bottom: 175px;		
		margin-left: -147px;		
	}
	/* Fin Nuevo*/

	.wrapper-canvas .img-galardones{
		position: absolute;
		top: 130px;
		left: 50%;
		margin-left: -499px;
		opacity: 0;
		z-index: 5;
	}

		.wrapper-canvas .img-galardones.animacionIn{
			-webkit-transition-delay:500ms;
			-moz-transition-delay:500ms;
			-o-transition-delay:500ms;
			transition-delay:500ms;
		}

		.wrapper-canvas .img-galardones.animacionOut{
			top: 100px;
			opacity: 1;
		}

	.wrapper-canvas .logo-medellinnovation{
		position: absolute;
		top: 200px;		
		left: 50%;
		margin-left: -231px;
		opacity: 0;
		z-index: 1;
	}

		.wrapper-canvas .logo-medellinnovation.animacionOut{
			top: 250px;
			opacity: 1;
		}

	.wrapper-canvas .btn-borde{
		position: absolute;
		left:50%;
		margin-left:-113px; 
		bottom: 65px;
		z-index: 4;
		opacity: 0;
	}

		.wrapper-canvas .btn-borde.animacionOut,
		.wrapper-canvas .positionBtn{
			bottom: 100px;
			opacity: 1;
		}

	/*Logos*/

	.wrapper-canvas .logo{
		position: absolute;
		left: 50%;
		z-index: 2;
		opacity: 0;	
	}

	.wrapper-canvas .logo-rutan{
		top: 415px;
		margin-left: -145px;
		opacity: 0;
		-webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
		-webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
		-moz-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
		-o-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
		transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */		
	}

		.wrapper-canvas .logo-rutan.animacionOut{
			top: 385px;
			opacity: 1;
		}

	.wrapper-canvas .logo-alcaldia{
		top: 415px;
		margin-left: -40px;
		opacity: 0;
		-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
		-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
		-moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
		-o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
		transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */		
	}

		.wrapper-canvas .logo-alcaldia.animacionOut{
			top: 385px;
			opacity: 1;
		}

	.wrapper-canvas .logo-medellin{
		top: 415px;
		margin-left: 65px;
		opacity: 0;
		-webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
		-webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
		-moz-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
		-o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
		transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */		
	}

		.wrapper-canvas .logo-medellin.animacionOut{
			top: 385px;
			opacity: 1;
		}

	/*Canvas*/

	.wrapper-canvas canvas{
		position: relative;
		z-index: 3;
	}

	.layer{
	  position:absolute;
	  top:0;
	  left:0;
	  z-index: 0;
	}

	.banner-footer canvas,
	.header-formularios canvas{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}

	@media(max-width: 1023px){
		.wrapper-canvas canvas{position: absolute;}
		.wrapper-canvas .img-galardones{
			max-width: 98%;
			width: 100%;
			position: relative;
			display: inherit;	
			left: auto;
			margin: 0px auto;
			padding-top: 120px;
		}
		.wrapper-canvas .img-galardones.animacionOut{top: auto;}
	}

	@media(max-width: 767px){
		
		.wrapper-canvas{
			height: auto;
			padding: 120px 0;
			text-align: center;
		}

		.wrapper-canvas canvas,
		.banner-footer canvas,
		.header-formularios canvas{display: none;}

		.wrapper-canvas .img-galardones{padding-top: 0px;}

		.wrapper-canvas .logo-medellinnovation{
			width: 55%;
			position: relative;
			display: inherit;
			left: auto;
			margin: 0px auto;
			padding-top: 35px;
		}
		
		.wrapper-canvas .logo-rutan,
		.wrapper-canvas .logo-medellin,
		.wrapper-canvas .logo-alcaldia,
		.wrapper-canvas .btn-borde,
		.wrapper-canvas .url-medellinnovation{
			position: relative;
			display: inline-block;
			left: auto;
			bottom: auto;
			margin: 0 auto;
		}
		.wrapper-canvas .url-medellinnovation{margin-top:15px;}

		.wrapper-canvas .logo-rutan.animacionOut,
		.wrapper-canvas .logo-alcaldia.animacionOut,
		.wrapper-canvas .logo-medellin.animacionOut{padding-top: 45px;}
		.wrapper-canvas .logo-medellin.animacionOut{margin-left: 15px;}

		.wrapper-canvas .logo-rutan.animacionOut,
		.wrapper-canvas .logo-alcaldia.animacionOut,
		.wrapper-canvas .logo-medellin.animacionOut,
		.wrapper-canvas .logo-medellinnovation.animacionOut{top: auto;}

		.wrapper-canvas .btn-borde.animacionOut,
		.wrapper-canvas .positionBtn{bottom: auto;}

		.wrapper-canvas .btn-borde{
			display: block;
			max-width: 235px;
			margin-top: 50px;
		}
	}

	@media(max-width: 599px){
		.wrapper-canvas{padding:80px 0;}
		.wrapper-canvas .logo-medellinnovation{padding-top: 25px;}
		.wrapper-canvas .logo-rutan.animacionOut,
		.wrapper-canvas .logo-alcaldia.animacionOut,
		.wrapper-canvas .logo-medellin.animacionOut{
			width: 11%;
			padding-top: 35px;
		}
		.wrapper-canvas .logo-medellin.animacionOut{
			width: 9%;
			margin-left: 10px;
		}
		.wrapper-canvas .url-medellinnovation{max-width: 210px;}
	}

/*-------------------------------*\

	SECCIÓN CATEGORIAS

\*-------------------------------*/

.como-participar{padding:155px 0px 140px;}
.categorias-publicas{padding: 90px 0px 77px;}
.categorias-especiales{padding: 115px 0px;}
.categorias-especiales a:hover{color: #c02ec2;}

.categorias-publicas .p-categorias{
	max-width: 750px;
	width: 100%;
	display: inline-block;	
}

.section-inner .thumbnail{
	max-width: 168px;
	display: inline-block;
	vertical-align: top;
	padding: 0px;
	border:none;
	background-color: transparent;
}

	.section-inner .thumbnail-wrapper{width: 100%;}

	.section-inner .thumbnail-wrapper .thumbnail:nth-child(2),
	.section-inner .thumbnail-wrapper .thumbnail:nth-child(4){margin: 0 24px 20px;}

		.section-inner .thumbnail .caption{padding: 0px;}
		.section-inner .thumbnail .caption h3{
			min-height: 80px;
			margin: 18px 0px 30px 0px;
			color:#2e2e85;
		}
		.section-inner .thumbnail .caption p{
			min-height: 80px;
			margin-bottom: 20px;
	  		font-family: Arial, Helvetica, sans-serif;
			line-height: 17px;
			font-size: 14px;
			color:#666666;
		}
		.section-inner .thumbnail .btn-bordeAzul{
			display: block;
			padding: 8px 0px;
			font-size: 16px;
			display:none !important;
		}

	
	.section-inner .media{margin-bottom: 20px;}

		.section-inner .media h3{color:#2d2d85;}
		.section-inner .media p{
	  		font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			line-height: 17px;
			font-size: 14px;
			color:#666666;
		}

	@media(max-width: 964px){
		.section-inner .thumbnail-wrapper .thumbnail,
		.section-inner .thumbnail-wrapper .thumbnail:nth-child(2),
		.section-inner .thumbnail-wrapper .thumbnail:nth-child(4){
			margin: 0px 0px 20px 24px;
		}
	}

	@media(max-width: 767px){
		.section-inner .thumbnail .caption h3{min-height: 65px;}
	}

	@media(max-width: 400px){
		.section-inner .thumbnail-wrapper .thumbnail,
		.section-inner .thumbnail-wrapper .thumbnail:nth-child(2),
		.section-inner .thumbnail-wrapper .thumbnail:nth-child(4){
			margin: 0px 24px 20px;
		}		
		.section-inner .thumbnail .caption h3{min-height: inherit;}
	}

/*-------------------------------*\

	BANNER FOOTER

\*-------------------------------*/

.banner-footer{
	width: 100%;
	height: 500px;
	position: relative;
	background: #ffffff url(bg-canvas-footer.jpg) no-repeat left top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

	@media(min-width: 1700px){.banner-footer{height: 600px;}}

	.banner-footer .section-inner{
		position: relative;
		z-index: 2;
	}

	.banner-footer .bg-ciudad{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: url(bg-ciudad.png) no-repeat left bottom;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
	}

	.banner-footer .img-galardones{
		max-width: 590px;
		width: 100%;
		height: auto;
		margin: 60px 0px 30px;
	}

	.banner-footer .logo-footer{
		display: inline-block;
		position: relative;
		margin-top: 25px;
		z-index: 1;		
	}

	.banner-footer .logo-twitter{
		margin: 25px 3px 0px;
	}

@media(max-width: 599px){
	.banner-footer{height: 360px;}
}

@media(max-width: 479px){
	.banner-footer{height: 300px;}
	.banner-footer .logo-medellinn-footer{
		max-width: 70%;
		width: 100%;
	}
}

/*-------------------------------*\

	FOOTER

\*-------------------------------*/

footer{background-color: #f4f5f7;}

	footer p{
		padding: 20px 0px 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		line-height: 18px;
		font-size: 13px;
		color:#333333;
	}

	footer a{color:#68b900;}
		footer a:hover{color:#68b900;}
	
	footer a.redes{
		display: inline-block;
		margin-top: 13px;
		margin-right: 10px;
	}

	footer a.logo-une{margin-left: 50px;}

@media(max-width: 767px){
	footer a.logo-une{margin-left:0px;}
}

/*-------------------------------*\

	VOTACIONES

\*-------------------------------*/

.section-votos {
    width: 100%;
    max-width: 960px;
    display: block;
    float:none;
    clear:both;
    padding-top:30px;
    margin:auto;				
}

.section-votos h1 {
	margin:30px 0px;
}

.bg-blanco .section-votos h1 { margin:0px; }

.proyecto-title { color:#c02ec2; text-transform:uppercase; font-family: 'brandon_grotesquelight'; line-height:25px; }

.proyecto-intro { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:16px; color:#666; padding-bottom:20px;}
.votos-patentes .proyecto-intro { min-height:120px; }
.votos-patentes h1.textoAzul { background: transparent url(ico-patente.png) no-repeat left top; min-height:55px; text-align:left; text-indent:55px; line-height:55px; }

.votos-academia .proyecto-intro { min-height:120px; }
.votos-academia h1.textoAzul { background: transparent url(ico-academia.png) no-repeat left top; min-height:55px; text-align:left; text-indent:55px; line-height:55px; }
.votos-academia .proyecto-title { min-height:90px; }

.votos-urbano .proyecto-intro { min-height:170px; }
.votos-urbano h1.textoAzul { background: transparent url(ico-urbano.png) no-repeat left top; min-height:55px; text-align:left; text-indent:55px; line-height:55px; }

.votos-cronica .proyecto-intro { min-height:70px; }
.votos-cronica .proyecto-title { min-height:60px; }
.votos-cronica h1.textoAzul { background: transparent url(ico-cronica.png) no-repeat left top; min-height:55px; text-align:left; text-indent:55px; line-height:55px; }

.not-active {
   pointer-events: none;
   cursor: default;
   opacity: 0.5;
}
.section-votos .btn-borde { width:auto; padding:8px 15px; font-size:16px; margin-right:5px;}
.section-votos .btn-Azul { width:auto; padding:8px 15px; font-size:16px; background-color:#191f52; border:1px solid #191f52; }
.section-votos .btn-Azul:hover, .section-votos .btn-Azul:active, .section-votos .btn-Azul:link { color:#FFFFFF; text-decoration:none; }

.section-votos .new-fb-2, .section-votos .new-fb-2 div { background:#FFFFFF; background-color: #FFFFFF; }
.section-votos .new-fb-2-1-1 { background: #191f52 url(ico-facebook.png) no-repeat 5px 6px !important; font-family: 'brandon_grotesquelight'; color:#FFFFFF; line-height:19px; border:none; padding:15px 25px; display:inline-block; height:auto; text-indent:30px; }

.section-votos .btn-Rojo { width:auto; padding:8px 15px; font-size:16px; background-color:#E44B29; border:1px solid #E44B29; }
.section-votos .btn-Rojo:hover, .section-votos .btn-Rojo:active, .section-votos .btn-Rojo:link { color:#FFFFFF; }
.section-votos .new-google-1, .section-votos .new-google-1 div { background:#FFFFFF; background-color: #FFFFFF; }
.section-votos .new-google-1-1-1 { background: #E44B29 url(ico-google.png) no-repeat 5px 6px !important; font-family: 'brandon_grotesquelight'; color:#FFFFFF; line-height:19px; border:none; padding:15px 25px; display:inline-block; height:auto; text-indent:30px; }



@media(max-width: 767px){
	
}

.hidde
{
	display: none;
}

.alert-success {
    color: #C02EC2;
    background-color: #EEEEEE;
    border-color: #C02EC2;
    border: 1px solid #C02EC2;
    font-family: 'brandon_grotesque_regularRg';
    text-transform:uppercase;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    font-family: 'brandon_grotesque_regularRg';
    text-transform:uppercase;
}
.alert-danger {
    color: #C02EC2;
    background-color: #EEEEEE;
    border-color: #C02EC2;
    border: 1px solid #C02EC2;
    font-family: 'brandon_grotesque_regularRg';
    text-transform:uppercase;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    margin-top: 25px;
    border: 1px solid #FFF;
    border-radius: 4px;
    font-family: 'brandon_grotesque_regularRg';
    text-transform:uppercase;
}