/*	

	------------------------------------------------------------------------
	Splash
	------------------------------------------------------------------------
	Ridepot
	Typ:            Interface file
	For: 	        All browsers
	
*/

/*	=reset default
---------------------------------------------------------------------------- */

body{
	background:#f5f5f3;
}
a{
	color:#5f5f5f;
}
body, input, textarea, select, option, optgroup, button{
	font-family: "Arial", LucidaGrande, 
	"Lucida Sans", Geneva, Verdana, Arial, Helvetica, sans-serif;
}
.wrapper{
	font-size:16px;
	width:47.75em;
	border:none;
}
h5{
	position:relative;
}
h5 a{
	position:absolute;
	right:0px;
	font-size:12px;
	line-height:18px;
}
h5 a:hover{
	text-decoration:none;
}

/*	=view element`s
---------------------------------------------------------------------------- */

#splash{position:relative;}
#splash #top{height:346px;position:relative;}
#splash #bottom{
	background:url(splash/body.png) repeat-x top left #f5f5f3;
	height:242px;
	overflow:hidden;
}
#splash #top .left,
#splash #top .right,
#splash #top .wrapper{
	position: absolute;
	top:0em;
	height:100%;
}
#splash #top .left,
#splash #top .right{width:50%;background-repeat: repeat-x;}
#splash #top .left{left: 0;background-image: url(splash/head-left.png);}
#splash #top .right{left: 50%;background-image: url(splash/head-right.png);}
#splash #top .wrapper{
	height:100%;
	left: 50%;
	margin-left: -450px;
	width:56.25em;
    text-align: left;
	background:url(splash/head-cloud.png) top center no-repeat;
}
#container{
	position:absolute;
	z-index:20;
	top: 0em;
   	left: 0em;
   	width: 100%;
   	height: 100%;
}
#splash #container div#lang-select{
	height:21px;
	margin:16px 0px 16px 0px;
	overflow:hidden;
}
#splash #container div#lang-select ul li{
	float:right;
	width:25px;
	height:21px;
	margin-left:10px;
}
#splash #container div#lang-select ul li a{
	height:100%;
	display:block;
	text-indent:-1000em;
}
#splash #container div#lang-select ul li a#en{background:url(splash/icons/icon-en.png) no-repeat;}
#splash #container div#lang-select ul li a#de{background:url(splash/icons/icon-de.png) no-repeat;}
#splash #container div#lang-select ul li a#pl{background:url(splash/icons/icon-pl.png) no-repeat;}
#splash #container div#lang-select ul li a#ru{background:url(splash/icons/icon-ru.png) no-repeat;}

#splash #container .wrapper .left{
	float:left;
	width:16.875em;
	min-height:400px;
}
#splash #container .wrapper .right{
	float:left;
	width:30.875em;
}
#splash .logo{position:relative;}
#splash .logo h1{
	left:-100px;
	top:-75px;
	height:253px;
	width:407px;
	position:absolute;
	background:url(splash/logo.png) center;
}
#splash .logo h1 a{
	display:block;
	height:160px;
	width:250px;
	text-indent:-1000em;
	margin:45px 0px 0px 80px;
}
#splash .background-car{
	background:url(splash/form-right-car.png);
	height:56px;
	width:36px;
	position:absolute;
	bottom:20%;
	left:30.90em;
	z-index:100;
}
ul#slideshow{
	position:relative;
	top:192px;
	left:-40px;
	z-index:100;
}
ul#slideshow li{
	width:336px;
	height:233px;
	display:block;
	z-index:100;
	text-indent:-1000em;
}
ul#slideshow li.one{background:url(splash/slideshow/1.png) no-repeat;}
ul#slideshow li.two{background:url(splash/slideshow/2.png) no-repeat; display:none;}
ul#slideshow li.tree{background:url(splash/slideshow/3.png) no-repeat; display:none;}
ul#slideshow li.four{background:url(splash/slideshow/4.png) no-repeat; display:none;}


/* =contant layer
---------------------------------------------------------------------------- */

