/*****************************************************************************************************************************
realizado por idominiun

www.idominiun.com
info@idominiun.com
******************************************************************************************************************************
******************************************************************************************************************************/


/****************************************************************************************************************************
	DMN CSS NO-LESS
*****************************************************************************************************************************/

/*
header#cabecera, nav#menu_principal, div#logotipo { position: static; }
header#cabecera { height: auto;}
div#logotipo {
margin: 0;
}
*/




.bonsai label,
.bonsai input {
	display: inline-block;
	width: auto;
}
.bonsai input { margin-right: 5px; }




/************************************************
	ANCHOS
*************************************************/
.pc-5 { width: 5%; }
.pc-10 { width: 10%; }
.pc-15 { width: 15%; }
.pc-20 { width: 20%; }
.pc-25 { width: 25%; }
.pc-30 { width: 30%; }
.pc-35 { width: 35%; }
.pc-40 { width: 40%; }
.pc-45 { width: 45%; }
.pc-50 { width: 50%; }
.pc-55 { width: 55%; }
.pc-20 { width: 20%; }
.pc-25 { width: 25%; }
.pc-30 { width: 30%; }
.pc-35 { width: 35%; }
.pc-40 { width: 40%; }



/************************************************
	MARGENES
*************************************************/
.mt-0 { margin-top: 0px !important;}
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-35 { margin-top: 35px; }
.mt-40 { margin-top: 40px; }
.mt-45 { margin-top: 45px; }
.mt-50 { margin-top: 50px; }
.mt-100 { margin-top: 100px; }

.pt-0i { padding-top: 0px !important; }
.pt-0 { padding-top: 0px; }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }
.pt-35 { padding-top: 35px; }
.pt-40 { padding-top: 40px; }
.pt-45 { padding-top: 45px; }
.pt-50 { padding-top: 50px; }

.ml-0i { margin-left: 0px !important; }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px; }
.ml-35 { margin-left: 35px; }
.ml-40 { margin-left: 40px; }
.ml-45 { margin-left: 45px; }
.ml-50 { margin-left: 50px; }


.mr-5 { margin-right: 5px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }
.mr-35 { margin-right: 35px; }
.mr-40 { margin-right: 40px; }
.mr-45 { margin-right: 45px; }
.mr-50 { margin-right: 50px; }

.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pr-25 { padding-right: 25px; }
.pr-30 { padding-right: 30px; }
.pr-35 { padding-right: 35px; }
.pr-40 { padding-right: 40px; }
.pr-45 { padding-right: 45px; }
.pr-50 { padding-right: 50px; }

.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-25 { padding-left: 25px; }
.pl-30 { padding-left: 30px; }
.pl-35 { padding-left: 35px; }
.pl-40 { padding-left: 40px; }
.pl-45 { padding-left: 45px; }
.pl-50 { padding-left: 50px; }

.mb-5 { margin-bottom: 5px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; }
.mb-45 { margin-bottom: 45px; }
.mb-50 { margin-bottom: 50px; }


/****************************************
	
	
	CARDS
	
	
******************************************/
.card {
	/*
	display: inline-block;
	overflow: hidden;
	
	text-align: center;
	*/
	border-box: box-sizing;
	padding: 20px;
	display :block;
	overflow: hidden;
	width: 100%;
}
.card.card-white { background-color: white; color: #333 }
.card.card-primary { background-color: #428BCA; color: white }
.card.card-success { background-color:#5cb85c; color: white }
.card.card-warning { background-color:#ec971f; color: white }
.card.card-danger{ background-color:#c9302c; color: white }
.card .icono-card, .card .texto-card, .card .destacado-card {
	float: left;
	clear: both;
	width: 100%;
}
.destacado-card span {
	font-size: 500%;
	font-weight: 700;
}

.destacado-min-card span {
	font-size: 250%;
	font-weight: 700;
}
/****************************************
	
	
	REDES SOCIALES
	
	
******************************************/

#social_block #social_block h4 {
    float: right;
    margin-bottom: 0;
    font-size: 21px;
    line-height: 25px;
    text-transform: none;
    padding: 0 10px 0 0;
    text-color:white;
}
#social_block h4 {
    font: 600 18px/22px "Open Sans",sans-serif;
    color: #fff;
    padding-rigth:10px;
    cursor: pointer;
}
/****************************
#social_block ul li {
    margin: 0;
    list-style: none;
}
#social_block li a {
  color: white;
  margin: 10px;
  text-decoration: none;
}
#social_block li a:hover {
  color: #99ba36;
}************************/
/** MENU RED **/
#social_block {
    position:relative;
    
}
#social_block li {
  display: inline-block;
}
.estilo li a {
  background-color: #111;
  font-size: 25px;
  font-weight: 300;
  padding: 5px 7px;
  text-decoration: none;
  text-transform: uppercase;
}
#social_block li a:hover .fa {
  color: #99ba36;
}
#social_block li a .fa {
  color: #FFF;

}
#social_block li span {
  font-weight: 300;
}
.destacado {
    height: 300px;
    color: #FFF;
}
.destacado2 {
    height: 350px;
    color: #FFF;
    margin-rigth:5px;
}
.redes{
  /*! margin-top: 10px; */
  /* generico */
  margin-bottom: 0px;
  /* generico */
  padding-bottom: 10px;
  /* generico */
   padding-left: 16px; 
  /* generico */
   padding-right: 16px; 
  /* generico */
  padding-top: 10px;
  /* generico */
}
.fondo{
	background-color:#111;
	witdh:100%;
}
.estilo{
	float:right;
	/*
	margin-bottom: 5px;
	margin-top: 5px;
	overflow: hidden;
	position: relative;
	padding: 0 0;
	width: 100%;
	padding-rigth:75%;*/
}
#pie .bloque_contenedor2 {
    background-color: transparent;
}
.bloque_contenedor2 {
    display: block;
    float: none;
    height: 100%;
    max-width: 2200px;
    margin: auto;
    min-width: 240px;
    width: 100%;
}
.dmn_boton {
	background-color:#464646;
	font-weight:bold;
}

