@charset "UTF-8";
/* encodigo.com */
/* ficha.css */
/* Created Apr, 2010 */
/* Modified Apr, 2010
--------------------------------------- */

.left{
	float:left;
	width:639px;
	background-color:#fff;
	margin-left:20px;
	margin-top:6px;
	_margin-left:0px;
	_overflow:hidden;

}

	.left .info{
		width:140px;
		float:left;	
		padding-left:13px;
		padding-top:15px;
	}


		.left .info h3{
			font-size:18px;
			margin-bottom:2px;	
			margin-top:5px;	
			padding-left:2px;
		
		}
		
		.left .info p{
			width:128px;
			padding-left:2px;
		} 

	.left #visor{
		width:476px;	
		height:357px;
		background-color:#becdd8;	
		float:left;
		margin-top:10px;
		margin-bottom:10px;
		position:relative;
	}

	.left #visor .content{
		position:absolute;
		top:0px;
		left:0px;
		height:357px; 
		width:476px;
	}

/* TABS */


#tabs #selectores{
	border-bottom:4px solid #000;
	float:left;
	width:100%;
}

		.linktab{
			width:152px; height:21px; float:left; color:#fff; cursor:pointer;
			background-image:url("/resources/images/software/ficha/taboff.gif");
			font-size:13px;
			padding-left:6px;
			line-height:22px;
			background-repeat:no-repeat;
			overflow:hidden;
		}
		
		.linktab:hover{
			background-image:url("/resources/images/software/ficha/tabon.gif");
			background-repeat:no-repeat;
			overflow:hidden;
		}
		
		.linktab.activo{
			background-image:url("/resources/images/software/ficha/tabon.gif");
			background-repeat:no-repeat;
			overflow:hidden;
		}
		
		
		.linktab.inactivo{
			background-image:url("/resources/images/software/ficha/taboff.gif");
			background-repeat:no-repeat;
			overflow:hidden;
		}
		
		.linktab.inactivo:hover{
			background-image:url("/resources/images/software/ficha/tabon.gif");
			background-repeat:no-repeat;
			overflow:hidden;
		}

#tabs{
	position:relative;
	_float:left;
}
		#tabs .tab{
			opacity:0;
			height:auto;
			filter: alpha(opacity=0);
		}
		
		
		#tabs #tabcontents{
			padding-top:30px;
			padding-bottom:80px;
		}

			#tabs .tab .content{
				position:absolute;
			}	
			

				#tabs .tab .content.requisitos{
					margin-left:160px;
					margin-right:40px;
					width:400px;
				}
				
				#tabs .tab .content.requisitos p.titulo{
					font-family:Georgia, Verdana, Times;
					color:#000000;
					font-size:11px;
					font-weight:bold;
					margin-bottom:10px;
					margin-top:20px;

				}

	#tabs #presentacion p.destacado{
		font-style:italic;
		font-size:15px;
		color:#9c9e9f;
		width:136px;
		line-height: 18px;
		margin-left:10px;
		float:left;
		*margin-top:20px

	
	}

	#tabs #presentacion span.descripcion{
		width:436px;
		margin-left:20px;
		float:left;
		*margin-top:20px
	}
	
	#tabs #presentacion span.descripcion a{
		color:#2d5a84;
	
	}
	
	#tabs #presentacion span.descripcion a:hover{
		text-decoration:underline;	
	}
	#tabs #presentacion span.descripcion p.titulo{
		font-family:Georgia, Verdana, Times;
		color:#000000;
		font-size:11px;
		font-weight:bold;
		margin-bottom:10px;
	
	}
	
	#presentacion .content .numbered{
		font-family:Georgia, Verdana, Times;
		color:#707173;
		font-size:11px;
		margin-left:2em;
		margin-top:1em;
	}
	
	#presentacion .content .numbered li{
		margin-bottom:0.6em;
	}

#aplicaciones .content{
	margin-left:150px;
	margin-right:40px;
	*width:450px

}
	#aplicaciones .content p.titulo{
		font-family:Georgia, Verdana, Times;
		color:#000000;
		font-size:11px;
		font-weight:bold;
		position:relative;
		clear:both;
		margin-top:20px;
		margin-bottom:10px;

	}
	
	#aplicaciones .content p.detalle{
		font-family:Georgia, Verdana, Times;
		color:#707173;
		font-size:11px;
	}
	
	#aplicaciones .content .numbered{
		font-family:Georgia, Verdana, Times;
		color:#707173;
		font-size:11px;
		margin-left:2em;
		margin-top:1em;
	}
	
	#aplicaciones .content .numbered li{
		margin-bottom:0.6em;
	}
		
	#aplicaciones .content p.titulo img{
		position:absolute;
		top:-20px;
		left:-70px;
		z-index:999;
		width:58px;
		height:56px;
	}

