@charset "utf-8";
/* CSS Document */


/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
* { padding: 0px; margin: 0px; }

body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 18px; background-color: #FFFFFF; }

blockquote, address { font-style: normal; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.note { font-size: 12px; line-height: 140%; }
.big { font-size: 14px; }
.valign-middle { vertical-align: middle; }


img { border: none; }
a img { border: none; }
a { color: #50626E; text-decoration: underline; }
a:hover { color: #009FDA; }
a._blank { background: url(/img/blank-bg.gif) no-repeat right 6px; padding-right: 10px; }
a._blank:hover { background-position: right -186px; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/********/
/* FORM */
/********/
form {}
form * { font-family: Arial, Helvetica, sans-serif; color: #333333; vertical-align: middle; }
form .input, textarea { padding: 2px 5px; }
form .input, select, textarea { border: 1px solid #CCCCCC; border-top-color: #ABADB3; border-right-color: #DBDFE6; border-bottom-color: #E3E9EF; border-left-color: #E2E3EA;  }
form fieldset { border: none; padding: 0px; margin: 0px; }
form strong { vertical-align: bottom; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { background: #E7F2F9 url(/img/body-bg.png) repeat-x left top; color: #50626E; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; }
h1 { font-size: 22px; color: #009FDA; font-weight: normal; height: 30px; line-height: 30px; position: relative; }
h1 span { height: 30px; width: 100%; position: absolute; top: 0px; left: 0px; display: block; background-position: left top; background-repeat: no-repeat; }
h2 { font-size: 16px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; }
h3 { font-size: 14px; font-weight: bold; }
p { padding-bottom: 1em; }
ul { padding-bottom: 1em; padding-left: 2em; }
ol { padding-bottom: 1em; }


/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; }

#bg-top-right { background: url(/img/bg-top-right.png) no-repeat center top; }

#page-wrapper { width: 1000px; text-align: left; margin: 0px auto; background: url(/img/page-wrapper-bg.png) no-repeat left top; position: relative; }

#body { background: url(/img/main-content-bg.png) repeat-y 230px 0px; width: 1000px; }
#column-wrapper { background: url(/img/bg-gray.png) repeat-x left top; width: 770px; float: left; padding: 10px 0px 0px 0px; }
#main-content { background-color: #FFFFFF; border: 1px solid #E6E9EC; border-bottom: none; width: 538px; float: right; }
#left-column { width: 220px; float: right; }
#right-column { width: 220px; float: left; }

#main-content-bottom-border { height: 1px; overflow: hidden; width: 540px; margin-left: 230px; background-color: #E6E9EC; }

.layout-2-columns {}
.layout-2-columns .column1,
.layout-2-columns .column2 { width: 49%; float: left; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 85px; position: relative; overflow: hidden; }
#logo { padding: 14px 0px 0px 17px; }

#form-login { position: absolute; top: 28px; right: 14px; width: 150px; height: 30px; overflow: hidden; } /*480*/

#client-access,
#client-access * { width: 150px; height: 30px; padding: 0px; margin: 0px; }
#client-access { font-weight: bold; font-size: 10px; line-height: 30px; position: absolute; left: 0px; top: 0px; }
#client-access a { display: block; position: relative; background-color: #50626E; color: #FFFFFF; text-decoration: none; text-transform: uppercase; padding: 0px 0px 0px 32px; width: 118px; }
#client-access span { background: url(/img/button-client-access.png) no-repeat left top; position: absolute; top: 0px; left: 0px; }

#form-login form { width: 320px; height: 30px; overflow: hidden; position: absolute; left: 160px; top: 0px; }
#form-login .input { padding: 6px 5px; width: 100px; margin-right: 10px; border-color: #02A0DA; background: #FFFFFF url(/img/login-bg.png) repeat-x left bottom; color: #50626E; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { color: #50626E; font-size: 11px; padding: 15px 35px 20px 35px; }
#footer img { vertical-align: middle; }
#footer p { padding: 0px; margin: 0px; }
#footer a { color: #50626E; }
#giant { float: right; }
#giant a { text-decoration: none; cursor: default; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { width: 221px; padding: 0px; margin: 0px; color: #FFFFFF; position: absolute; top: 95px; left: 10px; font-family: Arial, Helvetica, sans-serif; }
#menu li { display: block; list-style: none; padding: 0px 12px 0px 10px; margin: 0px; height: 30px; overflow: hidden; background-color: #009FDA; float: left; }
#menu a,
#menu strong { display: block; width: 166px; height: 30px; padding: 0px 0px 0px 33px; line-height: 30px; color: #BFE7F6; text-decoration: none; text-transform: uppercase; position: relative; font-weight: bold; font-size: 11px; }
#menu a:hover,
#menu strong { color: #FFFFFF; }
#menu span { display: block; width: 199px; height: 30px; overflow: hidden; position: absolute; top: 0px; left: 0px; background: url(/img/menu.png) no-repeat left top; cursor: pointer; }

#menu #menu-homepage { background: none; padding: 0px 0px 0px 10px; }
#menu-homepage a { height: 28px; }
#menu-homepage span { height: 28px; }

#menu #menu-o-spolecnosti { padding-top: 10px; }
#menu #menu-kontakt { padding-bottom: 10px; }

#menu-homepage span { background-position: 0px 0px; }
#menu-o-spolecnosti a span { background-position: 0px -28px; }
#menu-sluzby a span { background-position: 0px -58px; }
#menu-studie a span { background-position: 0px -88px; }
#menu-kompetence a span { background-position: 0px -118px; }
#menu-volna-mista a span { background-position: 0px -148px; }
#menu-kontakt a span { background-position: 0px -178px; }

/* HOVER */
#menu-homepage a:hover span { background-position: -199px 0px; }
.section-o-spolecnosti #menu-o-spolecnosti a span,
#menu-o-spolecnosti a:hover span { background-position: -199px -28px; }
.section-sluzby #menu-sluzby a span,
#menu-sluzby a:hover span { background-position: -199px -58px; }
.section-studie #menu-studie a span,
#menu-studie a:hover span { background-position: -199px -88px; }
.section-kompetence #menu-kompetence a span,
#menu-kompetence a:hover span { background-position: -199px -118px; }
.section-volna-mista #menu-volna-mista a span,
#menu-volna-mista a:hover span { background-position: -199px -148px; }
.section-kontakt #menu-kontakt a span,
#menu-kontakt a:hover span { background-position: -199px -178px; }


/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#left-column { padding: 240px 0px 30px 10px; }
#left-column .column-content { background-color: #E6E9EC; padding: 10px 10px 0px 10px; }

#left-column address { padding: 15px 0px 0px 22px; font-size: 11px; line-height: 15px; }

/********/
/* NEWS */
/********/
#title-news { font-size: 11px; text-transform: uppercase; height: 28px; line-height: 25px; font-weight: bold; margin: 0px; padding: 0px 0px 0px 29px; position: relative; }
#title-news span { width: 199px; height: 28px; background-image: url(/img/title-news.png); }
#news-list { padding: 5px; font-size: 11px; line-height: 15px; }
#news-list .title { font-weight: bold; font-size: 12px; }
#news-list dt { font-weight: bold; padding-top: 2px; padding-bottom: 3px; }
#news-list dd { padding-bottom: 8px; }



/*******************************************************************/
/*                                                    RIGHT COLUMN */
/*******************************************************************/
#right-column { padding: 250px 10px 0px 0px; background: url(/img/bg-gray.png) repeat-x left top; position: relative; }
#right-column .column-content { padding: 12px 10px 0px 10px; background-color: #E6E9EC; }

#flash { background-color: #009FDA; width: 221px; height: 200px; position: absolute; top: 40px; right: 10px; overflow: hidden; }

#tools { margin: 0px; padding: 0px; color: #FFFFFF; font-size: 10px; text-transform: uppercase; position: absolute; top: 95px; right: 18px; }
#tools li { background: none; padding: 0px; margin: 0px; display: inline; line-height: 30px; }
#tools a { color: #FFFFFF; text-decoration: none; padding-left: 19px; padding-right: 10px; background: url(/img/ico-print.gif) no-repeat left center; }
#tools a:hover { color: #FFFFFF; text-decoration: underline; }
#tools a.sitemap { background-image: url(/img/ico-sitemap.gif); }

/*********/
/* BLOCK */
/*********/
.block { background: #FFFFFF; border: 1px solid #CFD5DA; margin-bottom: 12px; padding: 7px 9px 4px 9px; line-height: 15px; font-size: 11px; }
.block p { padding: 4px 5px 5px 5px; }
.block h2 { margin: 0px; padding: 2px 3px 5px 3px; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #009FDA; border-bottom: 2px solid #009FDA; position: relative; }
.block h2 span { position: absolute; top: 0px; left: 0px; width: 180px; height: 22px; background-position: 0px 0px; background-repeat: no-repeat; }

/* COLORS */
.block.green h2 { color: #009A4B; border-color: #009A4B; }
.block.green a:hover { color: #009A4B; }
.block.orange h2 { color: #F66A4A; border-color: #F66A4A; }
.block.orange a:hover { color: #F66A4A; }
.block.red h2 { color: #D82D20; border-color: #D82D20; }
.block.red a:hover { color: #D82D20; }

/* TITLES */
#block-crm h2 span { background-image: url(/img/title-crm.png); }
#block-moss h2 span { background-image: url(/img/title-moss.png); }
#block-projekty h2 span { background-image: url(/img/title-projekty.png); }

#more-solutions { color: #009FDA; font-weight: bold; text-transform: uppercase; font-size: 12px; width: 110px; height: 15px; line-height: 15px; padding: 0px 0px 10px 0px; margin: 0px; }
#more-solutions a { color: #009FDA; text-decoration: none; display: inline; position: static; }
#more-solutions span { width: 110px; height: 15px; background-image: url(/img/more-solution.png); }

/*******************************************************************/
/*                                                         CONTENT */
/*******************************************************************/
#main-content { padding: 29px 0px 20px 0px; line-height: 20px; }
#main-content .column-content { padding: 12px 20px 0px 23px; }

.intro { font-size: 22px; line-height: 29px; padding-bottom: 12px; color: #333333; position: relative; letter-spacing: -1px; }
.intro strong { color: #009FDA; font-weight: normal; }
.intro span { display: block; width: 495px; height: 117px; background: url(/img/title-intro.png) no-repeat left top; position: absolute; top: 0px; left: 0px; }

#spacer { background-color: #009FDA; padding: 10px 9px; height: 180px; overflow: hidden; }

/***************/
/* PAGE TITLES */
/***************/
#pt-404 span { background-image: url(/img/pt-404.png); }
#pt-kompetence span { background-image: url(/img/pt-kompetence.png); }
#pt-kontakt span { background-image: url(/img/pt-kontakt.png); }
#pt-mapa-stranek span { background-image: url(/img/pt-mapa-stranek.png); }
#pt-novinky span { background-image: url(/img/pt-novinky.png); }
#pt-o-spolecnosti span { background-image: url(/img/pt-o-spolecnosti.png); }
#pt-sluzby span { background-image: url(/img/pt-sluzby.png); }
#pt-studie span { background-image: url(/img/pt-studie.png); }
#pt-volna-mista span { background-image: url(/img/pt-volna-mista.png); }

/*******/
/* NAV */
/*******/
#nav { font-size: 11px; color: #A7B0B6; padding: 0px 0px 0px 15px; margin: 0px; height: 30px; line-height: 30px; width: 525px; position: absolute; top: 95px; left: 230px; font-family: Arial, Helvetica, sans-serif; }
#nav a { color: #A7B0B6; text-decoration: underline; }
#nav a:hover { color: #666666; }

#news dt { font-size: 14px; font-weight: bold; }
#news dt .date { font-size: 11px; color: #999999; padding-left: 10px; }
#news dd { padding-bottom: 1em; }

#sitemap ul { padding-bottom: 0px; font-size: 12px; }

.studie-download { border: 1px solid #80CFEC; padding: 10px 15px 10px 15px; }
.studie-download h3 { font-weight: bold; font-size: 14px; color: #009FDA; position: relative; height: 20px; line-height: 20px; padding-bottom: 9px; }
.studie-download h3 span { position: absolute; top: 0px; left: 0px; height: 20px; width: 205px; background: url(/img/title-studie-down.png) no-repeat left top; }
.studie-download p.file { padding: 0px 20px 0px 0px; margin: 0px; width: 75px; text-align: center; float: left; font-size: 10px; color: #A7B0B6; line-height: 11px; }
.studie-download p.file a { padding-top: 36px; display: block; color: #A7B0B6; background: url(/img/ico-pdf.png) no-repeat center top; text-decoration: none; }

#reference { margin: 0px; padding: 0px; }
#reference li { background: none; list-style: none; padding: 0px 0px 20px 0px; margin: 0px; display: block; font-size: 11px; text-align: center; color: #A7B0B6; width: 160px; float: left; }
#reference img { display: block; margin: 0 auto; padding-bottom: 5px; }

/*******************************************************************/
/*                                                        HOMEPAGE */
/*******************************************************************/