@charset "UTF-8";
/* CSS Document */
html, body, .main{
	height:100%;
	background:#FFFFFF;
	overflow:hidden;
}

.wrapper{
	position:absolute;
	width:1024px;
	height:450px;
	left:50%;
	top:50%;
	margin:-225px 0px 0px -512px;
	display:block;
	overflow:hidden;
}
	.header{
		position:absolute;
		left:0px;
		top:0px;
		height:50px;	 
	}
		.logo_der{
			position:absolute;
			left:745px;
		}
	.content{
		position:absolute;
		left:0px;
		top:50px;
		width:1024px;
		height:338px 
	}
		
		.page_image{
			position:absolute;
			top:0px;
		}
			.image{ 
				position:absolute;
				top:0px;
				width:500px;
				height:338px;
				background:#CCCCCC;
				cursor:pointer;
				/*border:#ffffff 1px solid;*/
			}
			.image:hover{
				/*border:#666666 1px solid;*/
			}
			.sx{
				left:0px;
			}
			.dx{
				left:524px;
			}
	.nav{
		position:absolute;
		top:400px;
		height:40px;
	}
		.flechas{
			position:absolute;
			left:420px;
			width:400px;
			height:40px;
			display:inline
		}
			#f_left{
				position:absolute;
				left:0px;
				cursor:pointer;
			}
			.display{
				position:absolute;
				left:90px;
				top:10px;
			}
			#f_right{
				position:absolute;
				left:100px;
				cursor:pointer;
			}
	.footer{
		position:absolute;
		top:430px;
		left:0px;
		color:#000;
		width:100%;
	}
		.help{
			position:absolute;
			left:5px;
			top:3px;
			text-align:left;
			font-size:13px;
		}
		.footer div.nav-bot{
			float:right;
			margin-right:5px;
		}
.left{
	float:left
}
.right{
	float:right
}
.hide{
	visibility:hidden
}
.links{
	color:#666666;
	text-decoration:none;
}
.links:hover{
	color:#333333
}