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

html {
  height: 100%;
}

body {
  -webkit-user-select: none;
  -moz-user-select: none;
  background-color:#ececec;
  /*background-color:#efefef;*/
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: helvetica, san-serif;
  /*overflow:hidden;*/
}

.node {
  background:url(images/pruebaNodoFixed.svg) 50% 50% no-repeat;
  position: absolute;
  z-index: 2;
  -webkit-backface-visibility: hidden;
  transition: background .2s linear ;
	-webkit-transition: background .2s linear ;
	-moz-transition:  .2s linear;
	-o-transition:  .2s linear;
	-ms-transition: .2s linear;
}

.node:hover {
  /*background: #ef5124;*/
  /*border: 2px solid #ef5124;*/
}


.node h4 {
  color: #067195;
  text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
  margin: 220px;
  padding: 0;
  /*position: absolute;*/
  /*width: 56px;
  left: 56px;*/
  bottom: 0;
  font-size: 11px;
}

.PruebaSpan
{
	opacity: 0;
	position:absolute;
	z-index:-2;
	width:64px;
	height:auto;
	text-align:center;
	top:40%;
	left:-10px;
	transition:  .2s linear;
	-webkit-transition:  .2s linear;
	-moz-transition:  .2s linear;
	-o-transition:  .2s linear;
	-ms-transition:  .2s linear;
	
	
	 color: #067195;
  text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
  
  font-size: 11px;
	
	
}

.node h4:hover .PruebaSpan
{
	opacity: 1;
	top:110%;
	position:absolute;

}


