/* @font-face {font-family: EurostileSCT; font-style: normal; font-weight: normal; src: url('/img/FUTURAT0.eot'); } */
/* 
==================================================
    MAIN TAG STYLES - START
==================================================
*/
body
{
    background: #D4D4D4 url('/img/bck/body.gif');
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    color: #808080;
}
* {margin:0; padding:0;}
a
{
    color: #020202;
    text-decoration: underline;
    font-weight:bold;
}
a:hover
{
    text-decoration: none;
}
a.noU {   display:block;}
ul
{
    margin: 10px 0px 10px 5px;
    padding: 0px 0px 0px 5px;
}

ol
{
    margin: 10px 0px 0px 10px;
    padding: 0px 0px 0px 10px;
}
img
{
    border: 0px none;
}
form
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
select {
    height:20px;
    border:1px solid #CDCDC8;
    color:#808080;
    padding-left:5px;
    padding-top:3px;
    padding-right:5px;
    margin:0px;
}
input 
{
    height:20px;
    border:1px solid #CDCDC8;
    color:#808080;
    padding-left:5px;
    padding-top:3px;
    padding-right:5px;
    margin:0px;
}
textarea 
{
      
}
/*
h1 {
    font-family: FuturaTEE, Arial, Helvetica, sans-serif;
}
h2 {
    font-family: FuturaTEE, Arial, Helvetica, sans-serif;
    font-size:16px; font-weight:bold; color:#000000; margin:0px; padding:0;
}
h3 {
    
}
h4 {
    
}
*/
h1, h2, h3, h4{
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    color: #808080;
}
h1.main {position:absolute; left:170px;}
p 
{
    margin:0px;
}

