@import url(common.css);

.tab-container .panel-container
{
  background: #76a9da !important;

}

.tab-container .etabs .tab.active {
  background: #76a9da !important;
}

.border{
	height: 480px;
	
}

#tabs1 .border{
	padding-top: 40px;
}

#tabs2 .border button:active{
	margin:0;
}

.globos{
	position: absolute;
	display: none;
}

.g1{top: 200px;  left: 110px;} 
.g2{top: 200px;  left: 760px;} 
.g3{top: 350px;  left: 730px;} 
.g4{top: 300px;  left: 90px;} 

.globosTexto{
	border:3px solid #000;
	border-radius: 10px;
	margin-bottom: 20px;
	padding:15px;
}

.dragBall{
	width: 40px;
	height: 40px;
	border-radius: 20px;
	margin-right: 20px;
	margin-top: 20px;
}

.dropBall{
	position: absolute;
	width: 45px;
	height: 45px;
	border-radius: 22.5px;
	border:3px solid #000;
	background: white;
}

.drb1{
    top: 70px;
    left: 110px;
}
.drb2{
    top: 70px;
    left: 270px;
}
.drb3{
    top: 270px;
    left: 20px;
}
.drb4{
    top: 250px;
    left: 210px;
}


.db3{background: #a0bc38;}
.db4{background: #ff0000;}
.db1{background: #ffff00;}
.db2{background: #0000ff;}

.contImg{
	position: relative;
}

#btnEx{
	  top: -20px;
  left: 370px;
}

#btnEx:active{
	margin: 0;
}

.ocultaImg{
	display: none;
}

.miniaturas{
	position: relative;
	width: 300px;
}

.minis{
	position: absolute;
	width: 90px;
	height: 53px;
	
}

#mini1{top: 0;}
#mini2{top: 0;  left: 100px;}
#mini3{top: 0;  left: 210px;}

.imgX{
	width: 380px !important;
	  margin: 0 110px;
}

#tabs3 .border{
	overflow-y: auto; 
}

.alturaMsj{
	height: 200px;
}