.node.animate {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/*.node:hover {
  cursor: pointer;
}*/
.node.dragging {
  z-index: 99;
}
.segment {
  position: absolute;
  top: 550px;
  left: 550px;
  padding-left:12px;
  padding-right:12px;
  /*margin-top:100px;*/
  /*margin-left:0px;*/
  
  background: #d6d6d6;
  /*background-color:#ffffff;
  border-top:solid 1px #ffffff;*/
  z-index: 1;
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  /*border: 1px solid white;*/
  -webkit-backface-visibility: hidden;
}
/*.segment .endpoint {
  position: absolute;

  
}*/


.NodoIpad
{
	width:48px;
	height:48px;
	background:url(images/Ipad.png) no-repeat 50% 50%, #b3b3b3;
	/*padding:7px;*/
	border-radius:50px;
	position:absolute;
	left:0px;
	top: 0px;	
	transition: background .2s linear ;
	-webkit-transition: background .2s linear ;
	-moz-transition:  .2s linear;
	-o-transition:  .2s linear;
	-ms-transition: .2s linear;
	cursor:pointer;
}

.NodoIpad:hover
{
	background:url(images/IpadWh.png) no-repeat 50% 50%, #ef5124;

}

.NodoAndroid
{
	width:48px;
	height:48px;
	display:inline-block;
	background:url(images/android.png) no-repeat 50% 50%, #b3b3b3;
	/*background: rgba(0, 0, 0, 0.2)*/
	border-radius:50px;
	position:absolute;
	right:0px;
	top: 0px;	
	transition: background .2s linear ;
	-webkit-transition: background .2s linear ;
	-moz-transition:  .2s linear;
	-o-transition:  .2s linear;
	-ms-transition: .2s linear;
	cursor:pointer;
}

.NodoAndroid:hover
{

	background:url(images/androidWh.png) no-repeat 50% 50%, #ef5124;
	/*background: rgba(0, 0, 0, 0.2);*/

}

.NodoApp
{
	width:48px;
	height:48px;
	display:inline-block;
	background:url(images/App.png) no-repeat 50% 50%, #b3b3b3;
	border-radius:50px;
	position:absolute;
	left:0px;
	top: 0px;	
	transition: background .2s linear ;
	-webkit-transition: background .2s linear ;
	-moz-transition:  .2s linear;
	-o-transition:  .2s linear;
	-ms-transition: .2s linear;
	cursor:pointer;
}

.NodoApp:hover
{

	background:url(images/AppWh.png) no-repeat 50% 50%, #ef5124;

}

.NodoHTML5
{
	width:48px;
	height:48px;
	display:inline-block;
	background:url(images/HTML_5.png) no-repeat 50% 60%, #b3b3b3;
	border-radius:50px;
	position:absolute;
	left:0px;
	top: 0px;	
	transition: background .2s linear ;
	-webkit-transition: background .2s linear ;
	-moz-transition:  .2s linear;
	-o-transition:  .2s linear;
	-ms-transition: .2s linear;
	cursor:pointer;
}

.NodoHTML5:hover
{
	background:url(images/HTML_5Wh.png) no-repeat 50% 60%, #ef5124;
}

.NodoIOS
{
	width:48px;
	height:48px;
	display:inline-block;
	background:url(images/IOS_Home.png) no-repeat 50% 54%, #b3b3b3;
	border-radius:50px;
	position:absolute;
	left:0px;
	top: 0px;	
	transition: background .2s linear ;
	-webkit-transition: background .2s linear ;
	-moz-transition:  .2s linear;
	-o-transition:  .2s linear;
	-ms-transition: .2s linear;
	cursor:pointer;
}

.NodoIOS:hover
{
	background:url(images/IOS_HomeWh.png) no-repeat 50% 54%, #ef5124;
}

.NodoWww
{
	width:48px;
	height:48px;
	display:inline-block;
	background:url(images/www.png) no-repeat 50% 54%, #b3b3b3;
	border-radius:50px;
	position:absolute;
	left:0px;
	top: 0px;	
	transition: background .2s linear ;
	-webkit-transition: background .2s linear ;
	-moz-transition:  .2s linear;
	-o-transition:  .2s linear;
	-ms-transition: .2s linear;
	cursor:pointer;
}

.NodoWww:hover
{
	background:url(images/wwwWh.png) no-repeat 50% 54%, #ef5124;
}

.NodoLike
{
	width:48px;
	height:48px;
	display:inline-block;
	background:url(images/Like.png) no-repeat 50% 54%, #b3b3b3;
	border-radius:50px;
	position:absolute;
	left:0px;
	top: 0px;	
	transition: background .2s linear ;
	-webkit-transition: background .2s linear ;
	-moz-transition:  .2s linear;
	-o-transition:  .2s linear;
	-ms-transition: .2s linear;
	cursor:pointer;
}

.NodoLike:hover
{
	background:url(images/LikeWh.png) no-repeat 50% 54%, #ef5124;
}


.NodoWeb
{
	width:48px;
	height:48px;
	display:inline-block;
	background:url(images/web.png) no-repeat 50% 54%, #b3b3b3;
	border-radius:50px;
	position:absolute;
	left:0px;
	top: 0px;	
	transition: background .2s linear ;
	-webkit-transition: background .2s linear ;
	-moz-transition:  .2s linear;
	-o-transition:  .2s linear;
	-ms-transition: .2s linear;
	cursor:pointer;
}

.NodoWeb:hover
{
	background:url(images/webWh.png) no-repeat 50% 54%, #ef5124;
}


.NodoGooglePlus
{
	width:48px;
	height:48px;
	display:inline-block;
	background:url(images/GPlus.png) no-repeat 50% 54%, #b3b3b3;
	border-radius:50px;
	position:absolute;
	left:0px;
	top: 0px;	
	transition: background .2s linear ;
	-webkit-transition: background .2s linear ;
	-moz-transition:  .2s linear;
	-o-transition:  .2s linear;
	-ms-transition: .2s linear;
	cursor:pointer;
}

.NodoGooglePlus:hover
{
	background:url(images/GPlusWh.png) no-repeat 50% 54%, #ef5124;
}

.NodoInternet
{
	width:48px;
	height:48px;
	display:inline-block;
	background:url(images/Internet.png) no-repeat 50% 54%, #b3b3b3;
	border-radius:50px;
	position:absolute;
	left:0px;
	top: 0px;	
	transition: background .2s linear ;
	-webkit-transition: background .2s linear ;
	-moz-transition:  .2s linear;
	-o-transition:  .2s linear;
	-ms-transition: .2s linear;
	cursor:pointer;
}

.NodoInternet:hover
{
	background:url(images/InternetWh.png) no-repeat 50% 54%, #ef5124;
}

.NodoFace
{
	width:48px;
	height:48px;
	display:inline-block;
	background:url(images/FaceBook.png) no-repeat 50% 54%, #b3b3b3;
	border-radius:50px;
	position:absolute;
	left:0px;
	top: 0px;	
	transition: background .2s linear ;
	-webkit-transition: background .2s linear ;
	-moz-transition:  .2s linear;
	-o-transition:  .2s linear;
	-ms-transition: .2s linear;
	cursor:pointer;
}

.NodoFace:hover
{
	background:url(images/FaceBookWh.png) no-repeat 50% 54%, #ef5124;
}

.NodoAdobe
{
	width:48px;
	height:48px;
	display:inline-block;
	background:url(images/AdobeHome.png) no-repeat 50% 54%, #b3b3b3;
	border-radius:50px;
	position:absolute;
	left:0px;
	top: 0px;	
	transition: background .2s linear ;
	-webkit-transition: background .2s linear ;
	-moz-transition:  .2s linear;
	-o-transition:  .2s linear;
	-ms-transition: .2s linear;
	cursor:pointer;
}

.NodoAdobe:hover
{
	background:url(images/AdobeHomeWh.png) no-repeat 50% 54%, #ef5124;
}

.NodoWindows
{
	width:48px;
	height:48px;
	display:inline-block;
	background:url(images/windows.png) no-repeat 50% 54%, #b3b3b3;
	border-radius:50px;
	position:absolute;
	left:0px;
	top: 0px;	
	transition: background .2s linear ;
	-webkit-transition: background .2s linear ;
	-moz-transition:  .2s linear;
	-o-transition:  .2s linear;
	-ms-transition: .2s linear;
	cursor:pointer;
}

.NodoWindows:hover
{
	background:url(images/windowsWh.png) no-repeat 50% 54%, #ef5124;
}

.NodoTI
{
	width:48px;
	height:48px;
	display:inline-block;
	background:url(images/TI.png) no-repeat 50% 54%, #b3b3b3;
	border-radius:50px;
	position:absolute;
	left:0px;
	top: 0px;	
	transition: background .2s linear ;
	-webkit-transition: background .2s linear ;
	-moz-transition:  .2s linear;
	-o-transition:  .2s linear;
	-ms-transition: .2s linear;
	cursor:pointer;
}

.NodoTI:hover
{
	background:url(images/TIWh.png) no-repeat 50% 54%, #ef5124;
}

.NodoTwitter
{
	width:48px;
	height:48px;
	display:inline-block;
	background:url(images/twitter.png) no-repeat 50% 54%, #b3b3b3;
	border-radius:50px;
	position:absolute;
	left:0px;
	top: 0px;	
	transition: background .2s linear ;
	-webkit-transition: background .2s linear ;
	-moz-transition:  .2s linear;
	-o-transition:  .2s linear;
	-ms-transition: .2s linear;
	cursor:pointer;
}

.NodoTwitter:hover
{
	background:url(images/twitterWh.png) no-repeat 50% 54%, #ef5124;
}


.NodoJava
{
	width:48px;
	height:48px;
	display:inline-block;
	background:url(images/JavaHome.png) no-repeat 50% 54%, #b3b3b3;
	border-radius:50px;
	position:absolute;
	left:0px;
	top: 0px;	
	transition: background .2s linear ;
	-webkit-transition: background .2s linear ;
	-moz-transition:  .2s linear;
	-o-transition:  .2s linear;
	-ms-transition: .2s linear;
	cursor:pointer;
}

.NodoJava:hover
{
	background:url(images/JavaHomeWh.png) no-repeat 50% 54%, #ef5124;
}

.NodoApple
{
	width:48px;
	height:48px;
	display:inline-block;
	background:url(images/Apple.png) no-repeat 50% 54%, #b3b3b3;
	border-radius:50px;
	position:absolute;
	left:0px;
	top: 0px;	
	transition: background .2s linear ;
	-webkit-transition: background .2s linear ;
	-moz-transition:  .2s linear;
	-o-transition:  .2s linear;
	-ms-transition: .2s linear;
	cursor:pointer;
}

.NodoApple:hover
{
	background:url(images/AppleWh.png) no-repeat 50% 54%, #ef5124;
}

.NodoLinkedIn
{
	width:48px;
	height:48px;
	display:inline-block;
	background:url(images/LinkedIn.png) no-repeat 50% 54%, #b3b3b3;
	border-radius:50px;
	position:absolute;
	left:0px;
	top: 0px;	
	transition: background .2s linear ;
	-webkit-transition: background .2s linear ;
	-moz-transition:  .2s linear;
	-o-transition:  .2s linear;
	-ms-transition: .2s linear;
	cursor:pointer;
}

.NodoLinkedIn:hover
{
	background:url(images/LinkedInWh.png) no-repeat 50% 54%, #ef5124;
}


.NodoLogo
{
	width:100%;
	height:100%;
	display:inline-block;
	/*background:url(images/LogoClientes.png) no-repeat 50% 54%, rgba(0,0,0,0.1);*/
	/*background-size: 100% auto;*/
	/*border-radius:50px;*/
	position: absolute;
	left:0;
	top: 0;	
	transition: background .2s linear ;
	-webkit-transition: background .2s linear ;
	-moz-transition:  .2s linear;
	-o-transition:  .2s linear;
	-ms-transition: .2s linear;
	cursor:pointer;
}


.pruebaScale
{
	width:100%;
	height:100%;
	position: absolute;
	left:-50%;
	top: -50%;
	display:inline-block;
	margin-top:24px;
	margin-left:24px;
	/*background-color: #ff0000;*/
	background:url(images/LogoClientes.png) no-repeat 50% 50%, #ececec;
	background-size: contain;
	}