body, input, textarea, select, button
{
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 80%;
	line-height: 1.5em;
	color: #333;
}

#rightP h2
{
	font-family: Cambria, Georgia, Palatino, "Palatino Linotype", Constantia, serif;
}

body
{
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #64849b url('body.jpg') repeat-x 50% 0;
	color: #1e333d;
}

a
{
	color: #407890;
	text-decoration: none;
}

a:hover
{
	color: #355b6b;
	text-decoration: underline;
}

#rightP h2, #rightP h3
{
	color: #4b5d69;
}

h2
{
	font-size: 150%;
	font-weight: normal;
	margin: 8px 0;
	padding: 0 0 4px 0;
}

h2 .little
{
	font-size: 80%;
}

h3
{
	font-size: 110%;
	font-weight: bold;
	margin: 8px 0;
	padding: 0;
}

h3 .little
{
	font-size: 85%;
}

h4
{
	font-size: 100%;
	font-weight: bold;
	margin: 6px 0;
	padding: 0;
}

h4 .little
{
	font-size: 90%;
}

h1 .little, h2 .little, h3 .little, h4 .little
{
	font-weight: normal;
}

pre, code, .code
{
	font-family: consolas, monospace;
	font-size: 100%;
}

p
{
	margin: 8px 0;
}

acronym
{
	cursor: help;
}

ol
{
	margin: 4px;
	padding-left: 16px;
}

ul
{
	margin: 4px;
	padding-left: 16px;
}

ul li
{
	list-style-image: url('ul.li.png');
}

ul.webhosting li
{
	list-style-image: url('website.png');
}

ul.webove-prezentace li
{
	list-style-image: url('website.png');
}

ul.specializovana-reseni li
{
	/*list-style-image: url('building.png');*/
}

.large
{
	font-size: 110%;
}

.little
{
	font-size: 90%;
}

.detail
{
	font-size: 90%;
	color: #4b5d69;
}

.cl
{
	clear: both;
}

.hr
{
	background-color: #ddd;
	height: 1px;
	clear: both;
	overflow: hidden;
	margin: 4px 0;
}

.hr hr
{
	display: none;
}

table tr td.lr
{
	padding: 4px 3px 4px 32px;
	vertical-align: top;
	text-align: right;
}

table tr td.rl {
	padding:4px 3px 4px 3px;
	vertical-align:top;
	text-align:left;
}
table tr td.rli {
	padding:3px 3px 2px 3px;
	vertical-align:top;
	text-align:left;
}
table tr td.rli p {
	padding:4px 0 4px 0;
}

a.external
{
	background:url('external.gif') no-repeat 100% 50%;
	padding-right:10px;
}
a.external:hover {
	background-image:url('external-hover.gif');
}
.grayed {
	color: #4b5d69;
}

/**/

#page
{
	position:relative;
	clear: both;
}

#top
{
	position: relative;
	width: 100%;
	height: 180px;
	background: url('panel.png') repeat-x 0 100%;
}
#top-in {
	width: 960px;
	margin: auto;
	text-align: left;
	line-height: 46px;
}

#top ul, #top ul li {display:inline;padding:0;margin:0;}
#top ul li {display:block;padding:0 8px 0 8px;height:46px;float:left;background:url('top-delimiter.png') no-repeat 0 50%;}
#top ul li.first {background:none;}
#top ul li a {color: #a1c9e1; padding: 4px; font-size: 110%;}
#top ul li a:hover {color: #fff; text-decoration: none; border-bottom: 1px solid #ffb;}
#top ul li a.sel {color: #fff; border-bottom: 2px solid #a1c9e1; font-weight: bold;}

#top-r {
	float:right;
}

#header
{
	position: relative;
	width: 100%;
	height: 134px;
	overflow: hidden;
	clear: both;
}
#header a {
	color:#fff;
}
#header h1
{
	position: absolute;
	left: 22px;
	width:205px;height:96px;overflow:hidden;
	background:url('h1.png') no-repeat 0 0;
	margin:0;
}
#header h1 a {
	display:block;width:205px;height:96px;overflow:hidden;
}
#header h1 a:hover {
	text-decoration:none;
}
#header h1 span {display:none;}

