/* Start of CMSMS style sheet 'main' */
/* 

   Stylopis webu www.polnacorp.cz
   Autor: Digital Reality Studios, s.r.o., info@drs.cz

*/ 

/* RESET.CSS
---------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;outline:none;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
hr { display: none; }

/* GLOBALS ELEMENTS, ID, CLASS
---------------------------------------------------------- */
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
dfn {font-style:italic;font-weight:bold;}
em {font-style:normal; font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
p {margin:0 0 1em 0;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0.5em 1em 1em 0.5em;}
ul {list-style-type: none;}
ul li, dd {padding-left: 15px; background: url(images/bull.gif) no-repeat 0 0.6em;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dt { margin: 0.2em 0; }
dd {margin-left:1em;}
table { width: 100%;}
th, td { border: 1px solid #bcc3c5; }
th { padding: 6px 8px; border-bottom: 2px solid #aaaaaa; text-align: left; color: #5f5959; background: #eff1f1 url(images/gloss_sm.png) repeat-x 0 0; }
td { padding: 4px 8px; border-right: none; }
td:first-child { border-left: none; }

/* --- headings --- */
h1, h2, h3, h4, h5, h6 {font-weight:normal; color: #004857;}
h1, h2.title {display:inline;font-size:1.8em;line-height:1.8;text-transform:uppercase;padding: 0 30px 0 0; background: url(images/h-line-content.gif) no-repeat 100% 80%;}
.heading { margin-bottom: 0.5em; }
#catalog h1 {display:block;background:none}
h2 {width:auto; margin: 1.5em 0 0 0; font-size:1.4em;line-height:1.4; text-transform:uppercase;}
h3 {margin-bottom:1.2em;font-size:1.2em;font-weight:bold;line-height:1.2;}
#catalog .subtitle h3 {display:inline;padding:10px 50px 0 0; background: url(images/h-line-content.gif) no-repeat 100% 0;}
.subtitle {margin: -12px 0 15px 0;}
h4 {font-weight:bold;font-size:1em;line-height:1;margin: 0.5em 0;color:#3f3b3b;}
h5 {font-size:1em;font-weight:bold;}
h6 {font-size:1em;}

/* forms */
form { color: #5f5959; }
input, select { padding: 2px; vertical-align: middle; font-size: 100%; font-family: Arial, Helvetica, sans-serif; border: 1px solid #bcc3c5;border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf; color: #5f5959; background: #fff url(images/bg-input.gif) no-repeat 0 0; }
input:focus, select:focus, textarea:focus {border-right: 1px solid #bcc3c5;border-bottom: 1px solid #bcc3c5; background-position: 0 -261px;}
textarea { width: 97%; height: 150px;padding:2px;font-family: Arial, Helvetica, sans-serif; font-size: 110%; border: 1px solid #bcc3c5; color: #5f5959; background: #fff url(images/bg-input.gif) no-repeat 0 0; }
legend { padding: 0 10px; font-weight: bold; color: #2b6774; }
form label em { vertical-align: middle; font-weight: normal; }
fieldset { margin-bottom: 20px; padding: 5px 10px 10px 10px; border: 1px solid #a7bbbf; }
form td, form th { padding: 3px 5px 3px 5px; border: none; background: none }
table input { width: 97%; }
td#submit-area { line-height: 31px; font-size: 95%; }
td#submit-area input { width: auto; }
td#submit-area img { margin-right: 10px; vertical-align: middle; border: 1px solid #bcc3c5; }
input.fbsubmit { padding: 3px 5px; border: 1px solid #efefef; color: #fff; background: #4b4c4c url(images/bg-input-submit.gif) repeat-x 0 0; cursor: pointer; }
input.error { border-color: #d74c02; }
label.error { font-size: 80%; }
.error_message { margin: 0 0 20px 0; }
.checkbox { width: auto; border: none; background: none; }

/* --- universal ID, class --- */
.left { float: left; }
.right { float: right;}
.cleaner { clear: both; }
.hidden, .noprint { display: none; }

/* --- links --- */
a:focus, a:hover {color:#1b5000;}
a {color:#4ea025;text-decoration:none;}
a:focus {border:none; outline: none;}
a.popup { padding-right: 10px; background: url(images/icon-popup.gif) no-repeat 100% 50%; }
.pdf { padding: 0 0 0 22px; background: url(images/pdf.png) no-repeat 0 0.1em; }
.xls { padding: 0 0 0 22px; background: url(images/xls.png) no-repeat 0 0.1em; }
.txt { padding: 0 0 0 22px; background: url(images/txt.png) no-repeat 0 0.1em; }
.exe { padding: 0 0 0 22px; background: url(images/exe.png) no-repeat 0 0.1em; }

/* PAGE STRUCTURE
---------------------------------------------------------- */

body { text-align: center; line-height:1.6; font-size:80%; font-family: Tahoma, Geneva, sans-serif; color: #3f3b3b; }

#header {height: 379px; background: url(images/bg-head.gif) repeat-y 50% 0; }

#main { position: relative; float: left; width: 100%; background: url(images/bg-main.gif) repeat-y 50% 0; }

#main .wrapper { float: left; width: 100%; background: url(images/bg-main-wrapper.gif) no-repeat 50% 0; }

#main .inner {position: relative; width: 1092px; margin: 0 auto; text-align: left; background: url(images/bg-main.gif) repeat-y 50% 0;}

#content { position: relative; float: right; width: 730px; padding: 35px 40px 0 40px; }

#sidebar { position: relative; float: left; width: 247px; min-height: 400px; height: auto!important;height: 400px; margin-bottom: 50px; padding: 40px 35px 0 0; text-align: right; color: #2b6774; background: url(images/bg-sidebar.gif) no-repeat 100% 0; }

#flash { position: absolute; top: -307px; right: 0; }

#footer { font-size: 85%; background: url(images/bg-footer.gif) no-repeat 50% 100%; }



/* #HEADER
---------------------------------------------------------- */

#header .wrapper { height: 379px; background: url(images/bg-header-wrapper.gif) no-repeat 50% 72px; }

#header .inner { position: relative; width: 1092px; margin: 0 auto; text-align: left; background: url(images/bg-header-wrapper.gif) no-repeat 50% 72px;}

.header-top { background: #fff url(images/bg-header-top.gif) repeat-x 0 0; }

.header-top p {position: relative;  height: 72px; margin: 0;  }

#logo { position: absolute; top: 5px; left: 0; width: 367px; height: 67px; font-size: 110%; }

#logo a { cursor: pointer; }

#logo a .overlay { background: url(images/logo-hi.gif) no-repeat 0 0; }

#lang { position: absolute; bottom: 8px; right:10px; text-transform: uppercase; }

#lang span { font-weight: bold; }

#lang a { color: #000; }

.slogan { position: absolute; display: block; top: 38px; left: 420px; margin: 0; padding: 0; font-size:1.7em; font-weight: normal; line-height:1.8; text-transform:uppercase; background: none; }

/* #MAIN
---------------------------------------------------------- */

/* --- image overlay --- */

.overlap { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; outline: none; color: #ff7500; }

.overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* --- #menu --- */

#menu ul { position: absolute; top: -307px; left: 0; width: 282px; height: 257px; margin: 0; padding: 50px 0 0 0; text-align: right; background: #004857 url(images/bg-menu.jpg) no-repeat 100% 0; }

#menu li { float: right; width: 192px; height: 24px; margin: 0; padding: 0; line-height: 24px; background: none; }

#menu li a { cursor: pointer; color: #fff; }

#menu li a:hover, #menu li .selected { color: #5dd222; }

.menu-cz .overlay { background: url(images/bg-menu-items.gif) no-repeat; }

.menu-en a .overlay { background: url(images/bg-menu-items-en.gif) no-repeat; }



#menu-o-firme a .overlay { background-position: 0 0; }

#menu-produkty a .overlay { background-position: 0 -24px; }

#menu-sluzby a .overlay { background-position: 0 -48px; }

#menu-divent a .overlay { background-position: 0 -72px; }

#menu-poptavka a .overlay { background-position: 0 -96px; }

#menu-reference a .overlay { background-position: 0 -120px; }

#menu-kontakt a .overlay { background-position: 0 -144px; }

#menu-o-firme a:hover .overlay, #menu-o-firme a:focus .overlay, #menu-o-firme .selected .overlay { background-position: 0 -168px; }

#menu-produkty a:hover .overlay, #menu-produkty a:focus .overlay, #menu-produkty .selected .overlay { background-position: 0 -192px; }

#menu-sluzby a:hover .overlay, #menu-sluzby a:focus .overlay, #menu-sluzby .selected .overlay { background-position: 0 -216px; }

#menu-divent a:hover .overlay, #menu-divent a:focus .overlay, #menu-divent .selected .overlay { background-position: 0 -240px; }

#menu-poptavka a:hover .overlay, #menu-poptavka a:focus .overlay, #menu-poptavka .selected .overlay { background-position: 0 -264px; }

#menu-reference a:hover .overlay, #menu-reference a:focus .overlay, #menu-reference .selected .overlay { background-position: 0 -288px; }

#menu-kontakt a:hover .overlay, #menu-kontakt a:focus .overlay, #menu-kontakt .selected .overlay { background-position: 0 -312px; }


/* #CONTENT
---------------------------------------------------------- */

.content-left, .content-right { float: left; width: 50% }

.pagination { margin: 20px 0 0 0; }

.pagination a { padding: 5px; }

.pagination .rss a { padding: 0 0 0 20px; }

.breadcrumbs { font-size: 90%; color: #6f6f6f; }

.breadcrumbs a { color: #6f6f6f; }

.title-box { position: relative; float: left; width: 203px; padding: 0 40px 0 0; }

.title-box h2 { margin-top: 0.4em; }

.title-box .logo { position:absolute; top: 10px; left: 70px; }

a.print { padding-left: 14px; background: url(images/icon-print.gif) no-repeat 0 50%; }

a.print:hover { background-position: -149px 50%; }

body#home #top { display: none; }

#top { position: absolute; top: 20px; right:10px; font-size: 85%; }

#references img { margin: 0.4em 0; border: 1px solid #1d5d6a; }


/* --- .news-list --- */

#content .news-list h3 { margin-bottom: 0.5em; }

.news-summary { margin: 0 0 15px 0; line-height: 1.3; }

#content .news-summary { line-height: 1.7;}


/* --- .panel --- */

.panel { float: right;width: 260px; margin: -20px 0 20px 35px; padding: 5px 0 0 15px; line-height: 1.3; font-size: 85%; background: url(images/bg-panel.gif) no-repeat 0 100%; }

.panel h3 { margin: 0 0 10px 0; font-size: 110%; font-weight: bold; text-transform: uppercase; color: #7c7a7a; }

.panel .gallery { margin-bottom: 30px; }

.panel .gallery a { margin: 0 4px 4px 0; }

.panel .gallery a img { padding: 1px; border: 1px solid #b3bdbf; opacity: 0.5; }

.panel .gallery a:hover img { opacity: 1; }

.panel .gallery a:hover img { border-color: #4ea024; }

.panel ul { margin: 0; }

.panel ul.files li { margin-bottom: 1em; padding-top: 2px; padding-bottom: 2px;}

body#catalog .panel  { width: auto; margin-top: -40px; font-size: 100%; background: none; }

body#catalog .panel ul { margin-left: 0.5em; }

body#catalog .panel .gallery { margin-bottom: 1em; }

body#catalog .panel .gallery a img { opacity: 1; }

body#catalog .panel .files li { margin: 0 0 0.2em 0; text-transform: uppercase; }


/* --- #contact-form --- */

#contact-form { font-size: 110%; }

#contact-form th {width:26%; }

#contact-form tr.subject-line th { padding-top: 5px; }

#contact-form label {padding-right: 10px; }

#contact-form form td, #contact-form form th { padding: 3px 0 3px 0; }


/* --- #map --- */

#map { margin: 0; }

#map th, #map td { border: none!important; }

#map ul.gmapSidebar { margin: 0; }

ul.gmapSidebar li { float: left; margin-right: 20px; }


/* --- .fontResizer --- */

.fontResizer { color: #5f5959; }

#content .fontResizer a { height: 17px; padding: 0 2px; text-align: center; border: 1px solid #d6d6d6; line-height: 15px; color: #747573; background: #f1f4ef;}

.fontResizer a:hover { color: #000; background:#4ea024; }

.smallFont { font-size: 9px; }

.medFont { font-size: 13px; }


.largeFont { font-size: 15px; }

.fontResizer .curFont,.fontResizer a:hover.curFont { color: #fff; background: #4ea024; }

/* --- Others --- */

h3#logo-divent { margin: 0.6em 0 0.8em 0; }

h3.logo-divent .overlay { background: url(images/logo-divent.gif) no-repeat 0 0; }

/* #SIDEBAR
---------------------------------------------------------- */
#sidebar a { color: #6d9da7; }

#sidebar a:hover { color: #003743; }

#sidebar h2 { display: inline; color: #2b6774; padding: 0 0 0 40px; background: url(images/h-line-sidebar.png) no-repeat 0 70%; }

#sidebar .news-list h3 { margin:0.9em 0 0.3em 0; padding: 0; font-size: 100%; color: #2b6774; }

#sidebar .news-list h3 a { color: #2b6774; }

.news-summary a { text-decoration: underline; }

#search { position: absolute; top: -40px; right: 40px; }

#search .text { border: 1px solid #0d788f; color: #1a7b8f; background: none; }

#search .submit { width: 24px; height: 19px; border: none; text-indent: -1000em; background: transparent url(images/button-search.gif) no-repeat center top; cursor: pointer; }

#sidebar .news-list { padding: 0 0 0 0; }

.rss-link { padding-left: 20px; background: url(images/cms/rss.png) no-repeat 0 50%; }


/* --- #sub-menu --- */

#sub-menu { margin: 10px 0 0 0; }

#sub-menu ul { margin: 0 0 0 ; }

#sub-menu li { margin-bottom: 0.4em; padding: 0px 15px 0px 0; line-height: 1.2; font-weight: bold; color: #003743; background: url(images/bull.gif) no-repeat 100% 5px; }

#catalog ul#accordion { margin-right: 8px; }

#sub-menu li a {color: #2b6774;}

#catalog #sub-menu ul li ul li { padding: 0; font-weight: normal; background: none;}

#catalog #sub-menu ul li ul li a { color:#4ea025; }

#catalog #sub-menu ul li ul li a:hover { color:#1b5000; }

#catalog #sub-menu .heading { display: block; margin-top: 0.6em; }

#combobox h3 { margin: 0; padding: 5px 22px 5px 5px; white-space: nowrap; font-size: 90%; font-weight: normal; border: 1px solid #9cbdc4; background: #cedcdf; background: #cedcdf  url(images/combobox-arrow.gif) no-repeat 228px 50%; cursor: pointer; }

#combobox h3.active { background-position: -159px 50%; }

#combobox h3 span { font-weight: bold; }

#combobox ul { margin: 0; padding: 7px; border: 1px solid #9cbdc4; border-top: none; background: #cedcdf; }

#combobox li { background: url(images/bull-combobox.gif)  no-repeat 100% 5px;  }

#combobox li.selected a { font-weight: bold; }

#combobox li a {  font-weight: normal; color: #529434; }

#combobox li a:hover { color: #1b5000; }


/* #FOOTER
---------------------------------------------------------- */
#footer p { width: 1092px; margin: 0 auto; padding: 0 0 15px 0; text-align: left; background: url(images/bg-footer.gif) no-repeat 50% 100%;}

#footer span { display: block; width: 247px; padding-right: 35px; text-align: right; }

a.drs {padding: 0; color: #797b7b; }
/* End of 'main' */

