@charset "utf-8";
/* CSS Document */
@import url(common.css);

.draggable { position: relative; height: 80px; width: 60px; background-color: #fff; border-color: #d6d6d6; }
#drag3{ padding-top: 25px; }
#drag4{ padding-top: 25px; }

.round { /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 22px; /* Firefox 1-3.6 */ -moz-border-radius: 22px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 22px; }

.drop-hover { background-color: #dedede; }

.droppable { position: absolute; bottom: 140px;  width: 64px; height: 84px;  border: 1px dashed; border-color: #dedede; z-index: 10;}
#drop1{ left: 150px; }
#drop2{ left: 277px; }
#drop3{ left: 370px; }
#drop4{ left: 610px; }
#drop5{ left: 700px; }
#drop6{ left: 838px; }

#imgRecta {
    position: relative;
top: 2px;
height: 220px;
width: auto;
padding-left: 80px;
}


#input1{position: absolute; bottom: 21px; font-size: 26px; left: 177px; width: 79px; height: 36px;}
#input2{position: absolute; bottom: 21px; font-size: 26px; left: 332px; width: 79px; height: 36px;}
#input3{position: absolute; bottom: 21px; font-size: 26px; left: 494px; width: 79px; height: 36px;}
#input4{position: absolute; bottom: 21px; font-size: 26px; left: 645px; width: 79px; height: 36px;}
#input5{position: absolute; bottom: 21px; font-size: 26px; left: 797px; width: 79px; height: 36px;}
#input6{position: absolute; bottom: 21px; font-size: 26px; left: 952px; width: 79px; height: 36px;}

.texto3{ font-size:27px; color: #252525; }

.boxshadow{
    -webkit-box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.75);
}

#btVerificar1 { position: absolute; bottom: 20px; right: 21px; padding: 1px 20px; }
.vspacer {
    margin-top: 10px; /* define margin as you see fit */
}

/*Fraction representation with Jquery */

.fraction, .top, .bottom {
    padding: 0 8px;    
    position: relative;
    top: 2px;
}

.fraction {
    display: inline-block;
    text-align: center;    
}

input[type='checkbox']{
position: relative;
top: 50px;
width: 40px;
height: 40px;
}

.bottom{
    border-top: 1px solid #a5a5a5;
    display: block;
}
