@charset "utf-8";
/* CSS Document */
.over {
    background-color: #cedae3;
}

.out {
    background-color: #a6bcce;
}
.dragzones {
    /*position: absolute;*/
    z-index:2;
    cursor:move;
}
.dropzones {
}
.cajas {
  position: relative;
  float: left;
  width: 33%; 
  /*margin-top: 20px;*/
}
#index {
  background-color: #fff;
  /*border: 1px solid #00523e;*/
}

  #titulo {
		background-color: #00523e;
   	background-image: url(Blanco_Logo_GobLaRioja.png);
		background-repeat: no-repeat;
		background-position: bottom right;
		color: #fff;
		text-align: left;
		font-weight: bold;
		padding: 20px;	
	}
  .cabecera {
    font-size:18px;
    background-color: #13A928;
    border: 1px solid #13A928;
    color: #fff;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
    width: 90% !important;
  }
  .cabecera2 {
    font-size:18px;
    background-color: #555;
    border: 1px solid #555;
    color: #fff;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
    width: 90% !important;
  }
  #afavor, #abstencion, #encontra {
	 /*float: left;*/
    margin-left: 5%;
    margin-right: 5%;
    border: 1px solid #ccc;
    height:auto;
    min-height:130px;
    height:auto !important;        /* for IE as it does not support min-height */
    height:130px;                  /* for IE as it does not support min-height */
    padding: 20px;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    -webkit-flex: 1 1; /* Safari 6.1+ */
    -ms-flex: 1 1; /* IE 10 */
    flex: 1 1;  
  }
  #resul_afavor, #resul_abstencion, #resul_encontra {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
    border: 1px solid #ccc;
    height: 30px;
    background-color: #ccc;
    color: #00523e;
    font-size: 24px;
    text-align: center;
  }
  .conseguido {
    -webkit-box-shadow: 10px 10px 100px 0px rgba(16,81,201,1);
    -moz-box-shadow: 10px 10px 100px 0px rgba(16,81,201,1);
    box-shadow: 10px 10px 100px 0px rgba(16,81,201,1);
  }
  .noConseguido {
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
  }
  #origen {
	 position: relative;
  	 float: left;
    background-color: #f4f8fb;
    margin-top: 20px;
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
    height:auto;
    min-height:130px;
    height:auto !important;        /* for IE as it does not support min-height */
    height:130px;                  /* for IE as it does not support min-height */
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    flex: 1 1;
  }
  .valor {
    font-size: 24px;
    text-align:center;
    padding-top:47px;
    border: 1px solid #555;
    width: 50px;
    height: 80px;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: top;
    cursor: move;
    margin: 5px;
  }