#ventajas .content{
	margin-left:150px;
	margin-right:40px;				
	*width:450px

	
}
	#ventajas .content p.titulo{
		font-family:Georgia, Verdana, Times;
		color:#000000;
		font-size:11px;
		font-weight:bold;
		position:relative;
		clear:both;
		margin-top:25px;
		margin-bottom:10px;

	}
	
	#ventajas .content p.detalle{
		font-family:Georgia, Verdana, Times;
		color:#707173;
		font-size:11px;
	}
	
	#ventajas .content .numbered{
		font-family:Georgia, Verdana, Times;
		color:#707173;
		font-size:11px;
		margin-left:2em;
		margin-top:1em;
	}
	
	#ventajas .content .numbered li{
		margin-bottom:0.6em;
	}
		
	#ventajas .content p.titulo img{
		position:absolute;
		top:-6px;
		left:-90px;
		z-index:999;
		width:52px;
		height:82px;
	}
	
	#requisitos .content dl{
		font-family:Georgia, Verdana, Times;
		color:#707173;
		font-size:11px;
		margin-left:2em;
	}
	
	#requisitos .content dl dt{
		margin-top:1em;
		margin-bottom:0.6em;
		font-weight:bold;
	}
	
	#requisitos .content dl dd{
		margin-bottom:0.6em;
	}

.relacionados{
	background-color:#f4f4f4;
	width:650px; 
}

	.relacionados h3{
		background:url("/resources/images/software/ficha/relacionados.gif");
		width:633px; height:21px; float:left; color:#fff; 
		font-size:13px;
		padding-left:6px;
		line-height:21px;
		border-bottom:4px solid #000;
		background-repeat:no-repeat;
		background-color:#fff;
	
	}

		.relacionados h4.category{
			color:#fff; 
			font-size:11px;
			text-align:center;
			width:100px; 
			line-height:15px;
			text-transform:uppercase;
		}
		
		.relacionados h4.title{
			color:#707173; 
			font-size:12px;
			padding-left:10px;
			padding-right:10px;
			margin-bottom:3px;
			margin-top:95px;
		
		}
		
		.relacionados h4.title a{
			color:#707173; 
		
		}

	
		.relacionados h4.title a:hover{
			color:#000; 
		
		}
		.relacionados p{
			padding-left:10px;
			padding-right:10px;
			font-size:10px;
			line-height:13px;
		
		}
		
		.relacionados a.more{
			background:url("/resources/images/software/ficha/more.gif");
			width:22px;
			height:22px;
			overflow:hidden;
			float:left;
			position:absolute;
			right:14px;
			bottom:-11px;
		}
		
		
		.relacionados a.more:hover{
			background-position:0px -22px;
		}
		
		.relacionados .product{
			width:206px;
			height:180px;
			background:url("/resources/images/software/ficha/producto.png");
			float:left;
			margin-right:10px;
			margin-top:14px;
			position:relative;
		}
		
		.relacionados .imgproduct{
			text-align:center;
			top:20px;
			position:absolute;
			width:206px;

}

/* MENU DERECHO*/

