/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
* { padding: 0px; margin: 0px; }

body { font-family: Tahoma, sans-serif;	color: #4E7C97; font-size: 12px;	line-height: 18px; background: none; }

address { font-style: normal; }


/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden; padding: 0px !important; margin: 0px !important;}
.hide { display: none; }
.red { color: #C2221F; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.grey { color: #CCCCCC; }

img { border: none; }
a img { border: none; }
a { outline: none !important; }

img.right { float: right; margin-left: 15px; margin-bottom: 5px; }
img.left { float: left; margin-right: 18px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; }

.no-text-transform { text-transform: none !important; }
.no-decoration { text-decoration: none !important; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/*****************/
/* EVENT CLASSES */
/*****************/
.clickable {}
._blank {}


/************************/
/* BASIC TAG DEFINITION */
/************************/
body { background: #FFFFFF url(/img/body-bgr.png) repeat-x left top; color: #4E7C97; font-size: 12px; line-height: 18px; }
h1 { font-size: 22px; line-height: 35px; color: #2F4459; font-weight: normal; letter-spacing: -1px; padding-bottom: 12px; }
h2 { font-size: 14px; font-weight: bold; color: #2F4459; font-weight: bold; padding-bottom: 5px; }
h2 a { color: #2F4459; }
h3 { font-size: 12px; font-weight: bold; color: #2F4459; }
p { padding-bottom: 1em; }
ul { list-style: none; padding-bottom: 1em; }
ul li { background: url(/img/odrazka.gif) no-repeat left 8px; padding: 2px 5px 2px 14px; }
ol { margin-left: 2em; padding-bottom: 1em; }
a { color: #232C43; text-decoration: underline; }
a:hover {  }
.intro { font-size: 14px; color: #717171; line-height: 20px; }
ul.intro li { background-position: left 10px; position: relative; float: left; width: 420px; padding: 2px 20px 10px 12px; }
ul.intro li h2 a { color: #2F4459; }
ul.intro li h2 a:hover { color: #2F4459; }
ul.intro li p { font-size: 12px; line-height: 1.4; padding: 0; height: 34px; overflow: hidden; }
ul.intro li p.more { margin: 5px 0 8px; height: auto; }

.hr-line { background: transparent url(/img/dotted.png) repeat-x left bottom; margin-bottom: 1em; }

#right-column h1,#right-column h2,#right-column h3, #right-column p, #right-column ul, #right-column ul li, #right-column ol { margin: 0 20px; }

#right-column .item h2 { margin: 0 5px; }

/**********/
/* BUTTON */
/**********/
.button { text-decoration: none; }
.button span { background: url(/img/button-red.png) no-repeat right center; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; height: 15px; line-height: 15px; font-size: 11px; color: #FFFFFF; padding: 0px 7px 0px 0px; }
.button span span {  padding-left: 8px; background-color: #C00629; white-space: nowrap; }
a.button:hover span span { text-decoration: underline; cursor: pointer; }

/* COLORS */
.button.blue span { background-image: url(/img/button-blue.png); }
.button.blue span span { background-color: #48B6CB; }

/* SIZE */
.button.middle span { height: 17px; line-height: 17px; padding-right: 8px; }
.button.big span { height: 19px; line-height: 19px; padding-right: 9px; font-size: 12px; font-weight: bold; }


/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; }

#page-wrapper { text-align: left; width: 970px; margin: 0 auto; position: relative; background: url(/img/page-bg-1.jpg) no-repeat left top; }
#page-border-top { background: url(/img/page-border-top.png) no-repeat scroll left top; height: 11px; }
#page-border-bottom { background: url(/img/page-border-bottom.png) no-repeat scroll left top; height: 11px; clear: both; }


/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { background: url(/img/header-bgr.jpg) left top no-repeat; padding-top: 0px; position: absolute; height: 192px; width: 970px; left: -15px; top: 0; }
#homepage #header { background: url(/img/header-bgr-hp.jpg) left top no-repeat; padding-top: 0px; position: absolute; height: 284px; width: 671px; left: -15px; top: 0; }

#rychly-kontakt { color: #44677F; position: relative; left: 710px; top: 60px; width: 280px; }
#rychly-kontakt p { padding-bottom: 0; }
#kontakt-bublina { width: 228px; }
#kontakt-bublina a { width: 100%; height: 51px; }
#kontakt-bublina span { width: 228px; height: 51px; background: url(/img/kontakt-bublina.png) top left no-repeat; }
#kontakt-telefon { width: 228px; }
#kontakt-telefon a { width: 100%; height: 51px; }
#kontakt-telefon span { width: 228px; height: 51px; background: url(/img/kontakt-telefon.png) top left no-repeat; }

/********/
/* LOGO */
/********/
#logo { width: 246px; position: absolute; top: 29px; left: 20px; }
#logo a { width: 100%; height: 86px; }
#logo span { width: 100%; height: 86px; background: url(/img/logo.png) top left no-repeat; }

/*********/
/* CLAIM */
/*********/
#title { width: 197px; background: url(/img/title-claim.png) no-repeat left top; position: absolute; top: 100px; left: 689px; padding: 0px; margin: 0px; }
#title em { visibility: hidden; display: block; width: 197px; height: 84px; padding: 0px 0px 20px 0px; }
#title a { position: relative; left: 30px; }


/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { font-size: 11px; color: #7A7A7A; padding: 8px 15px; border-top: 2px solid black; border-left: 8px solid black; padding-bottom: 0; margin-top: 20px; clear: both; }
#footer a { color: #7A7A7A; }
#footer a:hover { text-decoration: none; }

#giant { float: right; text-align: right; }
#giant a { text-decoration: none; }
#giant img { vertical-align: middle; }
#footer p { padding-bottom: 0.5em }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { width: 280px; margin-top: 215px; position: relative; float: right; }
#menu ul li { background: none; padding: 0; margin-bottom: 2px; }
#menu ul li a { display: block; width: 280px; height: 29px; background: url(/img/menu-bgr.png) scroll no-repeat; color: #FFFFFF; line-height: 28px; padding-left: 20px; text-decoration: none; }
#menu ul li a:hover { background: url(/img/menu-bgr.png) scroll 0 -29px no-repeat; }
#menu h2 { font-size: 22px; color: #F8941D; font-weight: normal; margin-bottom: 7px; margin-left: 12px; }


#vedeni-ucetnictvi-a-danove-evidence li.vedeni-ucetnictvi-a-danove-evidence a { background: url(/img/menu-bgr.png) scroll 0 -29px no-repeat; }
#zpracovani-a-vedeni-mezd li.zpracovani-a-vedeni-mezd a { background: url(/img/menu-bgr.png) scroll 0 -29px no-repeat; }
#jednorazove-zpracovani-dokladu li.jednorazove-zpracovani-dokladu a { background: url(/img/menu-bgr.png) scroll 0 -29px no-repeat; }
#vypracovani-danovych-priznani li.vypracovani-danovych-priznani a { background: url(/img/menu-bgr.png) scroll 0 -29px no-repeat; }
#konzultace-a-dohled-nad-ucetnictvim li.konzultace-a-dohled-nad-ucetnictvim a { background: url(/img/menu-bgr.png) scroll 0 -29px no-repeat; }
#konkurzni-ucetnictvi-rekonstrukce-ucetnictvi li.konkurzni-ucetnictvi-rekonstrukce-ucetnictvi a { background: url(/img/menu-bgr.png) scroll 0 -29px no-repeat; }
#zastupovani-na-uradech li.zastupovani-na-uradech a { background: url(/img/menu-bgr.png) scroll 0 -29px no-repeat; }
#zakladani-sro li.zakladani-sro a { background: url(/img/menu-bgr.png) scroll 0 -29px no-repeat; }

#o-spolecnosti li.o-spolecnosti a { background: url(/img/menu-bgr.png) scroll 0 -29px no-repeat; }
li.o-spolecnosti { margin-top: 15px; }
#kontakt li.kontakt a { background: url(/img/menu-bgr.png) scroll 0 -29px no-repeat; }

/*******************************************************************/
/*                                                         CONTENT */
/*******************************************************************/
#main-content { background: #FFFFFF; float: left; width: 640px; margin-top: 192px; padding: 20px 0 0 15px; }
#homepage #main-content { background: #FFFFFF; float: left; width: 640px; margin-top: 284px; padding: 20px 0 0 15px; }
a.kontakt-button, input.kontakt-button { margin-top: 25px; margin-bottom: 25px; width: 261px; height: 28px; background: url(/img/kontakt-button.gif) top left no-repeat; display: block; line-height: 28px; text-decoration: none; font-weight: bold; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; padding-left: 28px; border: none; font-size: 12px; }
input.kontakt-button { text-align: left; padding-left: 26px; background: url(/img/kontakt-button.gif) scroll 0 2px no-repeat; height: 30px; cursor: pointer; }

#main-content .box { width: 305px; float: left; padding-left: 15px; }
#main-content #hp-o-spolecnosti.box { width: 300px; padding-right: 20px; }
#main-content #hp-o-spolecnosti.box p { padding-bottom: 0.5em; }
#main-content #hp-duvody.box { width: 250px; padding-left: 35px; }
#main-content #hp-o-spolecnosti.box h1, #main-content #hp-duvody.box h2 { font-size: 22px; line-height: 35px; color: #2F4459; font-weight: normal; letter-spacing: -1px; padding-bottom: 12px; position: relative; left: -10px; padding-left: 10px; background: url(/img/hp-nadpis-odrazka.gif) scroll no-repeat 0 12px; }
#main-content #hp-duvody.box ol li { font-weight: bold; color: #F8941D; line-height: 20px; }
#main-content #hp-duvody.box ol li span { font-weight: normal; color: #4E7C97; }

.more-info { clear: both; float: right; color: #4E7C97; background: url(/img/more-info.gif) scroll 0 8px no-repeat; padding-left: 10px; }
a.kontakt-button-hp { width: 100px; height: 28px; background: url(/img/kontakt-button-hp.png) left top no-repeat; display: block; color: #FFFFFF; font-weight: bold; line-height: 28px; padding-left: 30px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin-bottom: 20px; }

#flash { position: absolute; width: 354px; height: 170px; top: 114px; }

/*******************************************************************/
/*                                                     BREADCRUMBS */
/*******************************************************************/
#breadcrumbs { font-size: 11px; color: #888888; padding: 8px 15px; position: absolute; top: 236px; left: 286px; }
#breadcrumbs a { color: #888888; }
#breadcrumbs a:hover { text-decoration: none; }


/*********/
/* TABLE */
/*********/
table { border-collapse: collapse; margin-bottom: 1em; margin-top: 1em; }
tr { background: url(/img/dotted.png) repeat-x left bottom; }
th { text-align: left; vertical-align: middle; padding: 0 10px; }
td { vertical-align: top; padding: 0 10px; vertical-align: middle; }
thead tr { background: none; }
thead th { border-bottom: 2px solid #22A6BF; white-space: nowrap; }
td.price { text-align: right; white-space: nowrap; }
th.price { text-align: center; }

/********/
/* FORM */
/********/
form {}
fieldset { border: 0; }
button { border: none; background: none; cursor: default; }
form table { margin: 0px; }
form label { line-height: 20px; padding-right: 10px; padding-top: 1px; }
form tr { background: none; }
form td { padding: 5px 0px 5px 0px; vertical-align: middle; }
form td.top { vertical-align: top; }
form td.col { padding-right: 40px; }
form table label { display: block; }
form, .input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.input, textarea, select { border: 1px solid #DEDBD8; background-color: #FFFFFF; padding: 3px 5px; }
.input { width: 150px; }
.input.short { width: 50px; }
textarea { width: 96%; }
optgroup { padding-left: 10px; }
optgroup option { padding-left: 10px; }

#main-content form { margin-top: 20px; }
#main-content form label { width: 76px; display: block; float: left; }
#main-content form .mensi label { width: 39px; }

#main-content .kontakt-column { width: 260px; float: left; }
#main-content .delsi { width: 300px; }

#main-content .spravne { color: #009900; border: 1px solid #009900; text-align: center; padding: 5px; margin-top: 15px; margin-bottom: 15px; }
#main-content .spatne { color: #FF0000; border: 1px solid #FF0000; text-align: center; padding: 5px; margin-top: 15px; margin-bottom: 15px; }

/***********/
/* OVERLAY */
/***********/
#overlay { display: none; position: absolute; top: 0px; left: 0px; background-color: #000000; width: 100%; }
#overlay-position { display: none; top: 50%; left: 50%; width: 1px; height: 1px; overflow: visible; position: absolute; }
#overlay-box { width: 490px; height: 480px; padding: 10px 0px 10px 10px; position: absolute; top: -250px; left: -250px; background-color: #FFFFFF; text-align: left; border: 1px solid #999999; }
#overlay-content { width: 480px; height: 480px; padding: 0px 10px 0px 0px; overflow: auto; }
#closebox { width: 30px; height: 30px; cursor: pointer; display: block; background: url(/img/closebox.png) no-repeat left top; position: absolute; top: -15px; left: -15px;  }

/****************/
/* MAPA STRANEK */
/****************/


/***********/
/* KONTAKT */
/***********/