/* ----------------------------------
        @company:       www.actum.cz
        @author:        Jan Panschab, Dmitrij Dudnik
        @site:          www.wuestenrot.cz
---------------------------------- */
/* ----------------------------------------------------------------
  reset
---------------------------------------------------------------- */
body,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend,
th, td, hr, pre, p, blockquote { margin:0; padding:0; }


/* ----------------------------------------------------------------
  basic elements
---------------------------------------------------------------- */
body { margin: 0; padding: 0; font-size: 12px; text-align: left; font-family: "Arial CE", Arial, sans-serif; color: #6e6e6e; }

h1, h2, h3, h4, h5, h6 { position: relative; padding: 1em 0 0.5em; line-height: t 1.2; color: #6d6969; }
h1 { font-size: 28px; padding-top: 0; color: #FF5D0F; }
h2 { font-size: 24px; font-weight: normal; color: #FF5D0F; }
h3 { font-size: 18px; }
h4 { font-size: 16px; font-weight: normal; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

a { color: #FF5D0F; }
a:hover { color: #777; text-decoration: none; }

p, ul, ol, dl, table { font-size: 12px; line-height: 1.5; padding: 0 0 1em; }

hr { display: none; }
div.hr { clear: both; border: none; height: 1px; border-bottom: 2px solid #EB6400; margin-bottom: 2em; padding-top: 2em; }

img.left { float: left; margin-right: 15px; margin-bottom: 10px; }
img.right { float: right; margin-left: 15px; margin-bottom: 10px; }
img { border: 2px solid #dcdcdc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

ul { list-style: outside; padding: 0 0 1em 0; }
ul li, ol li { padding-left: 2em; }
ul ul, ol ol, ul ol, ol ul { padding: 0 0 0 2em; }
ul { list-style: none; }
ul li { background: url(../gfx/ul.png) no-repeat -385px 6px; }
ul ul li { background-position: -285px -95px; }
ul ul ul li { background-position: -185px -195px; }
ul ul ul ul li { background-position: -85px -295px; }
ol { list-style: outside; padding: 0 0 1em 2em; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style-type: lower-roman; }

dl { margin-bottom: 20px; overflow: hidden; }
dt { clear: both; float: left; margin-right: 10px; width: 120px; font-size: 16px; font-weight: bold; }
dd { overflow: hidden; float: left; width: 570px; }
dt, dd { padding-top: 10px; }

table {
	border: 2px solid #d6d6d6;
	border-collapse: collapse;
	margin: 0 0 1em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(/js/PIE.htc);
}
table.layout-tab { border: 0 none; border-collapse: collapse; } table.layout-tab td, table.layout-tab th { border: 0 none; background: #fff; padding: 0; }

td, th { border: 1px solid #fff; background: #f1f1f1; padding: 4px 8px; line-height: 1.5; }
thead, tfoot, th { background: #FF5D0F; color: #fff; text-align: center; }

small { font-size: 11px; }

fieldset { border: 0 none; }
legend { display: none; }
input { vertical-align: middle; margin: 0 5px 0 0; }
input[type=text] {
	width: 200px;
	border: 1px solid #eee;
	padding: 4px 6px;
	-moz-box-shadow: 1px 1px 2px #999 inset;
	-webkit-box-shadow: 1px 1px 2px #999 inset;
	box-shadow: 1px 1px 2px #999 inset;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	behavior: url(/js/PIE.htc);
}
input[type=submit],
input[type=button],
a.button {
	border: 1px solid #e5e5e5;
	padding: 3px 8px;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
	background: url('/gfx/input-bg.gif') repeat-x 50% 50% #eb4c00;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 1px 1px #999;
	-webkit-box-shadow: 0px 1px 1px #999;
	box-shadow: 0px 1px 1px #999;
	behavior: url(/js/PIE.htc);
}
input.button:hover,
.button:hover { background-image: url('/gfx/input-bg-hover.gif'); }
input.button:focus,
.button:focus,
input.button:active,
.button:active {
	-moz-box-shadow: 0px 1px 0px #999;
	-webkit-box-shadow: 0px 1px 0px #999;
	box-shadow: 0px 1px 0px #999;
	behavior: url(/js/PIE.htc);
}
input.button[class] { width: auto; }
input.button { overflow: visible; width: 0; }

a.button-non-pie {
	border: 1px solid #e5e5e5;
	padding: 3px 8px;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
	background: url('/gfx/input-bg.gif') repeat-x 50% 50% #eb4c00;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 1px 1px #999;
	-webkit-box-shadow: 0px 1px 1px #999;
	box-shadow: 0px 1px 1px #999;
}
.button-non-pie:hover { background-image: url('/gfx/input-bg-hover.gif'); }
.button-non-pie:focus,
.button-non-pie:active {
	-moz-box-shadow: 0px 1px 0px #999;
	-webkit-box-shadow: 0px 1px 0px #999;
	box-shadow: 0px 1px 0px #999;
}

form .inline,
form .list { border: 0 none; line-height: normal; margin: 0; text-align: left; padding: 0 0 0.5em; position: relative; }
.inline label { text-align: left; float: right; line-height: normal; width: 145px; }
.inline input { vertical-align: top; }


/* ----------------------------------------------------------------
  basic classes
---------------------------------------------------------------- */
.nod { display: none !important; }
.hid { visibility: hidden; }
.nob { border: 0 !important; }
img.nob { padding: 0 !important; }
.spaceman { position: absolute; top: -3000px; left: 0; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.fll { float: left !important; }
.flr { float: right !important; }
.cleaner { clear: both; }
span.cleaner { clear: both; display: block; }
.clrl { clear: left; }
.clrr { clear: left; }
.dblock { display: block; }

.cleaner.right { padding-top: 20px; }
.center { text-align: center; }

img.flr,
a.flr img { margin: 0 0 20px 20px; }

img.fll,
a.fll img { margin: 0 20px 20px 0; }

/* ----------------------------------------------------------------
  special classes
---------------------------------------------------------------- */
a.print { padding-right: 17px; background: url(../gfx/icons/print.gif) no-repeat right center; }
p.more { text-align: right !important; margin-top: -1em; clear: both; }

.block { background-color: #eee; border: 1px solid #aaa; margin: 0 0 1em; padding: 1em 1em 0; }

.file { padding: 2px 0 2px 24px; background: url(../gfx/icons/page.png) no-repeat left 2px; line-height: 18px; }
.pdf { background-image: url(../gfx/icons/acrobat.png); }
.img { background-image: url(../gfx/icons/img.png); }
.jpg { background-image: url(../gfx/icons/jpg.png); }
.ai { background-image: url(../gfx/icons/ai.png); }
.zip { background-image: url(../gfx/icons/zip.png); }
.mpg { background-image: url(../gfx/icons/mpg.png); }
.word { background-image: url(../gfx/icons/word.png); }
.xls { background-image: url(../gfx/icons/xls.png); }

.big { font-size: 15px !important; }
.orange { color: #FF5D0F !important; }

ul.button-list a,
.button3 {
	font-size: 11px;
	text-transform: uppercase;
	color: #fff !important;
	text-decoration: none;
	border: 1px solid #5d5d5d;
	padding: 4px 8px;
	background: #424242 url(../gfx/gradient-button3.png) repeat-x 0 0; /* old browsers */
	background: -moz-linear-gradient(top, #909090 0%, #424242 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#909090), color-stop(100%,#424242)); /* webkit */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	behavior: url(/js/PIE.htc);
}
ul.button-list a:hover,
.button3:hover { text-decoration: underline; }

.button2 {
   display: inline-block;
   width: 120px;
	margin-right: 10px;
   padding: 5px;
   background: #A44600;
   color: #fff;
   font-style: normal;
   font-weight: bold;
   text-decoration: none;
   text-align: center;
   border: 0 none;
   cursor: pointer;
   -moz-border-radius: 12px; /* FF1+ */
   -webkit-border-radius: 12px; /* Saf3+, Chrome */
   border-radius: 12px; /* Opera 10.5, IE 9 */
	behavior: url(/js/PIE.htc);
}
.button2:hover { color: #F87819; }

.square-banner a {
	display: block;
	padding: 8px;
	border: 2px solid #DCDCDC;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/js/PIE.htc);
}
.square-banner img { border: 0; }


/* ----------------------------------------------------------------
  MODULES
---------------------------------------------------------------- */

/* ----------------------------------------------------------------
  form in one column (text above input)
---------------------------------------------------------------- */
.one-col label { display: block; width: auto; text-align: left; }
.one-col .line, .one-col .list { margin-left: 0; }
.one-col .line legend, .one-col .list legend { padding: 0; }
.one-col .line legend span, .one-col .list legend span { position: static; width: auto; margin: 0 0 0.5em; line-height: 1.6; }
.one-col .line label, .one-col .list label { display: inline; }
.one-col .no-label { margin-left: 0; }


/* ----------------------------------------------------------------
  striped tables (dependent on jQuery code in js/core.js)
---------------------------------------------------------------- */
table tr.odd td { background-color: #e5e5e5; }


/* ----------------------------------------------------------------
  images
---------------------------------------------------------------- */
.gallery { text-align: center; }
.gallery img { margin-left: 0.5em; margin-right: 0.5em; }

.figure { border: 1px solid #999; margin: 0.5em 0; }
.figure.left { float: left; margin-right: 2em; }
.figure.right { float: right; margin-left: 2em; }
.figure img { border: 0; margin: 0; }
.figure p { margin: 0.5em 1em; color: #333; text-align: left; }


/* ----------------------------------------------------------------
  pagination
---------------------------------------------------------------- */
.pagination { margin: 0 0 1em; padding: 0.25em 1em; text-align: center; background-color: #eee; white-space: normal; }
.pagination a, .pagination strong, .pagination span { display: inline-block; padding: 0 5px; }
.pagination .first,
.pagination .prev,
.pagination .next,
.pagination .last { font-size: 1.2em; }
.pagination a:visited { color: #006bb6 !important; }


/* ----------------------------------------------------------------
  flash messages
---------------------------------------------------------------- */
#flashes { position: absolute; z-index: 100; top: 5px; right: 5px; width: 500px; }
#flashes ol { float: right; display: inline-block; clear: right; list-style: none; padding: 0; }
.positive,
.negative,
.warning,
.information,
.goodNews,
.badNews { margin: 0 0 0.5em; padding: 0.5em 1em; color: #58595b; border: 1px solid; }
.positive, .goodNews { background: #bfb; border-color: #696; }
.negative, .badNews { background: #faa; border-color: #966; }
.warning { background: #ff9; border-color: #990; }
.information { background: #b7e4f6; border-color: #5dabcb; }


/* ----------------------------------------------------------------
  LAYOUT
---------------------------------------------------------------- */
#page { position: relative; width: 940px; margin: 0 auto; padding: 0; }

#header h1 { width: 390px; }
#header h1 img { border: 0; margin: 0; padding: 0; }

#content { position: relative; float: right; width: 700px; min-height: 600px; margin-top: 20px; }
#crumbs { color: #777777; font-size: 11px; margin-bottom: 12px !important; }
#aside { width: 230px; float: right; padding-top: 4px; }
#sidebar { float: left; width: 220px; margin-top: 20px; }

#footer { clear: both; min-height: 125px; background: #545454 url(../gfx/footer.png) repeat-x 0 0; }
#footer-inner { overflow: hidden; /* FF FIX */ width: 940px; margin: 0 auto; padding-top: 25px; color: #fff; }
#footer a:hover { color: #fff; }
#footer .col { float: left; width: 220px; margin-right: 20px; }
#footer p,
#footer a { font-size: 11px; }
#footer .col.wide { width: 220px; margin-right: 0; }
#footer h4 { font-size: 12px; font-weight: bold; color: #fff; }
#footer .col li { padding: 0; background: 0; }
#footer .col li a { color: #fff; }
#footer .col li a:hover { text-decoration: underline; }
#footer .w-club { display: block; width: 100px; height: 12px; background: url(../gfx/footer-icons.png) no-repeat 0 0; }
#footer .icons { overflow: hidden; }
#footer .icons li { float: left; padding: 0; background: none; }
#footer .icons a { padding: 0 20px 4px; }
#footer .facebook { background: url(../gfx/footer-icons.png) no-repeat -100px -100px; }
#footer .rss { background: url(../gfx/footer-icons.png) no-repeat -200px -200px; }


/* ----------------------------------------------------------------
  glossary
---------------------------------------------------------------- */
.glossary #content ul { list-style: none; overflow: hidden; padding-left: 0; }
.glossary #content ul li { float: left; }
.glossary #content ul li a { padding: 0 7px; }
.glossary #content h2 { padding-top: 0; }


/* ----------------------------------------------------------------
  header
---------------------------------------------------------------- */
.focus { position: absolute; top: 0; left: 0; }
.focus a, .focus span { position: absolute; top: 0; z-index: -10; left: -5000px; white-space: nowrap; }
.focus a:focus, .focus a:active { z-index: 450; top: 0; left: 200px; background: #F76900; padding: 2px 10px 4px 10px; color: #fff; }

#header { position: relative; z-index: 15; height: 100px; }
#header p { font-size: 11px; }
.logo { position: absolute; top: 15px; left: 5px; }

#header-links {
	position: absolute;
	top: 0;
	right: 0;
	width: 204px;
	height: 17px;
	padding: 1px 0 0;
	background: url(../gfx/header-links.png) no-repeat 0 0;
}
#header-links a,
#header-links > span {
	position: relative;
	cursor: pointer;
	padding-bottom: 10px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
#header-links > span { float: left; }
#header-links .h-contact { margin: 0 11px 0 18px; }
#header-links .h-sign { margin-left: 4px; }
#header-links > span > span {
	position: absolute;
	top: 14px;
	right: -20px;
	z-index: 30;
	display: none;
	width: 130px;
	padding: 5px;
	text-align: right;
	color: #fff;
	background: #FF5D0F;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px #aaa;
	-webkit-box-shadow: 0 1px 2px #aaa;
	box-shadow: 0 1px 2px #aaa;
}
#header-links > span:hover > span { display: block; }
#header-links > .h-contact > span { width: 80px; right: 0; background: #696969; }
#header-links > span > span a { padding: 0 5px; color: #fff; }
#header-links a:hover { text-decoration: underline; }

#searchForm { position: absolute; top: 25px; left: 300px; }
#searchForm .textfield { width: 90px; }
#loginForm { position: absolute; top: 7px; right: 3px; : right: 13px; width: 222px; line-height: 18px; }
#loginForm label {margin-right: 5px;}
#loginForm input.textfield {color: #8d8d8d;}

#contractNr {width: 71px;}
#pin {width: 37px;}


/* ----------------------------------------------------------------
  header navigation
---------------------------------------------------------------- */
/* global */
#header-nav {
	position: absolute;
	top: 70px;
	left: 1px;
	z-index: 20;
	display: block;
	width: 936px;
	height: 23px;
	background: #F3F3F3 url(../gfx/header-nav.png) repeat-x -3px -2px; /* old browsers */
	background: -moz-linear-gradient(top, #F3F3F3 0%, #F4F4F4 50%, #E7E7E7 51%, #DADADA 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3F3F3), color-stop(50%,#F4F4F4), color-stop(51%,#E7E7E7), color-stop(100%,#DADADA)); /* webkit */
	border: 1px solid #e7e3e3;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	-moz-box-shadow: 0 1px 2px #aaa;
	-webkit-box-shadow: 0 1px 2px #aaa;
	box-shadow: 0 1px 2px #aaa;
}
#header-nav li { position: relative; padding: 0; background: none; }
#header-nav a { text-decoration: none; white-space: nowrap; }
#header-nav a:hover { text-decoration: underline; }
#header-nav a strong { font-weight: normal; }

/* 1. level */
#header-nav > ul { width: 940px; }
#header-nav > ul,
#header-nav > ul > li > a,
#header-nav > ul > li > ul > li { float: left; }
#header-nav > ul > li > a,
#header-nav > ul > li > ul > li > a { display: block; color: #515151; padding: 3px 14px; background: url(../gfx/nav.gif) no-repeat 0 2px; }
#HomePage #header-nav > ul > li > a,
#HomePage #header-nav > ul > li > ul > li > a { padding: 3px 17px; }
#header-nav > ul > li > a { background: none; }
#header-nav > ul > li > ul > li.selected > a {
	color: #fff;
	background: url('/gfx/menu-bg-active.gif') repeat-x 50% 50%; 
}
#header-nav > ul > li > ul > li.selected + li > a { background: none; }

/* 2. level */
#header-nav ul ul ul { display: none; }
#header-nav ul ul li:hover > ul { display: block; }
#header-nav ul ul ul {
	position: absolute;
	z-index: 100;
	top: 24px;
	left: 0;
	padding: 2px 5px;
	background: #F1F1F1; /* old browsers */
	background: -moz-linear-gradient(top, #F1F1F1 0%, #DEDEDE 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1F1F1), color-stop(100%,#DEDEDE)); /* webkit */
	border: 1px solid #d6d6d6;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px #aaa;
	-webkit-box-shadow: 0 1px 2px #aaa;
	box-shadow: 0 1px 2px #aaa;
}
#header-nav .o-nas > ul,
#header-nav .contacts > ul { left: auto; right: 0; }
#header-nav ul ul ul a { display: block; padding: 4px; color: #838383; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #e2e2e2; }
#header-nav ul ul ul .selected > a { color: #FF5D0F; }
#header-nav ul ul ul .selected strong { font-weight: bold; }

/* 3. level */
#header-nav ul ul ul ul { display: none; }
#header-nav ul ul ul li:hover > ul { display: block; }
#header-nav ul ul ul ul { left: 100%; top: 0; }
#header-nav .o-nas ul ul,
#header-nav .contacts ul ul { left: auto; right: 100%; }


/* ----------------------------------------------------------------
  sidebar navigation
---------------------------------------------------------------- */
/* 1. level (3. level) */
#nav {
	margin: 0 0 2em 1px;
	padding: 12px;
	background: #dedede url(../gfx/gradient-box.png) repeat-x 0 0; /* old browsers */
	background: -moz-linear-gradient(top, #F1F1F1 0%, #DEDEDE 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1F1F1), color-stop(100%,#DEDEDE)); /* webkit */
	border: 1px solid #d6d6d6;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px #aaa;
	-webkit-box-shadow: 0 1px 2px #aaa;
	box-shadow: 0 1px 2px #aaa;
	behavior: url(/js/PIE.htc);
}
#nav h3 { padding-top: 0; font-size: 25px; color: #FF5D0F; font-weight: normal; text-transform: uppercase; text-align: right; }
#nav ul { padding: 0; }
#nav li { padding: 0; background: none; }
#nav a {
	display: block;
	padding: 4px;
	color: #838383;
	border-top: 1px solid #f7f7f7;
	border-bottom: 1px solid #e2e2e2;
	text-decoration: none;
}
#nav a:hover { text-decoration: underline; }
#nav .selected > a { color: #FF5D0F; }

/* 2. level (4. level) */
#nav ul ul a { padding-left: 30px; }

/* 3. level (5. level) */
#nav ul ul ul a { padding-left: 60px; }


/* ----------------------------------------------------------------
  box
---------------------------------------------------------------- */
.box {
	margin: 0 0 1em 1px;
	padding: 12px;
	background: #dedede url(../gfx/gradient-box.png) repeat-x 0 0; /* old browsers */
	background: -moz-linear-gradient(top, #F9F9F9 0%, #DEDEDE 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#DEDEDE)); /* webkit */
	border: 1px solid #d6d6d6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	behavior: url(/js/PIE.htc);
}
.box .shadow {
	clear: both;
	display: block;
	width: 220px;
	height: 6px;
	margin: 0 0 -19px -12px;
	background: url(../gfx/shadow220.png) no-repeat 0 0;
}
.box .box-title {
	overflow: hidden;
	position: relative;
	top: -12px;
	margin: 0 -12px;
	padding: 0 12px;
	background: #DCDCDC url(../gfx/gradient1.gif) repeat-x 0 0; /* old browsers */
	background: -moz-linear-gradient(top, #F3F3F3 0%, #F4F4F4 50%, #E7E7E7 51%, #DADADA 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3F3F3), color-stop(50%,#F4F4F4), color-stop(51%,#E7E7E7), color-stop(100%,#DADADA)); /* webkit */
	border-bottom: 1px solid #dcdcdc;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	behavior: url(/js/PIE.htc);
}
.box .box-title h3 { font-size: 12px; padding: 5px 0; font-weight: normal; }
.box .box-title a { float: left; padding: 5px 9px; background: url(../gfx/nav.gif) no-repeat 0 3px; }
.box .box-title a:first-child { background: none; }
.box a { color: #6E6E6E; }
.box.radius3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; behavior: url(/js/PIE.htc); }

/* contact */
#sidebar .contact p { font-size: 11px; }
#sidebar .contact h3 { clear: none; padding-top: 0; text-transform: uppercase; }
#sidebar .contact .odprc { padding-top: 3px; }
#sidebar .contact .infoline {
	clear: both;
	position: relative;
	min-height: 75px;
	margin-left: -20px;
	padding-left: 80px;
	padding-bottom: 10px;
	background: url(../gfx/infoline.png) no-repeat 0 0;
}
#sidebar .contact .infoline a { display: block; }
#sidebar .contact .infoline a.button3 { margin: 5px 0 0 0; color: #fff; text-align: center; }
#sidebar .contact .call {
	position: absolute;
	top: 48px;
	left: 7px;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: -1px;
}
#sidebar .contact .tel { display: block; font-size: 20px; color: #FF5D0F; }
#sidebar .contact .last { padding-bottom: 0; }

/* damage */
#sidebar .damage h3 { padding-top: 0; text-transform: uppercase; }


/* ----------------------------------------------------------------
  BankServices
---------------------------------------------------------------- */
#bankovni-sluzby .bs-box { position: relative; float: left; width: 200px; height: 112px; padding: 30px 0 0 12px; margin: 0 9px 15px 0; }
#bankovni-sluzby .box02 { width: 230px; }
#bankovni-sluzby .bs-box h3 { font-size: 18px; font-weight: normal; }
#bankovni-sluzby .box01 h3 { margin-left: 80px; }
#bankovni-sluzby .box02 h3 { margin-left: 110px; }
#bankovni-sluzby .box03 h3,
#bankovni-sluzby .box03 p { margin-left: 65px; }
#bankovni-sluzby .box02 p,
#bankovni-sluzby .box03 p { clear: both; float: right; }
#bankovni-sluzby .bs-box a { text-decoration: none; }
#bankovni-sluzby .bs-box a:hover { text-decoration: none; }
#bankovni-sluzby .bs-box img { position: absolute; top: 5px; left: 0; border: 0; }
/*
#bankovni-sluzby #content { float: left; }
#bankovni-sluzby #sidebar { float: right; }
#bankovni-sluzby #crumbs { display: none; }
*/

/* ----------------------------------------------------------------
  HomePage
---------------------------------------------------------------- */
#HomePage #content { float: left; }
#HomePage #sidebar { float: right; }
#HomePage #footer { background-image: url(../gfx/footer-hp.png); }
#HomePage #footer-inner { padding-top: 50px; }
#HomePage #header-nav > ul > li > a { display: none; }
#HomePage #header-nav > ul > li > ul { padding: 0; }
#HomePage #header-nav > ul > li > ul > li:first-child > a { background: none; }

#hp-banner {
	position: relative;
	margin-bottom: 5em;
	padding: 2px 3px 0;
	border: 1px solid #D6D6D6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	behavior: url(/js/PIE.htc);
}
#hp-banner .shadow {
	position: absolute;
	bottom: -26px;
	left: 0;
	display: block;
	width: 700px;
	height: 25px;
	background: url(../gfx/shadow700.png) no-repeat 0 0;
}
#hp-banner img { border: 0; }
#hp-banner > ul { position: absolute; bottom: 10px; right: 10px; z-index: 10; padding: 0; }
#hp-banner > ul li { float: left; padding: 0; background: none; }
#hp-banner > ul a {
	display: block;
	width: 10px;
	height: 10px;
	margin-right: 3px;
	background: url(../gfx/hp-banner-pointers.png) no-repeat right 0;
}
#hp-banner > ul a span { display: none; }
#hp-banner > ul a.selected { background-position: 0 0; }


/* promoBanner */
.landing-page #content h1,
.landing-page #crumbs,
.landing-page p.ending { display: none; }

#promoBanner {
	position: relative;	
	padding: 4px 4px 3px 4px;
	border: 1px solid #D6D6D6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	behavior: url(/js/PIE.htc);
}
#promoBanner img {border:none;}
.promoList {margin:0;padding:0;list-style-type:none;}
.promoList li {margin:0 10px;padding:0;font-size:140%;line-height:1.1em;float:left;width:225px;vertical-align:bottom;height:85px; background: none;}
.promoList li a {text-decoration:none;}
.promoList img {border:none;float:left;margin-right:10px;}
.promoListPojisteni img {margin:0;}
.promoList li a strong {position:relative;top:20px;}
.promoList li.listKam2 {width:190px;}
.promoList li.listKam2 img {position:relative;top:13px;}
.promoList li.listKam2 strong {margin-top:20px;display:block;}
.promoList li.listKam2 a {font-size:70%;line-height:1.3em !important;}
.promoListPojisteni  li.listKam2 {width:190px;}
.promoListPojisteni li.listKam2 img {top:0;}
.promoListPojisteni li a strong {top:40px;}

ul.three { overflow: hidden; padding: 0; margin: 0 0 20px 0; list-style: none outside; font-size: 12px; line-height: 1.4; }
ul.three li { float: left; width: 33%; padding: 0; background: none; }
ul.three li a { display: block; text-decoration: none; overflow: hidden; }
ul.three li img { float: left; border: 0 none; margin: 0 10px 0 0; }
ul.three li span.ez { display: block; padding: 20px 10px 0 0; }
ul.three li strong { font-size: 17px; line-height: 1.3; }
ul.three li strong.grey { color: #6E6E6E; }
ul.three li p.login { overflow: hidden; margin: 0; padding: 2px 10px; }
ul.three li p.login a.button-non-pie { float: right; }


.banPojisteni {background:url(../gfx/pojisteni/bg_pojisteni.gif) 0 0 no-repeat;width:100%;height:268px;}
.banPojisteni h2 {display:none;}
.banPojisteni ul {margin:0 25px 0 25px;padding:0;list-style-type:none;position:relative;top:85px;}
.banPojisteni ul li {float:left;margin:0;padding:0;text-align:center;}
.banPojisteni ul li a {text-decoration:none;display:block;padding-top:126px;}
.banPojisteni li.m1 a{background:url(../gfx/pojisteni/ico_pojisteni1.gif) 0 0 no-repeat;width:76px;}
.banPojisteni li.m2 a{background:url(../gfx/pojisteni/ico_pojisteni2.gif) 0 0 no-repeat;width:115px;}
.banPojisteni li.m3 a{background:url(../gfx/pojisteni/ico_pojisteni3.gif) 0 0 no-repeat;width:146px;}
.banPojisteni li.m4 a{background:url(../gfx/pojisteni/ico_pojisteni4.gif) 0 0 no-repeat;width:117px;}
.banPojisteni li.m5 a{background:url(../gfx/pojisteni/ico_pojisteni5.gif) 0 0 no-repeat;width:107px;}
.banPojisteni li.m6 a{background:url(../gfx/pojisteni/ico_pojisteni6.gif) 0 0 no-repeat;width:67px;}
.banShadow {
	display: block;
	width: 700px;
	height: 25px;
	background: url(../gfx/shadow700.png) no-repeat 0 0;
	margin-bottom: 2em;
}


#hp-prd {
	height: 220px;
	padding: 0 40px;
	margin: 110px 0 0 0;
	position: relative;
	background: url('/gfx/hp-products-bg.png') no-repeat 10px 30px;
}
#hp-prd ul { height: 100%; list-style: none outside; padding: 0; position: relative; }
#hp-prd ul li { position: absolute; padding: 0; background: none; }
#hp-prd ul span { display: block; position: absolute; width: 120px; margin: 0 0 0 -60px; left: 50%; top: -45px; text-align: center; }
#hp-prd img { border: 0 none; display: block; margin: 0 auto 10px; }
#hp-prd h4 { display: none; position: absolute; width: 226px; height: 150px; margin: 0 0 0 -113px; padding: 0; font-size: 15px; line-height: 20px; left: 50%; top: -145px; z-index: 100; background: url('/gfx/hp-products-bubble.png') no-repeat 0 0; }
#hp-prd h4 a { display: block; padding: 15px 12px 12px; text-align: center; }
#hp-prd li:hover { z-index: 999; }

#hp-prd li:hover h4 { display: block; }
#hp-prd span.button {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 19px;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	box-shadow: none;
}
#hp-prd span.go-left { left: -5px; background: url('/gfx/hp-products-left.png') no-repeat 0 0; }
#hp-prd span.go-right { right: -5px; top: 21px; background: url('/gfx/hp-products-right.png') no-repeat 0 0; }


#hp-news { position: absolute; bottom: -39px; left: 0; width: 940px; }
#hp-news h2,
#hp-news h3,
#hp-news > div { float: left; padding: 0; /* ie workaround */ }
#hp-news h2 {
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	border: 1px solid #5d5d5d;
	margin-right: 10px;
	padding: 4px 8px;
	background: #424242 url(../gfx/gradient-button3.png) repeat-x 0 0; /* old browsers */
	background: -moz-linear-gradient(top, #909090 0%, #424242 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#909090), color-stop(100%,#424242)); /* webkit */
	-moz-border-radius: 6px 0 0 6px;
	-webkit-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
	behavior: url(/js/PIE.htc);
}
#hp-news h2 a { color: #fff; text-decoration: none; }
#hp-news h2 a:hover { text-decoration: underline; }
#hp-news > div {
	width: 832px;
	height: 14px; /* 26 */
	padding: 6px 8px;
	background: #fff;
	-moz-box-shadow: 1px 1px 2px #999 inset;
	-webkit-box-shadow: 1px 1px 2px #999 inset;
	box-shadow: 1px 1px 2px #999 inset;
	behavior: url(/js/PIE.htc);
}
#hp-news h3 { font-size: 12px; text-transform: uppercase; font-weight: normal; line-height: 1.3; margin-right: 15px; }
#hp-news h3 a { color: #6E6E6E; }
#hp-news p { white-space: nowrap; padding: 0; line-height: 1.3; }
#hp-news .more-news { float: right; padding-top: 5px; font-size: 11px; }


/* ----------------------------------------------------------------
  sidebar
---------------------------------------------------------------- */
.motiv { width: 225px; height: 94px; margin-bottom: 35px; }
#internet-banka .motiv { /*background: url(../img/motiv-ibanka.gif) no-repeat center;*/ }
.news .motiv { background: url(../img/motiv-media.gif) no-repeat center; }
.products .motiv { background: url(../img/motiv-default.gif) no-repeat center; }
.stavebni-sporeni .motiv { background: url(../img/motiv-stavebni-sporeni.gif) no-repeat center; }
.pojisteni .motiv { background: url(../img/motiv-auto.gif) no-repeat center; }
.calculators .motiv { background: url(../img/motiv-kalkulacky.gif) no-repeat center; }
.club .motiv { background: url(../img/motiv-klub.gif) no-repeat center; }
.media .motiv { background: url(../img/motiv-aktuality.gif) no-repeat center; }
.company-profile .motiv { background: url(../img/motiv-profil.gif) no-repeat center; }
.contacts .motiv { background: url(../img/motiv-kontakty.gif) no-repeat center; }
.uvery .motiv { background: url(../img/motiv-uver.gif) no-repeat center; }

#aside .box,
#sider .box { border-left: 1px solid #F76900; margin-bottom: 35px; padding: 0 15px 0 22px; overflow: hidden; }
#aside .box p { font-size: 11px; }

.mapa.box select { width: 185px; }

#sider .box ul { padding: 0; line-height: 20px; }
#sider .box,
#sider .banner {}
.banner { background: url(../gfx/banner-top-bg.png) no-repeat scroll 0 0 transparent; margin-bottom: 30px; }
.banner a { background: url(../gfx/banner-bottom-bg.png) no-repeat scroll left bottom transparent; display: block; padding: 4px 4px 2px; }



/* ----------------------------------------------------------------
  content
---------------------------------------------------------------- */
li.list { line-height: 16px; padding: 0 0 10px 28px !important; list-style-type: none; }
li.five-1 { background: url(../gfx/list/list-1.png) left 0 no-repeat; }
li.five-2 { background: url(../gfx/list/list-2.png) left 0 no-repeat; }
li.five-3 { background: url(../gfx/list/list-3.png) left 0 no-repeat; }
li.five-4 { background: url(../gfx/list/list-4.png) left 0 no-repeat; }
li.five-5 { background: url(../gfx/list/list-5.png) left 0 no-repeat; }
li.five-6 { background: url(../gfx/list/list-6.png) left 0 no-repeat; }
li.five-7 { background: url(../gfx/list/list-7.png) left 0 no-repeat; }
li.five-8 { background: url(../gfx/list/list-8.png) left 0 no-repeat; }
li.five-9 { background: url(../gfx/list/list-9.png) left 0 no-repeat; }


p.ending { padding: 20px 0; }
#up { background: url(../gfx/up.gif) no-repeat 100% 50%; padding-right: 15px; }
.back { background: url(../gfx/back.gif) no-repeat 0 50%; padding-left: 15px; }


.perex { border-bottom: 1px dashed #FEBD8C; margin-bottom: 25px; padding-bottom: 15px; }
.perex h2 { font-size: 14px; font-weight: bold; margin: 0 0 10px; }
.perex p { margin-bottom: 10px !important; }
.perex .pubdate { font-weight: bold; }

.perex-em { font-style: italic; }

.wustenrot-everybody .produkt { background: url(../gfx/bg-naplasti.jpg) no-repeat scroll 50% 100% transparent; }

/*
  year-list
---------------------------------------------------------------- */
.year-list { display: block; margin: 0 0 45px; }



/* ----------------------------------------------------------------
  product
---------------------------------------------------------------- */

.product h2 { border-left: 1px solid #000; padding: 6px 35px 6px 11px; margin-bottom: 100px; }
.uzs h2 { padding-right: 0; }

.nahlaseni-skody #content h3 { font-size: 14px; font-weight: bold; margin: 0 0 5px; }

#content .product ul { margin-left: 0; margin-bottom: 0; padding: 0; }
#content .product li { background: url(../gfx/arrow.gif) no-repeat 0 6px; margin-bottom: 4px; padding-left: 10px; }
.product li.novinka a { padding-right: 47px; background: url(../gfx/ico-novinka.gif) no-repeat 100% 4px; }

h3.moreProducts { margin: 0 0 20px; display: block; }
.moreProducts { padding: 15px 0 0 18px; margin-bottom: 4px; display: inline-block; color: #FF5D0F; font-weight: normal; text-decoration: underline; cursor: pointer; }
.dalePlus { background: url(../gfx/ico-plus.gif) no-repeat scroll 0 20px transparent; }
.daleMinus { background: url(../gfx/ico-minus.gif) no-repeat scroll 0 20px transparent; }


/* ----------------------------------------------------------------
  KalkulaÄŤky
---------------------------------------------------------------- */
.calc-tabs { overflow: hidden; background: none; padding: 0; }
.calc-tabs li { float: left; background: none; padding: 0; }
.calc-tabs a {
	display: block;
	margin-right: 8px;
	padding: 3px 10px;
	text-decoration: none;
	color: #838383;
	background: #F3F3F3 url(../gfx/header-nav.png) repeat-x -3px -2px; /* old browsers */
	background: -moz-linear-gradient(top, #F3F3F3 0%, #F4F4F4 50%, #E7E7E7 51%, #DADADA 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3F3F3), color-stop(50%,#F4F4F4), color-stop(51%,#E7E7E7), color-stop(100%,#DADADA)); /* webkit */
	border: 1px solid #e7e3e3;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	behavior: url(/js/PIE.htc);
}
.calc-tabs a:hover { text-decoration: underline; }
.calc-tabs a.selected {
	color: #fff;
	font-weight: bold;
	border-color: #FF5D0F;
	background: url('/gfx/menu-bg-active.gif') repeat-x 50% 50% #FF5D0F; 
}

.calc-form { width: 500px; margin: 0 0 1em 0; padding: 2em 2em 0.5em; background: #fafafa; border: 1px solid #e3e3e3; }
.calc-form p { position: relative; }
.calc-form p label { float: right; }
.calc-form input[type=text],
.calc-form select {
	clear: right;
	float: right;
	font-size: 14px;
	margin: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/js/PIE.htc);
	padding: 5px;
	font-weight: bold;
	color: #919191;
}
.calc-form .help { background: url(../gfx/icons/help.png) no-repeat right center; padding-right: 20px; }
.calc-form input[type=text] { text-align: right; width: 130px; }
.calc-form select { width: 140px; }
.calc-form fieldset { position: relative; margin: 0 0 15px 0px; }
.calc-form legend { display: block; }
.calc-form legend span { position: absolute; top: 0; left: -80px; }
.calc-form input[type=radio] { margin: 0 2px 6px 10px; }
.calc-form fieldset label { font-size: 17px; }
.calc-slider { float: left; width: 310px; margin-top: 9px; }
.calc-form .min,
.calc-form .max { position: absolute; top: 0; }
.calc-form .min { left: 0; }
.calc-form .max { right: 188px; }
.calc-form .ui-widget-content,
.calc-form .ui-state-default,
.calc-form .ui-widget-content .ui-state-default,
.calc-form .ui-widget-header .ui-state-default { border: 0; background: #d6d6d6; }
.calc-form .ui-slider-range {
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	behavior: url(/js/PIE.htc);
}
.calc-form .ui-slider-horizontal { height: 7px; }
.calc-form .ui-slider .ui-slider-handle { width: 30px; height: 30px; background: url(../gfx/calc-slider.png) no-repeat 0 7px !important; }
.calc-form .ui-widget-header { background: #ff5d0f; }
.calc-form .ui-slider .ui-slider-handle { top: -10px; }

.calc-heading { width: 325px; text-align: right; }
.calc-heading h2 { font-size: 15px; font-weight: bold; padding-bottom: 0; }

.calc-table { float: left; width: 520px; text-align: center; border: 0; border-collapse: collapse; }
.calc-table colgroup.desc { width: 150px; }
.calc-table colgroup.account { width: 175px; }
.calc-table colgroup { border: 1px solid #fff; }
.calc-table td, .calc-table th { border: 0; background: #fff; }
.calc-table tr.odd td { background-color: #fff; }
.calc-table thead,
.calc-table th { background: none; font-weight: normal; color: #6E6E6E; }
.calc-table thead th { font-weight: bold; height: 50px; }
.calc-table tbody th { text-align: right; }
.calc-table tbody td { font-size: 14px; color: #FF5D0F; }
.calc-table span { display: block; }
.calc-table .button2 { margin: 8px 0; }
.calc-table small { display: block; text-align: justify; }
.calc-table td p { text-align: center; color: red;}
.calc-table .dblock { font-size: 12px; padding-top: 6px; }
.calc-table .hint {
	display: block;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: #ececec !important;
	height: 22px;
	padding: 4px 8px;
}
.calc-table thead .hint { position: relative; height: 50px; }
.calc-table .tip { padding: 0 0 0 30px; }
.calc-table .hint.top { border-top: 1px solid #ddd; }
.calc-table .hint.bottom { border-bottom: 1px solid #ddd; }
#tip { position: absolute; top: -20px; right: -20px; z-index: 10; }
#error_su { display: none; }

#tooltip { position: absolute; z-index: 3000; background-color: #F76900; color: #fff; padding: 0 1em; }
#tooltip h3 { font-size: 12px; color: #fff; padding: 10px 0; }

.calc-box { width: 130px; margin-top: 83px; }



/* ----------------------------------------------------------------
  import - docasna podminka
---------------------------------------------------------------- */
#nav-id-218 a { left: 965px; }



/* ----------------------------------------------------------------
        corners jQuery plugin
---------------------------------------------------------------- */
/* button orange corners 10px */
.corners .cs { background: url(../gfx/corners.png) no-repeat; }
.corners .tl { background-position: 0 0; }
.corners .tr { background-position: -10px 0; }
.corners .bl { background-position: 0 bottom; }
.corners .br { background-position: -10px bottom; }

.corners:hover .tl { background-position: -30px 0; }
.corners:hover .tr { background-position: -40px 0; }
.corners:hover .bl { background-position: -30px bottom; }
.corners:hover .br { background-position: -40px bottom; }



/* ----------------------------------------------------------------
        Consultants
---------------------------------------------------------------- */
.titleTop { display: block; background: url(../gfx/okres-top.png) repeat-x scroll left top transparent; border-top: 2px solid #F87819; height: 21px; margin-bottom: 15px !important; padding: 0 0 0 6px; color: #5C5C5C; font-weight: bold; }

#ConsultantsMap { float: left; }

#SearchForm p,
#ConsultantsName p { margin: 0 0 5px; padding-top: 0 !important; }
#SearchForm .okres { float: right; width: 170px; padding-top: 30px; }

#ConsultantsName { position: absolute; top: 25px; right: 0; width: 410px; }
#ConsultantsName .search { font-weight: bold; height: 13px; padding-left: 10px; padding-top: 5px; width: 290px; }

#SearchForm.box02 { margin-bottom: 20px; }
#SearchForm.box02 p { float: left; width: 130px; }
#SearchForm.box02 .inline label { width: 105px; }
#SearchForm.box02 .inline label span { float: right; width: 65px; line-height: 1.2em; }
#SearchForm.box02 .bRight { border-left: 1px solid #F87819; padding-left: 10px; }
#SearchForm.box02 .bRight img { margin-right: 10px; }

.box-prehled { width: 46%; border: 1px solid #CCCCCC; padding: 10px; margin-bottom: 20px; position: relative; }
.box-prehled.box1 { float: left; }
.box-prehled.box2 { float: right; }
.box-prehled h3 { padding: 0; margin: 0 0 20px; }
.box-prehled p { margin-bottom: 10px !important; }

.Ican { width: 50px; text-align: center; margin: 0; }
.Ican p { margin-bottom: 5px !important; line-height: 12px; text-align: center; }
#SearchForm img,
.Ican img { border: 0 !important; padding: 0 !important; margin-bottom: 5px; }

.aboutMe { position: absolute; border: 1px solid #CCCCCC; padding: 5px; font-weight: bold; background: #cecece; top: 10px; right: 10px; }

.vip { position: absolute; top: -20px; left: 85px; width: 40px; height: 42px; background: url(../gfx/logo-VIP.png) no-repeat; }
.vip span { position: absolute; left: -3000px; }



/*
        .fotogalery
---------------------------------------------------------------- */
.box-img {
	display: table;
	position: relative;
	text-align: center;
	background-color: #f5f5f5;
	border: 1px solid #eee;
	width: 118px;
	height: 150px;
	float: left;
	margin: 0 9px 9px 0;
}
.box-img .boxik {
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
	line-height: 0;
	padding: 0;
	background: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	behaviour: url();
}
.box-img img {
	#position: relative;
	#top: -50%;
	#left: -50%;
	#float: left;
	border: none !important;
	padding: 0 !important;
	max-width: 118px !important;
	max-height: 150px !important;
}



/* ----------------------------------------------------------------
        Bubble Tooltip
---------------------------------------------------------------- */
.tt { position: relative; z-index: 100; font-weight: bold; text-decoration: none; }
.tt span { display: none; }
.box-prehled:hover {
	z-index: 10;
}

/*
        background:; ie hack, something must be changed in a for ie to execute it
---------------------------------------------------------------- */
.tt:hover { z-index: 100; }
.tt:hover .tooltip { display: block; position: absolute; top: -10px; right: 55px; padding: 0; width: 160px; text-align: center; }
.tt:hover .tooltip.i-vip { top: -30px; left: 135px; width: 160px; }


/*
        different middle bg for stretch
---------------------------------------------------------------- */
.tt:hover .middle { display: block; padding: 5px 0 5px 2px; border-left: 1px solid #92b2e9; border-right: 1px solid #92b2e9; background: #fff; }
.tt:hover .rl-bg,
.tt:hover .rr-bg { display: block; position: absolute; top: 15px; width: 12px; height: 20px; margin: 0; padding: 0; }
.tt:hover .rl-bg { right: -11px; background: url(../gfx/l-bg.png) no-repeat; }
.tt:hover .rr-bg { left: -11px; background: url(../gfx/r-bg.png) no-repeat; }

.tt:hover .roundtop,
.tt:hover .roundbottom { clear: both; display: block; height: 11px; margin: 0; }
.tt:hover .roundtop { background: url(../gfx/tl_round.png) no-repeat scroll left top transparent; }
.tt:hover .roundbottom  { background: url(../gfx/bl_round.png) no-repeat scroll left top transparent; }

.tt:hover .roundtop .right,
.tt:hover .roundbottom .right { float: right; display: block; height: 11px; width: 11px; }
.tt:hover .roundtop .right { background: url(../gfx/tr_round.png) no-repeat scroll right top transparent; }
.tt:hover .roundbottom .right { background: url(../gfx/br_round.png) no-repeat scroll right top transparent; }



/* ----------------------------------------------------------------
        Error 500
---------------------------------------------------------------- */
.error500 #header h1 { padding: 40px 0 0; width: 500px; }


div.fbox { color: #222; }
div.fbox h2 { padding: 0; margin: 0 0 20px 0; color: #6e6e6e; }
div.fbox p { padding: 0; margin: 0 0 20px 0;  }

dl.fields { overflow: hidden; margin: 0; padding: 0; }
dl.fields p { padding: 0; margin: 0; }
dl.fields dt { float: left; width: 130px; padding: 2px 0 0 0; margin: 0 0 15px 0; clear: left; font-size: 13px; line-height: 20px; text-align: right; font-weight: normal; }
dl.fields dd { width: auto; display: block; margin: 0 0 15px 145px; padding: 0; float: none; overflow: visible; }
dl.fields input,
dl.fields textarea,
dl.fields select { font-size: 12px; line-height: 1.25; color: #000; font-family: Arial, sans-serif; }
dl.fields .default { color: #666; font-style: italic; }
dl.fields input { width: 250px; }
dl.fields textarea { width: 400px; border: 1px solid #eee; overflow: auto; padding: 4px 6px; -moz-box-shadow: 1px 1px 2px #999 inset; -webkit-box-shadow: 1px 1px 2px #999 inset; box-shadow: 1px 1px 2px #999 inset; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; behavior: url(/js/PIE.htc); }
dl.fields select { margin: 3px 0 0 0; }

dl.radios { overflow: hidden; margin: 0; padding: 0; }
dl.radios dt { float: left; width: 130px; padding: 2px 0 0 0; margin: 0 0 15px 0; clear: left; font-size: 13px; line-height: 20px; text-align: right; font-weight: normal; }
dl.radios dd { width: auto; display: block; margin: 0 0 15px 145px; padding: 0; float: none; overflow: visible; line-height: 24px; }
dl.radios dd input { vertical-align: middle; margin: 0 10px 0 0; }

dl.radios .dl-clear,
dl.fields .dl-clear { clear: both; height: 1px; width: auto; font-size: 0; line-height: 1px; padding: 0; margin: 0 0 -1px 0; }

p.submit button { background: #fff; padding: 0; margin: 0; color: #fff; font-weight: normal; overflow: visible; cursor: pointer; font-size: 15px; border: 0 none; white-space: nowrap; }
p.submit button span.ef { float: left; height: 32px; background: url('/gfx/submit-orange.gif') no-repeat 0 0 #a44600; }
p.submit button span.ef span { float: left; line-height: 32px; height: 32px; padding: 0 25px; background: url('/gfx/submit-orange.gif') no-repeat 100% -32px; }
p.submit button:hover,
p.submit button:active,
p.submit button:focus { color: #FF5D0F; }

form.callback .color-pink { color: #f4811f; }
form.callback dl.fields select { width: 130px; }
form.callback .note input { margin-bottom: 3px; }
form.callback small { color: #666; }
form.callback p.check { margin: 0 0 0 145px; vertical-align: middle; }
form.callback p.check input { vertical-align: middle; }
form.callback p.submit { margin: 20px 0 0 145px; }
form.callback ul.error { margin: 20px 0 0 0; padding: 0; color: #f00; font-weight: bold; }

form.invitation { padding: 0 0 40px 0; }
form.invitation p { padding: 0; }
form.invitation dl { margin: 0 0 15px 0; }
form.invitation h3 { margin: 0 0 20px 0; }
form.invitation p.check { margin: 0 0 0 145px; vertical-align: middle; }
form.invitation p.check input { vertical-align: middle; }
form.invitation p.submit { margin: 20px 0 0 145px; }
form.invitation ul.error { margin: 0 0 30px 0; padding: 0; color: #f00; font-weight: bold; }

ul.button-list { padding: 0; margin: 0 0 15px 0; overflow: hidden; list-style: none outside; }
ul.button-list li { float: left; margin: 0 5px 5px 0; padding: 0; background: none; }
ul.button-list li a { float: left; }