@charset "UTF-8";
/* CSS Document */


/*4 esquinas posiciones iconos*/

.topright, .topleft ,  .downright ,  .downleft {font-size:11px;position:absolute;font-weight:normal;color: #3A404B;z-index:30;}
.top_middle_right , .top_middle_left {position:absolute;z-index:30;}
.topleft{top:25px;left:10px}
.topright {top:25px;right:10px;}
.downleft{bottom:35px;left:10px}
.downright {top:auto;right:10px; margin-top: 96vh}
.top_middle_left {top:50vh;left:10px;}/* centro left icono*/
.top_middle_right {top:50vh;right:10px;}/* centro left icono*/
/*-------------------------------------------------------------------------------------------------*/
	/*ICONS */
/*-------------------------------------------------------------------------------------------------*/



/* ---------------------iconos únicos */

.small-round-icon , .small-round-icon-balck, .small-round-icon-blue ,  .small-round-icon-rayo  { 
	width:25px;
	height:25px;
	background: #e1e1e1;
	-webkit-border-radius: 32px;
	-webkit-transition: background-color 0.1s linear, color 0.1s linear;
	opacity:0.8;  /* ---------------------mutador code  opacidad del icono grey */
}

.small-round-icon-balck {background: rgba(0%, 0%, 0%, 0.2);}

 .small-round-icon-blue {background:#00aec8;background-image:url(../img/+.svg); background-repeat:no-repeat;}
 .small-round-icon-rayo {background:#ff7e00;background-image:url(../img/rayosmall.svg); background-repeat:no-repeat; width:30px;
	height:30px; background-position:2px 3px}

.icon-small {
	background-color:#none;
	width:25px;
	height:25px;
	
		
}








.icon_down {background-image:url('ico_down.svg'); background-repeat:no-repeat; background-position: 0px 0px; background-color:none}
.icon_right {background-image:url('ico_right.svg'); background-repeat:no-repeat; background-position: 0px 0px; background-color:none}
.icon_left {background-image:url('ico_left.svg'); background-repeat:no-repeat; background-position: 0px 0px; background-color:none}
.icon_right {background-image:url('ico_right.svg'); background-repeat:no-repeat; background-position: 0px 0px; background-color:none}
.icon_buy {background-image:url('buy.svg'); background-repeat:no-repeat; background-position: -20px -20px; background-color:none; }

/*-------------------------------------------------------------------------------------------------*/
	/*boton de + - */
/*-------------------------------------------------------------------------------------------------*/



   /* this is the style of an uncheked "button" */
   
  .input-check:before{"Section "}
    .input-check{
        display:inline-block;
        width:25px;
	height:25px;
       
        background:#00aec8;
        content:"+"
        color:white;
			-webkit-border-radius: 32px;
			background-image:url(../img/+.svg); background-repeat:no-repeat;
    }
    /* This is the style for a checked "button" */
      .input-check.checked{
        background:grey;
        color:black;
        font-weight:bold;
		 background-image:url(../img/-.svg); background-repeat:no-repeat;
    }
    /* Hide the checkbox */
      .input-check input{
        display:none
    }