.dmn_boton:hover{
color:white;
}
.dmn_icono {
margin-top:2%;
}


/****************************************************
	CONCURSOS
****************************************************/

.concurso_min .info_concurso_min a {
	text-decoration: none;
}
.concurso_min .info_concurso_min .titulo_concurso_min {
	color: rgb(70, 70, 70);
}

.bloque_concurso a {
	display: block;
	overflow:hidden;
	position: relative;
}
.concurso-finalizado {
	background-color: red;
	color: white;
	left: -50px;
	padding: 10px 0;
	position: absolute;
	text-align: center;
	top: 30px;
	transform: rotate(-40deg);
	width: 200px;
	
}
.imagen_concurso_min img {
	background-size: cover;
	background-repeat: no-repeat;
}

/* posicion */
.premio_concurso {
	display: none;
	height: 64px;
	position: absolute;
	top:0;
	left: 0;
	width: 64px;
}

.premio_concurso:before {
	content: "";
	display :block;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1;
	width: 0;
    height: 0;
    border-top: 100px solid #000; 
    border-right: 100px solid transparent;			
}

.premio_concurso img {
	position: relative;
	z-index: 2;
}

.premio_concurso.primer_puesto,
.premio_concurso.segundo_puesto,
.premio_concurso.tercer_puesto
{
	display: block;
}


/* Puesto final */
.premio_concurso.primer_puesto img {
	background-image: url(../imagenes/pos_1_concurso.png);
}
.premio_concurso.segundo_puesto img {
	background-image: url(../imagenes/pos_2_concurso.png);
}
.premio_concurso.tercer_puesto img {
	background-image: url(../imagenes/pos_3_concurso.png);
}

/* Puesto actual */
.puesto_actual_concurso {
	display: flex;
	align-content: center;
	justify-content: center;
	background-color:  rgb(54, 156, 42);
	border-radius: 50%;
	color: #fff;
	height: 62px;
	font-size: 24px;
	font-weight:bolder;
	left: 5px;
	line-height: 62px;
	position: absolute;
	text-align: center;
	top: 5px;
	width:62px;
	z-index: 10;
}

.puesto_actual_concurso span{
	display:flex;
	align-items: center;
}


/*
	LISTADO PROYECTOS CONCURSO
*/
.listado_horizontal {
	padding-top: 50px;
}

.bloque_proyecto_listado {
	background-color: white;
	padding:0; 
}

.listado_horizontal .imagen_proyecto_min {
}

.listado_horizontal .imagen_proyecto_min,
.listado_horizontal .imagen_proyecto_min img {
	height: 200px;
}
@media screen and (max-width: 767px) {
	.listado_horizontal .imagen_proyecto_min, 
	.listado_horizontal .imagen_proyecto_min img {	
		height: auto;
		overflow: hidden;
	}	 
}



.listado_horizontal .imagen_proyecto_min img {
	background-size: cover;
}

.listado_horizontal .info_proyecto_concurso_min {
	padding: 20px;
}
/*Provisional*/


.concurso .proyecto_min:first-child .premio_concurso img {
	background-image: url(../imagenes/pos_1_concurso.png);
}
.concurso .proyecto_min:nth-child(2) .premio_concurso img {
	background-image: url(../imagenes/pos_2_concurso.png);
}
.concurso .proyecto_min:nth-child(3) .premio_concurso img {
	background-image: url(../imagenes/pos_3_concurso.png);
}
.concurso .proyecto_min:first-child .premio_concurso,
.concurso .proyecto_min:nth-child(2) .premio_concurso,
.concurso .proyecto_min:nth-child(3) .premio_concurso {
	display: block;
}


/******
 MENU BOTONES CONCURSO
*******/
.botones_top_concursos .boton {
	height: auto;
	line-height: 100%;
	padding: 10px 15px;
}

