/**
 * Layout CSS styles for www.ipsystem.cz
 * Copyright (c) 2007 PeckaDesign, s.r.o.  
 */

html{ margin:0; padding: 0;  }
body { margin: 0; padding: 0; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;  }


img { margin: 0; padding: 0; border: 0; }
.sprite { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
a .sprite { cursor: pointer;}

.rss { padding-left: 18px; background: url("/img/ico-rss.png") no-repeat 0 50%; }

.searched-term { font-weight: bold; background: #FFF9C7; text-decoration: inherit; }

/* Skip navigation */
#nav-skip { font-weight: bold; text-align: left; text-decoration: none; display: block; position: absolute; top: 0; left: -2000px; width: 300px; }
#nav-skip a:focus, #nav-skip a:active {position: absolute; left: 2000px; top: 0px; height: 1.5em; display: block; width: 20em;}

/* Layout */
#mother {  }
#content {  }

/* Header */
#header { background: #F7F7F7;  position: relative;}
#header .spc { width: 950px; background: #FC0319 url(/img/bg-header-in.png) no-repeat 0 0; padding-bottom: 1px; position: relative; }

.home #header .spc { padding-bottom: 0; }

#logo { padding: 15px 0 0 15px; float: left;}
#logo img { margin: 0 0 0 0; padding: 0; border: 0; font-size: 200%; color: white; font-weight: bold; display: block; }

/* Main menu */ 
#main-menu { float: right;  margin: 35px 0 15px; width: 600px; }
#main-menu ul { margin: 0; padding: 0; float: right; width: 100%;}
#main-menu ul li { margin: 0; padding: 0 10px 0 0 ;  float: left; text-transform: uppercase; background: url(/img/bg-menu-li.png) no-repeat 100% 0;}
#main-menu ul li:first-child { border-left: 0;}

#main-menu ul li a { color: white; text-transform: uppercase; font-weight: bold; font-style: italic; font-family: Verdana, Arial, sans-serif;  padding: 15px 30px 15px 0; float: left; font-size: 92%; }
#main-menu ul li.active a, #main-menu ul li a:hover { color: white;  background: url(/img/bg-menu-active.png) no-repeat 45% 0; }


/* Lang menu */
#lang-menu { position: absolute; top: 10px; right: 22em; }
#lang-menu ul { margin: 0; padding: 0; }
#lang-menu ul li { float: left; margin: 0 8px; padding: 0; background: none; }
#lang-menu ul li a { padding-left: 13px; background: url(/img/bullet-default.png) no-repeat 0 50%; color: white; }

/* Breadcrumb */
#breadcrumb { padding: 5px 30px 8px;  color: white; font-size: 84.5%; }
#breadcrumb p { margin: 0; }
#breadcrumb a { color: white; background: url(/img/bg-dotlink.png) no-repeat 100% 50%; padding-right: 17px; margin-right: 2px;}
#breadcrumb .active { font-weight: bold; }

.annot { font-weight: bold; }

#main { width: 950px; background: url(/img/bg-main.png) no-repeat 0 0; }
.home #main { background: none; }

.col-content { width: 680px; float: right; min-height: 400px;}
.col-side { width: 270px; float: left; position: relative; }

.home .col-side { margin-top: 0; border-top: 0;}

.col-content .spc { padding: 0 10px 20px 30px; margin-top: 20px; }
.col-side .spc { padding: 0 20px 20px 20px; margin-top: 20px;}

#mother.one-col .col-content {width: 100%;}
#mother.one-col #main { background: none; }
#mother.one-col #header .spc { padding-bottom: 0px;}

/* Footer */
#footer { background: #343434 url(/img/bg-footer.png) no-repeat 100% 0; color: white; width: 950px; font-size: 84.6%;}
#footer .spc { padding: 10px 35px 35px 20px; }

#footer a, #footer a:visited { color: white; }

.params-detail ul { margin: 15px 0;  }
.params-detail ul li { margin: 0; background: none; padding: 0; }



/* Side menu */ 
.side-menu {  }
.side-menu ul { margin: 0; padding: 0; }
.side-menu ul li { margin: 0; padding: 0; background: url(/img/bg-side-menu-li.png) repeat-x 0 0; }
.side-menu ul li a { display: block; margin: 0; padding: 6px 2px 6px 24px; background: url(/img/bullet-default.png) no-repeat 10px 50%; zoom: 1;}
.side-menu ul li:first-child { background: none; }

/* Content col */
.col-content .news { margin: 25px 0; }
.col-content .news ul { margin: 0; padding: 0; }
.col-content .news ul li { margin: 0 0 15px 200px; padding: 0; background: none; clear: both; }
.col-content .news ul li .img { float: left; margin-left: -200px; border: 1px solid #ECECEC; background: #ECECEC;  }
.col-content .news ul li .img img { margin: 0; padding: 3px; border: 1px solid white; display: block; }
.col-content .news ul li .params ul { margin: 0 0 4px 0;  }
.col-content .news ul li .params ul li { margin: 0; color: #999999; font-weight: bold; font-size: 84.6%; clear: none; }

.col-content .news ul li .date { color: #999999; font-weight: bold; }

.fm-border .star-flash { width: 57px; height: 58px; background: url(/img/star-contact-form.png) no-repeat 0 0; position: absolute; top: -20px; right: -20px; }

/* Side col */
/* .col-side h2 { margin-bottom: 2px; font-size: 169%; } */
.col-side .news ul { margin-bottom: 8px; }
.col-side .news ul li { margin: 0; padding: 0; background: none; }
.col-side .news ul li .date { font-weight: bold; font-size: 84.6%; color: #C1C1C1; margin: 0; }
.col-side .news ul li h3 { margin: 0; font-weight: normal; font-size: 107.6%; }
.col-side .news ul li .desc { font-size: 84.6%; }
.col-side .news ul li .desc p { margin-bottom: 8px; }

.col-side .jobs ul li { margin: 0; padding: 4px 0 4px 15px; background: url(/img/bullet-default.png) no-repeat 0 50%; border-bottom: 1px solid #E0E0E0; }
.col-side .jobs ul { margin-bottom: 8px;  }

a.dotlink { background: url(../img/bg-dotlink.png) no-repeat 100% 50%; padding-right: 15px; color: #333333; zoom: 1; }
.jak-se-rodi-hala { margin-top: 25px; }

/* Home page */
.home-intro { color: white; padding: 20px 60px 30px 30px; background: url(/img/bg-home-intro.png) repeat-x 0 100%; }
.home-intro h1 { font-family: Arial Black, sans-serif; font-weight: normal; font-size: 277%; }
.home-intro .home-prologue { float: left; width: 600px; }

.building-in-progress { float: right; width: 202px; padding-right: 11px; background: url(/img/bg-building-in-progress.png) no-repeat 100% 100%; }
#header .building-in-progress .spc { width: auto; margin: 0; padding: 12px; background: white; position: relative; }
.building-in-progress a { text-decoration: none; }
.building-in-progress a img { display: block; margin: 0 0 5px 0; padding: 0; border: 0; }
.building-in-progress a .name { display: block; text-decoration: underline; }
.building-in-progress h2 { margin: 0; padding: 0; position: absolute; top: -25px; right: -25px; width: 58px; height: 58px; }
.building-in-progress h2 .sprite { background-image: url(/img/prave-stavime.png); }
.building-in-progress h2 .sprite-ang { background-image: url(/img/prave-stavime-ang.png); }

/* Signpost: */
.signpost { background: #FEFEFE url(../img/bg-signpost.png) repeat-x 0 100%; margin-bottom: -1px; }
.signpost ul { margin: 0; padding: 0; }
.signpost ul li { float: left; width: 315px; padding: 0; margin: 0; background: url(/img/bg-signpost-li2.png) no-repeat 0 0; }
#header .signpost ul li .spc { background: none; width: auto; margin: 0; padding: 20px 0 10px 110px; }
#header .signpost ul li.zbkce { background: none; margin-right: -35px; }
#header .signpost ul li.zbkce .spc {  padding-left: 65px; padding-right: 45px; }
#header .signpost ul li.autodoprava .spc { background: url(../img/bg-signpost-autodoprava.png) no-repeat 25px 50%; }
#header .signpost ul li.armovna .spc { background: url(../img/bg-signpost-armovna.png) no-repeat 25px 50%; }
#header .signpost ul li.zbkce .spc { background: url(../img/bg-signpost-zbkce.png) no-repeat 0px 50%; }
#header .signpost ul li .spc h2 { font-size: 130%; font-family: Franklin Gothic Medium, Arial, sans-serif; margin: 0; padding: 0; }
#header .signpost ul .tree .spc { background: none; width: auto; margin: 0 0 0 30px; padding: 0 0 0 45px; }
#header .signpost ul .tree .first {margin: 5px 0 0 61px; background: url('/img/bg-signpost-armovna-small.png') 0 2px no-repeat;}
#header .signpost ul .tree .second {margin: 3px 0 0 48px; background: url('/img/bg-second.png') 0 2px no-repeat;}
#header .signpost ul .tree .three {margin: 3px 0 5px 35px; background: url('/img/bg-three.png') 0 2px no-repeat;}
#header .signpost ul .tree .spc h2 {font-size: 100%; font-family: Franklin Gothic Medium, Arial, sans-serif; margin: 0; padding: 0;}
#header .signpost ul .tree .spc p {font-size: 85%;  margin: 0; padding: 0;}

/* Ref list */
.ref-list ul { margin: 0 0 40px 0; padding: 0; width: 100%; float: left; }
.ref-list ul li { margin: 0 0 0 14px; padding: 0; background: #ECECEC; width: 204px; float: left;}
.ref-list h2 { font-size: 169%; }
.ref-list ul li:first-child { margin-left: 0; }
.ref-list ul li .spc { margin: 0; padding: 12px; background: #ECECEC; border: 1px solid white; margin: 1px;}
.ref-list ul li a { text-decoration: none; }
.ref-list ul li a img { display: block; margin: 0 0 5px 0; padding: 0; border: 0; }
.ref-list ul li a .name { display: block; text-decoration: underline; }

/* Search box */
#search-box { position: absolute; right: 0; top: 0;  padding: 8px; width: 20em;  }
#search-box form { margin: 0; }
#search-box form .spc { margin: 0; padding: 0; background: none; width: auto;}
#search-box #q { width: 13em; }

/* Search results */
.search-results ul { margin: 15px 15px 15px 0; padding: 0; list-style: none; }
.search-results ul li { margin: 0 0 1.8em 50px; padding: 0 0 0 0; background: none; }
.search-results ul li .number { color: #333333; font-size: 169%; font-weight: bold; float: left; width: 60px; margin: -0.2em 0 0 -75px;  text-align: right; font-family: Arial, Helvetica, sans-serif; position: relative;}
.search-results ul li h3 { margin: 0 0 0.3em 0; display: inline; }
.search-results ul li p { margin: 0 0 0.3em 0; }
.search-results ul li .desc { margin: 0.3em 0 0 0; }
.search-results ul li .item-section { font-size: 92%; text-align: right; display: inline;  padding-left: 12px; margin-left: 12px; border-left: 1px solid #ADADAD; color: #666666;}
.search-results ul li .url a { color: #008000;}


/* Paging */
.paging { margin-bottom: 20px; margin-top: 0; position: relative; padding: 6px; overflow: hidden; text-align: right; font-size: 108%;}
.paging .page-number { margin-right: 10px; }
.paging { margin-right: 0px; }
.paging a, .paging strong {  }
.paging strong { font-size: 112%; }
.paging a:hover { text-decoration: underline; }
.paging a.next { background: url(/img/bg-dotlink.png) no-repeat 100% 50%; padding-right: 17px; }
.paging a.prev { background: url(/img/bg-prev.png) no-repeat 0 50%; padding-left: 17px; }

/* Attachements */
.att-images, .att-files, .att-refs, .att-links { margin: 0; }
.att-images ul { margin: 0; padding: 0;  }
.att-images ul { margin: 0 0 28px 0; padding: 0; width: 100%; float: left; }
.att-images ul li { margin: 0 0 0 14px; padding: 0; background: #ECECEC; width: 204px; float: left;}
.att-images ul li:first-child { margin-left: 0; }
.att-images ul li { _margin-left: expression(this.parentNode.firstChild == this ? '0' : '14px'); }
.att-images ul li .spc { margin: 0; padding: 12px; background: #ECECEC; border: 1px solid white; margin: 1px; }
.att-images ul li a { text-decoration: none; }
.att-images ul li a img { display: block; margin: 0 0 5px 0; padding: 0; border: 0; }
.att-images ul li a .name { display: block; text-decoration: underline; }


.ico-rss { background: url(/img/ico-rss.png) no-repeat 0 50%; padding-left: 16px; }

/* Image box */
.img-box { float: right; padding: 1px; background: #ECECEC; margin: 0 0 10px 20px; display: inline;}
.img-box .spc { border: 1px solid white; padding: 15px; margin: 0; _float: left; }
.img-box .desc { margin: 0; color: #515151; }
.img-box img { display: block; margin: 0; padding: 0; }

/* File icons */
ul.list-files li { background-repeat: no-repeat; background-position: 0 0; line-height: 1.5em; padding-left: 22px !important;  margin-bottom: 0.3em;}
ul.list-files { list-style: none; margin: 0 0 1em 0; padding: 0; }

.fico { background-repeat: no-repeat; background-position: 0 0; padding: 1px 0 1px 20px; }

/* File icons */
.dm {background-image: url("/img/fileico/fico-sm-3dm.png");}
.ai {background-image: url("/img/fileico/fico-sm-ai.png");}
.avi {background-image: url("/img/fileico/fico-sm-avi.png");}
.bmp {background-image: url("/img/fileico/fico-sm-bmp.png");}
.cdr {background-image: url("/img/fileico/fico-sm-cdr.png");}
.doc {background-image: url("/img/fileico/fico-sm-doc.png");}
.dxf {background-image: url("/img/fileico/fico-sm-dxf.png");}
.exe {background-image: url("/img/fileico/fico-sm-exe.png");}
.gif {background-image: url("/img/fileico/fico-sm-gif.png");}
.html {background-image: url("/img/fileico/fico-sm-html.png");}
.jpg {background-image: url("/img/fileico/fico-sm-jpg.png");}
.mp3 {background-image: url("/img/fileico/fico-sm-mp3.png");}
.pdf {background-image: url("/img/fileico/fico-sm-pdf.png");}
.png {background-image: url("/img/fileico/fico-sm-png.png");}
.ppt {background-image: url("/img/fileico/fico-sm-ppt.png");}
.psd {background-image: url("/img/fileico/fico-sm-psd.png");}
.rtf {background-image: url("/img/fileico/fico-sm-rtf.png");}
.qt {background-image: url("/img/fileico/fico-sm-qt.png");}
.ra {background-image: url("/img/fileico/fico-sm-ra.png");}
.swf {background-image: url("/img/fileico/fico-sm-swf.png");}
.tif {background-image: url("/img/fileico/fico-sm-tif.png");}
.txt {background-image: url("/img/fileico/fico-sm-txt.png");}
.xls {background-image: url("/img/fileico/fico-sm-xls.png");}
.zip {background-image: url("/img/fileico/fico-sm-zip.png");}
.unknown {background-image: url("/img/fileico/fico-sm-unknown.png");}

/* Forms */
.form-box { padding: 1.5em 1.5em 0.5em 1.5em; margin-bottom: 1.25em; background: #DFF5FF; }
.form-box form { margin: 0; padding: 0; }

form { margin: 0; }

.fm-border { border: 1px solid #ECECEC;  margin: 0 0 15px 0; position: relative;}
.fm-box { background: #ECECEC; padding: 15px 0 15px 20px; border: 1px solid white; zoom: 1;}
.fm-col { width: 100%; overflow: hidden; }
.fm-spc { padding-right: 12px; padding-bottom: 5px; }
.fm-spc h3 { padding-top: 12px; margin: 0; clear: both; }
.inp-text { vertical-align: bottom; font-size: 100%; font-family: Tahoma, Arial, sans-serif; padding: 2px 0; border: 1px solid #D5D1C6; }
.required { font-weight: bold; }

/* Widths */
.w-full { width: 100%; }
.w-half { width: 50%; }
.w-third { width: 33%; }
.w-quarter { width: 25%; }
.w-eighth { width: 12.5%; }

.error { color: #FF0000; }
.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; margin: 15px 0; background: #FDF5F1 url(/img/bullet-cross.png) no-repeat 10px 50%; padding: 5px 5px 5px 35px; border: 1px solid #F3D2D2; }
.ok-message { color: green; background: #F6FBDC url(/img/bullet-tick.png) no-repeat 10px 50%; border: 1px solid #C6E528;}

ul.error-message, ul.ok-message { background: none; padding: 0; }