/* Copyright (C) MobileSpecialists.de, 2012. All rights reserved! */

body{
	background-color:#ffffff;
	background-image:url("graphics/bg0.png");
	background-repeat:repeat-x;
}

div.PAGE{
	margin:20px 20px 0px 20px;
	color:#30b0c0;
	text-align:center;
	font-family:Arial,Helvetica,Sans;
	height:128px;
	max-width:600px;
	vertical-align:center;
	overflow:hidden;
	display:block;
	background-image:url("graphics/logo.png");
	background-repeat:no-repeat;
	padding:45px 140px 10px 140px;
}

a{
	color:#b0a050;
}

small.COPYRIGHT{
	margin-top:50px;
	display:block;
	font-size:11px;
	color:#909090;
	text-align:left;
	/*position:fixed;
	bottom:10px;*/
	border-style:solid;
	border-width:1px 0px 0px 0px;
	border-color:#909090;
}
small.COPYRIGHT:hover{
	color:#707070;
	border-color:#707070;
}


div.INFO{
	margin:30px 80px;
	color:#303050;
	text-align:left;
	font-family:Arial,Helvetica,Sans;
	font-size:11pt;
}


h1,h2,h3{
	font-weight:normal;
	margin-top:40px;
}
.KARTA6 h1,h2,h3{
	font-weight:normal;
	margin-top:0px;
}


pre{
	margin:15px;
	font-size:9pt;
	white-space:pre-wrap;
}
code{
	margin:15px;
	font-size:9pt;
}


table{
	border-style:solid;
	border-width:1px 0px 0px 1px;
	border-color:#c0c0c0;
	border-spacing:0px;
	padding:0px;
}
td{
	border-style:solid;
	border-width:0px 1px 1px 0px;
	border-color:#c0c0c0;
	margin:0px;
	padding:4px 10px 4px 10px;
}
td:first-child{
	font-size:115%;
}
th{
	border-style:solid;
	border-width:0px 1px 1px 0px;
	border-color:#c0c0c0;
	margin:0px;
	padding:4px 10px 4px 10px;
	background-image:url("graphics/bg0.png");
	background-repeat:repeat-x;
}



table.MINI td{
	border-style:solid;
	border-width:0px 1px 1px 0px;
	border-color:#c0c0c0;
	margin:0px;
	padding:4px 7px 4px 7px;
	font-size:95%;
}



td.TABLEDIVIDER{
	background-image:url("graphics/bg0.png");
	background-repeat:repeat-x;
}

td.domainname{
	text-transform:uppercase;
}


/* ######################### */



