p, h1, h2, h3, h4, h5, ul, ol, form {margin: 0; padding: 0;}
fieldset {margin: 0; padding: 0; border: none;}
ul {list-style: none;}
input, textarea, select {font: 100% arial,sans-serif; }
/*hr {border: none; border-bottom: 1px dashed #B2B2B2; height: 1px; padding: 0; display: block; margin: 15px 0 20px 0; _margin: 5px 0 10px 0; clear: both;}*/

.hidden {display: none !important;}
.clr {clear: both; display: block; font-size: 1px; height: -1px;}
img {border: none;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}
.tac {text-align: center !important;}
.taj {text-align: justify !important;}
.imgl {float: left; _display: inline; margin-right: 10px;}
.imgr {float: right; _display: inline; margin-left: 10px;}
.nobrd {border: none !important;}
.nomarg {margin: 0 !important;}
.nopadd {padding: 0 !important;}
.fl {float: left;}
.fr {float: right;}

/***********************************************/

body {margin: 0; padding: 0; font-size: 70%; text-align: center; color: #6B6D6E; background: #115992; font-family: arial, sans-serif;}
#site {margin: auto; width: 929px; padding: 20px 20px 0 20px; text-align: left; background: #fff url(../images/layout/backgrounds/site-top.gif) 0 0 no-repeat;}

/*top*/
#top {position: relative; margin: auto; width: 929px; padding: 20px 20px 0 20px; text-align: left; height: 50px; background: #115992; overflow: hidden;}
#top h1 {position: relative; width: 161px; height: 42px; overflow: hidden; font-size: 250%; visibility: visible;}
#top h1 a {cursor: pointer; cursor: hand; color: #fff; text-decoration: none;}
#top h1 span {position: absolute; width: 161px; height: 42px; top: 0; left: 0; background: url(../images/layout/headings/h1-logo.gif) 0 0 no-repeat;}

#top h2 {font-size: 1.5em; width: 500px; position: absolute; right: 20px; top: 45px; text-align: right; color: #fff; font-weight: normal;}
/*main*/
#main {width: 724px; float: left;}

/*menu*/
#menu {position: relative; z-index: 5; height: 35px; border-top: 1px solid #3F9CD6; border-bottom: 1px solid #3F9CD6;}
#menu li {display: inline; float: left; position: relative; _margin-bottom: -3px;}
#menu li.m1 {width: 82px;}
#menu li.m2 {width: 128px;}
#menu li.m3 {width: 122px;}
#menu li.m4 {width: 128px;}
#menu li.m5 {width: 123px;}
#menu li.m6 {width: 141px;}
#menu li a {font-size: 1.4em; height: 35px; line-height: 35px; text-align: center; display: block; text-decoration: none; color: #3F9CD6; cursor: pointer; cursor: hand; font-weight: bold;}
#menu li span {position: absolute; top: 0; left: 0; height: 35px; background-position: 0 0; background-repeat: no-repeat;}
#menu li a:hover, #menu li a.act, #menu li:hover a {background: #fff; color: #000;}
#menu li a:hover span, #menu li a.act span, #menu li:hover a span {background-position: 0 -35px;}
#menu li.m1 span {width: 82px; background: url(../images/layout/nav/menu1.gif);}
#menu li.m2 span {width: 128px; background: url(../images/layout/nav/menu2.gif);}
#menu li.m3 span {width: 122px; background: url(../images/layout/nav/menu3.gif);}
#menu li.m4 span {width: 128px; background: url(../images/layout/nav/menu4.gif);}
#menu li.m5 span {width: 123px; background: url(../images/layout/nav/menu5.gif);}
#menu li.m6 span {width: 141px; background: url(../images/layout/nav/menu6.gif);}

#menu li ul {position: absolute; z-index: 10; width: 150px; left: 0; top: 35px; border: 1px solid #3F9CD6; border-top: none; display: none;}
#menu li ul li {display: block; float: none; _margin-bottom: 0;}
#menu li ul li a, #menu li:hover ul li a {font-size: 1.0em; height: auto; line-height: normal; text-align: left; display: block; padding: 7px 8px; width: 134px; border-top: 1px solid #E4F3FF; color: #3F9CD6; background: #ffffff; opacity: 0.90; -moz-opacity: 0.90; filter: alpha(opacity=90); zoom: 1.0; text-decoration: none; font-weight: normal; text-transform: uppercase;}
#menu li ul li a.first {border-top: 1px solid #fff;}
#menu li ul li a:hover {background: #DFF1FF; color: #000000;}
#menu li:hover ul {display: block;}

/*flash*/
#homeimg {position: relative; z-index: 1; width: 724px; height: 264px; background: url(../images/layout/backgrounds/hpimg-bg.jpg) 0 0 no-repeat; margin: 10px 0;}
#subimg {position: relative; z-index: 1; width: 724px; height: 150px; padding-bottom: 10px; background: url(../images/layout/backgrounds/subimg-bg.jpg) 0 0 no-repeat; margin: 10px 0; border-bottom: 1px solid #3F9CD6;}
#homeimg object, #subimg object {position: relative; z-index: 1;}

/*content*/
#content {position: relative; padding-top: 10px; padding-right: 10px;}
#content h1 {color: #3F9CD6; font-size: 1.8em; margin: 0; font-weight: normal;}
#content h2 {color: #44C8F4; font-size: 1.6em; margin: -3px 0 0.2em 0; font-weight: normal;}
#content h3 {color: #3F9CD6; font-size: 1.6em; margin: 1em 0 0.2em 0; font-weight: normal;}
#content h4 {color: #FBB349; font-size: 1.6em; margin: 1em 0 0.2em 0; font-weight: normal;}
#content h5 {color: #47BA57; font-size: 1.3em; margin: 1em 0 0.2em 0; font-weight: normal;}
#content h6 {color: #6B6D6E; font-size: 1.2em; margin: 1em 0 0.2em 0;}
#content p {margin: 0.2em 0 1.5em 0; line-height: 1.4em;}
#content img {}

#content a {color: #44C8F4; text-decoration: underline;}
#content a.pdf {padding-left: 20px; background: url(../images/content/filetypes/pdf.gif) 0 0 no-repeat;}
#content a.doc {padding-left: 20px; background: url(../images/content/filetypes/doc.gif) 0 0 no-repeat;}
#content a.xls {padding-left: 20px; background: url(../images/content/filetypes/xls.gif) 0 0 no-repeat;}
#content a.zip {padding-left: 20px; background: url(../images/content/filetypes/zip.gif) 0 0 no-repeat;}
#content a.web {padding-left: 20px; background: url(../images/content/filetypes/html.gif) 0 0 no-repeat;}

#content ul, #content ol {margin: 0.2em 0 2em 2em;}
#content ol {list-style-position: inside;}
#content ol ol, #content ul ol, #content ul ul, #content ol ul {margin: 0;}
#content ol ol, #content ol ul {margin-left: 15px;}
#content li {padding: 3px 0;}
#content ul li {padding-left: 15px; background: url(../images/layout/crumbs/square-green.gif) 0 7px no-repeat;}
#content ul ul li, #content ol ul li {background: url(../images/layout/crumbs/square-green.gif) 0 7px no-repeat;}
#content ol ul li {=padding-left: 0;}
#content ul ol li {padding: 3px 0; background: none;}

#content ul#sitemap li a {color: #3F9CD6;}
#content ul#sitemap li li a {color: #44C8F4;}

/*tabulky*/
#content table td, #content table th {vertical-align: top;}

#content table.common {width: 100%; margin: 0.5em 0 2em 0; border: none; border-collapse: collapse;}
#content table.common thead {background: #d2d2d2;}
#content table.common thead th, #content table.common thead td {color: #464646; text-align: left; padding: 7px 10px; border: 1px solid #aaaaaa;}
#content table.common tbody th, #content table.common tbody td {color: #464646; text-align: left; padding: 5px 10px; border: 1px solid #dbdbdb;}
#content table.common tbody tr.tr1 td, #content table.common tbody tr.tr1 th {background: #fff;}
#content table.common tbody tr.tr2 td, #content table.common tbody tr.tr2 th {background: #eeeeee;}

/*form*/
#main label {display: block; padding-top: 3px; font-weight: bold;}
#main input.txt {border: 1px solid #aaaaaa; background: #fff; padding: 1px 2px; color: #777777}
#main input.btn {border: 1px solid #aaaaaa; background: #d2d2d2; color: #464646;}
#main textarea.txt {overflow: auto; border: 1px solid #aaaaaa; color: #777777; background: #fff; padding: 1px 2px;}
#main form .required {color: #E39000; font-weight: bold;}
#main form .error {border: 1px solid #E39000;}
#main form .row {margin: 5px 0; =margin: 3px 0;}

/*hp*/
#projects {border-top: 1px solid #FBB349;}
#projects div {width: 232px; float: left; margin-right: 14px;}
#projects h2 {margin-top: 10px; color: #FBB349; font-size: 1.5em; font-weight: normal;}
#projects h3 {color: #44C8F4; font-size: 1.4em; font-weight: normal; margin-top: -3px;}
#projects p {margin: 3px 0 5px 0;}
#projects a {color: #44C8F4;}

/*projects*/
#content #project-data {width: 243px; float: left; position: relative;}
#content #project-data p.link {border-top: 1px solid #3F9CD6; margin-top: 5px; =margin-top: 2px;}
#content #project-data p.link a {padding-left: 20px; padding-bottom: 2px; line-height: 30px; color: #EF3333; background: url(../images/content/filetypes/pdf-bigger.gif) 0 0 no-repeat; margin-bottom: 0;}
#content #project-data ul {margin-left: 0;}

#content #project-desc {width: 460px; float: right;}

#content #numbers {width: 200px; height: 20px; margin: 5px 0 5px 0; =margin: 2px 0 5px 0; overflow: hidden;}
#content #numbers a {width: 15px; height: 20px; position: relative; background: #3F9CD6; color: #fff; display: block; float: left; margin-right: 2px;}
#content #numbers a:hover, #content #numbers a.act {background: #115992;}
#content #numbers a span {width: 15px; height: 20px; position: absolute; left: 0; top: 0; background-position: 0 0; background-repeat: no-repeat;}
#content #numbers a span.pic1 {background: url(../images/layout/buttons/pic1.gif);}
#content #numbers a span.pic2 {background: url(../images/layout/buttons/pic2.gif);}
#content #numbers a span.pic3 {background: url(../images/layout/buttons/pic3.gif);}
#content #numbers a span.pic4 {background: url(../images/layout/buttons/pic4.gif);}
#content #numbers a span.pic5 {background: url(../images/layout/buttons/pic5.gif);}
#content #numbers a span.pic6 {background: url(../images/layout/buttons/pic6.gif);}
#content #numbers a:hover span, #content #numbers a.act span {background-position: 0 -20px;}

/*projects pics*/
#content #projects {border: none; margin-bottom: 20px;}
#content #projects div {margin-right: 6px;}
#content #projects img {margin-bottom: 10px;}

/*case studies*/
#case_studies .pic {width: 240px; float: left; padding-top: 5px;}
#case_studies .descr {width: 470px; float: right;}
#case_studies .descr h3, #case_studies .descr h4 {margin: 0; width: 450px;}
#case_studies .descr h4 {margin-top: -3px;}


/*aditional*/
#aditional {width: 194px; float: right;}

#career {border-top: 1px solid #47BA57; height: 310px; padding-bottom: 10px; overflow: hidden;}
#career h2 {margin: 7px 0 6px 0; =margin: 7px 0; color: #47BA57; font-size: 1.6em; font-weight: normal;}
#career h3 {color: #47BA57; font-size: 1.4em; font-weight: normal;}
#career p.text {border-top: 1px solid #47BA57; padding: 5px 0 15px 0; /*font-size: 110%;*/}
#career p.more {margin: 0; text-align: right;}
#career p.more a {color: #39B54A;}
#career ul {margin: 5px 0 5px 0;}
#career li {padding: 2px 0 2px 15px; /*font-size: 110%;*/ background: url(../images/layout/crumbs/square-green.gif) 2px 6px no-repeat;}
#career li a {color: #6B6D6E;}

#publications {border-top: 1px solid #EF3333;}
#publications h2 {margin: 10px 0 5px 0; color: #EF3333; font-size: 1.5em; font-weight: normal;}
#publications h3 {font-size: 100%; visibility: visible;}
#publications p {margin: 0 0 10px 0;}
#publications a {color: #EF3333;}

/*footer*/
#footer {margin: auto; width: 929px; padding: 20px 20px 0 20px; text-align: left;  color: #fff; clear: both; background: #115992 url(../images/layout/backgrounds/site-bottom.gif) 0 0 no-repeat;}
#footer p {position: relative; padding: 8px 0;}
#footer a {color: #fff;}
#footer a.author {position: absolute; top: 8px; right: 0; _right: 20px; color: #fff; text-decoration: none;}
#footer a.author:hover {text-decoration: underline;}
#footer a.author span {color: #48C8F5;}

/**********************************/

.w10 {width: 10px !important;}
.w20 {width: 20px !important;}
.w25 {width: 25px !important;}
.w30 {width: 30px !important;}
.w40 {width: 40px !important;}
.w50 {width: 50px !important;}
.w50p {width: 50% !important;}
.w60 {width: 60px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w90 {width: 90px !important;}
.w100 {width: 100px !important;}
.w110 {width: 110px !important;}
.w120 {width: 120px !important;}
.w130 {width: 130px !important;}
.w140 {width: 140px !important;}
.w150 {width: 150px !important;}
.w200 {width: 200px !important;}
.w250 {width: 250px !important;}
.w300 {width: 300px !important;}
.w350 {width: 350px !important;}
.w400 {width: 400px !important;}
.w450 {width: 450px !important;}
.w500 {width: 500px !important;}
.w550 {width: 550px !important;}
.w600 {width: 600px !important;}