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

@import url("reset.css");
@import url("default_bg_control.css");

/*[ Global Structure ]*/
html, body {
	height:100%;
}

body{ 
	background: #0C334B url(../images/bg_master.jpg) repeat-x top left;
	color: #FFF;
	font-family:Arial, Verdana, Tahoma, sans-serif;
	font-size:12px;
}

#centralize{
    width:1px;
    height:50%;
    margin-bottom:-551px;
    float:left;
}

#content{
    margin:0 auto;
    position:relative;
    text-align:left;
    width:1102px;
    clear:left;
	padding-bottom:28px;
	background: url(../images/bg_content.jpg) no-repeat top center;
}
.clear{
	clear: both;
	float: none;	
}

.strong{ font-weight:bold;}

.strong-tit {font-family:georgia; font-size:16px; font-weight:bold}

.strong-subtit {font-family:georgia; font-size:14px; font-weight:bold}

.strong-subtit-italic {font-family:georgia; font-size:12px; font-style:italic; font-weight:bold}

/*[ Global Elements ]*/

a{ text-decoration:none; color:#FFF;}

a:hover{ text-decoration:underline; color:#FFF;}

h1{
	color: #D9EAF4;
	font-family:Georgia;
	font-size:36px;
	font-weight:bold;
	margin:6px 0px;
	padding:8px 0px;
	border-bottom:solid 3px #D9EAF4;
}
h2{
	color: #D9EAF4;
	font-family:georgia;
	font-size:24px;
	border-bottom:solid 2px #D9EAF4;
}
h3{
	color: #D9EAF4;
	font-family:georgia;
	font-size:16px;
	margin-bottom:4px;
	border-bottom:solid 2px #D9EAF4;
}

/*[ Splash ]*/

.splash a{
	background: url(../images/splash_home.png) center top no-repeat;
	padding: 370px 370px 0px 0px;
	margin: -690px 10px 0px 0px;
	position: relative;
	display: block;
	float: right;
	z-index: 30000;
	text-decoration: none;
}

/*[ DIVs ]*/
div#master{
	min-height: 100%;
	position: relative;
}

div#top{
	height: 80px;
	clear: both;
}

div#logo{
	width: 327px;
	float: left;
}

div#menu{
	text-align:center;
	height:26px;
	clear:both;
	float: left;
	color: #FFF;
	font-size: 13px;
	margin: 0px 0px 4px 0px;
}

div#data .contentText{
	background-image:url(../images/bg_text.png);
	background-repeat:repeat-x;
	padding:6px;
	margin:400px 30px 30px 60px;
	width:1010px;
	float:left;
	clear:both;
	font-size:13px;
	line-height:20px;
}

div#animaFlash{
	width: 1102px;
	height: 95px;
	clear: both;
	margin:0px 0px 40px 0px;
	text-align:center;
}

div.address{
	width:700px;
	height:26px;
	margin-top:35px;
	padding: 0px 0px 0px 201px;
	clear:both;
	display: block;
	position:absolute;
	bottom:40px;
}

/*
Swimway programme
*/

.info{ 
	width:500px;
	float:right;
	margin:0px 0px 0px 15px;
}

.text{ 
	width:480px;
	float:left;
}

.infoContact{ 
	width:430px;
	float:left;
	margin:0px 0px 0px 320px;
}

.textContact{ 
	width:200px;
	float:left;
	margin:0px 0px 0px 10px;
}

.right{
	text-align:right;
}

.stage{
	float:left;
	width:120px;
	display:block;
	margin-top:12px;
}

.stage a{
	display:block;
	width:112px;
	height:20px;
	padding:4px;
	text-decoration:none;
}

.stage a:hover, .active{
	display:block;
	width:112px;
	height:20px;
	padding:4px;
	background-color:#D9EAF4;
	color:#0C334B;
	text-decoration:none;
}

/* 
Form Component
*/

.contactForm{
	width:432px;
	border:none;
	padding-bottom:0px;
	font-family:Georgia;
	font-size:18px;
}

.contactFormSmall{
		font-size:12px;
}

.form label{ 
	display:block;
	font-size:12px;
	padding:0px 2px;
	font-weight:bold;
}

.form .input{ 
	width:420px; 
	border:solid 1px #0C334B; 
	background-color:#D9EAF4;
	font-size:12px;
	color:#0C334B;
	padding:0px 2px;
}
.img{
	text-align:center;
	float:left;
	border:solid 1px #FFF;
}

.input2{ 
	width:274px; 
	height:32px;
	border:solid 1px #0C334B; 
	background-color:#D9EAF4;
	margin-top:-1px;
	font-size:25px;
	color:#0C334B;
	padding:2px 2px 0px 2px;
	float:left;
}

.form .select{ 
	width:200px; 
	border:solid 1px #0C334B; 
	background-color:#D9EAF4;
	font-size:12px;
	color:#0C334B;
	padding:0px 2px;
}

.form .btn{
	float:right;
	padding-right:5px;
}

.form label.error{
	color:#F00;
	font-weight: bolder;
	border: solid 1px #F00;
	background-color: #FAA;
	padding: 5px;
	margin: 3px 0px 3px 0px;
	display: block;
	width: 420px;
}

div#footer{
	width: 100%;
	background: #000;
	height: 28px;
	color: #FFF;
	position: absolute;
	bottom: 0px;
}

div#pos{
	width:1102px;
	margin-left:-551px;
	left:50%;
	position:absolute;
}

.credits{
	float:left;
	width:36px;
	height:25px;
	margin:0px 4px;
}

.nav{
	height:17px;
	float:right;
	font-size:11px;
	margin:0px 20px 0px 0px;
	padding:8px 0px 0px 0px;
}

.nav a{ 
	color:#A2BCD5;
}

.btnFooter{ 
	float:right;
}


/*[ Control Pools ]*/

.cols{
	display:block;
	clear:both;
	padding:5px 10px;
	margin:20px 0px 0px 0px;
}

.cols .title{ 
	display:block;
	clear:both;
	font-size:16px;
	font-weight:bold;
}

.cols p{ 
	font-size:11px;
	line-height:13px;
	margin:10px 0px;
}

.col-left{ 
	float:left;
	text-align:left;
	width:120px;
}

.col-center{ 
	float:left;
	text-align:center;
	width:120px;
	margin:0px 300px;
}

.col-right{ 
	float:right;
	text-align:right;
	width:120px;
}

/*
SocialMedia
*/

div#socialmedia{
	width: 327px;
	min-height: 64px;
	float: right;
	margin: 5px 0px 0px 0px;
}

div#socialmedia a{
	width: 65px;
	height: 64px;
	display: block;
	float: right;
}
.facebook a{ background: url(../images/btn-facebook.png) top left no-repeat; } 
.twitter a{ background: url(../images/btn-twitter.png) top left no-repeat; }