/*******

	CUENTA ATRAS

**********/
.countdown_box {
	box-sizing: border-box;
	/*background-color: #111;*/
	height: 80px;
	padding: 10px 20px;
	position: relative;
}
.concurso_min .countdown_box {
	height: 60px;
	padding: 5px 20px;
}
.countdown_box:after {
	content: "";
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-right: 80px solid #464646;
    border-bottom: 40px solid transparent;
	top: 0;
	right: 0;
	position: absolute;
}
.concurso_min .countdown_box:after {
	right: -20px;
	border-top: 30px solid transparent;
    border-right: 60px solid #464646;
    border-bottom: 30px solid transparent;	
}
.border_blanco.countdown_box:after {
	border-right-color: white;
}


.countdown .countdown-amount {
	font-size: 24px;
	font-weight: bold;
	padding: 10px 5px;
}
.concurso_min .countdown .countdown-amount {
	font-size: 16px;
	padding-right: 2px;	
}	
.countdown .countdown-period {
	font-size: 18px;
	padding: 10px 5px 10px 0;
}

.concurso_min .countdown .countdown-period {
	font-size: 12px;
}


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

	TUI EDITOR

*******************************************************************/
#contenedor-tui-editor{
	background-color: white;
	display: block;
	height: 100%;
	left: 0;
	min-height: 100vh;
	overflow-y: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999999999;
}

#tui-image-editor-container {
	/*
	background-color: white;
	display: block;
	height: 100%;
	left: 0;
	min-height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999999999999;
	*/
}
.tui-image-editor-header-buttons {
	display: none !important;
}
.tui-image-editor-download-btn,
.tui-image-editor-load-btn {}

.dmn-tui-buttons {
	display: flex;
	position: absolute;
	top:10px;
	left: auto;
	right: 0;
	z-index: 99999999999999;
}
.dmn-tui-buttons .btn {
	margin-right: 10px;
	background-color: #464646;
	border: #464646 1px solid;
	color: rgb(54, 156, 42);;
}
.dmn-tui-buttons .btn:hover {
	background-color: rgb(54, 156, 42);;
	border-color: #464646;
	color: #464646;
}

#caja-loading{
	background-color: black;
	display: flex;
	height: 100%;
	left: 0;
	min-height: 100vh;
	overflow-y: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999999999;
	align-items:center;
	justify-content:center;
}
.dmn-gif-loading > p{
	text-align:center;
	font-size: 24px;
	font-weight: bold;
}


.boton-home-menu{
	padding: 0px 20px;
	max-height:50px;
}


/* COLORES RESISENO */

.quita-paddings{
	padding:0px !important;
}
/*
.fondo-imagen-proyectos{
	background-attachment: fixed;
	background-image: url('../imagenes/fondo_pagina.png');
}*/
.contenido_proyectos{
	background-color:#f7f7f5;
}
.fondo-blanco-caja{
	background-color:#f7f7f5;
}

.color-blanco-letras{
	color:#ffffff !important;
}


.bloques_concursos_proyectos{
	display:flex;
	flex-wrap:wrap;
}

.error_posicion_proyectada{
	font-size: 15px;
	font-weight: bold;
}

.caja-vista-ranking-individual{
	display:flex;
	justify-content: center;
	align-items: center;
}

.caja-gano-concurso{
	height:155px !important;
}
.fecha-trofeo-concurso{
	position: relative;
	top:-39px;
	color:#FFF;
	font-weight: bold;
	text-decoration: none;
	background-color: #464646;
	padding-top: 2px;
	padding-bottom: 4px;
	width: 93px;
	left: 77px;
}
.fecha-trofeo-concurso:hover{
	color:#FFF;
	text-decoration: none;
}
.enlace-trofeo-concurso{
	text-decoration: none;
}
.enlace-trofeo-concurso:hover{
	text-decoration: none;
}

/*Masonry*/


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

}

@media screen and (max-width: 1280px) {
	/*---------------------------------------------------
		   * 
		   * CABECERA
		   * 
		   --------------------------------------------------*/
	.bloque_contenedor {
	  max-width: 96%;
	  width: 100%;
	}
	#cabecera  .contenedor_cabecera {
		max-width: 96%;
		width: 100%;
	}
 }
@media screen and (max-width: 1024px) {
	.proyecto_min {
		height: auto;
	}
	.boton-home-menu{
		padding: 0px 0px;
		max-height:50px;
	}
	.fa-home-menu{
		padding: 8px 20px !important;
		height:auto;
		margin:0px !important;
	}

}

@media screen and (max-width: 992px) {
	#cabecera  .contenedor_cabecera {
		padding:0px !important
	}
}


.boton-copy:hover .texto-copiar{
	color:white;
}

.contenedor-compartir{
	display:inline-flex;
	align-items:center;
	flex-wrap:wrap
}
.boton-compartir-1{
	display: inline-block;
	margin-right: 10px;
}
.boton-compartir-2{
	display: inline-block;
	margin-right: 10px;
	margin-top: 8px;
}