
.tool-container {
	background-color: #FAFAFA;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(14%, #EEE), color-stop(100%, #FEFEFE));
	background: -moz-linear-gradient(top, #EEE 14%, #FEFEFE 100%);
	background: -ms-linear-gradient(top, #EEE 14%,#FEFEFE 100%);
	background: linear-gradient(to bottom, #EEE 14%,#FEFEFE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEE', endColorstr='#FEFEFE',GradientType=0 );*/
	background-size: 100% 100%;
	border-radius: 3px;
	box-shadow: 0px 0px 15px #FFF;
	position: absolute;		
	border:1px solid #CCC;		

}



.tool-container.tool-top, .tool-container.tool-bottom {
	height: 34px;
	border-bottom: 1px solid #beb8b8 ; /* #B1A9A9 */
}

.tool-items {
	height: 100%;	
}

.tool-top .tool-item, .tool-bottom .tool-item {
	float: left;
	border-right: 1px solid #e2dfdf;
	border-left: 1px solid #9f9898;
}

.tool-left .tool-item, .tool-right .tool-item {
	/*height: 34px;*/
	border-top: 1px solid #EAEAEA;
	/* border-bottom: 1px solid #EEE; */
}

.icones a {width:100px;}
.tool-item {
	height: 100%;
	display: block;				
	width: 44px;
	text-align: center;
}
/* editado */
.tool-left .tool-item, .tool-right .tool-item {
	min-width:75px;
	padding:5px 5px;
}

.tool-item:first-child {
	border-left: none;
}

.tool-left .tool-item:first-child, .tool-right .tool-item:first-child {
	border-top: 1px solid transparent;
}

.tool-item:last-child {
	border-right: none;
	border-bottom: none;
}

.tool-item.selected, .tool-item:hover  {
	background: #EAEAEA;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(14%, #DDD), color-stop(100%, #FFF));
	background: -moz-linear-gradient(top, #DDD 14%, #FFF 100%);
	background: -ms-linear-gradient(top, #DDD 14%,#FFF 100%);
	background: linear-gradient(to bottom, #DDD 14%,#FFF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDD', endColorstr='#FFF',GradientType=0 );*/

}

.tool-top .tool-item:last-child:hover, .tool-bottom .tool-item:last-child:hover {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.tool-top  .tool-item:first-child:hover, .tool-bottom  .tool-item:first-child:hover {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.tool-left .tool-item:last-child:hover, .tool-right .tool-item:last-child:hover {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.tool-left .tool-item:first-child:hover, .tool-right .tool-item:first-child:hover {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.tool-container .arrow {
	width:0;
	height:0;
	position: absolute;	
	border-width:7px;
	border-style:solid;
}

.tool-container.tool-top .arrow {
	border-color: #AAA transparent transparent; 
	left: 50%;  
	bottom: -14px;
	margin-left: -7px;
}

.tool-container.tool-bottom .arrow {
	border-color: transparent transparent #000; 
	left: 50%;  
	top: -14px;
	margin-left: -7px;
}

.tool-container.tool-left .arrow {
	border-color: transparent transparent transparent #000;
	top: 50%;
	right: -14px;
	margin-top: -7px;
}

.tool-container.tool-right .arrow {
	border-color: transparent #CCC transparent transparent;
	top: 50%;
	left: -14px;
	margin-top: -7px;
}

.demo-link {
	color: #89CDE4;
	text-decoration: underline;
	cursor: pointer;
	margin-left: 30px;
}

.demo-link:hover {
	text-decoration: none;
	cursor: pointer;
}
