body {background:url("../images/bg.gif") 0 0 repeat-x; font:0.6em/1.5 "arial", sans-serif;}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}

ul.ul-01 {margin:15px 0; list-style:none;}
ul.ul-01 li {padding:2px 0 2px 25px; background:url("../images/ul-01.gif") 0 50% no-repeat }

ul.ul-list {margin:15px 0; list-style:none;}
ul.ul-list li {padding:1px 0;}
ul.ul-list span.date {padding-right:10px;}

#main {width:960px; margin:0 auto; overflow:hidden;}

    #header {position:relative; height:60px; padding:10px 20px 10px 20px;}

        #logo {margin:0;}
    
        #nav {position:absolute; top:55px; right:20px; margin:0;}
        #nav span {margin:0 8px;}
        #nav #nav-active {font-weight:bold; text-decoration:none;}
    
    #tray {position:relative; width:960px; height:34px; background:url("../images/tray.gif") 0 0 no-repeat; overflow:hidden; font:bold 90%/1 "tahoma",sans-serif;}
    #tray ul {margin:0 20px; list-style:none;}
    #tray li {display:inline;}
    #tray li a {display:block; float:left; padding:12px 20px 17px 18px; background:url("../images/tray-separator.gif") 100% 0 no-repeat; text-decoration:none;}
    #tray li a:hover {background:url("../images/tray-hover.gif");}
    #tray li.tray-active a {background:url("../images/tray-active.gif");}

        #search {position:absolute; top:8px; right:20px;}
        #search div {position:relative; width:185px;}
        
        #search #search-input {position:absolute; top:0; left:0; width:150px; height:30px; background:url("../images/search-input.gif") 0 0 no-repeat; overflow:hidden;}
        #search #search-input input {width:136px; margin:8px; border:0; font:100%/1 "arial",sans-serif;}
        #search #search-submit {position:absolute; top:0; right:0; width:30px;}
	
	#content { float: left; width: 720px }

    #footer {clear:both; padding:20px 20px 40px 20px; }
    #footer p {margin:0;}

