
body { margin:0px; padding:0px; text-align:center; color:#59595A; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px}

h1 {color:#E3001B; font-size:28px; margin:0; padding: 10px 20px 5px 0px; font-weight:bold;}
h2 {color:#747474; font-size:18px; margin:5px 0 10px 0; padding: 10px 0 5px 0; font-weight:normal; font-style: italic; border-bottom:1px solid #CCCCCC;}
h3 {color:#747474; font-size:14px; margin:0; padding: 15px 0 10px 0;}
h2.bg {color: #FFFFFF; font-size:19px; margin:10px 0 0 0; padding: 8px 0 0px 10px; background-image:url(../images/bg_h2.gif);
background-repeat:repeat-x; height:41px; font-weight:normal}

a{color:#DD0032;text-decoration:none;}
a:hover {color:#DD0032;text-decoration:underline;}

p{ margin:0px; padding:0px; line-height:19px; text-align:justify; padding: 5px 0 5px 0}

li{ line-height:19px; list-style:square}
.clear{ clear:both; font-size:0px; width:100%; line-height:0px}

div.holder { margin:auto; text-align:left; width:990px; background-color:#FFFFFF; margin-top:16px}


/*********** FORMULÁŘE **********/
form{ margin:0px; padding:0px}
input{ border:1px solid #A6A8AB;  height:15px; padding:0px;}
input.button{ border:0px; height:17px; width:20px; background-image:url(images/search.gif) }
/*********************************/

/*********** HLAVIČKA **********/
div.top{ background-image:url(../images/bg_top.gif); background-repeat:repeat-x; height:86px}

div.visual{ border-bottom:5px solid #FFFFFF}
div.grayLine{ height:auto; background-color:#F0F0F0; font-size:0px}

.logo{ width:240px; float:left; padding-left:25px;}
.topLinks{ width:90px; height:14px; float:right; margin:37px 0px 0 0; padding-right: 59px; white-space:nowrap }
/*********************************/

/*********** Drobečková navigace **********/
div.drobeckova {font-size:11px; padding-top:15px}
/*********************************/

div.holder2{width:990px;}



/*********** LEVÝ SLOUP **********/
div.left{ width:206px; float:left; }
div.left p { text-align:left; font-size:11px; padding-top:20px }
div.left p span{ color:#DD0032; font-weight:bold}
/*********************************/

/***********  SEARCH LEVÝ SLOUP  **********/
.searchBox{ background-color:#F8F8F8; height:53px; padding:15px 0 0 15px; }
.searchBox input{ vertical-align:middle; white-space:nowrap}
.searchBox p.vyhledat{ font-weight:bold; font-size:10px; color:#6C6E70; padding:0px; line-height:17px}
/*********************************/


/*********** SVISLE MENU **********/
.svisleMenu{ border-bottom:14px solid #F0F0F0}
.svisleMenu ul{ margin:0px; padding:0px}
.svisleMenu ul li{ list-style-type:none;}
.svisleMenu ul li a{ display:block; /*height:25px;*/ padding:10px 0 10px 11px; border-bottom:1px dotted #BBBBBB; color:#878788;padding: 5px 0 5px 5px; 
font-weight:bold; /*background-image:url(../images/pic_li.gif); background-repeat:no-repeat; background-position:13px 10px*/}
.svisleMenu ul li a:hover{ color:#EC1D25; text-decoration:none;
/*background-image:url(../images/pic_li_over.gif); background-repeat:no-repeat; background-position:13px 10px*/}
ul.druhySeznam li.druhyPolozka a{background-image:none; font-weight: normal; padding-right:5px; text-transform: none;}
ul.tretiSeznam li.tretiPolozka a{background-image:none; font-weight: normal; font-size: 12px; padding-right:5px; text-transform: none;}
.druhySeznam li { padding-left: 20px; background-color:#F9F9F9; font-weight: 400;}
.tretiSeznam li { padding-left: 20px; background-color:#F9F9F9; font-weight: 400;}
/****************************/

/*********** STŘED **********/
div.center{ width:497px; float:left; border-right: 1px dotted #CCCCCC; padding:0 23px 0 23px }
div.centerClanek{ float:left; border-right: none; padding:0 23px 0 23px; width: 727px; }
#mainContent .cdr{ background-image:url(../images/ico_cdr.gif); background-repeat:no-repeat; background-position:left; padding:3px 0 3px 25px;  display:block; }
#mainContent .doc{ background-image:url(../images/ico_doc.gif); background-repeat:no-repeat; background-position:left; padding:3px 0 5px 25px;  display:block; }
#mainContent .gif{ background-image:url(../images/ico_gif.gif); background-repeat:no-repeat; background-position:left; padding:3px 0 5px 25px;  display:block; }
#mainContent .jpg{ background-image:url(../images/ico_jpg.gif); background-repeat:no-repeat; background-position:left; padding:3px 0 5px 25px;  display:block; }
#mainContent .pdf{ background-image:url(../images/ico_pdf.gif); background-repeat:no-repeat; background-position:left; padding:3px 0 5px 25px;   }
#mainContent .rtf{ background-image:url(../images/ico_rtf.gif); background-repeat:no-repeat; background-position:left; padding:3px 0 5px 25px;  display:block; }
#mainContent .tif{ background-image:url(../images/ico_tif.gif); background-repeat:no-repeat; background-position:left; padding:3px 0 5px 25px;  display:block; }
#mainContent .xls{ background-image:url(../images/ico_xls.gif); background-repeat:no-repeat; background-position:left; padding:3px 0 5px 25px;  display:block; }
#mainContent .zip{ background-image:url(../images/ico_zip.gif); background-repeat:no-repeat; background-position:left; padding:3px 0 5px 25px;  display:block; }
#mainContent .xxx{ background-image:url(../images/ico.gif); background-repeat:no-repeat; background-position:left; padding:3px 0 5px 25px;  display:block; }

/****************************/

div.footerTab{ border:1px solid #A6A7AA; padding:3px; margin:10px 0 10px 0}
div.footerTab p{ background-color:#F3F4F5;  text-align:center;}
div.footerTab p a{ color:#717171; text-decoration:underline}
div.footerTab p a:hover{ text-decoration:none}

/*********** KONTAKT STŘED **********/
p.kontakt{ font-size:11px; padding-left:5px}
p.kontakt img{ float:right; margin-top:10px}
.podrobnyKont { background:url(../images/arrow_oran.gif) no-repeat right ; padding-right:15px}
/****************************/

/*********** TABULKA REFERENCÍ **********/
.referenceTab{font-size:13px; width:440px;}
.referenceTab img{ border:5px solid #DDDCDC}
.referenceTab tr.popis td{ margin-top:8px; background-color:#F0F0F0; padding-left:10px;}
.referenceTab tr{ vertical-align:top; margin-top:8px; background-color:#F0F0F0; padding-left:10px; border-bottom:2px solid #FFFFFF;}
.referenceTab td{border-bottom:2px solid #FFFFFF;}
.referenceTab td.polozka{ font-weight:bold; width:130px;text-align:right}


/*********** PRAVÝ SLOUP **********/
div.right{width:238px; float:right;}
div.right h2{ color:#747474; font-size:13px; font-weight:bold; padding-left: 20px; text-align:right; border-bottom:0px;}
div.right p{ /*padding-left: 20px*/ text-align:right}
/****************************/

/*********** PRAVÉ MENU **********/
div.rightMenu{ border-bottom:1px dotted #CCCCCC}
div.rightMenu ul{ margin:8px 0 0 5px; padding:0 0 15px 0px}
div.rightMenu ul li{ padding-left: 10px; background: url(../images/arrow_oran.gif) no-repeat 0 7px; list-style:none}
div.rightMenu ul li a{ font-weight:bold; line-height:20px}

div.rightMenu ul.sub{ margin:0 0 0 10px; padding:0px}
div.rightMenu ul.sub li{ padding-left: 10px; background: url(../images/arrow_gray.gif) no-repeat 0 8px; list-style:none;}
div.rightMenu ul.sub a{ color:#59595A; font-weight:normal; font-size:11px; line-height:20px}
/****************************/

/*********** ČLEN SKUPINY PRAVÝ SLOUP **********/
.clenSkupiny{ padding-top:20px}
/****************************/

/*********** PATIČKA **********/
div.footer{width:990px; background-color:#F0F0F0; background: url(../images/bg_footer.jpg); border-top:1px solid #A7A6AB; margin-top: 10px; }
div.footer p{ color:#666666; font-size:11px; padding:10px 0 20px 40px }
/****************************/

/* datum a jméno v seznamu článků (např. novinky) */
.dat { padding-bottom: 9px; font-weight:bold;}


p.ram { background-color:#F0F0F0; border: solid 1px #E0E0E0; padding:10px; margin-bottom:10px;}
.nahled { background-color:#F0F0F0; border: solid 1px #E0E0E0; padding:5px; }
.nahled-big { background-color:#F0F0F0; border: solid 1px #E0E0E0; padding:3px;width: 284px; margin-left:8px; }
td.nahledGalery { background-color:#F0F0F0; border: solid 1px #E0E0E0; padding:5px; text-align:center; }

/* Fotogalerie */
td.picturedetail { text-align:center; font-weight:normal;}


/* upoutavka, např. vánoční banner */
  .upoutavka  {
text-align:center;
position : absolute;
padding-top : 100px;
padding-bottom:500px;
top: 0;
left : 0;
z-index : 1000;
width : 100%;
height: 100%;
background-color: #000000;
opacity: .75;
   /* použito kvůli kompatibilitě se staršími verzemi Firefoxu a Mozilly */
   -moz-opacity: .75;
   filter:alpha(opacity=75);

}
.posuvnik {overflow:auto; max-height:300px; _width:165px; _height:300px;}

ul.topMenu {
    background: #ccc url(../images/topmenu-bg.gif) repeat-x 0 -1px;
    width:988px;
    list-style:none;
    display:block;
    height:30px;
    margin:0;
    padding:0;
    border:1px solid #d1d1d1;
}
ul.topMenu li {
    display:block;
    float:left;
    margin-left: -1px;
}
ul.topMenu li a{
    display:block;
    float:left;
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:6px 15px 6px 15px;
	width: auto;
    color:#777777;
    border-left:1px solid #d5d5d5;
    border-right:1px solid #d1d1d1;
	text-align:center;
}
ul.topMenu li a:hover, ul.topMenu li a.active{
    padding:6px 15px 6px 15px;
    background: #ccc url(../images/topmenu-bg.gif) repeat-x 0 -10px;
    border-left:1px solid #d5d5d5;
    border-right:1px solid #d1d1d1;
}