#bread
{
	position: absolute;
	top: 84px;
	left: 30px;
	color: #ffb;
}
#bread a
{
	color: #fff;
}
#bread a:hover
{
	color: #fff;
	text-decoration: underline;
}
#panel {
	position:absolute;top:58px;right:8px;
	color:#1e333d;
	text-align:right;
}
#panel-admin
{
	background: #000;
	padding: 0.6em 2em;
	color: #aa6;
	font-size: 85%;
}
#panel-admin- a {
	padding: 0 2px;
	color: #ff8;
}
#panel-admin- a.sel, #panel-admin- a:hover
{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

#rightP-nav
{
	text-align:left;
	color:#a9b8c2;
}

#rightP-nav-in
{
	padding-bottom:6px;
}

#rightP-nav a
{
	font-size:110%;
}

#rightP-nav a.sel
{
	text-decoration:underline;
}

#container
{
	position: relative;
	margin: 0 auto;
	width: 960px;
	clear: both;
}

#container-in
{
	position: relative;
	width: 100%;
	background: url('mbb-bg.png') repeat-y;
	text-align: left;
	min-height: 200px;
	clear: both;
}

#leftP
{
	position: relative;
	float: left;
	width: 210px;
	padding-top: 8px;
	line-height: 1.4em;
	overflow: hidden;
	font-size: 90%;
}
#leftP a {
	color: #a1c9e1;
}
#leftP a:hover {
	color: #fff;
}

#leftP .hr
{
	background-color: #25313b;
}

#leftP-
{
	position: relative;
	padding: 0 16px 12px 8px;
	color: #fff;
	text-align: left;
}
#leftP h2, #leftP h3, #leftP h4
{
	padding: 2px 0 4px 0;
	color: #ffb;
	border-bottom: 1px dotted #000;
}
#leftP h2
{
	font-size: 130%;
	border-color: #000;
}

#leftP h5
{
	font-size: 100%;
	margin: 3px 0 3px 0;
}

#leftP .orderStepDone
{
	color: #cc8;
}
#leftP .orderStepActive
{
	color: #fff;
}

#leftP p, #leftP h2, #leftP h3, #leftP h4
{
	margin: 6px 3px;
}

#leftP ul.menu
{
	position: relative;
	padding: 0;
	margin: 0;
}

#leftP ul.menu li
{
	display: inline;
	padding: 0;
	margin: 0;
}

#leftP ul.menu li a
{
	display: block;
	padding: 2px 4px 3px 24px;
	background: url('arrow.png') no-repeat 8px 8px;
	line-height: 1.5em;
}

#leftP ul.menu li a:hover
{
	color: #fff;
	text-decoration: none;
}

#leftP ul.menu li a.sel, #leftP ul.menu li a:active
{
	text-decoration: underline;
}

#rightP
{
	position:relative;
	float:left;
	width:750px;
	overflow:hidden;
}

#rightP- {
	position:relative;
	padding:10px 20px 10px 20px;
}

#rightP h2
{
	background: none repeat-x 0 50%;
	padding-left: 10px;
}
#rightP h2 span.in
{
	background: #fff;
	padding: 0 6px 0 6px;
}

#rightP h2.line { background-image:url('heading.gif'); }

#rightP h3.grayed {
	color: #8291a4;
}

#footer
{
	position: relative;
	background: url('footer.png') repeat-x;
	color: #fff;
}

#footer-
{
	width: 960px;
	margin: 0 auto;
	background: url('footer.png');
	font-size: 90%;
	text-align: left;
}

#footer--
{
	padding: 16px 0 16px 210px;
}

#footer---
{
	border-left: 1px dotted #fff;
	padding-left: 16px;
}

#footer .copyrightText
{
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 1.5em;
}

#footer a
{
	color: #ff8;
}

.exclamation
{
	padding-right: 8px;
	background: url('exclamation.png') no-repeat 100% 50%;
	color: #d00 !important;
}

.green
{
	padding-right: 16px;
	background: url('icon.green.gif') no-repeat 100% 50%;
	color: #093 !important;
}

/* messages */

p.red {
	background-position:8px 8px;
	background-repeat:no-repeat;
	font-size:8pt;
	text-align:left;
	padding:6px 8px 6px 32px;
	margin:8px 0;
	border:1px solid #888;
	clear:both;
}
p.red {
	background-image:url('p.red.gif');
	background-color:#ffe3e3;
	border-color:#e69090;
	color:#b10101;
}

/* forms */

