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

*		{
		padding: 0;
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		line-height: 18px;
		border: 0;
		}
		
p		{
		margin-bottom: 20px;
		}
		

body	{
		background: url(../images/body_bg.jpg) center center;
		}
				
a		{
		outline: 0;
		color: #0083ff;
		}
		
h1		{
		font-size: 16px;
		margin-bottom: 12px;
		font-weight: bolder;
		text-transform: uppercase;
		}	
		
h2		{
		font-size: 14px; 
		margin: 18px 0 12px 0;
		font-weight: bolder;
		text-transform: uppercase;
		}
		
td		{
		padding: 1px 0;
		border-bottom: 1px dotted #999; 
		}
		
ul		{
		padding-left: 17px;
		margin-bottom: 12px;
		}
		
.td1	{
		font-weight: bolder;
		padding-left: 4px;
		}
		
.td2	{
		text-align: right;
		padding-right: 5px;
		}
		
.page	{
		width: 989px; 
		height: 722px;
		margin: 0 auto;
		padding: 0 0 39px 0;
		position: relative;
		background: url(../images/page_bg.gif) no-repeat;
		}
		
.page-wrapper{
		height: 10px; 
		}	
		
.page-head{
		height: 165px;
		background: 0 15px url(../images/hbg.jpg) no-repeat; 
		position: relative;
		margin: 0;
		}
		
.flags	{
		width: 107px;
		height: 28px;
		top: -27px;
		right: 9px;
		position: absolute;
		z-index: 4;
		}
		
.flag1	{
		width: 36px; 
		height: 28px; 
		display: block; 
		float: left; 
		background: url(../images/flag_gb_off.jpg);
		}
		
.flag1:hover, #english .flag1{
		background: url(../images/flag_gb_on.jpg);
		}
		
.flag2	{
		width: 34px; 
		height: 28px; 
		display: block; 
		float: left; 
		background: url(../images/flag_es_off.jpg);
		}

.flag2:hover, #spanish .flag2{
		background: url(../images/flag_es_on.jpg);
		}
		
.flag3	{
		width: 37px; 
		height: 28px; 
		display: block; 
		float: left; 
		background: url(../images/flag_de_off.jpg);
		}
		
.flag3:hover, #german .flag3{
		background: url(../images/flag_de_on.jpg);
		}
		

.menu-1-personal{
		width: 204px; 
		height: 30px; 
		position: absolute; 
		z-index: 3; 
		left: 193px;
		}
		
.menu-2-sports{
		width: 197px; 
		height: 30px; 
		position: absolute; 
		z-index: 3; 
		right: 192px;
		}
		
#mp01, #mp02, #mp03, #mp04{
		height: 30px; 
		display: block; 
		float: left;
		}

#mp01	{
		width: 94px; 
		background: url(../images/menu_subpoint_private_1.jpg);
		}
		
#mp01:hover, #roque #mp01{
		background: url(../images/menu_subpoint_private_1_ove.jpg);
		}
				
#mp02	{
		width: 110px; 
		background: url(../images/menu_subpoint_private_2.jpg);
		}
		
#mp02:hover, #foundation #mp02{
		background: url(../images/menu_subpoint_private_2_ove.jpg);
		}
				
#mp03	{
		width: 122px; 
		background: url(../images/menu_subpoint_sport_1.jpg);
		}
		
#mp03:hover, #statistics #mp03{
		background: url(../images/menu_subpoint_sport_1_over.jpg);
		}
				
#mp04	{
		width: 75px; 
		background: url(../images/menu_subpoint_sport_2.jpg);
		}
		
#mp04:hover, #gallery #mp04{
		background: url(../images/menu_subpoint_sport_2_over.jpg);
		}
				
.roque-logo{		
		width: 131px; 
		height: 163px; 
		position: absolute; 
		z-index: 3; 
		bottom: 0; 
		left: 428px;
		}
		
.content-area{
		height: 557px; 
		background: url(../images/content_bg.jpg); 
		position: relative;
		}
		
.roque-hp{
		width: 400px; 
		height: 544px; 
		position: absolute; 
		z-index: 3; 
		bottom: 3px; 
		left: 293px;
		}
		
.roque-sub{
		width: 400px; 
		height: 544px; 
		position: absolute; 
		z-index: 3; 
		bottom: 0px; 
		right: 0px;
		}
		
.news-hp{
		width: 163px; 
		height: 200px;
		position: absolute; 
		z-index: 4; 
		right: 102px; 
		top: 75px; 
		background: url(../images/newsbox_bg.jpg) top no-repeat #d8d8d8; 
		padding: 44px 15px 15px 15px;
		border: 1px solid #000;
		}

.box-hp{
		width: 163px; 
		height: 60px;
		position: absolute; 
		z-index: 4; 
		right: 102px; 
		top: 350px; 
		background: url(../images/newsbox2_bg.jpg) bottom no-repeat #d8d8d8; 
		padding: 5px 15px;
		border: 1px solid #000;
		}
		
.news-hp img{
		margin-bottom: 17px;
		}
		
.text-sub{
	position: absolute;
	z-index: 10;
	left: 107px;
	top: 0; /* 60px */
	width: 480px;
	height: 380px;
	overflow: auto;
	padding-right: 20px;
		}
		
		.text-sub2{
	position: absolute;
	z-index: 10;
	left: 107px;
	top: 0; /* 60px */
	width: 270px;
	height: 380px;
	overflow: auto;
	padding-right: 20px;
		}
		
.club-logo{
		float: left; 
		margin: 0 20px 10px 0;
		}
		
.clear	{
		clear: both;
		height: 1px;
		font-size: 1%;
		}
		
.footer	{
		position: absolute; 
		z-index: 5; 
		width: 989px; 
		bottom: 0; 
		padding-bottom: 10px; 
		left: 0; 
		text-align: center;
		}
		
.footer a{
		color: #333;
		text-decoration: underline;
		
		}
		
		
/* Scrollpane Container */

.jScrollPaneContainer {
	overflow: hidden;
	z-index: 10;
	height:380px;
	left:107px;
	padding-right:20px;
	position:absolute;
	top:60px;
	width:462px;
	outline: none;	
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #ccc;
}
.jScrollPaneDrag {
	position: absolute;
	background: #999;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/scrollbar_up_bg.jpg) no-repeat;
	height: 16px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/scrollbar_down_bg.jpg) no-repeat;
	height: 16px;
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #f00;
}


#sound-player{
	width:1005px;
	margin:0 auto;
	padding-left:10px
	
}


.gbook label {
	display: block;
	float: left;
	width: 120px;
	font-weight: bold;
}

.gbook input.inp {
	float: left;
	width: 150px;
	border: 1px #000 solid;
}

.gbook textarea {
	width: 270px;
	height: 100px;
	border: 1px #000 solid;
}

.gbook input.btn {
	border: 1px solid #A5A5A5;
	margin: 5px 10px 0 0;
}

.langs {
	position: absolute;
	top: 0;
	right: 10px;
}

.nav-left {
	position: absolute;
	top: 27px;
	left: 88px;
}

.nav-right {
	position: absolute;
	top: 27px;
	left: 559px;
}