.col-top {width:720px; height:5px; margin-top:15px; background:url("../images/col-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
.col-bottom {width:720px; height:5px; margin-bottom:15px; background:url("../images/col-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#col {position:relative; padding: 5px 20px 10px 10px; width: 690px; background:url("../images/col.gif") 0 0 repeat-y;}

	#col h2 { font-size: 140%;}

    #ribbon {position:absolute; top:-5px; left:0; width:100px; height:100px; background:url("../images/ribbon.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden; z-index:10;}

    #col-browser {position:relative; float:left; width:215px; height:160px; margin: 10px 0 0 5px }

    #col-text {float:right; width:450px; padding: 5px 0 0 10px; line-height:1.7;}

        #slogan {position:relative; width:400px; height:33px; overflow:hidden; margin:0; padding:0; font-size:140%;}
        #slogan span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../images/slogan.gif") 0 0 no-repeat;}
        #btns {margin-top:25px; margin-bottom:0; }

#cols2-top {width:720px; height:5px; margin-top:15px; background:url("../images/cols2-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2-bottom {width:720px; height:5px; margin-bottom:15px; background:url("../images/cols2-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols2 {background:url("../images/cols2.gif") 0 0 repeat-y;}

    #cols2 #col-left { float:left; width:680px; padding: 5px 20px 10px 20px }
    /*#cols2 #col-right {float:right; width:79px; margin-right:1px; padding:20px }*/
    
        #cols2 #col-left h4, #cols2 #col-right h4 {margin:0; font-size:100%;}
        #cols2 #col-left .title {background:url("../images/dot-02.gif") 0 50% repeat-x }
        #cols2 #col-left .title h4 {display:inline; padding-right:10px;}
        #cols2 #col-left .title span {padding-left:10px;}

        #cols2 .box {margin-top:15px;}
        /*#cols2 #col-right h4 {background:url("../images/dot-02.gif") 0 50% repeat-x;}
        #cols2 #col-right h4 span {padding-right:10px;}
        #cols2 .col-right-img {float:left; width:65px;}
        #cols2 .col-right-text {float:right; width:100px;}
        #cols2 .col-right-text p {margin:0;}*/

#cols3-top {width:720px; height:5px; margin-top:15px; background:url("../images/cols3-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols3-bottom {width:720px; height:5px; margin-bottom:15px; background:url("../images/cols3-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#cols3 {background:url("../images/cols3.gif") 0 0 repeat-y;}

    .col {float:left; width:232px; padding:0 1px; margin-right:9px }
    .col.last {margin-right:0;}
    .col h3 {margin:0; padding: 5px 15px 8px 50px; background:url("../images/cols3-title.gif") 15px 40% no-repeat; font-size:110%;}

        .col-text {padding:20px; border-top:1px solid #DFDFDF;}
        .col-text p {margin:0;}
        .col-text ul {margin-bottom:0;}
        .col-more {padding:10px 10px 1px 0; text-align:right;}
        
        .col-more img { background:url("../images/cols3-more.gif") }
        .col-more img:hover { background:url("../images/cols3-more-active.gif") }

#col-right { float: right; width: 228px }
#col-right .top { height: 5px; margin-top:15px; background: url('../images/col-login-top.gif') 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden }

#col-right h4 { padding: 8px 0 15px 0; margin: 0; background: url("../images/dot-02.gif") 0 40% repeat-x; color:#898a6b; font-size:100% }
#col-right h4 span { margin-right: 5px }
#col-right p { margin-top: 0}

#col-right .bottom { height: 5px; background: url('../images/col-login-bottom.gif') 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden }


#prihlaseniZakaznika { padding: 0 14px 0 14px; margin-bottom: 0; background-image: url('../images/col-login.gif'); background-color: white }

#ctl00_loginDialog { margin: 0 }
#ctl00_loginDialog ul { list-style: none; margin-bottom: 0 }
#ctl00_loginDialog li { float: left; width: 77px; height: 20px; background-image: none; padding: 2px 3px 0 0; text-align: right }
#ctl00_loginDialog .li-input { float: left; width: 120px; height: 22px; text-align: left; padding: 0 }
#ctl00_loginDialog input { font: 1em/1.5 "arial", sans-serif; height: 12px; padding: 1px 2px 3px 2px }
#ctl00_loginDialog .li-button { float: left; width: 200px; height: 30px; text-align: center; list-style: none }
#ctl00_loginDialog .li-button a { display: block; margin: 5px 0 0 53px; width: 94px; height: 20px; background: url('../images/button.gif') no-repeat; text-decoration:none; text-align: center; padding-top: 3px }
#ctl00_loginDialog .li-button a:hover { background: url('../images/button_active.gif') }

#prihlaseniAplikace { height: 90px; padding: 0 14px 0 14px; background-image: url('../images/col-login.gif') }
#prihlaseniAplikace .button { padding-left: 50px }

#certifikaty { height: 300px; padding: 0 14px 0 14px; background-image: url('../images/col-login.gif') }
#certifikaty ul { list-style: none }
#certifikaty li { margin: 5px 0 5px 0; text-align: center }

#zavolejte { height: 190px; padding: 0 14px 0 14px; background-image: url('../images/col-login.gif') }

button { width: 94px; height: 23px; border: 0; margin: 0; padding: 0; background: url('../images/button.gif'); font: 1em/1.5 "arial", sans-serif; cursor: pointer }
button:hover { background: url('../images/button_active.gif') }

.buttonWide { width: 130px; height: 23px; border: 0; margin: 0; padding: 0; background: url('../images/button_wide.gif'); font: 1em/1.5 "arial", sans-serif }
.buttonWide:hover { background: url('../images/button_wide_active.gif') }

.button ul { list-style: none }
.button li { float: left; margin: 0 10px 0 0; list-style: none; }
.button li a { display: block; float: left; width: 94px; height: 20px; background: url('../images/button.gif') no-repeat; text-decoration:none; text-align: center; padding-top: 3px }
.button li a:hover { background: url('../images/button_active.gif') }
.button li a.highlighted { background: url('../images/button_active.gif') }

.menu ul { list-style: none; clear: both }
.menu li { float: left; margin: 0 10px 0 0; list-style: none; width: 200px  }

#overlay {
	visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    background-color: white;		
    z-index: 89999;

	/* IE */
	filter: alpha(opacity=0);
	/* old school versions of the Mozilla browsers */
	-moz-opacity: 0;
	/* Safari (1.x) */
	-khtml-opacity: 0;
	/* standard - Firefox, Safari, Opera */
	opacity: 0;
}

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

.smaller {font-size:85%;}

.clearFull { clear: both }

.cenik { width: 500px; margin-top: 20px; border-collapse: collapse }
.cenik td { border: solid 1px silver; margin: 0; padding: 0 3px 0 3px }
.rightAlign { text-align: right }
.tableHeader { text-align: center; background-color: Silver; font-weight: bold }

.frame { float: left; padding: 5px 20px 10px 10px; width: 690px; background:url("../images/col.gif") 0 0 repeat-y; }
.frame h3 { text-align: center; margin: 0 0 5px 0; }
.frame h4 { margin: 0 }
.frame ul {
	list-style:none;
	padding: 0;
}
.frame li {
	float: left;
	width: 130px;
	height: 20px;
	padding: 2px 3px 0 0; 
	text-align: right
}
.frame li.break {
	clear: both;
	width: 670px;
	height: 0;	
}
.frame li.li-input {
	float: left;
	width: 540px;
	height: 22px;
	text-align: left;
	padding: 0;
}
.frame textarea {
	font: 1em/1.5 "arial", sans-serif;
	height: 50px;
	width: 530px;
	padding: 1px 2px 3px 2px;
}
.frame input {
	font: 1em/1.5 "arial", sans-serif;
	height: 12px;
	width: 530px;
	padding: 1px 2px 3px 2px;
}
.frame .li-slouceno input {
	float: left;
	margin-left: 200px;
	font: 1em/1.5 "arial", sans-serif;
	height: 12px;
	width: 20px;
}
.frame label {
	float: left;
	height: 1em;
	text-align: left;
	width: 300px;
}

.frame li.li-button { float: left; width: 660px; height: 25px; text-align: center; list-style: none; font: 1em/1.5 "arial", sans-serif; }
.frame li.li-button a { display: block; margin: 5px 0 0 308px; width: 94px; height: 20px; background: url('../images/button.gif') no-repeat; text-decoration:none; text-align: center; padding-top: 3px }
.frame li.l-button a:hover { background: url('../images/button_active.gif') }

.frame li.li-slouceno {
	float: left;
	width: 670px;
	text-align: center;
	padding: 10px 0 10px 0;
}

.heading { margin-left: 10px }
.topics-top { height: 6px; width: 720px; background: url('../images/top.gif') 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden }
.topics-head { width: 720px; background-color: #dcdcd2; }
.topics-head-colspan { float: left; width: 710px; padding-left: 10px; background-color: #dcdcd2; padding-bottom: 3px }
.topics-head-col1 { float: left; width: 440px; padding-left: 10px; background-color: #dcdcd2; padding-bottom: 3px }
.topics-head-col2 { float: left; width: 80px; text-align: center; background-color: #dcdcd2; padding-bottom: 3px }
.topics-head-col3 { float: left; width: 180px; padding-left: 10px; background-color: #dcdcd2; padding-bottom: 3px }
.topics-row { width: 700px; background-image: url('../images/middle.gif'); background-repeat: repeat-y; padding: 10px; overflow: hidden; border-bottom: solid 1px #dcdcd2 }
.topics-row-col1 { float: left; width: 440px; border-right: solid 1px white }
.topics-row-col2 { float: left; width: 80px; text-align: center }
.topics-row-col3 { float: left; width: 164px; padding-left: 10px; border-left: solid 1px white  }

.categories-head-col1 { float: left; width: 490px; padding-left: 10px; background-color: #dcdcd2; padding-bottom: 3px }
.categories-head-col2 { float: left; width: 100px; text-align: center; background-color: #dcdcd2; padding-bottom: 3px }
.categories-head-col3 { float: left; width: 120px; text-align: center; background-color: #dcdcd2; padding-bottom: 3px }
.categories-row-col1 { float: left; width: 490px; border-right: solid 1px white }
.categories-row-col2 { float: left; width: 100px; text-align: center }
.categories-row-col3 { float: left; width: 100px; text-align: center; border-left: solid 1px white  }

.topics-bottom { float: left; height: 6px; width: 720px; background: url('../images/bottom.gif') 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden }
.topics-p { margin-left: 10px }

.reply { border-bottom: solid 1px #dcdcd2; padding: 10px 10px 10px 10px; margin: 0 10px 0 40px }
.red { color: red }
.green { color: green }
.strike { text-decoration: line-through }
.panel { float:left; width: 100%; padding: 10px 0 10px 10px; font-weight: bold }

.fullscreen {
	left: 0; 
	width: 100%;
	height: auto;
}
.loadProgress {
	margin: 10% auto 10% auto;
	width: 350px; 
	height: 52px; 
	text-align: center; 	
	background-color: #f9fcff;
	background-image: url('../images/ajax-loader.gif');
	background-repeat: no-repeat;
	background-position: 20px center;
	padding: 20px 20px 0 80px;	 
	border: 1px dotted #E8E8E8; 
	border: solid 10px white;
}

.loadProgress span {
	width: 300px;
	font-weight: bold;
	vertical-align: middle;
}


#ctl00_cphContent_UpdateProgress1 {
	position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
}

.demo { height: 30px; padding-top: 10px; background-color: red; text-align: center; color: white; font-weight: bold; font-size: 16px }