.layout-content{
	padding:0;}
.js #services {
    padding-right: 10px;}
	
	
/* ------------------------------------------------------------	*/
/* - NEW SPLASH PAGE -----	*/
/* ------------------------------------------------------------	*/

#centered {
  position: relative;
  overflow: hidden;
  width:490px;
  margin:0 auto;
}

span#welcome_message {
  overflow: auto;
  padding: 0;
}
#euTitleSplash{ position:relative; margin:30px 0; padding:0;width:490px;}
#euTitleSplash img{ float:left;}
#euTitleSplash h1{background-color:#004494;color:#FFF; font-size:1.2em; line-height:1.7em; height: auto; padding:10px; min-height:3.5em; }                       

ul.langfloatleft{ position:relative; float:left; margin:0; padding:0;}
ul.langmarginleft{ margin-right:40px;}
ul.last{margin-right:0;}


#bkgSplashpage{ background-color:#4f82c0; height:700px; margin:0; padding:0;}

#bkgSplashpage .langsel {
  position: relative;
}
#bkgSplashpage .langsel li {
  position: relative;
  list-style:none;
  margin:0 0 7px 0;
  padding:0;
}
#bkgSplashpage .langsel li a {
  text-decoration: none;
  display:block;
  background-color:#FFF;
  /*width: 19.0em;*/
  width: 223px;
  height: 2.0em;
  font-weight:bold;
  padding-bottom:5px;
}
#bkgSplashpage .langsel li a:hover {
  display:block;
  /*width: 19.0em;*/
  width: 223px;
  height: 2.0em;
  background-color:#004494;
  color:#FFF;
}

#bkgSplashpage .langsel li a span {
  cursor: pointer;
}

#bkgSplashpage .langsel li a span.langdesc,
#bkgSplashpage .langsel li a span.langcode {
  position: absolute;
  top: 0.2em;
  padding: 0.2em 0.2em;
}
#bkgSplashpage .langsel li a span.langdesc {
  left: 2.4em;
  text-decoration: none;
  color: #15669F;
}
#bkgSplashpage .langsel li a:hover span.langdesc {
  color: #FFF;
}

#bkgSplashpage .langsel li a span.langcode {
  left: 0.2em;
  width: 1.5em;
  border: 1px solid #15669F;
  background-color: #fff;
  color: #15669F;
  font-weight: bold;
  font-size: 0.9em;
  text-align: center;
}
span.langcode span {
  display: block;
  position: absolute;
  top: -9999em;
  height: 1px;
  overflow: hidden;
}



 #euLayoutHP {
        height: auto;
        overflow:auto;
        display: block;
        position: absolute;
        width: 900px;
        top: 0;
        left: 50%;
        margin-left: -450px;
        border: 2px solid #003399;
        min-height: 400px; 
      }
#euLayoutHP #bkgSplashpage {
        height: auto;
        margin: 0;
        padding: 0;
        overflow: hidden;
      }
	  
.layout-footer{
	background-color:#4f82c0;}
	
.mobile #euTitleSplash{ display:none;}
.mobile #centered{padding:25px 0;}

@media all and (max-width:768px) /* TABLET */
{
	

 	
.layout-noright .layout-content { padding: 0;}

#bkgSplashpage{height:800px;}

.layout-footer{padding: 0; margin-top:0;}


}



@media all and (max-width:600px) /* HORIZONTAL PHONE */
{
#centered{padding:25px 0;}
.js .layout-content {width: 100%;}

#euTitleSplash{ display:none;}
#bkgSplashpage {
    background-color: #4F82C0;
    height: auto;
}
.layout-footer{margin-top: 0;}

}

@media all and (max-width:500px) /* INTERMEDIATE RULES */
{

ul.langfloatleft {
    float: none;
	width:100%;
}
#bkgSplashpage .langsel li a, #bkgSplashpage .langsel li a:hover {width:100%;}

#bkgSplashpage .langsel li { margin:0 10px 5px 10px;}

#centered { width: 100%;}

@media all and (max-width:320px) /* VERTICAL PHONE */
{
	
}