/* General */

 body {
    font-family: Arial;
    font-weight: normal;
    font-size: 10pt;
    color: #272727;
    text-align: center;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
 }

 img {
    border: 0;
    padding: 0;
    margin: 0;
 }

 form, p {
    margin: 0;
    padding: 0;
 }

 p {
    margin-top: 1px;
    line-height: 18px;
 }

 hr {
    line-height: 0;
    border: 0;
    border-top: 1px solid #dcdcdc;
    color: #fff;
    padding-bottom: 12px;
 }

 .hidden {
    display: none;
 }

 img.arrow {
    margin-bottom: 1px;
 }

 .break {
    clear: both;
    width: 10px;
    font-size: 1px;
 }

 .space {
    height: 50px;
 }

 .preview {
    width: 84px;
    height: 84px;
    float: left;
    margin-right: 15px;
 }

 .note {
    color: #747474;
    font-size: 9pt;
 }

 .links {
    width: 250px;
    border: 0;
    border-top: 1px solid #dcdcdc;
    margin: 0;
    padding: 0;
    margin-top: 13px;
    padding-top: 14px;
 }

 .links li a {
    text-decoration: underline;
 }

 .links li a:hover {
    text-decoration: none;
 }

 a {
    color: #176caf;
    text-decoration: none;
 }

 a:hover {
    text-decoration: underline;
 }

 ul {
    list-style-image: url(../img/arrow.png);
    margin: 0;
    padding: 0;
    padding-left: 16px;
    overflow: hidden;
 }

 li {
    margin-bottom: 4px;
 }

 li a {
    color: #176caf;
    text-decoration: none;
 }

 li a:hover {
    text-decoration: underline;
 }

 /* whole page */

 #whole-page {
    width: 990px;
    position: relative;
    left: 70px;
    text-align: left;
    margin: auto;
    padding: 0;
    margin-top: 8px;
 }

 /* main page */
 #main-page {
 	width: 860px;
    margin: 0;
    padding: 0;
    padding-bottom: 26px;
    border: 0;
 }


 /* left column */

 #left-col {
    width: 220px;
    float: left;
 }

 /* right column */

 #right-col {
    width: 600px;
    float: right;
    margin-top: -8px;
 }

 #right-col .left {
    width: 380px;
    float: left;
 }

 #right-col .right {
    width: 200px;
    float: right;
 }

 #right-col .left h4 {
    color: #c70004;
    font-size: 11pt;
    margin: 0;
    padding: 0;

 }

 #right-col .mainhome {
    margin: 0;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0;
    background: url(../img/bodybackground-home.png) no-repeat transparent bottom;
 }

 #right-col .mainhome .own {
    width: 310px;
 }

 #right-col .last-work p {
    font-size: 9pt;
    line-height: 18px;
 }

 #left-col p {
    margin: 0;
    padding: 0;

 }

 #right-col .path {
    display: block;
    position: relative;
    z-index: 3;
    font-size: 9pt;
    border: 0;
    border-bottom: 2px solid #dcdcdc;
    padding-right: 15px;
    padding-bottom: 10px;
    text-align: right;
    overflow: hidden;
 }

 #right-col .news {
    width: 200px;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 0;
 }

 #right-col .news .topedge {
    width: 200px;
    height: 9px;
    background: url(../img/window-top.png) no-repeat transparent bottom;
 }

 #right-col .news .main {
    border: 0;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
 }

 #right-col .news .output {
    margin: 0;
    padding: 0;
    padding-top: 20px;
    padding-bottom: 19px;
    border: 0;
    background: url(../img/hr.png) repeat-x top transparent;
 }

 #right-col .news .botedge {
    width: 200px;
    height: 9px;
    background: url(../img/window-bottom.png) no-repeat transparent top;
    background-color: #ffffff;
 }

 #right-col .cnt {
    background-color: #f3f3f3;
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 14px;
 }

 #right-col .right h3 {
    color: #747474;
    font-size: 12pt;
    margin: 0;
    padding: 0;
    padding-bottom: 7px;
 }

 #right-col .right h5, #right-col .right p {
    font-size: 9pt;
    margin: 0;
    margin-top: 1px;
    padding: 0;
    line-height: 17px;
 }

 #right-col .right a {
    color: #176caf;
    text-decoration: none;
 }

 #right-col .right a:hover {
    text-decoration: underline;
 }

 #right-col .right ins {
    text-decoration: none;
    font-weight: bold;
    font-size: 9pt;
 }

 #right-col h1 {
    color: #c70004;
    font-size: 17pt;
    font-weight: normal;
    margin: 0;
    margin-top: 33px;
    margin-bottom: 28px;
    padding: 0;
 }

 /****** Contact ********/

 #right-col .area {
    width: 600px;
    padding: 0;
    margin: 0;
 }

 #right-col .area .area-cols {
    width: 600px;
 }

 #right-col .area .left-area {
    width: 260px;
    float: left;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background: url(../img/bodybackground-contact.png) no-repeat top transparent;
 }

 #right-col .area .right-area {
    width: 300px;
    float: right;
    padding: 0;
    margin: 0;
    overflow: hidden;
 }

 #right-col .area .right-area p {
    margin: 0;
 }

 #right-col .area .right-area .contact {
    margin-bottom: 20px;
 }

 #right-col .area .left-area ul {
    list-style-type: none;
    list-style-image: none;
    padding-left: 28px;
    padding-top: 20px;
    line-height: 30px;
 }

 #right-col .area .left-area li a {
    padding-left: 28px;
    text-decoration: none;
 }

 #right-col .area .left-area li span {
    padding-left: 28px;
 }

 #right-col .area .left-area li a:hover {
    text-decoration: underline;
 }

 #right-col .area .left-area li.web {
    background: url(../img/icon-web.png) no-repeat left transparent;
 }

 #right-col .area .left-area li.email {
    background: url(../img/icon-email.png) no-repeat left transparent;
 }

 #right-col .area .left-area li.phone {
    background: url(../img/icon-phone.png) no-repeat left transparent;
 }

 #right-col .area .left-area li.mobile {
    background: url(../img/icon-mobile.png) no-repeat left transparent;
 }

 #right-col .area .left-area li.icq {
    background: url(../img/icon-icq.png) no-repeat left transparent;
 }

 /****** News ********/

 #right-col .area .area-cols .message {
    padding-bottom: 23px;
 }

 #right-col .area .area-cols ins {
    margin: 0;
    padding: 0;
    font-size: 9pt;
    color: #747474;
    text-decoration: none;
 }

 #right-col .area .area-cols h4 {
    color: #000;
    font-size: 10pt;
    margin: 0;
    padding: 0;
 }

 #right-col .area .area-cols p {
    margin: 0;
    padding: 0;
    line-height: 19px;
 }

 /****** Text ********/

 #right-col .text p {
    margin-bottom: 20px;
 }

 #right-col .text h2 {
    font-size: 11pt;
    color: #c70004;
    margin-bottom: 3px;
 }

 #right-col .text h3 {
    font-size: 10pt;
    color: #000;
    margin-bottom: 3px;
 }

 #right-col .text ul {
    margin-bottom: 17px;
 }

 #blockquote {
    display: block;
    float: right;
    width: 200px;
    font-size: 11pt;
    color: #000;
    margin: 5px 0 25px 15px;
    border: 0;
 }

 #blockquote .topedge, #blockquote .botedge {
    display: block;
    width: 200px;
    height: 9px;
    overflow: hidden;
    background: url(../img/window-top.png);
 }

 #blockquote em {
    display: block;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    padding: 7px 14px;
    background-color: #f3f3f3;
    line-height: 20px;
 }

 #blockquote .botedge {
    background: url(../img/window-bottom.png);
 }

 #right-col .text .context-info {
    width: 200px;
    display: block;
    float: left;
    margin: 10px 22px 25px 0;
    background: url(../img/bodybackground-text.png) no-repeat top transparent;
 }

 #right-col .text .context-info div {
    padding-left: 20px;
    padding-top: 21px;
 }

 #right-col .text .context-info li {
    line-height: 18px;
 }

 #right-col .text .context-info li a {
    text-decoration: none;
 }

 #right-col .text .context-info li a:hover {
    text-decoration: underline;
 }

 #right-col .text .context-info h5 {
    color: #c70004;
    font-size: 9pt;
    margin: 0;
    padding: 0;
    margin-top: 3px;
    padding-left: 52px;
 }

 #right-col .article-foot {
    width: 600px;
    border: 0;
    border-top: 1px solid #dcdcdc;
    padding: 0;
    margin: 0;
 }

 #right-col .article-foot .print {
    float: right;
    margin-top: 12px;
    margin-bottom: 6px;
 }

 #right-col .article-foot .print a {
    text-decoration: none;
 }

 #right-col .article-foot .print a:hover {
    text-decoration: underline;
 }

 #right-col .article-foot .last-update {
    float: left;
    font-weight: bold;
    color: #747474;
    margin-top: 12px;
    margin-bottom: 6px;
 }

 /****** Clients ********/

 #right-col .clients h1 {
    margin-bottom: 10px;
 }

 #right-col .clients h2 {
    font-size: 11pt;
    color: #c70004;
    margin: 0;
    margin-bottom: 3px;
 }

 #right-col .clients p {
    margin-bottom: 20px;
 }

 #right-col .clients .preview {
    width: 570px;
    background: url(../img/bodybackground-ref.png) no-repeat transparent left top;
 }

 #right-col .clients .preview div {
    padding-left: 20px;
    padding-top: 17px;
 }

 #right-col .clients .preview .list-r {
    width: 270px;
    float: right;
 }

 #right-col .clients .preview .list-l {
    width: 260px;
    float: left;
 }

 #right-col .clients .detail {
 }

 #right-col .clients .description {
    width: 405px;
    float: right;
    margin-top: 35px;
    margin-bottom: 5px;
 }

 #right-col .clients .basic {
    width: 155px;
    float: left;
    margin-top: 35px;
    margin-bottom: 5px;
 }

 #right-col .clients .basic .logo {
    text-align: center;
    margin-bottom: 24px;
 }

 #right-col .clients .basic .webs {
    text-align: right;
    line-height: 19px;
 }

 #right-col .clients-foot div {
    text-align: right;
    border: 0;
    border-top: 1px solid #dcdcdc;
    padding-top: 20px;
    padding-right: 10px;
 }

 #right-col .clients-foot img {
    margin-left: 15px;
 }

 /* LOGOTYP */

 #logo {
    width: 147px;
    height: 21px;
    float: left;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background: url(../img/logo.png) no-repeat right transparent;
 }

 #logo a {
    display: block;
    width: 147px;
    height: 21px;
    cursor: pointer;
 }

 /**********************
 ****** HEADER *********
 ***********************/

 #header {
    position: relative;
    z-index: 1;
    left: 0;
    top: 0;
    width: 860px;
    padding: 0;
    margin: 0;
 }

 #header .top {
    width: 860px;
    height: 21px;
    overflow: hidden;
 }

 #header .near-logo {
    width: 713px;
    height: 21px;
    float: right;
    overflow: hidden;
    background: url(../img/near-logo.png) no-repeat left transparent;
 }

 #header .under-logo {
    width: 860px;
    height: 11px;
    overflow: hidden;
    background: url(../img/under-logo.png) no-repeat transparent left top;
 }

 #header .main {
    width: 860px;
    height: 190px;
    overflow: hidden;
 }

 #header .left {
    width: 296px;
    height: 190px;
    float: left;
    overflow: hidden;
    background: url(../img/header-left.png) no-repeat transparent;
 }

 #header .cs-right, #header .sk-right, #header .en-right, #header .pl-right {
    width: 564px;
    height: 190px;
    float: right;
    overflow: hidden;
 }

 #header .cs-right {
    background: url(../img/header-right.cs.png) no-repeat top transparent;
 }

 #header .sk-right {
    background: url(../img/header-right.sk.png) no-repeat top transparent;
 }

 #header .en-right {
    background: url(../img/header-right.en.png) no-repeat top transparent;
 }

 #header .pl-right {
    background: url(../img/header-right.pl.png) no-repeat top transparent;
 }

 #header p {
    position: relative;
    top: 51px;
    left: 130px;
    color: #fff;
 }

 /**********************
 ****** FOOTER *********
 ***********************/

 #footer {
 	width: 860px;
    color: #747474;
    font-size: 9pt;
    margin: 0;
    padding: 0;
    padding-bottom: 22px;
    border: 0;
    border-top: 3px solid #dcdcdc;
 }

 #footer .fotent {
    text-align: right;
    padding: 15px;
    padding-top: 18px;
 }

 #footer p {
    padding-bottom: 4px;
 }

 #footer .menu {
    padding-bottom: 23px;
 }

 /**********************
 ****** TOP MENU *******
 ***********************/

 #top-menu {
    display: block;
    position: relative;
    z-index: 2;
    width: 570px;
    height: 20px;
    left: 290px;
    top: 21px;
    font-family: Arial;
    font-size: 10pt;
    padding: 0;
    margin: 0;
    border: 0;
    overflow: hidden;
 }

 #top-menu ul {
    display: block;
    float: right;
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
 }

 #top-menu li {
    display: block;
    float: left;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    border-right: 1px solid #dcdcdc;
    overflow: hidden;
 }

 #top-menu li.home {
    background: url(../img/topmenu-home.png) transparent left no-repeat;
 }

 #top-menu li.news {
    background: url(../img/topmenu-news.png) transparent left no-repeat;
 }

 #top-menu li.ref {
    background: url(../img/topmenu-ref.png) transparent left no-repeat;
 }

 #top-menu li.career {
    background: url(../img/topmenu-career.png) transparent left no-repeat;
 }

 #top-menu li.contact {
    background: url(../img/topmenu-contact.png) transparent left no-repeat;
    border-right: 0px;
 }

 #top-menu li a {
    color: #5a5a5a;
    text-decoration: none;
    padding-left: 40px;
    padding-right: 22px;
    line-height: 18px;
 }

 #top-menu li.contact a {
    padding-left: 41px;
    padding-right: 13px;
 }

 #top-menu li.ref a {
    padding-left: 42px;
 }

 #top-menu li a:hover {
    text-decoration: underline;
 }

 /**********************
 ****** MAIN MENU ******
 ***********************/

 #main-menu {
    display: block;
    width: 220px;
    font-family: Arial;
    font-size: 11pt;
    padding: 0;
    margin: 0;
    margin-top: 18px;
    margin-bottom: 40px;
    border: 0;
    overflow: hidden;
 }

 #main-menu ul {
    display: block;
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
 }

 #main-menu li {
    position: relative;
    z-index: 1;
    display: block;
    height: 33px;
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #dcdcdc;
    background: url(../img/mainmenu-arrow.png) transparent left no-repeat;
    line-height: 33px;
    overflow: hidden;
 }

 #main-menu .submenu {
    position: relative;
    display: none;
    top: -1px;
    z-index: 2;
    height: 100%;
    border: 0;
    background: none;
    background-color: #ffffff;
 }

 #main-menu .submenu ul {
    display: block;
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-left: 30px;
    padding-bottom: 9px;
    border: 0;
    overflow: hidden;
 }

 #main-menu li a, #main-menu li strong {
    display: block;
    width: 220px;
    height: 33px;
    color: #176caf;
    text-decoration: none;
    padding-left: 30px;
    padding-top: 2px;
 }

 #main-menu li a:hover, #main-menu .submenu a:hover {
    text-decoration: underline;
 }

 #main-menu .submenu ul li {
    display: block;
    height: 24px;
    margin: 0;
    padding: 0;
    border: 0;
    background: url(../img/submenu-arrow.png) transparent left no-repeat;
    line-height: 24px;
    overflow: hidden;
 }

 #main-menu .submenu ul li a {
    display: block;
    height: 24px;
    color: #176caf;
    text-decoration: none;
    padding: 0;
    padding-left: 14px;
 }

 #main-menu .submenu ul li strong {
    display: block;
    height: 24px;
    color: #c70004;
    text-decoration: none;
    padding: 0;
    padding-left: 14px;
 }

 /* BANNERS & BUTTONS */

 #cs-banner-modul-profil, #sk-banner-modul-profil, #pl-banner-modul-profil, #en-banner-modul-profil {
    width: 220px;
    height: 80px;
    padding: 0;
    margin: 0;
    overflow: hidden;
 }

 #cs-banner-modul-profil {
    background: url(../img/banner-modul-profil.cs.png) no-repeat transparent;
 }

 #sk-banner-modul-profil {
    background: url(../img/banner-modul-profil.sk.png) no-repeat transparent;
 }

 #pl-banner-modul-profil {
    background: url(../img/banner-modul-profil.pl.png) no-repeat transparent;
 }

 #en-banner-modul-profil {
    background: url(../img/banner-modul-profil.en.png) no-repeat transparent;
 }

 #cs-banner-modul-profil a, #sk-banner-modul-profil a, #pl-banner-modul-profil a, #en-banner-modul-profil a {
    display: block;
    width: 220px;
    height: 80px;
    cursor: pointer;
 }

 #clients {
    width: 200px;
    height: 70px;
    padding: 0;
    margin: 0;
    overflow: hidden;
 }

 #clients a.clients {
    background: url(../img/clients.png) no-repeat transparent;
    display: block;
    width: 200px;
    font-size: 9pt;
    color: #010101;
    cursor: pointer;
    padding-left: 9px;
    padding-top: 9px;
	padding-bottom: 9px;
	margin-bottom: 5px;
 }

 #clients a.clients:hover {
    text-decoration: none;
 }

 #clients a.support {
    background: url(../img/support.png) no-repeat transparent;
    display: block;
    width: 200px;
    font-size: 9pt;
    color: #010101;
    cursor: pointer;
    padding-left: 9px;
    padding-top: 9px;
	padding-bottom: 9px;
 }

 #clients a.support:hover {
    text-decoration: none;
 }

 #cs-button-demo, #en-button-demo, #pl-button-demo, #sk-button-demo {
    position: relative;
    top: 134px;
    left: 131px;
    width: 167px;
    height: 27px;
    padding: 0;
    margin: 0;
    overflow: hidden;
 }

 #cs-button-demo {
    background: url(../img/button-demo.cs.png) no-repeat transparent;
 }

 #sk-button-demo {
    background: url(../img/button-demo.sk.png) no-repeat transparent;
 }

 #en-button-demo {
    background: url(../img/button-demo.en.png) no-repeat transparent;
 }

 #pl-button-demo {
    background: url(../img/button-demo.pl.png) no-repeat transparent;
 }

 #cs-button-demo a, #sk-button-demo a, #pl-button-demo a, #en-button-demo a {
    display: block;
    width: 167px;
    height: 27px;
    cursor: pointer;
 }

 .blahovecRed {
    font-weight: bold;
    font-family: "Trebuchet MS";
 }
 .blahovecBlue {
    color: #C70004;
    font-weight: bold;
    font-family: "Trebuchet MS";
 }

#blahovec {
	float: left;
}

#profesia {
	margin-top: 30px;
	float: right;
}