/* Main screen CSS file */

html body {
    margin: 0; padding: 0;
    font-size: 0.8em;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.425em;
    color: white;
    background: url('../images/bg.png') no-repeat 50% 10px;
    background-color: #e6eef9;
}

a {color: #fff1ac; text-decoration: underline}
a:hover {text-decoration: none}
a img {border: 0}

p {margin: 0.8em 0}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
h1.top, h2.top, h3.top {margin-top: 0;}
h1.center {text-align: center}
h1.list-title {margin-bottom: 0.7em; font-weight: normal; text-shadow: 0 1px 0 #091f2f; font-size: 1.6em;}
h1 {font-size: 1.8em; margin: 1.4em 0 1em;}
h2 {font-size: 1.4em; margin: 1.25em 0 0.4em}
h3 {font-size: 1.2em; margin: 1em 0 0.8em}
h4, h5, h6 {margin: 1em 0 0.8em;}

form {margin: 0; padding: 0}
input, button, select, option {font-size: 1em; color: black}
textarea {font-size: 0.9em; color: black; font-family: Arial, Helvetica, sans-serif;}

table {font-size: 1em; margin: 0; border: 0; border-collapse: collapse; border-color: white;}
table tr th {font-weight: bold;}
table tr td {border-color: white;}

img.left {float: left; margin: 0 1em 0.5em 0; clear: right}
img.right {float: right; margin: 0 0 0.5em 1em; clear: left}

div.empty {text-align:center; font-style: italic;}

div.clear {clear: both; }


/* paging */
div.paging a.pick {border: 1px solid #ddd; background-color: white; padding: 2px 4px; color: black; text-decoration: none;}
div.paging a.pick:hover {color: #03ADC7;}
div.paging {width: 340px; float: right; text-align: right}
div.paging a.pg {font-weight: bold;}
div.paging span {font-weight: bold;}
div.paging a.pg, div.filter div.paging span {padding: 0 2px}
div.paging a.prev {background: white url('../images/arrl.png') no-repeat left center; padding-left: 16px;}
div.paging a.next {background: white url('../images/arrr.png') no-repeat right center; padding-right: 16px;}

/* main layout */
#mother {width: 749px; margin: 0 auto;}

#languages {width: 749px; margin: 5px auto;}
#languages-in {width: 100%;}
#languages a {border: 1px solid #00428d; padding: 2px; display: block; float: right; margin-right: 0.5em}
#languages a img {display: block;}
#languages a:hover {border: 1px solid #00a7eb;}
#languages span.none {margin-left: 15px; float: left;}

#top {text-align: right; margin-top: 10px; height: 140px; position: relative;}
#top #link {position: absolute; height: 90px; width:88px; left: 0px; top: 47px;} 

#content {}
#content #menu {background: url('../images/btop.png') no-repeat left top; height: 24px; padding-top: 8px; margin-bottom: 1em}
#content #menu #wrapper {position:relative; left:-50%; text-align:left; float: right;}

ul.menu {margin: 0; padding: 0; position:relative; left:50%;}
ul.menu li {margin: 0; padding: 0; list-style-type: none; float: left; position:relative;}
ul.menu li a {
    color: white; white-space:nowrap; text-transform: uppercase; margin: 0 15px; font-size: 1.1em; 
    text-decoration: none; text-shadow: 0 1px 0 #091f2f
}
ul.menu li a span {font-size: 1.2em;}
ul.menu li a:hover {text-decoration: underline; color: #bfe4ff; text-shadow: none;}

.special_link { width: 749px; text-align:center; background: url('../images/special_link.png') no-repeat; display:block; margin: 9px 0px;
                color: #02397b; text-transform: uppercase; font-size: 1.1em; text-decoration: none; text-shadow: 0 1px 0 white; padding: 7px 0px 6px 9px;}
.special_link span { font-size: 1.2em; }
                
#content div.short-grad {background: #0057bf url('../images/cgrad.png') repeat-x left top;}
#content div.long-grad {background: #0057bf url('../images/bluebg.png') repeat-x left top;}
#content #mainfield {margin-top: 0em;}
#content #mainfield #r-top {background: url('../images/tt.png') no-repeat left top; padding-top: 0em; zoom: 1}
#content #mainfield #r-bottom {background: url('../images/bb.png') no-repeat left bottom; padding-top: 1em; padding-bottom: 1em;}
#content #mainfield #m-wrapper {position:relative; left:-50%; text-align:left; float: right;}

/* INDEX NOVINKY ------------------------------------------------------------------- */
.index_news {margin: 10px 9px 3px 9px; padding-bottom: 10px; font-size: 0.85em; line-height: 1.5em;}
.index_news h3 {text-align:center; font-size: 1.7em; margin-top: 10px; font-weight: normal;}

.index_news .news_box {width: 100%; background: url('../images/news_bg.png') repeat-y center;}

.news_item {float:left; width: 211px; margin: 0px 16px;}
.news_item .date {}
.news_item .head {display:block; color: #fff1ac; font-size: 1.15em; font-weight: bold; margin-bottom: 3px;}
.news_item .text {}

.archive {display:block; color:white; margin-left: 16px; background: url('../images/button_home.png') no-repeat; width: 98px; height: 21px;}
.archive span {display:block;padding-left: 8px; padding-top: 3px;}

/* NOVINKY SEZNAM */
.new_perex { margin-top: 15px; padding-top: 0}
.new_perex .date{ font-size: 0.85em; background-color: white; color: blue; padding: 1px 3px;}
.new_perex .name {font-weight: bold;}
.new_perex .text{ margin-top: 5px;}

/* DETAIL NOVINKY*/
h2.news_detail {float:left; width: 600px;margin-top: 28px; margin-bottom: 12px; }
span.news_detail {float:right; font-size: 0.85em; background-color: white; color: blue; padding: 0px 3px; margin-top: 27px;}
.home_link {display:block; font-size: 0.85em; color: white;  background: url('../images/button_archive.png') no-repeat; width: 91px; height: 21px;}
.home_link span {display:block;padding-left: 9px; padding-top: 2px;}

/* -------------------------------------------------------------------- */

ul.matrix {margin: 0; padding: 0; position:relative; left:50%; zoom: 1}
ul.matrix li {margin: 0; padding: 0; list-style-type: none; margin: 0 4px; float: left; position:relative;}
ul.matrix li a {
    width: 177px; height: 198px; display: block; color: white; text-align: center; margin: 3px 0 1em;
    font-size: 0.85em; text-decoration: none; text-shadow: 0 1px 0 #163449
}
ul.matrix li a:hover {text-decoration: underline; text-shadow: none;}
ul.matrix li.m-1 {background: url('../images/m1.png') no-repeat center top;}
ul.matrix li.m-2 {background: url('../images/m2.png') no-repeat center top;}
ul.matrix li.m-3 {background: url('../images/m3.png') no-repeat center top;}
ul.matrix li.m-4 {background: url('../images/m4.png') no-repeat center top;}
ul.matrix li.m-5 {background: url('../images/m5.png') no-repeat center top;}
ul.matrix li.m-6 {background: url('../images/m6.png') no-repeat center top;}
ul.matrix li.m-7 {background: url('../images/m7.png') no-repeat center top;}
ul.matrix li.m-8 {background: url('../images/m8.png') no-repeat center top;}

#content #textfield {background: url('../images/btext.png') no-repeat center top; padding: 0.7em 2em;font-size: 1em; line-height: 1.325em;}
#content #r-content {padding: 0 1.1em;}

div.bigitem {}
div.bigitem div.image {background: #002c5e url('../images/img.png') no-repeat center bottom; padding: 1em; 
    text-align: center; margin-bottom: 0.5em;}
div.bigitem div.image img {border: 8px solid #004089; padding: 2px;}
div.bigitem div.image a {text-decoration:none;}
div.bigitem div.descr-top {background: url('../images/descr_top.png') no-repeat center top; padding-top: 6px; zoom: 1;}
div.bigitem div.descr-bot {background: url('../images/descr_bot.png') no-repeat center bottom; padding-bottom: 6px;}
div.bigitem div.descr-mid {background: #00a4e9 url('../images/descr_mid.png') no-repeat center top; padding: 0.5em 1em}
div.bigitem div.descr-mid div.left {float: left; width: 550px; font-size: 1.3em;}
div.bigitem div.descr-mid div.left span.small {font-size: 0.9em; margin-left: 3em}
div.bigitem div.descr-mid div.left table {border: 0; width: 100%; margin: 0; padding: 0}
div.bigitem div.descr-mid div.left table td {font-size: 0.8em;}
div.bigitem div.descr-mid div.left table td.leftside {width: 360px}
div.bigitem div.descr-mid div.left table td.title {font-size: 1em;}
div.bigitem div.descr-mid div.left table td.mid {padding-top: 0.5em}
span.descr, span.remark, span.stock {font-size: 0.9em; padding: 0 0.2em; white-space: nowrap;}
span.descr {background-color: #002c5e; border: 1px solid #111; margin-right: 0.5em;}
span.remark {background-color: #0067ca; border: 1px solid #004089;}
span.stock {background-color: white; margin-left: 0.5em; color: #002c5e; font-size: 0.8em;}
p.long {font-size: 0.9em; margin: 0; margin-top: 0.5em}
div.bigitem div.descr-mid div.right {float: right; width: 140px; text-align: right;}
div.bigitem div.descr-mid div.right .lightbox {display:block; width:117px; height: 30px; background: url(../images/animation.png) no-repeat; margin-left: 23px; margin-top: 3px; }


div.list {background: url('../images/intable.png') no-repeat center top; padding: 1.2em 0; margin-top: 1em}
div.list div.wrapper {margin: 0 0.8em}

table.list {width: 100%; border: 0;}
table.list td {background: url('../images/list.png') no-repeat center top; text-align: center; height: 180px; 
    vertical-align: top; width: 20%; padding: 0 1.2em}
table.list td div.inner_thumb {text-align: center; margin-top: 12px; height: 115px;}
table.list td a.caption {color: white; font-size: 0.9em; line-height: 1.2em; text-decoration: none; text-shadow: 0 1px 0 #091f2f;}
table.list td a.caption:hover {text-decoration: underline; text-shadow: none;}
table.list td.empty {background: none;}

#t-top {background: url('../images/at.png') no-repeat center top; padding: 12px 8px 0;}
#t-bottom {background: url('../images/ab.png') no-repeat center bottom; padding: 0 0 12px;}
#t-border {background: url('../images/ar.png') repeat-y center top; padding: 0 3px 0 4px;}
#t-gradient {background: #00a6ea url('../images/ag.png') repeat-x center top; padding: 0.7em 1.2em; zoom: 1; min-height: 450px; _height:450px; }

/* OUR CLIENTS */
div.our-clients {background: url('../images/mapa.png') right no-repeat; }
div.our-clients p {margin: 0.5em 0em;}

/* PRILOZENA GALLERIE*/
.bottom_block {background: url(../images/web/news_border.png) repeat-x left top; padding-top: 10px; margin-top: 10px;}
.bottom_block h2 {margin-top: 0px;}
.bottom_block .gallery {}
.bottom_block .gallery .item {float: left; display:inline; margin-right: 16px; margin-bottom: 10px;}
.bottom_block .gallery .item a { display:block; text-align: left; padding: 0px; font-size: 0; line-height: 0; border: 1px solid #e3e3e3; padding: 1px;}
.bottom_block .gallery .item a img {margin:0px !important;}

/* Contact form */
form#cform {}
form#cform fieldset {border: 0; margin: 0; padding: 0}
form#cform div.bnd {width: 680px; margin: 0 auto;}
form#cform div.bnd div.leftitems {float: left; width: 340px;}
form#cform div.bnd div.rightitems {float: right; width: 320px; padding: 0.3em}
form#cform div.bnd div.send {margin-top: 1em}
form#cform table {}
form#cform table td.label {text-align: right}
form#cform table td.input {padding: 0.3em; padding-left: 10px}
form#cform table td.input input {width: 200px; border: 1px solid white}
form#cform table td.input span.note {font-size: 0.75em;}
form#cform textarea {width: 100%; height: 75px; border: 1px solid white; padding: 1px}

.banner { line-height: 0px; overflow: hidden;    margin-top: 0.5em;}

/* Foot */
#foot {
    background: url('../images/bluebottom.png') no-repeat left top; height: 41px; 
    padding: 7px 1em 0; margin: 0.5em 0 0; font-size: 0.9em;
}

#foot #fleft {width: 400px; float: left;}

#foot #ld {width: 300px; float: right; text-align: right; font-size: 0.95em;}
#foot #ld a {color: white;}
#foot #ld a.fish { text-decoration: underline; background: url('../images/fish.png') no-repeat left center; 
    padding: 1px 0; padding-left: 16px; font-weight: bold;}
#foot #ld a.web { text-decoration: none;}
#foot #ld a:hover {text-decoration: none;}

/* end */