/* CSS Document */

* {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
body {background:#C90009 url(_img/bg-body.gif) repeat-x; color:#305463; padding:0; margin:0; margin-bottom:20px; font-size:70%; text-align:center; }
h1 {color:#305463; font-size: 150%; font-weight:bold; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0;}
.uppercase { text-transform:uppercase;}
h2 {color:#305463; font-size: 130%; font-weight:bold; background: url(_img/bg-h2.gif) repeat-x bottom; padding-bottom:0px; margin-top:20px; }
h3 {color:#305463; font-size: 120%; font-weight:bold; }
h4 {color:#305463; font-size: 100%; font-weight:bold; }
abbr, acronym{ border-bottom: dashed 1px; cursor: help; }
img { border:0; padding:0; margin:0; background:none;}
p { line-height:normal; margin: 1.5em 0; }

/* Layout */
#center {width: 748px; margin: 0px auto;  border: solid 7px white; text-align:left; border-top: none; background:#E3EEF2;}
#print-header { display:none;}

#top-menu { background:#305463 url(_img/bg-topmenu.gif) no-repeat 0% 0%; text-align:right;}
* html #top-menu { height:10px;}
#top-menu ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; float:right;}
#top-menu ul li { display: block; float: left; text-align: center; padding: 0; margin:0; background:#305463 url(_img/bg-topmenu-item.gif) no-repeat left; }
#top-menu ul li a { min-width: 10px; min-height: 30px; border:0; padding: 10px 30px 0 30px; margin: 0; text-decoration: none;display: block; text-align: center; font-size:1em; font-weight:normal; color:#DBE6EA; border-bottom:solid 6px #53727E; }
* html #top-menu ul li a { width: 10px; height: 30px; white-space:nowrap;}
#top-menu ul li a:hover { color: #fff; border-bottom:solid 6px #85B2C4;}

#top-container {width:748px; height:123px; border-bottom: solid 1px white; background:#386173; }
#logo { width:182px; height:123px; border-left: solid 1px #EAEEEF; background:#fff; float:left;}
#logo img{ margin:25px;}
#animace { width:564px; float:right;}

h2.title-header { position:absolute; color:#DBE6EA; font-size: 130%; font-weight:bold; padding:0px; margin-top:72px; margin-left:25px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; width:315px; }

#under-header { background:#5F808F url(_img/bg-under-header.jpg) no-repeat; border-bottom: solid 7px white; width:748px; height:27px; }

#main { background:#E3EEF2 url(_img/bg-main.gif) repeat-y;}
* html #main { height:100px;}
#main-left {width:182px; float:left; }
#main-center-home { background: url(_img/bg-main-center-home.gif) repeat-x top; width:296px; padding:28px; float:left; margin-left:1px;}
#main-center-home p{ line-height:2em;}
#main-right-home { width:208px; float:right; }


/* Menu */
.navlist {margin: 0; padding: 0; list-style: none;}

.navlist li.level1 { background:#305564; }
.navlist li.level1 a{ color:#DBE6EA; text-decoration:none; font-weight:normal; padding:10px 10px 10px 45px; display:block; background: url(_img/bg-menu-item.gif) no-repeat 0% 0%; border-bottom:solid 1px #fff;}
.navlist li.level1 a:hover { color:#fff; text-decoration:none; background: url(_img/bg-menu-item-hover.gif) no-repeat 0% 0%;}


.navlist li.level2 { background:#97AAB1; }
.navlist li.level2 a{ color:#305463; text-decoration:none; font-weight:normal; padding:10px 10px 10px 45px; display:block; background: url(_img/bg-menu-item2.gif) no-repeat 0% 0%; border-bottom:solid 1px #fff;}
.navlist li.level2 a:hover { color:#3F6E81; text-decoration:none; background: url(_img/bg-menu-item2-hover.gif) no-repeat 0% 0%;}

* html .navlist li.level1 a, * html .navlist li.level2 a{ height:3px;}

.navlist li.level1 a.act, .navlist li.level2 a.act{ font-weight:bold;}

.navlist ul { list-style: none; }

.strip-undermenu { height:34px; background: url(_img/bg-strip-undermenu.gif) repeat-x top; margin:0; padding:0; font-size:1px; }

/* Right pane */
p.curent-project { padding:7px 10px; margin:0; background:#81A7B6 url(_img/bg-curent-project-hd.gif) repeat-y; }
.curent-project-strip { height:7px; background:#305564 url(_img/bg-curent-project-strip.gif) repeat-y; margin:0; padding:0; font-size:1px; }
.curent-project-comment { padding:7px 10px; margin:0; background:#C9DAE0 url(_img/bg-curent-project-comment.gif) repeat-y; }
p.project-name { padding:0px; margin:0; float:left; width:140px; }
p.project-more { padding:0px; margin:0; float:right; width:45px; text-align:right; }
p.project-more a{ font-weight: bold; color:#D30009; text-decoration:underline;}
p.project-more a:hover{ font-weight: bold; color:#D30009; text-decoration:none;}

p.client { padding:7px 10px; margin:0; background:#81A7B6 url(_img/bg-client-hd.gif) repeat-y; color:#fff; }
.client-comment img { float:left; width:83px; padding:0 10px 10px 0;}
.client-comment p { padding:0 10px 10px 10px; margin:0; color:#fff; font-size:90%;}

a.more-client{ font-weight: bold; color:#fff; text-decoration:underline;}
a.more-client:hover{ font-weight: bold; color:#fff; text-decoration:none;}

/* Subpage */
#content { background: url(_img/bg-main-center-home.gif) repeat-x top; width:509px; padding:28px; float:left; margin-left:1px; min-height:390px;}
* html #content { height:390px;}

.content-left { float:left; width:235px; }
.content-right { float:right; width:235px;}

ul.list { background:none; margin:20px 0 0 0;}
ul.list li { background-image:  url("_img/bullet-list-right-pane.gif"); background-repeat: no-repeat; background-position: 0 .15em;  list-style: none; padding-left:15px; margin-bottom:8px; line-height: 1.1em; }

ul.sitemap { background:none; margin:20px 0 0 0;}
ul.sitemap li.level1 { background-image:  url("_img/bullet-list.gif"); background-repeat: no-repeat; background-position: 0 .15em;  list-style: none; padding-left:15px; margin-bottom:8px; line-height: 1.1em; }
ul.sitemap li.level2 { background-image:  url("_img/bullet-list2.gif"); background-repeat: no-repeat; background-position: 0 .15em;  list-style: none; padding-left:15px; margin-bottom:8px; margin-left:15px; line-height: 1.1em; }

table.normal { border-collapse:collapse; text-align:left; border:solid 1px #9BB3BA; margin:25px 0; }
table.normal td{ border:solid 1px #9BB3BA; background:#E3EEF2; color:#305463; padding:3px;}
table.normal th{ border:solid 1px #9BB3BA; background:#9BB3BA; color:#fff; font-weight:bold; text-align:left; padding:5px;}
table.normal td.first { text-align:left; font-weight:bold;}
table.normal td.empty { height:6px; font-size:1px; line-height:1px;}
table.normal th.first{ text-align:left;}
table.normal tr.highlight td{ background:#BACED4;}

.reference-right table.normal td.first { width:150px;}
.reference-right table.normal { width:330px;}

/* Reference */
.reference-left { width:145px; float:left;}
.reference-right { width:360px; float:right;}
.reference { padding-bottom:25px; margin-bottom:25px; border-bottom:solid 5px #81A7B6;}
.reference-left img { float:left; margin:0px 20px 10px 0; background:#BACED4; border:solid 1px #9BB3BA; padding:6px; }

/* Footer */
#footer { width: 748px; margin: 0px auto; background:#fff; border: solid 7px #fff; color:#749EB0; padding:0; border-top:none;}
#footer p{ border: solid 1px #EAEEEF; text-align:left; padding:15px 20px; margin:0;}
#footer a{  color:#749EB0; text-decoration:none;}
#footer a:hover{  color:#305463; text-decoration:underline;}
#copyright { width: 748px; margin: 0px auto; color:#fff; text-align:center;}

/* others */
.clear { clear:both; margin:0; padding:0; font-size:1px; height:1px;}
.hidden { display:none;}
.dashed { height:3px; font-size: 1px; background: url(_img/bg-h2.gif) repeat-x;}

hr { height:3px; background:#BACED4; border: solid 1px #BACED4; color:#BACED4;}

.t-left { text-align:left;}
.t-right { text-align:right;}
.t-center { text-align:center;}

img.img-left { float:left; margin:5px 20px 5px 0; background:#BACED4; border:solid 1px #9BB3BA; padding:6px; }
img.img-right { float:right; margin:5px  0 5px 20px; background:#BACED4; border:solid 1px #9BB3BA; padding:6px; }
img.img-sm-left { float:left; margin:3px 10px 3px 0; border:solid 1px #EFE8D7; padding:3px; }
img.img-sm-right { float:right; margin:3px  0 3px 10px; border:solid 1px #EFE8D7; padding:3px; }

.colored-red { color:#D30009;}
.colored-red a { color:#D30009; text-decoration:underline;}
.colored-red a:hover { color:#D30009; text-decoration: none;}

.colored-blue { color:#305463;}
.colored-blue a { color:#305463; text-decoration:underline;}
.colored-blue a:hover { color:#305463; text-decoration: none;}

ul { margin-left:16px; padding-left:0px}
li { line-height:1.5em; }

a { color:#D30009; text-decoration:underline;}
a:hover { color:#D30009; text-decoration: none;}

 a.more{ font-weight: bold; color:#D30009; text-decoration:underline;}
 a.more:hover{ font-weight: bold; color:#D30009; text-decoration:none;}
 
a.link-nw{ font-weight: normal; color:#D30009; text-decoration:underline; padding-left:18px; background: url(_img/bg-link-nw.gif) no-repeat 0% 50%;}
a.link-nw:hover{ font-weight: normal; color:#D30009; text-decoration:none;}
 
a.link{ font-weight: normal; color:#D30009; text-decoration:underline; padding-left:10px; background: url(_img/bullet-list2.gif) no-repeat 0% 50%;}
a.link:hover{ font-weight: normal; color:#D30009; text-decoration:none;}
  
.skipmenu { position: absolute; top: -10000px; left: 0; height: 1px; overflow: hidden; }