/* 

   Stylopis webu www.kreativniwebdesign.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:separate;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:"" "";}
cite:before {content: open-quote}
cite:after {content: close-quote}
cite[lang="cs"] {quotes: '„' '“' "‚" "‘"}
a img {border:none;}
hr { display: none; }

/* GLOBALS ELEMENTS, ID, CLASS
---------------------------------------------------------- */
body {text-align: center;line-height:1.4;font-size:80%;font-family:"Tahoma", Arial, Helvetica, sans-serif;color:#393939;background:#fff url(../images/bg-body-a.jpg) no-repeat 50% 64px;}
body#background-b {background:#fff url(../images/bg-body-b.jpg) no-repeat 50% 64px;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
small { font-size: 85%; color: #7f7f7f; }
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 0;}
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 1.5em 0;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0.5em 1.5em 1.5em 5px;}
ul {list-style-type: none;}
ul li {padding-left: 17px; background: url(../images/icon-bull.gif) no-repeat 0 0.5em;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table { width: 100%;margin-bottom: 1.4em;border-collapse:collapse;color:#5d6f5a;}
td, th {border: 1px solid #fff;padding:0.4em 1em;}
thead th {padding:0.6em 1em;font-weight:bold;color:#6b9d34; background:#dff2ca;}				
/* --- headings --- */
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 { margin: 1em 0 0 0;font-size:2em;line-height:1.6;color:#3a7000;}
h2 { font-family:Tahoma; margin-bottom:1em;line-height:1.3;font-size:1.1em;font-weight:bold;color:#3a7000;}
h3 {margin-bottom:1em;font-size:1.1em;font-weight:bold;line-height:1.1;color:#3a7000;}
h4 {font-size:1em;margin-bottom:1em;line-height:1.1;font-weight: bold;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
/* --- forms --- */
input, textarea {border: 1px solid #fff; color:#6f6f6f; background: #f2f2f2 url(../images/bg-input.gif) repeat-x 0 0;}
form table th, form table td {padding: 0;border:none;background:none;}
legend {padding: 0 5px;font-weight:bold;font-size:1.2em;}
label {display: block; padding: 5px 0 3px; text-transform: uppercase; font-size: 90%; color: #616161;}
textarea {width:100%;height:250px;padding:2px;font-family:"Tahoma", Arial, Helvetica, sans-serif;font-size:90%;}
input.error {border: 1px solid #ef3b3b;}
label.error {text-transform: none; font-size:80%; font-weight: bold;}
input.submit { padding: 3px 7px; color: #fff; background: #3c3f3b; cursor: pointer; }
label em {color: red;}
/* --- universal ID, class --- */
.left { float: left; }
.right { float: right;}
.cleaner { clear: both; }
.hidden { display: none; }
/* --- links --- */
a:hover {color:#3a6f00; text-decoration: underline;}
a {color:#599519;text-decoration:none;}
a:focus {border:none; outline: none;}
a.popup { padding-right: 10px; background: url(../images/icon-popup.gif) no-repeat 100% 50%; }
a.more { padding: 2px 0 2px 20px; background: url(../images/icon-more.gif) no-repeat 0 50%; }

/* PAGE STRUCTURE
---------------------------------------------------------- */
#page {position: relative; width: 1111px; margin: 30px auto 0 auto; text-align: left; }

#main { float: left; margin: 373px 0 0 0; background: url(../images/bg-menu.gif) no-repeat 0 0px; }

#content { float: left; display: inline; width: 776px; margin: 80px 0 0 19px; padding: 0 0 0 15px; background: url(../images/v-line-dashed.gif) no-repeat 0 -300px;}

#home #content { width: 790px; padding: 0; background: none; }

#sidebar { float: right; width: 251px; padding: 25px 25px 0 25px; font-size: 85%; color: #7f7f7f; }

#footer { float: left; display: inline; width: 1091px; margin: 50px 25px 0 20px; font-size: 85%; color: #b2b2b2; }

#header .flash { position: absolute; z-index: 100; top: 0; left: 0; width: 1111px; height: 373px; }


/* 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: 373px; left: 20px; width: 790px; margin: 0; }

#menu ul .overlap { overflow: visible; cursor: pointer; }

#menu a:hover { text-decoration: none; }

#menu li { position: relative; float: left; width: 158px; height: 80px; margin: 0; padding: 0; list-style-type: none; background: none; }

#menu em { position: absolute; bottom: 0; width: 138px; padding: 0 10px; font-size: 85%; font-weight: normal; color: #b2b2b2; }

#menu ul .overlay { background: url(../images/bg-menu.jpg) no-repeat; }

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

ul #menu-b .overlay { background-position: -158px 0; }

ul #menu-c .overlay { background-position: -316px 0; }

ul #menu-d .overlay { background-position: -474px 0; }

ul #menu-e .overlay { background-position: -632px 0; }

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

#menu-b a:hover .overlay, #menu-b a:focus .overlay { background-position: -158px -80px; }

#menu-c a:hover .overlay, #menu-c a:focus .overlay { background-position: -316px -80px; }

#menu-d a:hover .overlay, #menu-d a:focus .overlay { background-position: -474px -80px; }

#menu-e a:hover .overlay, #menu-e a:focus .overlay { background-position: -632px -80px; }

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

.menu-title { position: absolute; width: 11px; height: 69px; color: #fff; }

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

#header .menu-title { top: 110px; right: -8px; }

#header .menu-title .overlay { background-position: -11px 0; }

#menu .menu-title { top: 373px; left: -8px; }

#menu .menu-title .overlay { background-position: 0 0; }


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

/* --- images --- */

.zoom { position: absolute; right: -20px; bottom: 5px; }

/* --- #home --- */

#home h1  { position: absolute; top: 0; }

#content .title-box h2 { font-size: 1.7em; margin-bottom:0.4em; }

.title-box { float: left; width: 128px; padding: 20px 15px 0 15px; font-size: 85%; background: url(../images/v-line-dashed.gif) no-repeat 0 100%; }

.title-box a.more { display: block; margin-top: 1em; }

/* --- #news-list --- */

#news-list { width: 710px; }

#news-list h2 { clear: both; width: 550px; margin-bottom: 0.6em; }

span.date { float: left; margin: 1px 5px 0 0; font-weight: bold; font-size: 85%; }

.gallery { float: right; margin-left: 50px; }

.gallery span.corners { float: left; margin: 0 0 10px 10px; }

/* --- .CCpullout --- */

.CCspace { width: 155px; height: 152px; float: right; margin: 15px 0 15px 15px;  }

.CCpullout { position: relative;  float: left; width: 310px; height: 152px; margin: 15px 15px 15px -160px; background: url(../images/bg-ccpullout.gif) no-repeat 0 0;}

.CCpullout span { position: absolute; top: 25px; width: 250px; padding: 0 30px; text-align: center; color: #797979; }

/* --- table.prices --- */

table.prices caption { padding-bottom: 10px; }

table.prices tbody th {font-weight:normal;}

table.prices tbody th, table.prices tbody td { padding: 0 0; background: url(../images/bg-table-dot.gif) repeat-x 0 75%; }

table.prices tbody td { text-align: right; }

table.prices tbody th span { padding:0 0.4em 0 0; background: #fff; }

table.prices tbody td span { padding:0 0 0 0.4em; background: #fff; }

/* --- Contact --- */

h4 span { font-weight: normal; }

.contact-list { margin-top: 30px; overflow: hidden; }

.contact-list .corners { float: left; width: 82px; margin-right: 10px; }

.contact-item { float: left; width: 100%; margin-bottom: 14px; }

.contact-item p { margin: 10px 0 0 0; }

.map { margin-right: 60px; }

.map a { padding: 0; background: 0; }

/* --- #content-left --- */

#content-left { float: left; width: 373px; padding: 0 15px 0 0; }

/* --- #content-right --- */

#content-right { float: right; width: 358px; padding: 0 15px 0 15px; }

.v-line {  background: url(../images/v-line-dashed.gif) no-repeat 0 100%; }

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

#sub-menu { float: left; display: inline; width: 100%; margin: 0 0 30px -10px; }

#sub-menu li { float: left; padding: 0; border-right: 1px solid; color: #7f7f7f; background: none; }

#sub-menu li a { float: left; padding: 0 10px; line-height: 1.2; color: #7f7f7f; }

#sub-menu li:last-child { border: none; }

#sub-menu li.select { font-weight: bold; }

/* --- .portfolio-box --- */

.portfolio-box { margin-bottom: 40px; }

.portfolio-box h2 { margin: 15px 0 0 0; }

.portfolio-box ul { margin: 0; }

.portfolio-box ul li { padding: 0; background: none; }

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

#contact-form { clear: both; margin-top: 20px; }

#contact-form dl { float: left; display: inline; margin: 0 14px 0 0; }

#contact-form dl.last { margin: 0; }

#contact-form dt { font-size: 90%; font-weight: normal; }

#contact-form dd { margin: 0; }

#contact-form fieldset input { width: 182px; height: 16px; padding: 4px 5px 5px; }

#contact-form textarea { width: 625px; height: 155px; padding: 4px 5px 5px; color:#6f6f6f; background: #f2f2f2 url(../images/bg-input.gif) repeat-x 0 0; }

.submit-area { width: 640px; padding: 10px 0; text-align: right; background: url(../images/bg-submit-area.gif) no-repeat 105% 100%; }

.submit-area small { vertical-align: middle; }

/* #SIDEBAR
---------------------------------------------------------- */
#sidebar h2 { margin-bottom: 0.8em; font-size: 1.8em; font-weight: normal; background: url(../images/v-line-sidebar.gif) no-repeat 0 100%; }

#sidebar h3 { margin: 0; line-height: 1.4; font-size: 100%; color:#3a7000; }

#sidebar a { text-decoration: underline; }

#sidebar .clients { font-size: 1.2em; margin-bottom: 25px;}

.icon-a, .icon-b, .icon-c, .icon-d, .icon-e { padding-top: 210px; }

.icon-a { background: url(../images/icon-a.gif) no-repeat 0 20px; }

.icon-b { background: url(../images/icon-b.gif) no-repeat 0 20px; }

.icon-c { background: url(../images/icon-c.gif) no-repeat 0 20px; }

.icon-d { background: url(../images/icon-d.gif) no-repeat 0 20px; }

.icon-e { background: url(../images/icon-e.gif) no-repeat 0 20px; }

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

.news-list p.more { clear:both; padding-top: 0.8em; background: url(../images/v-line-sidebar.gif) no-repeat 0 0; }

.news-item { float: left; width: 100%; margin-bottom: 15px; }

.news-item a { color: #7f7f7f; }

.news-item a:hover { color: #686868; }

.news-item p { margin: 0; }

#sidebar .corners { float: left; width: 82px; margin-right: 10px; }

.corners { position: relative; display: block; padding: 6px; border: 1px solid #dcdcdc; }

.corners img { display: block; }

div.corners { padding: 6px;}

.portfolio-box .corners { width: 188px; }


/* #FOOTER
---------------------------------------------------------- */
#footer a { padding: 0 10px; color: #b2b2b2; }

#footer a:hover { color: #3a6f00; }

#footer p { line-height: 2.5; }

#footer p.left { width: 790px; background: url(../images/h-line-solid.gif) no-repeat 100% 50%; }

#footer p.right { width: 250px; text-align: right; background: url(../images/h-line-solid.gif) no-repeat 0 50%; }

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

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

a#sitemap { margin-left: 10px; padding-left: 17px; background: url(../images/icon-sitemap.gif) no-repeat 0 50%; }

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

a#up:hover { background-position: -154px 50%; }

a#sitemap:hover { background-position: -149px 50%; }


/* #WOLF STYLY
----------------------------------------------------------- */
.tech { color: #8e8e8e; }