/* Inspiro Solutions - CSS */

/* Global settings */
html, body, form, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, div, hr, form, input, fieldset, button { margin: 0; padding: 0; }
body  { text-align: center; color: #fff; background: #000 url('../images/bg-body2.jpg') no-repeat 50% 0%; font: normal 85%/1.3 'Trebuchet MS', sans-serif; }
hr,
legend  { display: none; }
fieldset  { border: 0; }
.dn { display: none; }
.cf { min-height: 1%; _height: 1%; }
.cf:after { content: "."; display: block; clear: both; visibility: hidden; overflow: hidden; height: 0; }

/* Layout */
#page { width: 830px; margin: 0 auto; text-align: left; position: relative; }
#header { min-height: 164px; _height: 164px; background: #000 url('../images/bg-header.jpg') no-repeat left top; position: relative; }

/* Header */
#logo { position: absolute; left: 22px; top: 28px; width: 180px; height: 43px; background: transparent url('../images/logo.gif') no-repeat left top; cursor: pointer; }
.slogan { position: absolute; width: 208px; height: 68px; background: transparent url('../images/slogan.gif') no-repeat left top; left: 341px; top: 38px; }
#header .jumps  { position: absolute; bottom: 39px; right: 4px; width: 121px; min-height: 21px; _height: 21px; background: transparent url('../images/header-links.gif') repeat-y left top; line-height: 21px; }
#header .jumps a  { color: #aaa; text-decoration: none; font-size: 90%; margin-left: 10px; }
#header .jumps a:hover  { color: #fff; }
a.en { display: block; position: absolute; width: 16px; height: 11px; background: #000 url('../images/en.gif') no-repeat 0 0; top: 5px; right: 11px; }
a:hover.en  { background-position: 0 100%; }

/* Menu */
#menu { height: 35px; overflow: hidden; position: absolute; top: 129px; left: 0; }
#menu li  { float: left; list-style-type: none; line-height: 33px; }
#menu li a  {  display: block; height: 35px; width: 104px; text-align: center; color: #ccc; text-decoration: none; font-size: .8em; background: #000 url('../images/menu.gif') no-repeat left top; }

#menu #m01  { background-position: 0 0; } #menu a:hover#m01  { background-position: 0 100%; }
#menu #m02  { background-position: -104px 0; }  #menu a:hover#m02  { background-position: -104px 100%; }
#menu #m03  { background-position: -208px 0; }  #menu a:hover#m03  { background-position: -208px 100%; }
#menu #m04  { background-position: -312px 0; }  #menu a:hover#m04  { background-position: -312px 100%; }
#menu #m05  { background-position: -416px 0; }  #menu a:hover#m05  { background-position: -416px 100%; }
#menu #m06  { background-position: -520px 0; }  #menu a:hover#m06  { background-position: -520px 100%; }
#menu #m07  { background-position: -624px 0; }  #menu a:hover#m07  { background-position: -624px 100%; }
#menu #m08  { background-position: -728px 0; width: 101px; }  #menu a:hover#m08  { background-position: -728px 100%; }
#menu li a:hover  { color: #fff; }

/* Main */
#main { padding: 28px 0 0 17px; }
#main .products li  { float: left; list-style-type: none; }
#main .products li a  { display: block; }
#main .products .it01 { margin-right: 17px; }
#main .products .it01 a { width: 185px; height: 206px; background: #000 url('../images/products-item01.jpg') no-repeat 0 0; }
#main .products .it02   { margin-right: 24px; }
#main .products .it02 a { width: 184px; height: 193px; background: #000 url('../images/products-item02.jpg') no-repeat 0 0; position: relative; top: 15px; }
#main .products .it03   { margin-right: 18px; }
#main .products .it03 a { width: 185px; height: 193px; background: #000 url('../images/products-item03.jpg') no-repeat 0 0; position: relative; top: 15px; }
#main .products .it04 a { width: 185px; height: 208px; background: #000 url('../images/products-item04.jpg') no-repeat 0 0; }
#main .products li a:hover  { background-position: 0 100%; }
#main .col1,
#main .col2 { padding-top: 12px; }
#main .col1 { width: 393px; float: left; }
#main .col1 h2  { display: block; height: 60px; background: #000 url('../images/h2-vecernicek.gif') no-repeat left top; margin-bottom: 15px; }

#tabs .tab  { background: #000 url('../images/vecernicek-top.gif') no-repeat left top; padding-top: 15px; }
#tabs .tab .pane  { padding: 0px 15px 0px 23px; border-left: 1px #56412d solid; border-right: 1px #56412d solid; background: #16100a url('../images/vecernicek-pane.gif') repeat-x left top; color: #bfaa96; font-size: .9em; }
#tabs .tab .pane h3 { margin-bottom: 10px; font-size: 1.2em; }
#tabs .tab .pane h3 a { color: #fff; }
#tabs .tab .pane h3 a:hover { text-decoration: none; }
#tabs .tab .pane .item p  { width: 307px; float: right; margin-bottom: 12px; }
#tabs .tab .bottom  { background: #000 url('../images/vecernicek-bottom.gif') no-repeat; }
#tabs ul  { padding-left: 9px; position: relative; }
#tabs ul li { list-style-type: none; float: left; width: 35px; height: 31px; }
#tabs ul li.first { padding-left: 34px; }
#tabs ul li a { display: block; background: #000 url('../images/vecernicek-link.gif') no-repeat 0 0; width: 35px; height: 31px; text-align: center; position: relative; top: 1px; color: #a78d74; font-weight: bold; font-size: .9em; line-height: 25px; text-decoration: none; }
#tabs ul li a:hover { background-position: 0 100%; }
#tabs ul li a.prev  { position: absolute; left: 10px; width: 24px; height: 22px; background: #000 url('../images/vecernicek-prev.gif') no-repeat 0 0; }
#tabs ul li a:hover.prev  { background-position: 0 100%; }
#tabs ul li a.next  { display: block; width: 24px; height: 22px; background: #000 url('../images/vecernicek-next.gif') no-repeat 0 0; position: relative; left: -24px; }
#tabs ul li a:hover.next  { background-position: 0 100%; }
#tabs ul li a.all { display: block; width: 92px; height: 26px; line-height: 26px; color: #fff; text-decoration: none; text-align: center; background: #000 url('../images/vecernicek-all.gif') no-repeat 0 0; font-size: .8em; font-weight: normal; left: 0px; }
#tabs ul li a:hover.all { background-position: 0 100%; }
#tabs ul li a.active  { background-image: url('../images/vecernicek-active-link.gif'); }

#tabs ul li a.next, #tabs ul li a.next active {display: block; width: 24px; height: 22px; background: #000 url('../images/vecernicek-next.gif') no-repeat 0 0 !important; position: relative; left: -24px; }
#tabs ul li a.prev { position: absolute; left: 10px; width: 24px; height: 22px; background: #000 url('../images/vecernicek-prev.gif') no-repeat 0 0!important; }

#tabs form  { margin-top: 10px; }
#tabs form label  { color: #a8a5a3; width: 115px; float: left; margin-right: 7px; font-size: .8em; }
#tabs form input  { display: block; width: 140px; _width: 147px; height: 17px; _height: 27px; padding: 5px 2px 5px 5px; float: left; border: 0; background: #000 url('../images/bg-input.gif') no-repeat left top; color: #b8b8b8; font-size: .8em; }
#tabs form input.submit { width: 92px; height: 26px; background: #000 url('../images/bg-input-submit.gif') no-repeat left top; text-align: center; color: #fff; position: relative; top: 1px; left: 7px; }

#main .col2 { width: 392px; float: right; }
#main .col2 .price  { background: #000 url('../images/facebook-propagace-banner.jpg') no-repeat left top; min-height: 117px; _height: 117px; position: relative; }
#main .col2 .price h2 a { position: absolute; left: 11px; top: 10px; width: 69px; height: 28px; background: #000;}
#main .col2 .price p  { width: 195px; position: relative; left: 11px; top: 20px; font-size: .9em; }
#main .col2 .price a  { color: #a3a3a3; text-decoration: none; }
#main .col2 .price a  span { font-size: .9em }
#main .col2 .price a:hover  { text-decoration: underline; color: #fff; }

#main .col2 .references { background: #000 url('../images/bg-reference.gif') no-repeat left bottom; min-height: 125px; _height: 125px; position: relative; top: 25px; }
#main .col2 .references h2  { font-size: .9em; color: #989898; font-weight: bold; position: relative; top: 7px; left: 7px; }
#main .col2 .references .ref-logo { position: absolute; left: 55px; top: 30px; }
#main .col2 .references .illustration { position: absolute; bottom: 3px; right: 30px; }

#main .col2 .actual-project { background: #000 url('../images/bg-projects.gif') no-repeat left top; min-height: 267px; _height: 267px; position: relative; top: 41px; }
#main .col2 .actual-project h2  { font-size: .9em; color: #989898; position: absolute; top: 4px; left: 7px; font-weight: bold; }
#main .col2 .actual-project img { position: absolute; left: 0px; top: 20px; border: 0px; }
#main .col2 .actual-project .desc { position: absolute; bottom: 0px; color: #b9b9b9; text-align: center; font-size: .8em; width: 100%; }
#main .col2 .actual-project p { position: absolute; bottom: 5px; color: #b9b9b9; text-align: center; font-size: .8em; width: 100%; }
#main .col2 .actual-project .desc a { color: #c66647; text-decoration: none; }
#main .col2 .actual-project .desc a:hover { text-decoration: underline; }

.partners-support { margin-top: 30px; }
.partners-support .col1,
.partners-support .col2 { width: 396px; min-height: 122px; _height: 122px; background: #000 url('../images/partners.gif') no-repeat left top; position: relative; }
.partners-support .col1 { float: left; }
.partners-support .col1 h2  { font-size: 1em; color: #607575; position: absolute; left: 10px; top: 10px; }
.partners-support .col1 ul  { position: absolute; top: 35px; left: 10px; }
.partners-support .col1 li  { list-style-type: none; float: left;  margin-right: 9px; margin-bottom: 4px; text-align: center; }
.partners-support .col1 li a  { display: block; width: 118px; height: 16px; background-color: #2d2d2d; color: #8c8c8c; text-decoration: none; line-height: 15px; font-size: .8em; }
.partners-support .col1 li a:hover  { background-color: #484848; }
.partners-support .col2 { float: right; }
.partners-support .col2 h2  { font-size: 1em; color: #607575; position: absolute; left: 10px; top: 10px; }
.partners-support .col2 ul  { position: absolute; top: 35px; left: 10px; }
.partners-support .col2 li  { list-style-type: none; float: left;  margin-right: 9px; margin-bottom: 4px; text-align: center; }
.partners-support .col2 li a  { display: block; width: 118px; height: 16px; background-color: #2d2d2d; color: #8c8c8c; text-decoration: none; line-height: 15px; font-size: .8em;}
.partners-support .col2 li a:hover  { background-color: #484848; }
.partners-support .col2 li a.spec { width: 180px !important; }
.partners-support .col2 li.last { margin-right: 0 !important; }

#footer { background: #000 url('../images/bg-footer.gif') no-repeat left top; min-height: 166px; _height: 166px; position: relative; top: 17px; font-size: .85em; line-height: 1.5em; color: #949494; padding: 0 15px 0 15px; }
#footer a { color: #bfbfbf; text-decoration: none; }
#footer a:hover { color: #fff; }
#footer h2  { color: #94acac; font-size: 1em; margin-bottom: 12px; }
#footer ul li  { list-style-type: none; }
#footer .col1, .col2, .col3 { padding: 27px 0 0 0px; }
#footer .col3 { width: 240px; float: left; }
#footer .col2 { width: 240px; float: right; }
#footer .col1 { width: 220px; float: right; }
#footer .col3 strong  { color: #94acac; display: block; }
#footer .col1 form legend { color: #94acac; font-size: 1em; padding-bottom: 12px; display: block; font-weight: bold; position: relative; _left: -9px; =left: -9px; }
#footer .col1 form input  { display: block; width: 136px; _width: 142px; height: 15px; _height: 21px; padding: 3px 3px 3px 3px; background: #000 url('../images/footer-input.gif') no-repeat left top; border: 0; color: #8d9393; font-size: .85em; margin-bottom: 6px; }
#footer .col1 form input.submit { width: 67px; height: 21px; padding: 0; background: #000 url('../images/bg-footer-submit.gif') no-repeat left top; position: relative; top: -27px; left: 150px; }

#sitemap ul {margin-left: 30px;}
#sitemap a:link, #sitemap a:visited {color: #bfbfbf;}
#sitemap a:hover {color: #fff;}