@charset "utf-8";
/* CSS Document */
@import url(animate.css);
textarea{height: 302px;}
.cont{margin-top:40px;}
.zoomContainer img{
	width:45%;
	display:table;
	margin-left:auto;
	margin-right:auto;
	}
[id*='zona']{position: absolute;}
#zona1{
	height: 190px;
	width: 230px;
	left: 661px;
	top: 159px;
	}
#zona2{
	height: 190px;
	width: 230px;
	left: 661px;
	top: 349px;
	}
#zona3{
	height: 190px;
	width: 331px;
	left: 332px;
	top: 349px;
	}
#zona4{
	height: 190px;
	width: 331px;
	left: 332px;
	top: 180px;
	}
#zona5{
	height: 190px;
	width: 438px;
	left: 332px;
	top: -11px;
	}
.line{	  height: 870px;  width: 20px;  border-left: 2px solid #000;  position: absolute;  top: 40px;  left: 200px;}
.contenidox{ z-index:2 !important; position:relative !important;  padding: 23px !important;}
.middle{
	display:table-cell;
	vertical-align:middle;
	}
#boton3, #boton4{ left:180px;}

#pop1, #pop2, #pop3, #pop4, #pop5, #pop6{ width:600px;}
.num{
	color: #fff;
	font-size: 35px;
	position: absolute;
	}
#sortable img{
	margin: 0 12px;
	}
.draggable{
	height:30px;
	width:30px;
	border-radius:50%;
	position:relative;
	}
.droppable{	
	height:40px;
	width:40px;
	border-radius:50%;
	background-color:#fff;
	position:relative;
	top: 10px;		
	}
.timeline{
	height: 50px;
	width: 96%;
	border-radius: 50px;
	background: #666;
	position: absolute;
	z-index: -1;
	top: 308px;
	left: 21px;
}
.tooltip{display: inline-block;}
#imgContainer{height:470px; margin:0 auto; width::auto;}
.sg-box-shadow { box-shadow:1px 1px 10px #000;}
#btn1{  position: absolute;  top: 10px;  left: 0; z-index:2;}
#btn2{ position:absolute; top:50%; left:40px;}
#btn3{ position:absolute; top:50%; right:40px;}