body { margin: 0; text-align: center; background: #e3e3e3 url(img/body-bg.jpg) repeat-x 0 0; font-size:13px; font-family: Trebuchet MS, Arial, Helvetice, Sans-Serif; color:#333}
.main{}

p {margin: 10px 0 10px 0}
ul { margin: 0 0 0 18px; list-style:none}
ul li{ padding:0 0 0 15px; background: url(img/odrazkaBlack.gif) no-repeat 0 4px; margin:0 0 5px}
a{text-decoration:underline; color:#333}
a:hover{text-decoration:none}
a img{border:0;}

input[type="text"],
  input[type="password"],
  select,
  textarea{border:1px solid #c8c8c8; border-radius:5px; padding:0 5px;line-height:25px;height:25px; font-family: Trebuchet MS, Arial, Helvetice, Sans-Serif; margin:2px 0;}
select{padding:3px; height:28px}
textarea{height:auto;}

/* popup */
/*.uvitaciOkno {background-color:#1e4361;width:560px;position:absolute;top:60px;left:70px;z-index:100;border:none;}*/
.uvitaciOkno {text-align:center;position : absolute;padding-top : 100px;padding-bottom:500px;top: 0;left : 0;z-index : 1000;width : 100%;height: 100%;background: url(img/transparent-bg.png) repeat;}
.uvitaciOknoIn{background:#fff; padding:1px 20px 20px 20px; border-radius:5px;width:490px; height: 320px; margin:0 auto; text-align:left; position:relative}
.uvitaciOknoIn .zavrit{ position:absolute; top:1px; right:1px;width:23px; height:23px; background: url(img/x.png) no-repeat 0 0; overflow:hidden; text-indent:-999999px}
.uvitaciOknoIn .zavrit:hover{background-position: 0 -23px}

/* bloky hlavni */
.hlavnistranka {position:absolute;top:-42px;left:7px;}
.ohranic {margin: 0 auto; width: 1006px; position: relative; text-align: left; background: url(img/bg-stin.png) repeat-y top center}

.hlavicka { background: #fff; width:980px; margin:0 auto; height:80px;}
.clovek { position: absolute; top: -29px; left: 181px}

#logo{position:absolute; left:33px; top:20px; border-radius:5px; overflow:hidden; width:200px; height:108px}

.pozicovany { position: absolute; top: -31px; left: 530px}

.menu { background-color: #7C94A0;}
.odrazkaSumbmenu { margin: 0 10px 0 0}

#menu{ margin:0; padding:25px 0 0 251px; z-index:1000}
#menu li{float:left;display:inline-block; position:relative; margin:0; padding:0 10px 0 9px; border-right:1px solid #b1b1b1; background:none}
#menu li:last-child{padding-right:0; border:0;}
#menu li a{display:block; padding: 0 15px 0; line-height:30px; color:#333; text-decoration:none;white-space: nowrap;text-transform: uppercase; font-size:14px}
#menu li a:hover, #menu li:hover a{ border-radius: 5px; background: #ff7506 url(img/menu-bg.jpg) repeat-x bottom left; color:#fff}
#menu li ul{display:none; position:absolute; left:8px; top:27px; background:#ff8a2a; margin:0;  padding:5px 10px; border-radius:0 5px 5px 5px; z-index:1001; border:1px solid #fff; border-top:0}
#menu li li{display:block;float:none}
#menu li:hover ul{display:block}
#menu ul li{ padding:0; border:0; display:block;}
#menu ul li a{ background: url(img/odrazkaWhite.gif) no-repeat 7px 7px!important; text-transform:none; text-decoration:underline; padding-left:22px;}
#menu ul li a:hover{ text-decoration:none}

.necastejsiOdkazy ul{margin:0; padding:0;}
.necastejsiOdkazy ul li{display:block; margin:0 0 3px; padding:0;}
.necastejsiOdkazy ul li a{display:block; padding: 0 15px 0; line-height:30px; color:#333; text-decoration:none;white-space: nowrap;text-transform: uppercase; border-radius: 5px; background: #ff7506 url(img/menu-bg.jpg) repeat-x top center; color:#fff}
.necastejsiOdkazy ul li a:hover{ background-position:left bottom}

.teloMain, .telo { background: #fff url(img/telo-main-bg.png) repeat-y 0 0; width:980px; margin:0 auto;}
.telo{background-position:-500px 0}

.leva { float: left; width: 200px; margin:58px 20px 20px}

.stredMain { float: left; width: 460px; margin:0 20px 20px;}
.stred { float: left; width: 700px; margin:0 20px 20px; position:relative}

.prava { float: right; width: 200px; margin:0 20px 20px}

.paticka { background-color: #fff; padding:20px 0 0;font-size:13px; color: #fff;}
.patickaIn{background-color: #383e42; padding:20px 25px;}
.patickaIn div{display:inline-block;}
.paticka a{text-decoration:none; color:#fff}
.paticka a:hover{ text-decoration:underline;color:#fff}
.paticka ul{display:inline-block;float:right; margin:0; padding:0;}
.paticka ul li{float:left;display:inline-block; background:none; margin:0; padding:0;}
.paticka ul li a{display:inline-block;padding:0 15px; border-left:1px solid #fff}
.paticka ul li:first-child a{border:0;}
.paticka ul li:last-child a{padding-right:0}

.patickaSub{margin: 0 auto;width: 936px;position: relative;text-align: left; padding:10px 35px 50px; color:#666}
#optimalizace{float:left;}
#powered{float:right;}
#powered a{color:#666}

.stred * { text-align: justify}
.stredMain * { text-align: justify}

.vite { width: 180px; background:#f77e1e; padding:1px 10px; border-radius:5px; color:#fff}
.vite a {color:#fff; padding-left:10px; background:url(img/odrazkaWhite.gif) no-repeat 0 0; font-size:11px}

/* odkazy */
a.novinky { color: #131313; text-decoration: none; display:block}
a.novinky:hover *{ color: #0072BC; text-decoration: underline}
a.novinky:hover { color: #0072BC; text-decoration: underline}

.vlajky {position: absolute; top: 31px; right: 23px;}
a.vlajka { float: left; margin-right: 10px; display: block}
	
/* nadpisy a zvyrazneni */
h1, h2, h3{padding:5px 0; color:#ff7213; margin:20px 0 5px}
h1 { font-size: 22px; font-weight: bold; color: #333; line-height:28px; border-bottom:1px solid #999; padding:5px 5px 10px}
h2 { font-size: 18px}
h3 { font-size: 15px}

/*barevne nadpisy */
.nadpisBlue,
.nadpisGreen,
.nadpisOrange,
.nadpisViolet { font-size: 20px; font-weight: bold; line-height:30px}

.nadpisMain { font-size: 18px; font-weight: bold; margin-left: 5px; color: #636363}

.nadpisNovinka { color: #0072BC; font-weight: bold}
.datumNovinka { color: ##a5a1a1; font-size: 10px}

hr{border:0; border-bottom:1px solid #ccc; margin:10px 5px 20px}


/* formulare */
.login { border: 1px solid #F26522; width: 100px; margin-bottom: 2px; font-size: 11px; color: #9C4319; height: 13px}

.tlacitko { text-align: center; color: #fff; font-weight: bold; background-color: #F26522}


.clear { clear: both}


/* tabulky */
.tabVypis td { padding: 3px 0 3px 0}

.tabulka { border: 1px solid #999; border-bottom:0;}

.tabulka td { padding: 2px 5px 2px 5px; border-bottom: 1px solid #999; text-align: right}
.tabPopis td { color: #fff; background-color: #333; font-weight: bold; border:0; padding:5px}
*.tabPoznamka { background-color: #FFF8C6; border-bottom: 1px solid #FFF8C6; color: #70672A; text-align: left}

.blok{margin:0 0 20px}
.blok .nadpis{font-weight:bold; font-size:20px; line-height:30px; padding:5px 0}

.submenu ul{margin-left:0; padding-left:5px;}

.novinky h2{font-weight:normal; margin:0; font-size:14px;}
.novinky h2 a{color:#ff7213; text-decoration:none; font-size:14px;}
.novinky h2 a:hover{ text-decoration:underline}
.novinky p.datum{ margin-top:0; color:#a5a1a1; font-size:12px}
.novinky .btn{float:right}

.btn{height:27px; line-height:27px; background:#595c61 url(img/btn-bg.png) repeat-x left bottom; padding:0 15px; margin:2px 0;display:inline-block;color:#fff; text-decoration:none; border-radius:5px; border:0; cursor:pointer;}
.btn:hover{background-color:#63666b; background-position: left top}

#flashContent{margin: 20px 0 0 0; position:relative; height:60px}
#flashContent object{position:absolute; left:-15px; top:0;}

/* tisk */
@media print { .noprint { display: none; width: 0;}
	.leva {display: none;width: 0;}
	.prava {display: none;width: 0;}
	body {margin: 0;text-align: center;background-color: #fff;background-image: none;background-position: top;background-repeat: repeat-x;}
	.teloMain { background-image: none;}
	.telo { background-image: none;}
	.stredMain {width: auto;}
	.stred {width: auto;}
	.ohranic {width: auto;background-color: #fff;}
	.ohranic2 {margin: 0 3px 0 3px;border: 1px solid #fff;}
	.printMargin { border-right: 150px solid #fff;}
}