/* layout */
    * {
	 margin:0;
	 padding:0;
}	   	    
     html, body {
	 padding:0;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 color: #686663; 		 
	 background-color: #686663;
	/* original>  min-width: 994px; (It is not recommended to use this parameter!!! Different vizualization in different browsers) */
	 _width: 994px;
	 _margin: 0 auto;
}	 
 		 
     #wrapper {
	 background-image:url(../images/main_bg.gif);
	 background-repeat:repeat-y; 
	 position:relative; /* needed for footer positioning*/
	 left: 50%;
     margin-left: -497px; 
	 width: 994px;	
	 height:auto !important; /* real browsers */
	 height:100%; /* IE6: treated as min-height*/
     min-height:100%; /* real browsers */

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

     .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: #ffffff;
	 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:#eeeeee;
	 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: #666666;
	 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: #ffffff;
	line-height: 20px;
}
    div.infooter a {
	text-decoration: none;
	color: #ffffff;
}
    div.infooter a:hover {
	text-decoration: none;
	color: #ffffff;
}

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

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

/* country selector */

div#content .countrySelContacts {
	width: 960px;
	height: 510px;
	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;
}

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: #ffffff;
}


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;
}