.flex-layer{position:relative;}
.flex-layer .area{
	position: relative;
	z-index: 100;
	line-height:22px;
	padding: 20px 20px 14px 25px;
	font-size:12px;
}

.flex-layer .area div.static-content{
	min-height: 300px;
}

.flex-layer .layer-shadow-middle{
	top: 50px;
	bottom: 50px;
	background:#ffffff;
	width:100%;
}
.flex-layer .layer-left,
.flex-layer .layer-right,
.flex-layer .layer-right-beta,
.flex-layer .layer-center,
.flex-layer .layer-shadow-middle{
	position: absolute;	
}
.flex-layer .layer-shadow-top .layer-left,
.flex-layer .layer-shadow-bottom .layer-left,
.flex-layer .layer-shadow-bottom .layer-right {
	width: 6px;
	height: 53px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.flex-layer .layer-shadow-top .layer-right,
.flex-layer .layer-shadow-top .layer-right-beta {
	width: 85px;
	height: 63px;
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 15;
}
.flex-layer .layer-shadow-top .layer-center,
.flex-layer .layer-shadow-bottom .layer-center {
	height: 53px;
	right: 6px;
	left: 6px;
	background-repeat: repeat-x;
}
.flex-layer .layer-shadow-top div { top: 0; }
.flex-layer .layer-shadow-bottom div { bottom: 0; }
.flex-layer .layer-left { left: 0; }
.flex-layer .layer-right { right: 0; }
.flex-layer .layer-right-beta { right: 0; }
.flex-layer .layer-shadow-top .layer-left { background: url(splash/form-top-left.png); }
.flex-layer .layer-shadow-top .layer-center { background: url(splash/form-top-center.png); }
.flex-layer .layer-shadow-top .layer-right { background: url(splash/form-top-right.png); }
.flex-layer .layer-shadow-top .layer-right-beta { background: url(splash/form-top-right-beta.png); }
.flex-layer .layer-shadow-bottom .layer-left { background: url(splash/form-bottom-left.png); }
.flex-layer .layer-shadow-bottom .layer-center { background: url(splash/form-bottom-center.png); }
.flex-layer .layer-shadow-bottom .layer-right { background: url(splash/form-bottom-right.png); }

.flex-layer p{
	margin:10px 0px 10px 0px;
}
.flex-layer ul li{list-style:square inside;}

.layer-space-bottom{
	overflow:hidden;
}
.layer-space-bottom input{
	margin:5px 0px 5px 142px;
	float:left;
	display:inline;
}
.layer-space-bottom a{
	float:right;
	font-weight:bold;
	margin:15px 8px 0px 0px; 
	line-height:14px;
}
.layer-space-bottom a:hover{
	color:#0063DC;
	text-decoration:none;
}

.vertical-spacer
{
	height: 20px;
	width: 100%;
}

/* =form`s
---------------------------------------------------------------------------- */
form dl.lang dt,
form dl.check dt,
form dl.lang dd,
form dl.check dd{
	float:right;
	margin:0px;
	text-align:left;
	line-height:normal;
	display:inline;
}
form dl{padding:0px;}
form dl::after,
form dl div.clear{ height:7px; }
form dl.check dt{width:285px;line-height:18px;}
form dl.check dd{width:auto;margin-right:5px;}
form dl dt{
	width:130px;
	margin-right:6px;
	margin-left:6px;
	padding:0;
}
form dl dd{
	width:auto;
}
form dl.lang dt{width:95px;}
form dl.lang dd{width:29.5em;}
form dl.lang::after{ height:0px; }

form input.submit{
	border:4px solid #f1f1eb;
	height:38px;
	font-size:11px;
	text-transform:uppercase;
	cursor:pointer;
	color:#fff;
	background:url('splash/form-button-submit.png') 0 0 repeat-x;
	padding:1px 10px;
}

/* =footer
---------------------------------------------------------------------------- */

#splash #footer::before{
	content:"";
	clear:both;
	display: block;
	height:0px;
	overflow:hidden;
}
#splash #container .wrapper #footer ul{
	margin-top:2em;
	border-top:1px dotted #bfd2d9;
	padding:10px 0px 10px 0px;
	font-size:0.75em;
	text-align:center;
}
#splash #container .wrapper #footer ul li{
	display:inline;
	padding:3px 10px 3px 9.5px;
	border-right:1px dotted #bfd2d9;
	color:#5f5f5f;
}
#splash .text a{color:#0081c0;}
#splash .text a,
div#footer li a{
	padding: 0.25em;
}
#splash .text a:hover,
div#footer ul li a:hover{
	color:#ffffff;
	background:#0081c0;
	text-decoration:none;
}
#splash #container .wrapper div#footer ul li#last{border-right:none;}
#splash #container .wrapper address p{
	margin-bottom:10px;
}
#splash .text h2{
	margin-top:10px;
}
#splash p.back{
	margin:10px 25px 5px 0px;
	text-align:right;
}
#splash form.openid{
	margin-top:0px;
	padding-top:44px;
	background:url(splash/form-openid.png) no-repeat 325px 0px;
}
#splash #footer address { 
	font-size:0.625em;
	text-align:center;
	color:#a2a2a2;
	padding:0.3em;
}
/*	=error view
---------------------------------------------------------------------------- */