div.NOTE{
	background-color:#ffd000;
	background-image:url("graphics/bg_note.png");
	background-repeat:repeat-x;
	width:300px;
	min-height:120px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	opacity:0.8;
	filter:alpha(opacity=80);
	padding:8px;
	border-style:solid;
	border-color:#fff0d0;
	border-width:2px;
	box-shadow:0.0em 0.2em 0.5em 0.0em rgba(50,50,50,0.25);
	-moz-box-shadow:0.0em 0.2em 0.5em 0.0em rgba(50,50,50,0.25);
	-webkit-box-shadow:0.0em 0.2em 0.5em 0.0em rgba(50,50,50,0.25);
	color:#000000;
	font-size:100%;clear:right;
}
div.NOTE h2{
	padding:0px 0px 10px 0px;
	margin:0px;
	font-weight:normal;
	font-family:"Arial";
	color:#ffffff;
	text-shadow:0px 0px 4px rgba(0,0,0,0.70);
	-moz-text-shadow:0px 0px 4px rgba(0,0,0,0.70);
	-webkit-text-shadow:0px 0px 4px rgba(0,0,0,0.70);
	font-size:270%;
}
.BLURTEXT{
	padding:0px 0px 10px 0px;
	margin:0px;
	font-weight:normal;
	text-shadow:0px 0px 2px rgba(255,0,0,0.15);
	-moz-text-shadow:0px 0px 2px rgba(255,0,0,0.15);
	-webkit-text-shadow:0px 0px 2px rgba(255,0,0,0.15);
	color:transparent;
	overflow:hidden;
	display:block;
	height:55px;
}
.BLURTEXT:hover{
}
div.NOTE p{
	margin:0px 12px 8px 12px;
	padding:0px;
}
div.NOTE h2{
	margin:3px 12px 3px 12px;
	padding:0px;
}
div.NOTE a{
	color:#905000;
	text-shadow:0.0em 0.0em 0.5em #ff40ff;
	-moz-text-shadow:0.0em 0.0em 0.5em #ff40ff;
	-webkit-text-shadow:0.0em 0.0em 0.5em #ff40ff;
}
div.NOTE a:hover{
	color:#ff5000;
}
div.NOTE_NEWS{
	padding:0px !important;
}
div.NOTE_NEWS p{
	margin:5px 12px 5px 12px;
	padding:0px;
	font-size:92%;clear:right;
}
div.NOTE_NEWS h2{
	display:block;
	margin:0px;
	padding:25px 10px;
	border-radius:8px 8px 0px 0px;
	-moz-border-radius:8px 8px 0px 0px;
	-webkit-border-radius:8px 8px 0px 0px;
}
#ŁATKA{
	position:relative;
	float:right;
	transform:rotate(10deg);
	-moz-transform:rotate(10deg);
	-webkit-transform:rotate(10deg);
}
#ŁATKA2{
	position:relative;
	float:right;
	width:280px;
	margin-left:20px;
}
#ŁATKA3{
	width:400px;
	float:left;
	margin-right:0px;
	background-color:#8090c0;
	position:fixed;
	bottom:-270px;
	right:20px;
	opacity:1.0;
	filter:alpha(opacity=100);
	transition:0.8s;
	font-size:90%;
}
#ŁATKA3:hover{
	bottom:-3px;
}
#ŁATKA4{
	margin-top:0.7cm;
	background-color:#f8f8f8;
	border-color:#fff;
	width:auto !important;
}
div.NOTE_NOTE{
	float:left;
	width:45%;
	margin:5px;
	/*background-color:#005000;*/
	/*background-image:url('graphics/bg_bar.png');*/
}
div.NOTE_BOX{
	float:left;
	width:23%;
	min-width:200px;
	margin:5px;
	background-color:#c0c0d8;
	/*background-image:url('graphics/bg_bar.png');*/
}

div.SPECIALLINK_TOP{
	position:fixed;
	top:-7px;
	right:20px;
	background-color:#900050;
	/*background-image:url("graphics/bg_bar.png");*/
	/*height:30px;*/
	min-height:30px;
	/*max-height:30px;*/
	padding:0px;
	line-height:30px;
	border-style:solid;
	border-color:#fff0d0;
	border-width:2px;
	box-shadow:0.0em 0.2em 0.5em 0.0em rgba(50,50,50,0.25);
	-moz-box-shadow:0.0em 0.2em 0.5em 0.0em rgba(50,50,50,0.25);
	-webkit-box-shadow:0.0em 0.2em 0.5em 0.0em rgba(50,50,50,0.25);
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	vertical-align:bottom;
	font-family:"Arial";
	z-Index:1000;
	text-align:right;
}
div.SPECIALLINK_TOP:hover{
	background-color:#90c050;
}
div.SPECIALLINK_TOP a{
	text-decoration:none;
	color:#ffffff;
	padding:8px;
}
div.SPECIALLINK_TOP a:hover{
	text-decoration:underline;
}
div.SPECIALLINK_TOP h1{
	font-size:120%;
	font-weight:normal;
	margin:3px 10px;
	padding:0px;
	display:inline;
}
div.SPECIALLINK_T_ANIM{
	top:-37px;
	padding:8px;
	transition:0.4s;
	background-size:auto 250px;
}
div.SPECIALLINK_T_ANIM:hover{
	background-color:#90c050;
	top:-7px;
	right:100px;
}



div.PAYMENTS{
	font-size:90%;
	margin-top:2cm;
	vertical-align:bottom;
}
div.PAYMENTS table{
	border-width:0px;
	display:inline;
	vertical-align:middle;
}
div.PAYMENTS td{
	border-width:0px;
	display:inline;
	vertical-align:middle;
}



div.COLUMN_RIGHT{
	float:right;
	width:320px;
	margin:7px;
}



