/* colors - orange: #fd8f0d; text: #666; */

* { margin: 0; padding: 0;}

body {text-align: center;background: #d0d1cf url(../img/back.gif) repeat-x;color: #666;padding-bottom: 10px;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 65%; line-height: 130%; }
a {color: #fd8f0d; text-decoration: none;}
a:hover { text-decoration: underline;}
h2, h3 { font-size: 110%;color: #fd8f0d; font-weight: normal; padding-bottom: 0.3em;}
p { margin: 0.2em 0 0.8em 0;}
big { font-size: 110%;}
a img { border: none;}
.imp { color: #fd8f0d;}
.font, .section, .sitemap, #menu, #footer, .col dt, .colr dt { font-family: "Trebuchet MS", Tahoma, Verdana, "Geneva CE", lucida, sans-serif;	}
.cleaner { clear: both; height: 10px; visibility: hidden;}

#center {width: 610px;margin: 0 auto;text-align: left;background: #f7f7f7 url(../img/center_bg.gif) repeat-y; overflow: hidden;}
#flash {  margin: -20px 0 15px 0;}

#header {height: 345px;background-repeat: no-repeat;padding: 0 5px;}
#logo {background: url(../img/logo_bg.jpg);width: 400px; height: 100px;float: right;text-align: right;}
#logo a { float: right; margin-top: 30px;}
#logo img { border: none; border-right: 1px solid #c3c4c4; padding-right: 9px; vertical-align: baseline;}
#logo .sitemap { display: block; margin-top: 71px; padding: 0 5px; color: #666;}
#logo .sitemap:hover { text-decoration: none; color: #fd8f0d;}

.section {width: 200px;background: #fd8f0d;display: block;float: left; margin-top: 8px;}
.section a, .section h1 {color: #fff;text-decoration: none;margin-left: 10px; font-size: 110%; line-height: 15px; font-weight: bold;}
.section h1 {height:35px;padding-top:5px}
.sectionimg {float:right; position:relative; margin-right:-50px;}

/* foto v zahlavi */
.img01 { background-image: url(../img/img01.jpg)}
.img02 { background-image: url(../img/img02.jpg)}
.img03 { background-image: url(../img/img03.jpg)}
.img04 { background-image: url(../img/img04.jpg)}
.img05 { background-image: url(../img/img05.jpg)}
.img06 { background-image: url(../img/img06.jpg)}
.img07 { background-image: url(../img/img07.jpg)}
.img08 { background-image: url(../img/img08.jpg)}
.img09 { background-image: url(../img/img09.jpg)}

/* main menu */
.skip {position: absolute; left: -1000px;}
#menu {background: #fd8f0d; width: 495px; text-transform: uppercase; position: relative; top: -15px; left: 5px; margin-bottom: -10px;}
#menu ul { padding-left: 10px;}
#menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* clear float pro Operu */
#menu a {text-decoration: none;color: #fff; font-size: 110%; line-height: 45px; }
#menu li {list-style: none; padding: 0 10px; float: left;}
/* submenu */
.jsOn #menu li div { visibility: hidden;}
#menu li div {display: none;position: absolute; left: 0;padding: 0;height: 12em;width:100%; bottom: 44px;background: url(../img/menu_bg.gif) repeat-x bottom; filter:alpha(opacity=85);opacity:.85;}
#menu li:hover div, #menu li.over div {display: block;}
#menu li div ul{ position: absolute; bottom: 5px;}
#menu li div li { float: none; display: block;}
#menu li div a { line-height: normal; color: #FB8B02; display: block; font-size: 100%; font-weight: bold;}
* html #menu li {display: expression(isNaN(this.js)?(this.js=1,this.onmouseover=new Function("this.className+=' over';"),this.onmouseout=new Function("this.className=this.className.replace(' over','');")):false););}

#wrapper {padding: 0 55px 0 55px;min-height: 205px; height: expression(this.scrollHeight < 205? "205px" : "auto" );background: transparent url(../img/content_bg.gif) no-repeat;}
#content { padding-top: 30px; float: right;width: 350px;}
#footer { background: url(../img/footer.gif) bottom left no-repeat;padding: 5px 10px 5px 0;text-align: right;}

.col { clear: both; }
.col, .colr { float: left; width: 130px;}
.col a, .colr a { color: #666;}
.col h2 { background: #fd8f0d; padding: 3px 0; margin: 10px 0 0 5px; color: #fff;}

.col ul, .col dl { list-style: none; background: #d9d9da; padding: 30px 0px; margin-bottom: 1em;}
.colr ul, .colr dl { list-style: none; background: #d9d9da; padding: 30px 7px; margin-bottom: 1em;}
.col ul li, .colr ul li { padding-bottom: 5px;}
.col dl, .colr dl { padding-top: 20px; /* negace marginu u dt */}
.col dt, .colr dt { color: #fd8f0d; font-weight: bold; margin-top: 10px;}
.col ul.smallmenu {margin-left:5px}
.col ul.smallmenu li {padding-left:7px}

#content #news ul { margin: 0; clear: left; }
#content #news ul li, .news { width: 175px; float: left; padding: 0 0 0.5em 0; background: none;}
#news li h2, #news li .text, .news .text { margin-right: 10px;}
.sectionarticle { float: right; width: 350px; padding: 0 0 1em 0;}
.text {padding-bottom: 1em;}


.page, .archive { clear: both; width: 350px; overflow: hidden; position: relative; left: 150px; padding: 10px 0 0 0;}
.page a { color: #666; float: left; padding: 0 4px; margin-bottom: 1em;}
.page .current { height:15px;color: #fd8f0d; margin: 0 4px 0.6em 4px; padding: 0px 3px 1px 3px; font-weight: normal; background: url(../img/page_bg.gif) repeat-x bottom; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; text-align: center; }
.page img { margin: 0px 10px 30px 0; float:left;  }
.archive { text-align: right;}

#content ul { margin: 0.5em 0 0.7em 0.5em;}
#content ul li { padding-left: 10px; list-style: none; background: url(../img/li.gif) no-repeat 0px 0.5em; }

#refer { margin: 10px 0 0 0;}
#refer .list  {clear: both;width: 500px;margin:0 0 5px 0; padding: 0;}
#refer .list dt {width: 340px; float: right; overflow: hidden; margin-top: 5px;}
#refer .list dt strong {display: block;font-weight: normal;}
#refer .list dd {padding: 0.3em 0 1.6em 160px; _padding-left:157px; /*ie 3px gap*/ }
#refer .list dd.img {float: left;margin: 0; padding: 0; width: 140px; height: 60px;overflow: hidden; }
#refer .list dd.img img { background: url(../img/ref-img.gif); padding: 6px 1px 1px 6px; }
#refer .list .date {float: left;border-right: 1px solid #777;padding-right: 0.5em;margin-right: 0.5em;}
#refer .detail { float: right; width: 350px;}
#refer .detail h2 { font-weight: bold; margin-bottom: 1em;}
#refer .detail h2 a { font-weight: normal; color: #666;}
#refer .detail .modules { height: 30px;}
#refer .detail .modules li { float: left; list-style: none;}
#refer .detail .article { clear: left; margin-right: 160px;}
#refer .detail .imgs  { float: right;}
#refer .detail .imgs img { display: block;}

#intro {overflow: hidden;position: relative; height: 9em;}
#intro div {position: absolute; left: 0px;top: 0px;}

.lastwork ul {padding: 0; background: none;}
.lastwork ul li {background: url(../img/lastwork.gif) repeat-y; margin: 5px 0; padding: 0;}
.lastwork .img {background: url(../img/shadow.gif) no-repeat; width: 129px; overflow: hidden;}
.lastwork img { margin: 11px 0 0 11px;}
.lastwork .descr { padding: 5px 5px 3px 11px; background: url(../img/lastwork2.gif) no-repeat bottom left; }
.lastwork a { color: #fd8f0d; text-decoration: none; font-size: 110%;}

.people-img, .border-img {float: left; border: 5px solid #CDCFD2; margin-right: 5px;}
.acenter, .c {text-align: center;}
.fright {float: right;}

.col1, .col2 { padding-bottom: 1em }
.col1 { float: left; width: 49% }
.col2 { float: right; width: 49% }