/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#FFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:80%;
}


.divCenter{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:960px;
	background:url(https://e-justice.europa.eu/images/banners/bkg-splashpage.png) repeat-y transparent 0 0;
}

div#container2 {	
	background:url(https://e-justice.europa.eu/images/banners/bkg-splashpage-top.png) no-repeat transparent 0 137px;
	/*border-left:2px solid #003399;
	border-right:2px solid #003399;
	border-bottom:2px solid #003399;*/
	margin:0;
	padding:0;
	height:100%;
}

.imgEUFlag{
	margin:10px 0 0 10px;
	position:relative;
	top:0px;
}

#homeLinks{
padding-bottom:10em;
padding-left:450px;
padding-top:4em;
}

#homeLinks a
{
text-decoration:none;
color:#000099;
margin-left:0.5em;
font-size:1.3em;
}

#homeLinks a:hover
{

color:#000099;
margin-left:0.5em;
font-size:1.3em;
text-decoration:underline;
}

#homeLinks a:focus
{

background-color:#ffffff;

}
#homeLinks a:visited
{

color:#666666;

}
#homeLinks ul {width:465px;}

#homeLinks ul li{
list-style:none;
height:22px;
white-space:nowrap;
clear:both;
}

#homeLinks a img {
border:none;
}

#errorMsgs{
	padding-left:40em;
	margin-top:-5em;
}

#errorMsgs ul li{
list-style:none;
margin-bottom:.5em;
}

#errorMsgs span {
	text-decoration:none;
	color:#000099;
	font-size:1em;
}
.divCenterErrors{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:960px;
}

/* Class for tooltip. Do not change. EJB-914. */
div#tip {
 padding: 3px;
 border: 1px solid #000000;
 border-right-width: 1px;
 border-bottom-width: 1px;
 display: none;
 background: InfoBackground !important;
 color: InfoText;
 font: caption;
 font-size: 1em !important;
 font-weight: normal !important;
 text-align: left !important;
 position: absolute !important;
 z-index: 100000;
 word-wrap:break-word;
 letter-spacing: 0;
 zoom: 1;
 _height: 0;
}


#homeLinks li span.splashLang {display:block;float:left;background-color:#fff;border:1px solid #0f4196;width:20px;height:17px;text-align:center;}
#homeLinks li span.splashLang a,#homeLinks li span.splashLang a:hover,#homeLinks li span.splashLang a:visited {text-decoration:none !important;color:#0f4196;font:bold 1.2em arial,verdana,sans-serif !important;margin:0 !important;display:block;width:20px;height:17px;}

#errorMsgs li {min-height:20px;}
#errorMsgs li span.splashLang {font:bold 1.2em arial,verdana,sans-serif !important;display:block;float:left;background-color:#fff;border:1px solid #0f4196;width:20px;height:17px;text-align:center;}
#errorMsgs li span.splashLang a,#errorMsgs li span.splashLang a:hover,#errorMsgs li span.splashLang a:visited {text-decoration:none !important;color:#0f4196;font:bold 1.2em arial,verdana,sans-serif !important;margin:0 !important;display:block;width:20px;height:17px;}
#errorMsgs li p {margin-left:20px;padding:0px 10px;}

.ejusticeLogo_m {display:none;}

@media  all and (min-width:768px) and (max-width:800px),
	all and (width:800px) and (orientation:landscape),
	all and (min-width:768px) and (orientation:portrait) and (max-width:800px) and (orientation:portrait) {

	body {font-size:85%;}
	div#tip {display:none !important;}
	.divCenter {width:100%;overflow:scroll;}
	div#container2 {border:none;background-position:-150px 137px;}
	#homeLinks {padding:0 0 0 300px !important;}
	#homeLinks a, #homeLinks a:hover {font-size: 1.4em;margin-left:0;}
	#homeLinks ul {width:auto;}
	#homeLinks ul li {display: table;white-space: normal !important;margin:5px 0;}
	#homeLinks li span.splashLang {background-color: transparent;border: medium none;display: table-cell !important;float: none !important;vertical-align:middle !important;}
	#homeLinks ul li > a {padding:4px !important;display: table-cell !important;vertical-align:middle !important;}
	.splashLang > a {background-color: #FFFFFF;border: 1px solid #0F4196;padding: 3px;}

	#errorMsgs {padding:0 0 0 300px !important;}
}


@media  all and (width:800px) and (orientation:landscape) {
	div#container2 {}
}

@media only screen and (max-width: 767px) {
	.imgEUFlag {top:-15px;margin-right:10px;}
	.ejusticeLogo_m {display:inline-block;}
	body {font-size:90%;}
	.divCenter {width:auto !important;background-image:none;}
	div#container2 {background-image:none;border:none;}
	#homeLinks {padding:0 !important;}
	#homeLinks ul {width:auto;display: table !important;}
	#homeLinks ul li {display:table-row !important;height: 40px;}
	#homeLinks a {display:table-cell;white-space:normal !important;vertical-align:top !important;padding: 5px;}
	#homeLinks li span.splashLang {display:table-cell !important;margin-right:10px;height:27px;width:30px !important;}
	#homeLinks li span.splashLang a {display:block !important;}
	div#tip {display:none !important;}

	#errorMsgs {margin-top:0;padding: 0;}

}

@media only screen and (max-width: 320px) {
	#homeLinks ul {padding:10px;}
	#errorMsgs ul {padding: 0 10px;}
}