span.HL{
	background-color:#ffe0e0;
	border-style:solid;
	border-color:#ffa0a0;
	padding:2px;
	border-width:1px;
	box-shadow:0.0em 0.2em 0.5em 0.0em rgba(50,50,50,0.25);
	-moz-box-shadow:0.0em 0.2em 0.5em 0.0em rgba(50,50,50,0.25);
	-webkit-box-shadow:0.0em 0.2em 0.5em 0.0em rgba(50,50,50,0.25);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
span.HL2{
	background-color:#c0ffc0;
	border-style:solid;
	border-color:#a0ffa0;
	padding:5px;
	margin:5px;
	border-width:1px;
	box-shadow:0.0em 0.2em 0.5em 0.0em rgba(50,50,50,0.25);
	-moz-box-shadow:0.0em 0.2em 0.5em 0.0em rgba(50,50,50,0.25);
	-webkit-box-shadow:0.0em 0.2em 0.5em 0.0em rgba(50,50,50,0.25);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float:left;
}
span.HL2:hover{
	background-color:#f0fff0;
	border-color:#c0ffc0;
}
span.HL3{
	background-color:#f5f5f5;
	border-style:solid;
	border-color:#e8e8e8;
	padding:14px;
	margin:2px;
	border-width:1px;
	box-shadow:0.0em 0.2em 0.5em 0.0em rgba(50,50,50,0.25);
	-moz-box-shadow:0.0em 0.2em 0.5em 0.0em rgba(50,50,50,0.25);
	-webkit-box-shadow:0.0em 0.2em 0.5em 0.0em rgba(50,50,50,0.25);
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	float:left;
	font-size:120%;
	min-width:100px;
	text-align:center;
}
span.HL3:hover{
	/*background-color:#fbfbfb;*/
	background-color:#c0ffc0;
	color:#806020;
	border-color:#f0f0f0;
}



div.CONDITIONS{
	border:solid 1px #c0c0c0;
	background-color:#ffffe8;
	color:#403000;
	padding:10px;
	margin:5px 0px;
}
div.INCFILE{
	overflow:scroll;
	height:180px;
}
div.INCFILE h1{
	font-size:150%;
	margin-top:0px;
}
div.INCFILE h2{
	font-size:130%;
	margin-top:0px;
}
label{
	width:120px;
	display:block;
}
.BUTTON{
/*	background-color:rgb(200,255,100);
	background:-moz-linear-gradient(top, rgba(100,255,100,1.0) 0%, rgba(200,255,100,0.8) 50%, rgba(100,255,100,1.0) 100%);
	color:#005000;
	text-shadow:0.0em 0.0em 0.5em #ffffff;
	filter:dropshadow(color=#ffffff, offx=0.0em, offy=0.1em);
	border:solid 1px #ffe0e0;
	text-decoration:none;
	border:solid 1px #ffffff;
	
	box-shadow:0em 0em 0.3em 0.1em rgba(50,50,50,0.35);
	-moz-box-shadow:0em 0em 0.3em 0.1em rgba(50,50,50,0.35);
	-webkit-box-shadow:0em 0em 0.3em 0.1em rgba(50,50,50,0.35);
	
	padding:0.5% 7px 0.5% 7px;
	margin:1%;
	-moz-border-radius:20px;
	border-radius:20px;*/
	/*new*/
	display:inline-block;
/*	background-color:rgb(255,0,0);*/
	background-color:rgb(200,255,100);
	background:-moz-linear-gradient(top, rgba(100,255,100,1.0) 0%, rgba(200,255,100,0.8) 50%, rgba(100,255,100,1.0) 100%);
/* 	background:-moz-linear-gradient(top, rgba(240,0,0,1.0) 0%, rgba(255,0,0,1.0) 20%, rgba(255,0,0,1.0) 80%, rgba(240,0,0,1.0) 100%); */
	color:#005000;
	font-weight:bold;
	font-size:110%;
	text-shadow:0.0em 0.0em 0.2em #ffffff;
	filter:dropshadow(color=#ff0000, offx=0.0em, offy=0.1em);
	padding:8px 15px 8px 15px;
	margin:2%;
	border:solid 0px #ffffff;
	-moz-border-radius:7px;
	border-radius:7px;
	text-decoration:none;
	box-shadow:0em 0em 0.3em 0.1em rgba(50,50,50,0.25);
	-moz-box-shadow:0em 0em 0.3em 0.1em rgba(50,50,50,0.25);
	-webkit-box-shadow:0em 0em 0.3em 0.1em rgba(50,50,50,0.25);
	text-align:center;
}




.BUTTON:hover{
	color:#003000;
	
	text-shadow:0.0em 0.0em 0.5em #ffffff;
	filter:dropshadow(color=#000070, offx=0.0em, offy=0.1em);
	
	background-color:rgb(240,255,220);
	background:-moz-linear-gradient(top, rgba(150,255,150,1.0) 0%, rgba(240,255,120,1.0) 50%, rgba(150,255,150,1.0) 100%);
	
	border:solid 0px #00b000;
}








.BUTTON2{
	text-decoration:none;
	/*color:#207050;*/
	color:#707070;
	
	border:solid 1px #c0c0c0;
	/*
	text-shadow:0.0em 0.0em 0.5em #00a070;
	filter:dropshadow(color=#000070, offx=0.0em, offy=0.1em);
	*//*
	box-shadow:0em 0em 0.3em 0.1em rgba(50,50,50,0.35);
	-moz-box-shadow:0em 0em 0.3em 0.1em rgba(50,50,50,0.35);
	-webkit-box-shadow:0em 0em 0.3em 0.1em rgba(50,50,50,0.35);
	*/
	-moz-border-radius:20px;
	border-radius:20px;
	/*
	background-color:rgb(190,255,190);
	background:-moz-linear-gradient(top, rgba(180,255,180,1.0) 0%, rgba(230,255,190,1.0) 50%, rgba(180,255,180,1.0) 100%);
	*/
	padding:0.5% 7px 0.5% 7px;
	margin:1%;
}




.BUTTON2:hover{
	background-color:rgb(240,255,220);
	background:-moz-linear-gradient(top, rgba(180,255,180,1.0) 0%, rgba(230,255,190,0.8) 50%, rgba(180,255,180,1.0) 100%);
	color:#005000;
	text-shadow:0.0em 0.0em 0.5em #ffffff;
	filter:dropshadow(color=#ffffff, offx=0.0em, offy=0.1em);
	
	border:solid 1px #ffffff;
}





div.BGTEXT{
	padding:50px 0px;
	font-size:270px;
	font-weight:normal;
	color:#ffffff;
	font-family:"Arial";
	text-shadow:0.0em 0.0em 0.1em #ffff50;
	filter:dropshadow(color=#000070, offx=0.0em, offy=0.1em);
}
div.NEWSIMAGE{
	position:relative;
	/*border:solid 1px;*/
	max-width:100% !important;
	max-height:auto !important;
	height:auto;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
div.NEWSIMAGE img{
	position:relative;
	display:inline-block;
	border:solid 1px;
	margin:0px;
	width:auto;
	max-width:100% !important;
	max-height:500px !important;
}
div.NEWSBG{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000;
	background-size:100% auto;
	background-position:center center;
	filter:blur(10px);
}
div.NEWSBGDIMM{
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.2);
}






img.RATINGSTAR{
	height:14px;
}






@media only screen and (max-width:800px) {
	div.PAGE{
		margin:0.5cm 0.3cm 0.5cm 0.3cm !important;
		padding: !important;
		height:auto;
		min-height:142px;
	}
	div.INFO{
		margin:0.2cm 0.3cm;
	}
	#ŁATKA3{
		width:100% !important;
		max-width:400px;
		bottom:-270px;
	}
	#ŁATKA{
		display:none;
	}
	div.KARTA1{ font-size:120%; }
	div.KARTA2{ font-size:120%; }
	div.KARTA3{ font-size:120%; }
	div.KARTA4{ font-size:120%; }
	div.KARTA5{ font-size:120%; }
	div.KARTA6{ font-size:120%; }
	div.SPECIALLINK_TOP{
		right:0px !important;
	}
}
@media only screen and (max-width:640px) {
	div.PAGE{
		margin:0.5cm 0.3cm 0.5cm 0.3cm !important;
		padding:0.2cm 0px 0.2cm 140px !important;
	}
	div.INFO{
		margin:0.2cm 0.3cm;
	}
	#ŁATKA3{
		right:0px;
	}
	#ŁATKA{
		display:none;
	}
	div.NOTE{
		display:none !important;
	}
	.KARTA6{
		display:none !important;
		transform:scale(0.5,0.5);
	}
	.SPECIALLINK_TOP{
		font-size:80%;
		min-height:1.2cm !important;
		line-height:1.4cm !important;
	}
	table tr td img{
		max-width:80px !important;
	}
	img{
		max-width:100%;
		height:auto;
	}
	div.NEWSBG{
		border:solid 1px;
		max-width:100% !important;
		max-height:auto !important;
	}
	div.NEWSBG img{
		border:solid 1px;
		max-width:100% !important;
		max-height:auto !important;
	}
}