@charset "utf-8";
/*
  STAV INZENYRING | www.stavinzenyring.cz
  Webdesign: BELIEVE - www.believe.cz & FCUK (Luboš Beták) - www.fcuk.cz
  Copyright (c) Luboš Beták (www.fcuk.cz) - All Rights Reserved! - XHTML, CSS, JS, ..
  Struktura: display>position>float>z-index>overflow>width>height>margin>padding>border>background>align>font
*/
/* --- STAV INZENYRING ------------------------------ */
* {margin:0; padding:0; border:0;}
body {background:#fff url("../img/bg.gif") 50% 0 no-repeat; font:75%/1.5 Arial,Helvetica,sans-serif; color:#555; text-align:center;}
a {color:#db383f; text-decoration:none; outline:none;}
a:visited{text-decoration:none; color:#db383f;}
a:active{text-decoration:none; color:#555;}
a:hover {text-decoration:underline;}
h4{font-size:120%; color:#db383f;}
h3 {font-family:Calibri,Arial,"Luxi Sans",sans-serif; font-size:170%; font-weight:normal;}
hr, .noscreen, .hidden {display:none;}
.inv {padding:2px 2px; color:#333; background-color:#f8f8f8;}
#content .left {float:left;}
#content .right {float:right; padding:5px;}
.img-replace, .img-replace a {display:block; position:relative; overflow:hidden;}
.img-replace a, .img-replace span { width:100%; height:100%;}
.img-replace span {position:absolute; top:0; left:0;}
.img-replace a span {cursor:pointer;}
address {font-style:normal;}
label, table {font-size:100%;}
#container {width:960px; margin:0 auto; padding:0; text-align:left; background:none;}
/* --- STAV INZENYRING HEADER ------------------------------ */
#header {position:relative; width:960px; height:130px; background:none;}
#logo {float:left; width:244px; height:65px; margin-top:12px; display:inline;}
#logo a {line-height:1.2em; font-size:90%; color:#afafaf; font-weight:bold;}
#logo a strong {line-height:1.3em; font-size:250%; color:#db383f;}
#logo span {background:url("../img/stav-inzenyring.gif") top left no-repeat;}
#header .header-fx {position:absolute; width:680px; height:19px; overflow:hidden; top:43px; left:260px;}
#news li {display:block; list-style:none;}
#news li a {color:#ccc;}
#news li a:hover {color:#888; text-decoration:none;}
/* --- STAV INZENYRING MENU ------------------------------ */
#menu {position:absolute; margin:0; padding:0; width:960px; height:37px; overflow:visible; top:93px; left:0; text-align:center; background:#f1f1f1 url(../img/menu.gif) repeat-x left top;}
#menu li {float:left; list-style:none; overflow:visible; height:37px; background:none;}
#menu li a {position:relative; display:block; height:37px; background:url("../img/menu-li.gif") no-repeat right bottom; text-transform:uppercase; text-decoration:none; font-size:100%; font-weight:bold; color:#717275; text-align:center; line-height:37px;}
#menu li a:hover {color:#db383f;}
#menu li .current {color:#db383f; cursor:default;}
#menu-1 {width:142px;}
#menu-2 {width:233px;}
#menu-3 {width:243px;}
#menu-4 {width:177px;}
#menu-5 {width:165px;}
#menu li #menu-5 {color:#717275; padding-right:0; background:none;}
#menu li #menu-5:hover {color:#db383f;}
#menu li #menu-5.current {color:#db383f;}
/* --- STAV INZENYRING MOVIE ------------------------------ */
#movie {position:relative; margin:0; padding:0; width:960px; height:279px;}
#movie h1 {float:left; margin:0; padding:94px 0 0 30px; width:330px; height:185px; display:inline; line-height:1.2em; text-transform:uppercase; font-size:210%; font-weight:bold; font-style:italic; color:#db383f;}
#movie h1 em {display:block; text-transform:none; line-height:1em; font-size:75%; font-weight:normal; font-style:italic; color:#8f8f8f;}
#movie h1 span {background:url("../img/movie-text.gif") left top no-repeat;}
#movie h2 {float:right; margin:0; padding:0; width:600px; height:279px; display:inline; line-height:279px; text-align:center; font-size:110%; font-style:italic; color:#ccc;}
#movie h2 span {background:url("../img/movie.jpg") left top no-repeat;}
/* --- STAV INZENYRING BANNER ------------------------------ */
#banner {margin:0; padding:0; color:#fefefe; background:none;}
#banner li {float:left; margin:0; padding:0; display:block; list-style:none; width:480px;}
#banner li h2 {margin:0; width:480px; height:50px; line-height:22px; font-size:110%;}
#banner li a span.banner-1 {background:url("../img/banner-1.gif") left top no-repeat;}
#banner li a span.banner-2 {background:url("../img/banner-2.gif") left top no-repeat;}
#banner li a {text-transform:uppercase; color:#fefefe; padding:15px 22px;}
/* --- STAV INZENYRING CONTENT ------------------------------ */
#content {float:left; overflow:hidden; width:670px; min-height:510px; margin:0; padding:6px 20px 20px 20px; background:#fff  ;}
#content ul {margin-bottom:15px; padding:0;}
#content li {margin-bottom:3px; padding-left:17px; list-style:none; background:url("../img/li.gif") 0 3px no-repeat;}
#content li .current {font-weight:bold; cursor:default;}
#content p {padding-bottom:16px;}
#content h2 {font-family:Calibri,Arial,"Luxi Sans",sans-serif; font-size:210%; color:#db383f; font-weight:normal;}
#content h3 {font-size:170%; color:#db383f; font-weight:normal;}
#content address {padding-bottom:10px;}
#content .foto {margin:5px 0; padding:0; list-style:none;} 
#content .foto li {position:relative; float:left; display:inline; width:206px; height:180px; margin-right:17px; padding:0; background:none;}
#content .foto li h4 {text-align:center; font-size:90%; color:#555; height:20px; overflow:hidden;}
#content .foto .image a img {border:1px solid #f0f0f0;}
#content .foto .image a:hover img {border:1px solid #e1e1e1;}
#content .foto .image a:hover span {background-position:0 -22px;}
#content .image span {width:20px; height:18px; display:block; position:absolute; top:145px; left:11px;}
#content .image .zoom {background:url("../img/zoom.gif") no-repeat;}
#content table {width:99.8%; margin:.5em 0; border-collapse:collapse; line-height:150%;}
#breadcrumbs {display:inline; float:left; width:100%; height:5px; margin:0; padding:0; background:none; font-size:90%; color:#555;}
#breadcrumbs a {color:#db383f; text-decoration:none;}
#breadcrumbs a:hover{color:#333;}
#print a {float:right; padding:1px 0 0 19px; background:url("../img/print.gif") 0 0 no-repeat; text-decoration:none; font-size:90%; color:#c7c7c7;}
#print a:hover {color:#888;}
#sitemap ul {margin:0; padding:0;}
fieldset {border:none; margin:1em 0; padding:0;}
legend {font-weight:normal; padding:0; color:#db383f; font-size:120%; clear:both;}
th {border:1px solid #fff; background:#f5f5f5; padding:5px;}
td {background:#fff; border:1px solid #f2f2f2; padding:5px; vertical-align:top;}
/* table cloth*/
tr.even td {background:#fbfbfb;}
tr.odd td {background:#fcfcfc;}
th.over, tr.even th.over, tr.odd th.over {background:#4a98af;}
th.down, tr.even th.down, tr.odd th.down {background:#bce774;}
th.selected, tr.even th.selected, tr.odd th.selected {}
td.over, tr.even td.over, tr.odd td.over {background:#f4f4f4;}
td.down, tr.even td.down, tr.odd td.down {background:#e7e7e7; color:#fff;}
td.selected, tr.even td.selected, tr.odd td.selected {background:#e6e5e5; color:#555;}
/* table cloth*/
.message {font-weight:bold; display:none;}
.bot-form {display:none;}
.formField {background:#fff; border:1px solid #e1e1e1; width:99%;}
.sendButton {width:180px; height:42px; margin:0; padding:0; border:0; text-transform:uppercase; background:transparent url("../img/btn.gif") no-repeat 0 0; color:#555; text-decoration:none; font-size:100%; font-weight:bold; cursor:pointer;}
/* --- STAV INZENYRING PAGES ------------------------------ */
.stav #container #movie h2 span {background:url("../img/movie-1.jpg") 0 0 no-repeat;}
.projekt #container #movie h2 span {background:url("../img/movie-2.jpg") 0 0 no-repeat;}
.reference #container #movie h2 span {background:url("../img/movie-3.jpg") 0 0 no-repeat;}
.kontakt #container #movie h2 span {background:url("../img/movie-4.jpg") 0 0 no-repeat;}
/* --- STAV INZENYRING SIDEBAR ------------------------------ */
#sidebar {float:right; padding:4px 20px 0; width:210px; background:none;}
#new-reference-show ul, #new-reference-show li {margin:0; padding:0; list-style:none;}
.new-reference-1 {margin:3px 0 4px 0;}
.new-reference-1 a {display:block; position:relative; width:208px; height:156px; text-indent:-9000px; margin:0; background:#fff url("../img/reference/nahled/01.jpg") no-repeat 0 0; border:1px solid #dfdfdf;}
.new-reference-1 a:hover {background:#fcfcfc url("../img/reference/nahled/01.jpg") no-repeat 0 -156px; border:1px solid #ccc;}
.new-reference-2 {margin:3px 0 4px 0; list-style:none;}
.new-reference-2 a {display:block; position:relative; width:208px; height:156px; text-indent:-9000px; margin:0; background:#fff url("../img/reference/nahled/02.jpg") no-repeat 0 0; border:1px solid #dfdfdf;}
.new-reference-2 a:hover {background:#fcfcfc url("../img/reference/nahled/02.jpg") no-repeat 0 -156px; border:1px solid #ccc;}
.new-reference-3 {margin:3px 0 4px 0; list-style:none;}
.new-reference-3 a {display:block; position:relative; width:208px; height:156px; text-indent:-9000px; margin:0; background:#fff url("../img/reference/nahled/03.jpg") no-repeat 0 0; border:1px solid #dfdfdf;}
.new-reference-3 a:hover {background:#fcfcfc url("../img/reference/nahled/03.jpg") no-repeat 0 -156px; border:1px solid #ccc;}
.new-reference-4 {margin:3px 0 4px 0; list-style:none;}
.new-reference-4 a {display:block; position:relative; width:208px; height:156px; text-indent:-9000px; margin:0; background:#fff url("../img/reference/nahled/04.jpg") no-repeat 0 0; border:1px solid #dfdfdf;}
.new-reference-4 a:hover {background:#fcfcfc url("../img/reference/nahled/04.jpg") no-repeat 0 -156px; border:1px solid #ccc;}
.ckait {margin:18px 0 4px 0;}
.ckait a {display:block; position:relative; width:208px; height:110px; text-indent:-9000px; margin:0; background:#fff url("../img/ckait.gif") no-repeat 0 0;}
.ckait-text {margin:0 0 4px 0; font-size:90%; font-style:italic; text-align:center; color:#a5a5a5;}
.ckait-ing {color:#727272;}
a.sml {font-size:78%; color:#555; text-decoration:none; line-height:20px;}
a.med {font-size:110%; color:#555; text-decoration:none; line-height:20px;}
a.big {font-size:160%; color:#555; text-decoration:none; line-height:20px;}
a.beg {font-family:Calibri,Arial,"Luxi Sans",sans-serif; font-size:260%; color:#555; text-decoration:none; line-height:20px;}
a.sml:hover, a.med:hover, a.big:hover, a.beg:hover {color:#db383f;}
/* --- STAV INZENYRING FOOTER ------------------------------ */
#footer {position:relative; clear:both; margin:0; padding:5px 15px; height:55px; background:#fff url("../img/footer.gif") no-repeat 0 8px;}
#footer p {font-size:.91em; color:#888; margin:14px 0 0 0; text-align:left;}
#footer a {color:#777; font-weight:bold; text-decoration:none;}
#footer .copy {float:left;}
#footer .copy a:hover {text-decoration:underline;}
#footer .dev {float:right;}
#footer #webdesign {text-decoration:none; font-weight:normal; cursor:default;}
#footer #server {text-decoration:none; font-weight:normal; cursor:default;}