form {
	margin:0;padding:0;
	clear:both;
}
form.center {
	text-align:center;
}
.txt {
	border:1px solid #aaa;
	padding:2px;
	font-size:100%;
	color:#333;
	background:#f0f0f0 url('input-txt-bg.gif') repeat-x;
}
.txt:hover {border-color:#888;}
.txt:focus {
	border-color:#555;
	color:#000;
	background:#fff url('input-txt-bg-hover.gif') repeat-x;
}
select.txt {padding:0;}

.btn {
	border:1px solid #076d07;
	font-size:100%;
	color:#fff;
	background:#008e00 url('input-btn-bg.gif') repeat-x;
}
.btn:hover {
	border-color:#000;
	background:#007f00 url('input-btn-bg-hover.gif') repeat-x;
}

.large .txt,
.large .btn {
	font-weight:bold;
}
.large .btn {
	padding-top:2px;
	padding-bottom:2px;
}

/* admin */

.en {
	float:left;
	width:16px;height:16px;overflow:hidden;
	background-repeat:no-repeat;
	font-size:0;
}
.en-0 {background-image:url('icon.en-0.gif');}
.en-1 {background-image:url('icon.en-1.gif');}

.delete {
	display:block;
	width:9px;height:16px;overflow:hidden;
	background:url('icon.delete.gif') no-repeat 0 0;
}
a.delete:hover {
	background-position:0 -16px;
}

table tr td.f {
	padding:0 3px 0 21px;
	background-repeat:no-repeat;
	background-position:3px 3px;
}
.f-date {
	background-image:url('icon.date.png');
}
.list .down {background:url('icon.down.gif') no-repeat 0 60%;padding:2px 2px 2px 16px;color:#289115;font-weight:bold;}
.list .up {background:url('icon.up.gif') no-repeat 0 60%;padding:2px 2px 2px 16px;color:#e31c01;font-weight:bold;}

.item-nice {
	display:block;
	padding:4px 4px 4px 30px;
	background:none no-repeat 6px 6px;
	border:1px solid #fff;
	text-decoration:none;
}
.item-nice:hover {
	background-color:#fafafa;
	border-color:#eee;
	text-decoration:none;
}
.item-nice strong {
	font-size:110%;
	font-weight:bold;
}
.item-nice div {
	margin-bottom:3px;
}

a.mailbox {background-image:url('mail.box.gif');}
.role {background-image:url('role.item.png');}
.role:hover {background-image:url('role.item.hover.png');}
.role-disabled {
	background-image:url('role.item.disabled.png');
	color:#888;
}

#mailbox-bin {
	padding:0 4px 0 30px;
	background:none no-repeat 6px 2px;
}
#mailbox-bin {background-image:url('mail.box.gif');}

.rss {
	background:url('rss.png') no-repeat 1px 2px;
	padding-left:14px;
	color:#ff8022;
	font-weight:bold;
}

.footnote
{
	margin-top: 20px;
	border-top: 1px solid #ccc;
	padding: 6px;
	color: #999;
	font-size: 90%;
}

/* deco */

.deco-a {
	position:absolute;
	color:#014313;
	font-size:90%;
	cursor:default;
}

/* box */

.box {
	margin: 4px 0 4px 0;
}
.box-in {
	position: relative;
	background: #ffffb2 url(data:image/gif;base64,R0lGODlhDABAAIcAAP//sv//s///tf//t///uf//u///vv//wP//wv//xf//x///yf//zP//zv//0P//0v//1P//1f//1wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAAMAEAAAAjAACUIHEhQYISDCBMqXMiwoUOEECJKnEixosWLGCU+2Mixo8ePIEM6GEmypMmTKFOqJNmgpcuXMGPKnEnTJYObOHPq3Mmz54KfQIMKHUq0qFGgCpIqXcq0qdOnUJUmmEq1qtWrWLMi2Mq1q9evYMOK5XqgrNmzaNOqXcvWrIG3cOPKnUu3boG7ePPq3cu3r1+8BAILHky4sOHDiAUPWMy4sePHkCMLmEy5suXLmDNrphygs+fPoEOLHg2gtOnTpQMCADs=) repeat-x 0 0;
}
.box-a {
	position: relative;
	height: 3px;
	overflow: hidden;
	background: url(data:image/gif;base64,R0lGODlhAgACAIMAANzcQf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAACAAIAAAQEEIAQIgA7) repeat-x 0 0;
}
.box-aa {
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 3px;
	overflow: hidden;
	background: url(data:image/gif;base64,R0lGODlhAwADAIMAAN/fUeDgVevrlOzsmu3tnfv76///6/z87/39+gAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAADAAMAAAQHEJEwRAHHRAA7) no-repeat;
}
.box-ac {
	position:absolute;top:0;right:0;
	width:3px;height:3px;overflow:hidden;
	background:url(data:image/gif;base64,R0lGODlhAwADAIMAAN7eS9/fUevrlOzsmv//6vz87/399P39+gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAADAAMAAAQHEIxjxCAlRAA7) no-repeat;
}
.box-ba {
	background:url(data:image/gif;base64,R0lGODlhAgACAIMAANzcQf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAACAAIAAAQEEAQZAQA7) repeat-y 0 0;
}
.box-bc {
	background:url(data:image/gif;base64,R0lGODlhAgACAIMAANzcQf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAACAAIAAAQEMAAZAQA7) repeat-y 100% 0;
}
.box-b-in {
	padding:4px 14px 4px 14px;
	color:#000;
}
.box-b-in a {
	color:#c00;
}
.box-c {
	position:relative;
	height:3px;overflow:hidden;
	background:url(data:image/gif;base64,R0lGODlhAgACAIMAANzcQf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAACAAIAAAQEMAQAIgA7) repeat-x 0 100%;
}
.box-ca {
	position:absolute;top:0;left:0;
	width:3px;height:3px;overflow:hidden;
	background:url(data:image/gif;base64,R0lGODlhAwADAIMAAN3dRd/fU+vrlOzslv//0/z87f39+v7++AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAADAAMAAAQHEBwyRDEjRAA7) no-repeat;
}
.box-cc {
	position:absolute;top:0;right:0;
	width:3px;height:3px;overflow:hidden;
	background:url(data:image/gif;base64,R0lGODlhAwADAIMAAN3dRN7eSevrlP//0f399/39+v7++wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAADAAMAAAQHcBhAhAiiRAA7) no-repeat;
}

/* specific */

.loading {
	display:block;
	background:url('loading.gif') no-repeat 100% 3px;
}
.loading-note {
	display:none;
	background:url('loading.gif') no-repeat 6px 3px;
	padding-left:20px;
	color:#888;
}

.email-message {
	background:url('/pics/mail.messages.png') no-repeat 100% 0;
	padding:10px 160px 10px 10px;
	font-size:110%;
}

.panel {
	float:left;width:190px;
}
.panel-wide {
	float:left;width:520px;
}

.order-payments {
	width:710px;
	background:url('order-payments-bg.gif') repeat-y;
}
.pay-logo {
	float:left;
	width:110px;
}
.pay-logo-in {
	padding:6px 10px 6px 0;
	text-align:center;
}
.pay-info {
	float:left;
	width:600px;
	border-bottom:1px solid #ccc;
}
.pay-info-in {
	padding:6px 4px 0 4px;
}

.svc-hosting-title {
	font-weight:bold;
	color:#555;
}
strong .svc-hosting-title {
	color:#000;
}
.svc-hosting .space {
	color:#048;
}
.svc-hosting .pay {
	color:#c00;
}

#rightP .menu .block
{
	display: block;
	border: 1px solid #fff;
	background-repeat: no-repeat;
	background-position: 12px 50%;
	padding: 8px 8px 8px 76px;
}
#rightP .menu a.block
{
	color: inherit;
}
#rightP .menu a.block strong
{
	color: #c00;
}
#rightP .menu .block:hover
{
	text-decoration: none;
	border-color: #eee;
	background-color: #f8f8f8;
}
#rightP .menu a strong
{
	font-size: 130%;
}
#rightP .menu a .grayed
{
	color: #888;
}
#rightP .menu .block
{
	font-size: 85%;
}

div.payments {
	text-align:center;
}
img.payment {
	margin:4px;
}

/* doc */

.doc .txt {
	background:#fff;
	border:1px solid #ccc;
}
.txt-disabled {
	background:#f5f5f5;
	border:1px solid #ddd;
	color:#aaa;
}

td.sml, span.sml {
	font-size: 90%;
}

.navigation {
	text-align:center;
	color:#888;
	line-height:1.5em;
	padding:0.5em;
}
.navigation a,
.navigation .n,
.navigation .n-sel {
	font-size:9pt;
}
.navigation .n {
}
.navigation .n-sel {
	font-weight:bold;
	color:#000;
}
.r {
	text-align:right;
}

/* warnings */

p.warn {
	color: #dd3c10;
	border: 1px solid #ffebe8;
	background: #fef8f6;
	padding: 0.5em 1em;
}

.rssItem {
	display: block;
	background: url('icon32.rss.png') no-repeat 4px 8px;
	padding: 4px 4px 4px 44px;
	margin: 1em;
	font-size: 90%;
}

/* AdministratorSettings */

.AdministratorSettings
{
	border-left: 3px solid #c00;
	padding: .5em 1em;
}
