body {position: relative; margin: 0px; padding: 0px; background: #A6C9E4; color: #000; font-size: 0.8em;}
body, input, select, textarea {font-family: Tahoma, Arial, sans-serif; }

form {margin: 0; padding: 0;}
input {vertical-align: middle;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

.image-border {border: 1px solid #DBDBDB; padding : 2px;}

.clear {clear: both;}

/* Headers and paragraphs */
h1, h2, h3, h4, h5, h6 {margin: 0.5em 0 0.3em; font-size: 1em; color: #0074C5; font-family: "Trebuchet MS", Verdana, sans-serif;}
h1 {font-size: 2em; margin: 0;}
h2 {color: #F26522; font-size: 2em; padding: 0; margin: 10px 0 20px 0; font-weight: bold;}
h3 {font-size: 1.4em; margin: 0.3em 0 0.5em 0;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}
h6 {font-size: 1em; color: #000; font-weight: normal;}
p {font-size: 0.9em; margin: 0 0 0.5em;}

/* link */
a {color: #F26522;}
a:hover {text-decoration: none;}
a span { cursor:pointer; }

/* list */
ul, ol {margin: 10px 0; padding: 0 20px;}
ul ul, ul ol, ol ul {margin: 0;}
li {margin-left: 35px; padding: 2px 0;}
ul li {list-style: square;}
ol li {list-style: decimal;}
.no-bullets li {margin-left: 0; list-style: none;}

/* table */
div.table {width: 600px; _clear: both; margin: 0 0 0 1px; @margin-left: 0;}
table {border-collapse: collapse; font-size: 1em; width: 100%; clear: both; margin: 0.5em 0;}
td, th {text-align: left; padding: 2px 3px; font-weight: normal; vertical-align: top;}
th {width: 250px; font-weight: bold;}
th.section {width: auto; background: #f8f8ff; font-weight: bold;}
.even {background: #eee}
.odd { }

/* image */
img2 {border: 1px solid #DBDBDB; vertical-align: middle; margin: 2px; }
img.image-left {float: left;  margin: 3px 8px 2px 0;}
img.image-right {float: right; margin: 3px 0 2px 8px;}
span.image-left  {float: left;  margin: 3px 8px 2px 0;}
span.image-right {float: right; margin: 3px 0 2px 8px;}
img.no-border {border: 0;}
img.ico {background: #f0f8ff; margin-right: 5px;}

/* Code and such */
pre {line-height: 1; padding: 10px; margin: 10px 0; font-family: monospace; border: 1px solid #000; background: #f8faff; font-size: 1em; white-space: normal; _width: 570px; _overflow: auto; display: block; }
code {font-family: monospace; font-weight: bold; }
acronym {border-bottom: 1px dotted black; cursor: help;}

/* CMS layout */
h2 span {display: none}
h2.last {width: 168px; height: 26px; background: url('../images/h2-last.gif') 0 0 no-repeat; margin: 0;}
h2.what {width: 133px; height: 26px; background: url('../images/h2-what.gif') 0 0 no-repeat; margin: 0;}
h2.action {width: 133px; height: 26px; background: url('../images/h2-action.gif') 0 0 no-repeat; margin: 0;}
h2.cms_vytvorto {width: 263px; height: 26px; background: url('../images/h2-cms.gif') 0 0 no-repeat; margin: 0;}
h2.news2 {width: 111px; height: 26px; background: url('../images/h2-news.gif') 0 0 no-repeat; margin: 0;}
h2.work {width: 139px; height: 26px; background: url('../images/h2-work.gif') 0 0 no-repeat; margin: 0;}

#cms-main {position: relative; width: 1010px; margin: 0 auto;}

#menu_top {position: relative; clear: both; height: 49px; background: url('../images/menu-left.gif') left top no-repeat; margin: 0; padding: 0 10px; z-index: 10;}
#menu_top ul, #menu_top ul li {position: relative; list-style: none; margin: 0; padding: 0;}
#menu_top ul li {float: left; height: 49px; background: url('../images/menu-separator.gif') right top no-repeat; padding: 0 6px; behavior: url('/css/hover.htc');}
#menu_top a,
#menu_top span {display: block; float: left; color: #FFF; font-size: 13px; margin: 8px 0; _margin: 10px 0; padding: 6px 10px; font-weight: bold; text-decoration: none; border: 1px solid transparent; _border: 0;}
#menu_top a span,
#menu_top span span {display: none;}
#menu_top li.active {background: url('../images/menu-active-arrow.gif') center bottom no-repeat;}
#menu_top li.reference.active,
#menu_top li.kontakt.active {background: 0;}
#menu_top a:hover {color: #FFF; background: url('../images/menu-hover.gif') repeat-x;}
#menu_top ul a.active,
#menu_top ul a.opened,
#menu_top ul a.active:hover,
#menu_top ul span.active {color: #FFF; border: 1px solid #4681AF; _border: 0; background: #5E97C3 url('../images/menu-active.gif') repeat-x;}
#menu_top ul ul a.active,
#menu_top ul ul span.active {border: 0; background: 0;}
#menu_top ul li.last {background: 0;}
#menu_top ul ul {position: absolute; width: 220px; left: 6px; top: 39px; border: 1px solid #4681AF; background: #6099C4; padding: 5px 0;}
#menu_top ul ul li {clear: left; width: 100%; height: 25px; padding: 0; margin: 0; background: 0;}  /* polozka podmenu */
#menu_top ul ul a {display: block; width: 212px; height: 25px; line-height: 25px; padding: 0 0 0 8px; margin: 0; border: 0; text-align: left;}
#menu_top ul ul a:hover {background: #568EBE url('../images/arrow.gif') 205px center no-repeat !important; border: 0 !important;}
#menu_top ul li ul {visibility: hidden;}
#menu_top ul li:hover,
#menu_top ul li.hover {z-index:10000;}
#menu_top ul li:hover>ul {visibility:visible;}
#menu_top ul li.hover ul {visibility:visible;}
#menu_top ul li.kontakt {background: 0;}

#menu_second {border: 1px solid #72aade; border-top: 0; background: #8ac1eb;}
#menu_second ul, #menu_second li {margin: 0; padding: 0; list-style: none;}
#menu_second ul {padding: 0 8px 5px 8px;}
#menu_second li {display: block; float: left; margin: 0 10px 0 0; padding: 5px 0 5px 10px; background: url('../images/menu-second-separator.gif') left center no-repeat;}
#menu_second li a {color: #38678c; font-size: 0.9em; font-weight: bold; text-decoration: none;}
#menu_second li a:hover {color: #FFF;}
#menu_second li.first {background: 0;}

#cms-header {position: relative; width: 100%; margin: 30px 0 0 0; padding: 0; background: #FFF url('../images/header-bg.gif') 0 0 repeat-x; z-index: 5;}
#cms-header .corner-left {position: relative; padding-left: 30px; background: url('../images/header-left.gif') left top no-repeat;}
#cms-header .corner-right {position: relative; padding-right: 30px; background: url('../images/header-right.gif') right top no-repeat;}
#cms-header .main {position: relative; width: 950px; height: 117px;}
#cms-header .menu-left {width: 100%; clear: both; background: #8DC3ED url('../images/menu-bg.gif') repeat-x;}
#cms-header .menu-right {padding-right: 7px; background: url('../images/menu-right.gif') right top no-repeat;}
#cms-header .menu-second-left {clear: both; padding-left: 7px; background: #8DC3ED url('../images/menu-second-left.gif') 0 0 no-repeat;}
#cms-header .menu-second-right {padding-right: 7px; background: url('../images/menu-second-right.gif') right top no-repeat;}

#cms-header a.logo {position: absolute; display: block;	width: 270px; height: 63px; left: 0; top: 33px;  background: url('../images/logo.gif') no-repeat 0 0;}
#cms-header a.logo span {display: none;}
#cms-header h2 {position: absolute; display: block;	width: 474px; height: 91px; right: 0; top: 26px; margin: 0; padding: 0; border: 0; background: url('../images/text.gif') no-repeat 0 0;}
#cms-header h2 span {display: none;}

#cms-header-bottom {height: 12px; background: url('../images/header-bottom-bg.gif') 0 0 repeat-x;}
#cms-header-bottom .left {height: 12px; background: url('../images/header-bottom-left.gif') left top no-repeat;}
#cms-header-bottom .right {height: 12px; background: url('../images/header-bottom-right.gif') right top no-repeat;}

#cms-middle {position: relative; width: 100%; margin: 0; padding: 0; background: url('../images/main-bg.gif') repeat-y; z-index: 2;}
#cms-middle .bottom {position: relative; background: url('../images/main-bottom.gif') left bottom no-repeat;}
#cms-middle .main {position: relative; padding: 0 7px 20px 8px; background: url('../images/main-top.gif') left top no-repeat;}
#cms-middle .main .left-box {float: left; width: 770px; padding: 10px; background: url('../images/left-box-bg.gif') repeat-x;}
#cms-middle .main .left-box li {clear: both;}
#cms-middle .main .left-box li a {display: block; float: left; font-size: 0.9em !important; margin-bottom: 2px; padding-top: 1px; width: 225px;}
#cms-middle .main .right-box {float: right; width: 174px; min-height: 170px; padding: 10px; background: url('../images/right-box-bg.gif') repeat-x;}
#cms-middle .main .right-box ul {margin: 10px 0; padding: 0;}
#cms-middle .main .right-box li {margin: 3px 0 3px 18px; padding: 0;}
#cms-middle .main .right-box li,
#cms-middle .main .right-box li a {color: #1D5E90; font-size: 0.85em; font-weight: bold;}
#cms-middle .main .right-box .logo {display: block; width: 172px; height: 36px; margin: 10px 0; background: 0 0 no-repeat;}
#cms-middle .main .right-box .logo span {display: none;}
#cms-middle .main .right-box .logo.fajnyshop {background-image: url('../images/right-fajnyshop.gif');}
#cms-middle .main .right-box .logo.fajnemimco {background-image: url('../images/right-fajnemimco.gif');}
#cms-middle .main .right-box .logo.vytvorto {background-image: url('../images/right-vytvorto.gif');}

.home {position: relative; background: url('../images/main-home-bg.gif') repeat-y !important;}
.home .bottom {position: relative; width: 100%; background: url('../images/main-home-bottom.gif') left bottom no-repeat !important;}
.home .main {position: relative; background: url('../images/main-home-top.gif') left top no-repeat !important; padding: 0 0 20px 5px !important; margin: 0 !important;}
.home .main .left-box {width: 796px !important; background: none !important; padding: 0 !important; margin: 0 !important;}
.home .main .left-box .cms {float: left; width: 407px; padding: 25px 25px 0 25px; margin: -3px 0 0 0; background: url('../images/left-box-bg.gif') top repeat-x;}
.home .main .left-box .cms .wraper {background: url('../images/placka.gif') right top no-repeat;}
.home .main .left-box .cms p {margin: 10px 140px 0 2px;}
.home .main .left-box .news {float: right; width: 302px; padding: 10px; margin: -3px 0 0 0; background: url('../images/left-box-bg.gif') top repeat-x;}
.home .main .left-box .news .news {float: right; width: 316px;}
.home .main .right-box {margin-right: 7px; _margin-left: 8px;}

#cms-foot {clear: both; position: relative;}
#cms-foot .foot-left {padding-left: 25px; background: url('../images/foot-left.gif') left top no-repeat;}
#cms-foot .foot-right {padding-right: 25px; background: url('../images/foot-right.gif') right top no-repeat;}
#cms-foot .main {width: 960px; height: 56px; line-height: 53px; padding: 0; margin: 0; background: url('../images/foot-bg.gif') repeat-x;}
#cms-foot p {color: #1D5E90; font-size: 0.85em;}
#cms-foot a {color: #1D5E90;}
#cms-foot .left {float: left; text-align: left;}
#cms-foot .right {float: right; text-align: right;}
#cms-foot .right a {text-decoration: none;}
#cms-foot .right a:hover {text-decoration: underline;}

#cms-reference {position: relative; width: 100%; margin: 0; padding: 0; background: url('../images/reference-bg.gif') repeat-y; z-index: 0;}
#cms-reference .bottom {position: relative; background: url('../images/reference-bottom.gif') left bottom no-repeat;}
#cms-reference .main {position: relative; padding: 0 7px 12px 8px;}
#cms-reference .main .left-box {clear: both; float: left; width: 185px; padding: 10px; background: url('../images/left-box-bg.gif') repeat-x;}
#cms-reference .main .left-box ul {margin: 10px 0; padding: 0;}
#cms-reference .main .left-box li {margin: 0 0 0 25px; padding: 0 0 0 5px;}
#cms-reference .main .left-box li {color: #1D5E90;}
#cms-reference .main .left-box li a {color: #1D5E90; font-weight: bold; font-size: 0.8em;}
#cms-reference .main .right-box {float: right; position: relative; width: 759px; min-height: 170px; padding: 10px;}
#cms-reference .info-text {color: #1d5e90; text-align: justify; margin-top: 8px;}
#cms-reference .info-text a, #cms-reference .info-text a:hover {color: #1d5e90;}

.ref-box {float: left; z-index: 0; position: relative; padding: 10px 8px 0 9px; margin-right: 1px; background: url('../images/ref-bg.gif') 0 0 no-repeat;}
.ref-box strong {display: block; color: #1D5E90; font-size: 0.75em !important; margin: 0 0 10px 2px;}

.table_main {width: 100%; _width: 99%; margin: 10px 0; padding: 0; border: 0; border-spacing: 0; text-align: left;}
.table_main th {background: #2B3638; color: #FFFFFF; font-family: Verdana, Tahoma, Arial CE; font-size: 11px; font-weight: bold; padding: 5px;}
.table_main td {background: #313B3E; color: #FFFFFF; font-family: Verdana, Tahoma, Arial CE; font-size: 11px; padding: 5px; border-top: 1px solid #384145;}

.table_cenik {width: 100%; _width: 99%; margin: 10px 0; padding: 0; border: 0; border-spacing: 0; text-align: left;}
.table_cenik td {font-size: 13px; padding: 10px 5px;}
.table_cenik .bg td {background: #F0F0F0; border-bottom: 1px solid #C1C1C1;}
.table_cenik .t-right {width: 100px; text-align: right;}
.table_cenik .pozn {color: #737373; font-size: 0.8em;}
.table_cenik .high {color: #1D5E90; font-size: 1em;}

#mapa {float: right; width: 300px; height: 210px; border: 1px solid #C1C1C1; background: #FFF url('../images/mapa.jpg') top left no-repeat; margin-right: 20px;}

.reference-box {float: left; width: 145px; _width: 165px; padding: 10px 9px; border: 1px solid #FFF; background: #FFF;}
.reference-box h4 {color: #FFF; font-size: 11px; font-weight: normal; margin:0; margin-bottom: 7px;}
.reference-box h4 a, .reference-box h4 a:hover {color: #000; font-size: 11px; text-decoration: none;}
.reference-box img {width: 145px; height: 110px; border: 1px solid #C4C4C4;}
.reference-box:hover, .reference-box.hover {color: #000; border: 1px solid #0276C7; background: #EFF8FF;}
.reference-box {
		background-color: expression(
			this.onmouseover = new Function("this.className += ' hover';"),
			this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
		);
}
.reference-box:hover a, .reference-box.hover a {color: #0276C7;}

/* nastaveni CMS */
#gallery_box .gallery_thumb_img a:hover {border: 2px solid #696866;}

#comments_box .comment_header {background-color: #FE771A;}
#comments_box .comment_item {border: 1px solid #E05B00;}
#comments_box .comment_header a.comment_user span {background-color: #FE771A;}

#poll_box {margin: 0 10px;}

#post_box .article_content {font-size: 1.1em !important;}

#post_box .catalog_top {position: relative; padding: 5px 0 20px 0;}
#post_box .catalog_top .image {float: left; width: 200px; margin: 0 10px 0 0; text-align: center;}
#post_box .catalog_top .image .zoom {color: #000; font-size: 0.8em; padding-left: 20px; background: url('..../images/zoom.gif') left center no-repeat; text-decoration: none;}
#post_box .catalog_top .info {float: left; width: 345px; color: #000; font-size: 0.9em; padding: 10px; background: #FEEFD2; border-top: 1px solid #F87329; border-bottom: 1px solid #F87329;}
#post_box .catalog_top .info strong {display: block; float: left; width: 120px;}

#cms-articles .dateupdated {display: block; float: left; width: 70px; color: #737373; font-size: 0.8em; text-align: right; padding-top: 2px; margin-right: 5px; }
#cms-articles a {color: #1D5E90; font-weight: bold;}

#path a {color: #000;}