/* layout */
* {
	 margin:0;
	 padding:0;
}	   	    

html, body {
	 padding:0;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 color: #686663; 		 
	 background-color: #686663;
}	 
 		 
#wrapper {
	 background-image:url(../images/main_bg.gif);
	 background-repeat:repeat-y; 
	 position:relative;
	 left: 50%;
     margin-left: -497px; 
	 width: 994px;	
	 height:auto !important;
	 height:100%;
     min-height:100%;
}

#content {
     width: 992px;
	 color:#333;
	 min-height: 100%;
	 margin: 1px;
	 margin-top: 0px;
	 position:relative;
}	
	
#footer {
	 width:100%;
	 background:#fff;
}

.mainHeader {
     width: 992px;
	 height: 75px;
	 background: #092167 url(../images/sportal_bl_bg.jpg) repeat-y left top;
}

.mainHeader h1 {
	 padding-top: 19px;
	 padding-left: 20px; 
	 font-size: 14px;
	 font-weight: bold;
	 color: #fff;
	 float: left;
}

.mainHeader div.logo {
     width: 98px;
	 height: 35px;
	 margin-top: 19px;
	 margin-right: 19px;
	 background: url(../images/sportal_logo_white.gif) no-repeat right top;	 	
	 float: right; 
}

div.marg  {
	margin-left: 20px;
	margin-right: 20px;
}

/* main menu */ 
#menuWrap {
	 font-size: 12px;	 
	 background:#eee;
	 height: 30px;	 
}	 

div#menuWrap ul {
    position: relative;
    margin: 0;
    margin-right: 2px;	 
    padding: 0;
    list-style: none;
}

div#menuWrap ul li {
	 float: left;
}

div#menuWrap ul a {
     display: block;
     margin: 0 1.4em;
	 _margin: 0 0.7em;
     line-height: 2.4em;
     text-decoration: none;
     color: #686663;
	 float:left;
}

div#menuWrap ul a:hover {
     color: #0038a8;
	 background: url(../images/sportal_main_menu_bg.gif) repeat-x top left;
}

div#menuWrap ul a.active {
     display: block;
     margin: 0 1.4em;
	 _margin: 0 0.7em;
     line-height: 2.4em;
     color: #0038a8;
	 background: url(../images/sportal_main_menu_bg.gif) repeat-x top left;
}

div#menuWrap .select {
	 float: left;
	 margin-left: 20px;
	 _margin-left: 10px;
}

div#menuWrap select {
	 font-size: 10px;
     color: #666;
	 width: 220px;
	 margin: 0px;
	 margin-top: 5px;
	 padding: 0px;
}

/* main map */
div#content .mainMap {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align:center;
	clear:both;
} 

/* infooter */
div#content .infooter  {
    background: #092167 url(../images/sportal_bl_bg.jpg) repeat-y left top;
	width: 100%;
	height: 20px;
	font-size: 11px;
	color: #fff;
	line-height: 20px;
}

div.infooter a {
	text-decoration: none;
	color: #fff;
}

div.infooter a:hover {
	text-decoration: none;
	color: #fff;
}

div#content .grayLine  {
    background: #eee url(../images/sportal_infooter_bg.gif) repeat-x left top;
	width: 100%;
	height: 4px;
	overflow:hidden;
}

div#content .footerShadow  {
    background: #eee url(../images/sportal_shadow.gif) no-repeat left top;
	width: 992px;
	height: 11px;
	overflow:hidden;
}

/* country selector */
div#content .countrySelContacts {
	width: 980px;
	height: 525px;
	z-index: 10;
	position: absolute; 
	color: #686663;
	top: 100px;
	left: -5px;
}

div#content .countrySelna {
	width: 454px;
	z-index: 10;
	position: absolute; 
	color: #686663;
	left: 4%;
	top: 20%;
}

div#content .countrySelsa {
	width: 454px;
	z-index: 10;
	position: absolute; 
	color: #686663;
	left: 4%;
	top: 53%;
}

div#content .countrySeleu {
	width: 454px;
	z-index: 10;
	position: absolute; 
	color: #686663;
	left: 46%;
	top: 20%;
}

div#content .countrySelas {
	width: 454px;
	z-index: 10;
	position: absolute; 
	color: #686663;
	left: 46%;
	top: 47%;
}

div#content .countrySelce {
	width: 454px;
	z-index: 10;
	position: absolute; 
	color: #686663;
	left: 33%;
	top: 35%;
}

div#content .countrySelaf {
	width: 454px;
	z-index: 10;
	position: absolute; 
	color: #686663;
	left: 33%;
	top: 53%;
}

div#content .countrySelaus {
	width: 454px;
	z-index: 10;
	position: absolute; 
	color: #686663;
	left: 50%;
	top: 59%;
}

div#content .subcountrySel 
{
	width: 100%;
	height: 100%;
	margin: 10px;
	padding-bottom: 19px;
	color: #686663;
	border: solid #c7c1c0 1px;
}

div#content .subcountrySel table {
	margin: 15px;
	margin-top: 0px;
	width: 350px;
}

div#content a.close {
	background:url(../images/sportal_close.gif) no-repeat;
	width: 13px;
	height: 13px;
	float:right;
	margin: 7px 7px 0 7px;
}

ul.countryList {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.countryList li {
	background: url(../images/sportal_arrow.gif) no-repeat 0 7px;
	padding-left: 15px;
}

ul.countryList a {
	display: block;
	line-height: 1.8em;
	text-decoration: none;
	color: #686663;
	position:relative;
}

ul.countryList a:hover {
	color: #0038a8;
	position:relative;
}

.whiteLine {
    height: 2px;
	overflow: hidden;
	background: #fff;
}

div.contactLayer {	
	font-size: 8pt;
	float: left;
	width: 220px;
	padding: 10px;
}

div.contactLayer a {
	position: relative;
	text-decoration: underline;
	color: #0038a8;	
}

div.contactLayer a:hover {
	position: relative;
	text-decoration: underline;
	color: #0038a8;	
}

.countryLabel, .corporateLinkLabel {
	display: block;
	padding-left: 10px;	
}

.corporateLinkLabel a {
	position: relative;
	color: #0038a8;
}
.corporateLinkLabel a:hover {
	position: relative;
	color: #0038a8;
}