#splash #container #error{
	position:relative;
	height:650px;
	font-family:"Arial Black", LucidaGrande, sans-serif;
}
#splash #bottom #road{
	background:url(splash/error/road.png) no-repeat;
	height:100%;
	width:926px;
	margin:0 auto;
}
#splash #container #error #trash,
#splash #container #error #user,
#splash #container #error #admin,
#splash #container #error #mark,
#splash #container #error #mark-shadow,
#splash #container h1.cloud,
#splash #container h2.cloud{
	position:absolute;
}
#splash #container #error #trash{
	width:94px;
	height:160px;
	top:350px;
	left:200px;
	background:url(splash/error/trash.png) no-repeat;
}
#splash #container #error #user{
	width:122px;
	height:384px;
	top:250px;
	left:40px;
	background:url(splash/error/user.png) no-repeat;
}
#splash #container #error #admin{
	width:182px;
	height:163px;
	top:270px;
	right:130px;
	background:url(splash/error/admin.png) no-repeat;
}
#splash #container #error #mark{
	width:211px;
	height:330px;
	top:24px;
	left:275px;
	background:url(splash/error/mark.png) no-repeat top center;
	text-align:center;
}
#splash #container #error #mark-shadow{
	width:260px;
	height:169px;
	top:350px;
	left:310px;
	background:url(splash/error/mark-shadow.png) no-repeat 0px 0px;
}
#splash #container #error h1,
#splash #container #error h2,
#splash #container #error h3{
	color:#000000;
}
#splash #container #error strong{
	color:#ff0000;
}
#splash #container #error h1 span,
#splash #container #error h2 span,
#splash #container #error h2 strong,
#splash #container #error h3 strong{
	display:block;
}
#splash #container #error #mark h1, 
#splash #container #error #mark h2, 
#splash #container #error #mark h3{
	text-align:center;
	width:100%;
}
#splash #container #error #mark h1{font-size:27px;margin-top:20px;}
#splash #container #error #mark h2{text-transform:uppercase;font-size:72px;}
#splash #container #error #mark h3{text-transform:uppercase;font-size:17px;margin-top:64px;}


#splash #container h1.cloud{
	width:216px;
	height:131px;
	background:url(splash/error/cloud.png) no-repeat;
	top:85px;
	padding:60px 20px 20px 0px;
	left:85px;
	text-align:right;
	font-size:20px;
	line-height:25px;
}
#splash #container h2.cloud{
	width:109px;
	height:86px;
	top:150px;
	padding:25px 20px 20px 20px;
	right:245px;
	background:url(splash/error/cloud-mini.png) no-repeat;
	font-size:14px;
}
#splash #container h1.cloud span{font-size:35px;}
#splash #container h2.cloud strong{
	font-size:35px;
	line-height:30px;
}
#splash #container #error h3.name{
	position:absolute;
	bottom:10px;
	right:-25px;
	text-align:right;
}
#splash #container #error h3.name strong{
	font-size:50px;
	line-height:40px;
}