.right{
	float:right;
	width:319px;
}
	.right p{
		color:#9c9e9f;
	}

	.right #slider{
		background-image:url("/resources/images/software/ficha/slider.gif");
		width:309px;
		height:75px;
		margin-left:12px;
		margin-top:180px;
	}

		.right #slider .images{
			width:264px;
			overflow:hidden;
			height:48px;
		}
		
		.right #slider .images img{
			margin-right:2px;
			float:left;
		}
	
	.right #capturas{

		margin-left:12px;
	}
	
		.right #capturas.ocho{
	
			background-image:url("/resources/images/software/ficha/capturas8.gif");
			width:309px;
			height:155px;
			margin-top:21px;

		}
			
			.right #capturas.ocho .images{
				width:264px;
				overflow:hidden;
				height:98px;
				margin-top:6px;
				margin-left:42px;
			}
			
			.right #capturas.ocho img{
				margin-right:2px;
				float:left;
				margin-bottom:2px;
			}
			
			.right #capturas.ocho img:hover{
				opacity:.7;
    			filter:alpha(opacity=70);
			}

		.right #capturas.cuatro{
	
			background-image:url("/resources/images/software/ficha/capturas4.gif");
			width:309px;
			height:122px;
			margin-top:54px;
		}
			.right #capturas.cuatro .images{
				width:264px;
				overflow:hidden;
				height:48px;
				margin-top:15px;
				margin-left:42px;
			}
			
			.right #capturas.cuatro img{
				margin-right:2px;
				float:left;
			}

		.right #capturas h4{
			font-size:14px;
			color:#60819d;
			padding-top:18px;
			padding-left:43px;
		}
				


	.right .detallerequisitos{
		margin-left:63px;
	}

	.right #vervideo{
		background-image:url("/resources/images/software/ficha/video.gif");
		height:44px;
		overflow:hidden;
		width:261px;
		margin-left:12px;
		float:left;
		line-height:43px;
		font-size:14px;
		color:#60819d;
		padding-left:48px;
		margin-top:5px;
	}
	
	.right #vervideo:hover{
		background-position: 0px -44px;
		color:#2d5a84;
	}
	
	.right .demo{
		background-image:url("/resources/images/software/ficha/demo.gif");
		height:44px;
		overflow:hidden;
		width:261px;
		margin-left:12px;
		float:left;
		line-height:43px;
		font-size:14px;
		color:#60819d;
		padding-left:48px;
		margin-top:5px;
		margin-bottom:10px;

	}
		
	.right .demo:hover{
		background-position: 0px -44px;
		color:#2d5a84;
	}
	
	.right .comprar{
		margin-left:20px;
		margin-top:50px;
	}
	
		.right .comprar .title{
			background-image:url("/resources/images/software/ficha/comprar.gif");
			height:21px;
			background-repeat:no-repeat;
			border-bottom:4px solid #60819d;
			color:#fff;
			font-size:13px;
			line-height:23px;
			padding-left:6px;
			overflow:hidden;
		}
		
		.right .comprar .box{
			width:290px;
			height:161px;
			border:1px solid #ebebeb;
			background-color:#fff;
			padding:2px;
			margin-top:5px;
		}
		
			.right .comprar .box .price{
				width:109px;
				height:161px;
				background-color:#60819d;
				position:relative;
				float:left;
			}

					.right .comprar .box .price .buy{
						position:absolute;
						bottom:0px;
						width:104px;
						height:35px;
						background-image:url("/resources/images/software/ficha/buy.gif");
						color:#fff;
						overflow:hidden;
						line-height:35px;
						padding-left:5px;
					}



						.right .comprar .box .price .buy:hover{
							color:#60819d;
							background-position:0px -35px;
						}
						
						.right .comprar .box .price h3.euros{
							color:#fff;
							font-size:36px;
							text-align:center;
							padding-top:45px;
						}
						
						.right .comprar .box .price h3.eurosmin{
							color:#fff;
							font-size:25px;
							text-align:center;
							padding-top:45px;
						}
						
						
						.right .comprar .box .price h3.iva{
							color:#dee3e5;
							font-size:13px;
							text-align:center;
						}
						
						.right .comprar .box .info{
							padding-left:13px;
							width:166px;
							float:left;
							position:relative;
						}
						
						
						.right .comprar .box .usbimage{
							position:absolute;
							right:15px;
							top:10px;
						}
						
						.right .comprar .box .pcimage{
							position:absolute;
							right:20px;
							top:1px;
						}
							
						.right .comprar .box .info h4.usb{
							font-size:14px;
							margin-top:52px;
							margin-bottom:2px;
							color:#60819d;

						}
						.right .comprar .box .info h4.pc{
							font-size:14px;
							margin-top:78px;
							margin-bottom:2px;
							color:#60819d;

						}
						
						.right .comprar .box .info .ayudatext{
							line-height:14px;
						}
						
	.right .guia{
		margin-left:20px;
		margin-top:15px;
	}
	
		.right .guia .title{
			background-image:url("/resources/images/software/ficha/guia.gif");
			height:21px;
			background-repeat:no-repeat;
			border-bottom:4px solid #60819d;
			color:#fff;
			font-size:13px;
			line-height:23px;
			padding-left:6px;
						overflow:hidden;

		}
		
		.right .guia h4{
			font-size:14px;
			margin-top:20px;
			margin-left:6px;
			color:#60819d;
		}
		
		.right .guia p{
			margin-right:10px;
			margin-left:6px;
			margin-top:10px;
			margin-bottom:5px;
		}
		
		.right .guia a{
			background-image:url("/resources/images/software/ficha/flechadown.gif");
			height:20px;
			overflow:hidden;
			background-repeat:no-repeat;
			margin-left:6px;
			color:#9c9e9f;
			font-size:11px;
			font-weight:bold;
			float:left;
			padding-left:30px;
			line-height:20px;
			*margin-bottom:10px;
		}
		
		.right .guia a:hover{
			background-position: 0px -20px;
			color:#60819d;
		}
		
		
	.right .ayuda{
		margin-left:20px;
		margin-top:25px;

	}
	
		.right .ayuda .title{
			background-image:url("/resources/images/software/ficha/ayuda.gif");
			height:21px;
			background-repeat:no-repeat;
			border-bottom:4px solid #60819d;
			color:#fff;
			font-size:13px;
			line-height:23px;
			padding-left:6px;
			overflow:hidden;
			
		}
		
		
		
		
		.right .ayuda a{
			background-image:url("/resources/images/software/ficha/flechadown.gif");
			height:20px;
			overflow:hidden;
			background-repeat:no-repeat;
			margin-left:6px;
			color:#60819d;
			font-size:13px;
			font-weight:bold;
			float:left;
			padding-left:30px;
			line-height:20px;
			margin-top:15px;
		}
		
		.right .ayuda a:hover{
			background-position: 0px -20px;
			color:#2d5a84;
		}


/* VIEWER */
		
.contentView{
	cursor:pointer;
}