/* 
==================================================
    GENERAL CLASSES - START
==================================================
*/
a.errmsg, .errmsg {
    font-size: 11px;
    font-weight : bold;
    color : #CC0000;
}
a.succmsg, .succmsg {
    font-size: 11px;
    font-weight : bold;
    color : #006633;
}
div.break {
    clear: both;
    line-height: 0px;
    font-size: 0px;
    margin:0px;
    padding:0px;
}
.b {
    font-weight: bold;
}
.i {
    font-style:italic;
}
.highlight { color:#020202 !important; font-weight:bold;}
.standard { color:#808080 !important; font-weight:normal !important;}
.normal { font-weight:normal !important;}
a.btnPred {
    display:block;
    float:left;
    font-weight:normal;
    color:#808080;
    text-decoration:none;
    font-size:12px;
    background: url('/img/ico/prev.gif') no-repeat;
    height:16px;
    text-indent:21px;
}
a.btnPred:hover { text-decoration:underline;}
a.btnDalsi {
    display:block;
    float:left;
    font-weight:normal;
    color:#808080;
    text-decoration:none;
    font-size:12px;
    background: url('/img/ico/next.gif') no-repeat 26px 0px;
    height:16px;
    width:50px;
}
a.btnDalsi:hover { text-decoration:underline;}
a.btnZavrit {
    display:block;
    float:right;
    font-weight:normal;
    color:#808080;
    text-decoration:none;
    font-size:12px;
    background: url('/img/ico/close.gif') no-repeat 31px 0px;
    height:16px;
    width:50px;
}
a.btnZavrit:hover { text-decoration:underline;}
/* 
==================================================
    PAGE STRUCTURE - START
==================================================
*/
#window {
    height: 1089px;
    background: url('/img/bck/window.gif') repeat-x;
}
#window #main {
    width: 986px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    background: url('/img/bck/main.gif') repeat-y;
    position:relative;
}
#window #decoration {
    position:absolute;
    width:56px;
    height:111px;
    right:-18px;
    top:0px;
    background: url('/img/bck/decoration1.gif') no-repeat;
}
#window #main #fixedlayout {
    width: 963px;
    background: url('/img/bck/fixedlayout.gif') no-repeat;
    padding-top: 23px;
    padding-left: 23px;
    
}
#window #main #content {
    width: 937px;
    min-height: 770px;
    background: url('/img/bck/content.jpg') no-repeat;
    position: relative;
}
#window #main #content #left { float:left; width:386px; padding-top:49px; padding-left:70px; position: relative; z-index: 1;}
#window #main #content #left-footer { position: absolute; bottom: 0px; left: 0px; z-index: 0; background: url('/img/bck/left-footer.jpg') no-repeat; width: 456px; height: 201px; }
#window #main #content #right { float:right; width:406px; }
#window #footer { 
    width: 986px;
    height: 124px;
    margin-right: auto;
    margin-left: auto;
    background: url('/img/bck/footer.jpg') no-repeat;
}
#window #popupbox {
    width: 914px;
    height: 746px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 23px;
}
#window #popupbox #content {
    width: 913px;
    height: 745px;
    background: url('/img/bck/refdetail.gif') no-repeat;
    padding:1px 0 0 1px;
}
/* 
==================================================
    PAGE ELEMENTs - START
==================================================
*/
.textbox { width:325px; padding-bottom:20px; }
.textbox p {text-align:justify; margin-bottom:20px;}
/*
.textbox { width:325px; padding-bottom:20px; text-align:justify;}
.textbox p {text-align:justify;  display:inline;}
.textbox p.break {margin-bottom:20px; display:block;}
.textbox h1 {font-weight: normal; display:inline;}
*/
.textbox .title { display:block; border-bottom:1px solid #231F20; margin-bottom:10px; font-size:16px; font-weight:bold; color:#000000;}
.textbox .h2 { display:block; border-bottom:1px solid #231F20; margin-bottom:10px; font-size:16px; font-weight:bold; color:#000000;}
.box { padding:0;}
.box .boxcnt { }
.box .boxcnt .rlistNahoru { display:block; width:16px; height:16px; background: url('/img/ico/up.gif') no-repeat; margin-bottom:5px; cursor: pointer;}
.box .boxcnt .rlistDolu { display:block; width:16px; height:16px; background: url('/img/ico/down.gif') no-repeat; margin-top:5px; cursor: pointer;}
.box .boxcnt .rlistFrame { position:relative;overflow:hidden !important;}
.box .boxcnt .rlistContent { position:absolute; padding-bottom:10px; color: #020202; }
.box .pager { padding-right:5px;}
.box .pager .pagerPred { display:block; float:left; width:16px; height:16px; background: url('/img/ico/prev.gif') no-repeat; margin-right:5px;}
.box .pager .pagerPredZero { display:block; float:left; width:16px; height:16px; background: url('/img/ico/prev_gray.gif') no-repeat; margin-right:5px;}
.box .pager .pagerDalsi { display:block; float:left; width:16px; height:16px; background: url('/img/ico/next.gif') no-repeat; margin-left:5px;}
.box .pager .pagerDalsiZero { display:block; float:left; width:16px; height:16px; background: url('/img/ico/next_gray.gif') no-repeat; margin-left:5px;}
.box .pager .pagerListy { float:left;}
.box .pager .pagerListy a { text-decoration:none; border-right:1px solid; padding-right:4px;padding-left:4px; font-weight:normal;}
.box .pager .pagerListy a:hover { text-decoration:underline;}
.box .pager .pagerListy a.last { border:0px none;}
.box .pager .pagerListy span { border-right:1px solid; padding-right:4px;padding-left:4px; font-weight:bold; color:#020202;}
.box-reference-text h1 { font-family: FuturaTEE, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#000000;}
#footer .kontakt { display:block; float:right; padding-right:55px; padding-top:29px;}
/* 
==================================================
    PAGE - homepage
==================================================
*/
#main_article { background: url('/img/bck/main_article.gif') no-repeat 90px 0; padding-top:100px; position:relative;}
#main_article a#homelink {position:absolute; display:block; width:325px; height:100px; top:0px;left:0px; text-decoration:none;} 
a#homelink:hover {text-decoration:none;}

#reference { padding-top:20px; width:177px;}
#reference h2 { padding-top: 15px; padding-bottom: 21px; padding-left: 1px; font-family: FuturaTEE, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#000000;}
#reference .boxcnt { width:177px; height:315px; padding-top:12px; background: url('/img/bck/box_reference.gif') no-repeat;}
#reference .boxcnt .rlistNahoru { margin-left:80px;}
#reference .boxcnt .rlistDolu { margin-left:80px;}
#reference .boxcnt .rlistFrame { height:255px; width:125px; margin-left:30px;}
#reference .boxcnt .rlistContent { width:125px;}
#reference .boxcnt .rlistContent a { display: block; font-weight: normal; font-size: 11px; text-decoration: none;}
#reference .boxcnt .rlistContent a:hover { text-decoration:underline;}
#reference .boxcnt .rlistContent span { display: block; font-weight: normal; font-size: 11px; text-decoration: none;}
#portfolio { padding-top:28px;}
#portfolio h2 { width:128px; padding-left: 1px; font-family: FuturaTEE, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#000000;}
#portfolio .pager { float:right;}
#portfolio .boxcnt { padding-top:22px;}
#portfolio .boxcnt a {display:block; border:1px solid #D9D9D6;}
.box-miniobrazek {display:block; float:left; width:140px; height:101px; background:#ffffff; border:1px solid #D9D9D6; padding:11px; margin-right: 33px; margin-bottom: 15px;}
.strankovani {position: absolute; top: -17px; right: 40px; font-weight: normal; text-decoration: none;}

/* 
==================================================
    PAGE - okno s detailem reference
==================================================
*/
.refdetail #content .navigbar {
    width: 875px;
    height: 24px;
    background: url('/img/bck/refdet_navig.gif') no-repeat;
    padding-left:30px;
    padding-top:8px;
    padding-right:5px;
}
.refdetail #content .navigbar .btnDalsi { margin-left:32px;}
.refdetail #content .info {border-bottom:1px solid #747474; width:860px; height:450px; margin-top:12px; margin-left:20px;}
.refdetail #content .info .image {float:left; background: url('/img/bck/refdet_image.gif') no-repeat; width:586px; height:426px; padding:9px;}
.refdetail #content .info .textbox {float:right; width:240px;}
.refdetail #content .galery {width:845px; margin-top:22px; margin-left:35px;}
.refdetail #content .galery TABLE TD { padding:16px 14px 16px 14px;}
.refdetail #content .galery TABLE TD.selected { background:#E2E2E2;}
 


.reddot {
    padding-left: 5px;
    padding-right: 5px;
    color: red;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.zvyrazneni {text-decoration: underline; font-weight: bold;}
.keydiv {
    text-align: center;
    border: 1px solid red;
    width: 400px;
    position: absolute;
    top: 2px;
    padding:12px;
    background-color: white;
    color: red;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.cislovani-default {float: left; text-decoration: none; margin: 0 5px 0 5px; cursor: pointer;}
.cislovani-active {float: left; text-decoration: underline; font-weight: bold; margin: 0 5px 0 5px; color: black; cursor: pointer;}


.colorblack {color: #000;}

.diva { position: relative; margin-bottom: 35px; padding-top: 50px;}
.inlineblock {display: inline-block;}
.none {display: none;}
.floatleft {float: left;}