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

/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, input, label, blockquote { padding: 0px; margin: 0px; }

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

address { font-style: normal; padding: 0px; margin: 0px; }

blockquote { font-style: italic; padding-bottom: 0.5em; }

/*******************************************************************/
/*                                                          COMMON */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden; padding: 0px !important; margin: 0px !important;}
.hide { display: none; }
.red { color: #CC0000; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.grey { color: #CCCCCC; }
.orange { color: #FF9901; }

img { border: none; }
a img { border: none; }
a.ext { background: url(/img/ext.gif) no-repeat right center; padding-right: 12px; }
a { outline: none !important; }

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; }
img.img-reference { margin-right: 20px; }

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

.no-text-transform { text-transform: none !important; }
.no-decoration { text-decoration: none !important; }
p.no-padding { padding-bottom: 0px !important; }

/***************/
/* 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; }

/*******************************************************************/
/*                                           GLOBAL TAG DEFINITION */
/*******************************************************************/
* { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 140%; color: #333333; }

body { background: #CACFCB url(/img/body-bg.gif) repeat-x left top; }

h1 { font-size: 33px; color: #E13433; font-weight: normal; height: 45px; line-height: 40px; margin-bottom: 0px; padding-top: 0px; }
h1.no-overlap { font-size: 31px; height: auto; line-height: 1.2; }
h2 { font-size: 15px; font-weight: bold; line-height: 20px; padding-top: 8px;}
h3 { padding-bottom: 3px; padding-top: 5px; }
p { line-height: 170%; padding-bottom: 0.8em; }
a { text-decoration: underline; }
ul { margin-left: 2.5em; padding-bottom: 0.8em; }
ol { margin-left: 3.5em; padding-bottom: 0.8em; }
ul li { list-style-type: square; }
ul li, ol li { line-height: 170%; }
abbr { border-bottom: 1px dotted #333333; cursor: help; }
address { line-height: 170%; padding-bottom: 0.8em; padding-left: 10px; }
.bold { font-weight: bold; }


/* TITLE COLORS */
.gray { color: #ACACAC !important; }
.gold { color: #DEAD03 !important; }
.bronze { color: #A37A3D !important; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; padding-bottom: 20px; }

#page-wrapper { text-align: left; margin: 0 auto; width: 980px; background: url(/img/page-border-bottom.gif) no-repeat left bottom; padding-bottom: 5px; position: relative; }

#page-bg { background: #FFFFFF url(/img/page-border-top.gif) no-repeat left top; }

#main-content { width: 490px; float: left; }
#right-column { width: 235px; float: left; }
#column-wrapper { width: 725px; float: right; }
#left-column { width: 255px; float: right; }

.wide-content #main-content { width: auto; float: none; padding-right: 10px; }

.block { background: #DFE6E7 url(/img/right-block-bg.gif) no-repeat left top; position: relative; }
.block * { color: #333333; font-size: 12px; }
.block-bg { background: url(/img/right-block-border-top.gif) no-repeat left top; height: 6px; overflow: hidden; }
.block p { line-height: 140%; padding-left: 13px; padding-right: 13px; }
.block .bottom-link { padding: 0px; margin: 0px; margin-top: 5px; }
.block .bottom-link a { display: block; padding: 0px; margin: 0px; height: 36px; line-height: 30px; width: 100%; background: url(/img/block-bottom-link-bg.gif) no-repeat center top; text-transform: uppercase; font-size: 11px; font-weight: bold; text-align: center; }
.block .bottom-link a:hover { color: #E13433; background-position: center -36px; }
.block img.block-ico { position: absolute; top: 0px; right: 0px; }
.block h2 { font-weight: bold; color: #000000; font-size: 15px; line-height: 100%; margin: 0px 5px 7px 5px; padding-left: 9px; padding-bottom: 7px; border-bottom: 1px solid #CED7D6; letter-spacing: -1px; }
.block h2 strong { font-weight: normal; font-size: 23px; display: block; line-height: 100%; }
.block h2 em { font-weight: bold; font-size: 18px; font-style: normal; text-transform: uppercase; display: inline; }
.block p.more { padding: 0px; position: absolute; bottom: 5px; margin-bottom: -5px; padding: 0; }
.block p.more a.overlap { display: inline; overflow: visible; }
.block p.more a.overlap span { display: block; position: relative; background-image: url(/img/title-vice-informaci.gif); top: -20px; left: -4px; width: 114px; height: 20px; z-index: 10; }
.block p.more-r a.overlap { display: inline; overflow: visible; }
.block p.more-r a.overlap span { display: block; position: relative; background-image: url(/img/title-vice-informaci-right.gif); top: -20px; left: -4px; width: 114px; height: 20px; z-index: 10; }

.block p.srovnani-variant { padding: 0px; position: absolute; bottom: 5px; margin-bottom: -5px; padding: 0; left: 0; }
.block p.srovnani-variant a.overlap { display: inline; overflow: visible; }
.block p.srovnani-variant a.overlap span { display: block; position: relative; background-image: url(/img/title-srovnani-variant.gif); top: -20px; left: -4px; width: 114px; height: 20px; z-index: 10; }

.block p.note { text-align: center; font-size: 10px; color: #AFB1B2; line-height: 100%; }

.horizontal-block { border-bottom: 1px solid #DCE4E5; padding-bottom: 8px; padding-top: 8px; }
.horizontal-block h2,
.box .horizontal-block h2 { font-weight: bold; color: #000000; font-size: 15px; line-height: 100%; margin: 0px 10px 0px 0px !important; padding: 0px 0px 0px 4px !important; letter-spacing: -1px; width: 220px; float: left; overflow: hidden; }
.horizontal-block h2 strong,
.box .horizontal-block h2 strong { font-weight: normal; font-size: 23px; display: block; line-height: 100%; padding-bottom: 2px; }
.horizontal-block h2 em { font-weight: bold; font-size: 18px; font-style: normal; text-transform: uppercase; display: inline; }
.horizontal-block h2 span { width: 220px; left: 4px; }
.horizontal-block p { display: block; width: 250px; float: left; padding: 0px !important; line-height: 130%; font-size: 12px; }
.layout-2-columns {}
.layout-2-columns .column1,
.layout-2-columns .column2 { width: 49%; float: left; }

.blank-block { border: 1px solid #E9EEEF; background: #FFFFFF; margin-bottom: 15px; }
.blank-block h2 { font-weight: bold; color: #000000; font-size: 15px; line-height: 100%; margin: 0px 5px 7px 5px; padding-left: 9px; padding-bottom: 7px; border-bottom: 1px solid #CED7D6; letter-spacing: -1px; }
.blank-block h2 strong { font-weight: normal; font-size: 23px; display: block; line-height: 100%; }
.blank-block h2 em { font-weight: bold; font-size: 18px; font-style: normal; text-transform: uppercase; display: inline; }
.blank-block p { padding-left: 12px; padding-bottom: 1em;  }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 120px; position: relative; }

/**************/
/* TOP STRIPE */
/**************/
#top-stripe { height: 25px; position: relative; overflow: hidden; }
#top-stripe * { font-size: 10px; color: #E3E5E3; line-height: 25px; }
#top-stripe p { padding-left: 10px; }
#top-stripe a { color: #E3E5E3; }

#top-stripe #language { position: absolute; top: 0px; right: 0px; padding-right: 20px; }
#top-stripe #language a { background: url(/img/flag-english.gif) no-repeat left center; padding-left: 23px; text-decoration: none; text-transform: uppercase; }

/********/
/* LOGO */
/********/
#logo { padding-top: 17px; padding-left: 20px; padding-bottom: 0px; line-height: 100%; }
#logo * { display: block; width: 140px; height: 47px; }

/****************/
/* HEADER LINKS */
/****************/
#header-links { text-align: right; position: absolute; top: 12px; right: 0px; }
#header-links,
#header-links * { font-size: 12px; color: #70776F; line-height: 27px; }
#header-links a,
#header-links span { padding: 4px 25px; background-position: left 5px; background-repeat: no-repeat; }
#header-links .ico-control-panel { background-image: url(/img/ico-control-panel.gif); background-position: left 4px; }
#header-links .ico-mail { background-image: url(/img/ico-mail.gif); background-position: left 6px;  }
#header-links .ico-card { background-image: url(/img/ico-card.gif); }
#header-links .ico-pencil { background-image: url(/img/ico-pencil.gif); background-position: left 6px;  }
#header-links .ico-basket { background-image: url(/img/ico-basket.png); background-position: left 2px; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { margin: 0px 10px; background: url(/img/footer-bg.gif) no-repeat left top; position: relative; }
#footer p { padding-left: 10px; padding-right: 10px; }
#footer, #footer * { font-size: 11px; color: #999999; }
#footer #copyright, #footer #copyright * { color: #666666; }
#footer .float-right { float: right; color: #666666; }
#footer .float-right * { color: #666666; }
#footer .float-right a { padding-right: 5px; padding-left: 5px; }
#footer .float-right span { padding-left: 5px; padding-right: 5px; }
#footer .float-right span a { padding: 0px; }
#footer .ico-rss { padding-left: 28px; background: url(/img/ico-rss.gif) no-repeat 5px 2px; padding-bottom: 5px; padding-right: 0px; }
#footer .text { line-height: 130%; }

/************/
/* PARTNERS */
/************/
#certification { padding-top: 7px; float: none; padding-bottom: 15px; padding-left: 1px; }
#certification img { margin: 0 auto; display: block; }

#giant { width: 250px; padding-bottom: 0; }
#giant * { color: #ADADAF; text-decoration: none; font-size: 11px; }
#giant img { vertical-align: middle; }
#giant #title-webdesign { line-height: 20px; }

#giant #title-webdesign span { width: 65px; height: 20px; background-image: url(/img/title-webdesign.gif); cursor: default; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { padding: 0px; margin: 0px; width: 960px; height: 34px; overflow: visible; position: absolute; top: 105px; left: 10px; background: #E03434 url(/img/menu-bg.gif) no-repeat left top; }
#menu li { float: left; list-style: none; overflow: visible; height: 34px; font-weight: bold;  }
#menu li a { color: #FFFFFF; text-align: center; display: block; height: 34px; text-decoration: none; line-height: 32px; background: url(/img/menu-separator.gif) no-repeat right center; position: relative; }
#menu li a:hover { text-decoration: underline; }
#menu #menu-kontakty a { padding-right: 0px; background: none; }

#menu-homepage { width: 190px; }
#menu-sluzby { width: 190px; }
#menu-reseni { width: 190px;}
#menu-o-spolecnosti { width: 190px; }
#menu-kontakty { width: 190px; }

/* AKTIVNI SEKCE */
#section-sluzby #menu-sluzby a { color: #C72626; line-height: 40px; font-weight: bold; width: 190px; height: 40px; position: relative; top: -6px; left: -1px; background:url(/img/menu-active-border-left.gif) no-repeat left top;}
#section-outsourcing-ict #menu-outsourcing-ict a { color: #C72626; line-height: 40px; font-weight: bold; width: 190px; height: 40px; position: relative; top: -6px; left: -1px; background:url(/img/menu-active-border-left.gif) no-repeat left top;}
#section-reseni #menu-reseni a { color: #C72626; line-height: 40px; font-weight: bold; width: 190px; height: 40px; position: relative; top: -6px; left: -1px; background:url(/img/menu-active-border-left.gif) no-repeat left top;}
#section-obchod #menu-obchod a { color: #C72626; line-height: 40px; font-weight: bold; width: 190px; height: 40px; position: relative; top: -6px; left: -1px; background:url(/img/menu-active-border-left.gif) no-repeat left top;}
#section-partnerske-programy #menu-partnerske-programy a { color: #C72626; line-height: 40px; font-weight: bold; width: 190px; height: 40px; position: relative; top: -6px; left: -1px; background:url(/img/menu-active-border-left.gif) no-repeat left top;}
#section-o-spolecnosti #menu-o-spolecnosti a { color: #C72626; line-height: 40px; font-weight: bold; width: 190px; height: 40px; position: relative; top: -6px; left: -1px; background:url(/img/menu-active-border-left.gif) no-repeat left top;}
#section-kontakty #menu-kontakty a { color: #C72626; line-height: 40px; font-weight: bold; width: 190px; height: 40px; position: relative; top: -6px; left: -1px; background:url(/img/menu-active-border-left.gif) no-repeat left top;}

#section-sluzby #menu-sluzby a span,
#section-outsourcing-ict #menu-outsourcing-ict a span,
#section-reseni #menu-reseni a span,
#section-obchod #menu-obchod a span,
#section-partnerske-programy #menu-partnerske-programy a span,
#section-o-spolecnosti #menu-o-spolecnosti a span,
#section-kontakty #menu-kontakty a span { display: block; width: 5px; height: 40px; position: absolute; right: 0px; top: 0px; background: url(/img/menu-active-border-right.gif) no-repeat left top; }


/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#left-column {}
#left-column-content { padding: 10px 0px 20px 33px; }

#left-column h2.section { height: 36px; padding: 0px; }
#left-column h2.section span { height: 36px; width: 100%; }
#left-column h2.section { color: #DF3432; font-weight: normal; font-size: 26px; font-style: italic; margin-right: -3px; line-height: 32px; }

/*************/
/* LEFT MENU */
/*************/
#left-menu { margin: 0px; padding: 0px; width: 190px;}
#left-menu li { list-style: none; font-size: 12px; border-top: 1px dashed #999999; }
#left-menu li.first { border-top: none; }
#left-menu li a { background: url(/img/left-menu-li-bg.gif) no-repeat 5px 10px; padding: 3px 0px 3px 15px; display: block; width: 175px; text-decoration: none; line-height: 18px; }
#left-menu li a span { background: url(/img/go.gif) no-repeat right 4px; padding-right:15px; }
#left-menu li a:hover,
#left-menu li.active a { background-image: url(/img/left-menu-li-bg-h.gif); color: #DF0424; }
#left-menu li a:hover strong,
#left-menu li.active a strong { color: #DF0424; }
#left-menu li a:hover span,
#left-menu li.active a span { background-position: right -96px; color: #DF0424; }
#left-menu li.active li a { background-image: url(/img/left-submenu-li-bg.gif); color: #666666; }
#left-menu li.active li a:hover { background-image: url(/img/left-menu-li-bg-h.gif); color: #DF0424; }


/* SUBMENU */
#left-menu ul { padding: 0px; margin: 0px; }
#left-menu ul li a { background-image: url(/img/left-submenu-li-bg.gif); background-position: 17px 10px; color: #666666; padding-left: 29px; width: 161px; }
#left-menu ul li.active a { background-image: url(/img/left-menu-li-bg-h.gif); color: #DF0424; }
#left-menu li.active li a strong { color: #666666; }
#left-menu li li a span,
#left-menu li.active li a span { background-position: right 4px; color: #666666; }
#left-menu li.active li a:hover span { background-position: right -96px; color: #DF0424; }
#left-menu li.active li a:hover strong { color: #DF0424; }

/* SUBMENU 2nd level */
#left-menu ul li.active li a,
#left-menu ul ul li a { background-image: url(/img/left-submenu-li-bg.gif); background-position: 31px 10px; color: #666666; padding-left: 43px; width: 147px; }


/******************************/
/* LEFT COLUMN SECTION TITLES */
/******************************/
#st-001 span { background-image: url(/img/st-001.gif); }
#st-002 span { background-image: url(/img/st-002.gif); }
#section-title-o-spolecnosti span { background-image: url(/img/section-title-o-spolecnosti.gif); }
#section-title-sluzby span { background-image: url(/img/section-title-sluzby.gif); }
#section-title-reseni span { background-image: url(/img/section-title-reseni.gif); }
#section-title-outsourcing-ict span { background-image: url(/img/section-title-outsourcing-ict.gif); }
#section-title-obchod span { background-image: url(/img/section-title-obchod.gif); }
#section-title-partnerske-programy span { background-image: url(/img/section-title-partnerske-programy.gif); }
#section-title-kontakty span { background-image: url(/img/section-title-kontakty.gif); }

/*******************************************************************/
/*                                                    RIGHT COLUMN */
/*******************************************************************/
#right-column {}
#right-column-content { padding: 15px 15px 20px 20px; }
#right-column-content.small-padding { padding-top: 10px; }

#right-column .block { margin-bottom: 15px; position: relative; }


/*********/
/* OFFER */
/*********/
#offer { background: url(/img/right-block-small-bg.gif) no-repeat left bottom; padding-bottom: 5px; }
#offer h2 { font-size: 10px; color: #AFB1B2; text-align: center; text-transform: uppercase; letter-spacing: normal; padding-top: 0px; padding-left: 0px; margin-top: 0px; border-bottom: none; line-height: 100%; margin-bottom: 0px; border: none; background: none; }
#offer p { padding: 0px; }
#right-column #offer .objednat-sluzbu { padding: 0px !important; margin-bottom: 0px; border: none; }
#right-column #offer p.center { padding-bottom: 0px !important; margin: 0px; }
#right-column .block .price { font-size: 19px; color: #405153; text-align: center; padding: 0px; line-height: 34px; letter-spacing: -1px; }
#right-column .block .price strong { font-weight: bold; font-size: 28px; line-height: 100%; display: inline;}
#right-column .block .price em { font-size: 15px; font-style: normal; letter-spacing: 0px; padding-bottom: 5px; display: block; }
#right-column .block .price span { width: 200px; height: 34px; }
#right-column .block .price.two-rows span { height: 55px; }

#right-column .block .price2 { font-size: 19px; color: #405153; text-align: center; padding: 0px; line-height: 34px; letter-spacing: -1px; }
#right-column .block .price2 strong {  font-weight: normal; color: #DF0424; font-size: 28px; line-height: 100%; display: inline; }
#right-column .block .price2 em { font-size: 12px; font-style: normal; letter-spacing: 0px; padding-bottom: 5px; display: block; }
#right-column .block .price2 span { width: 200px; height: 34px; }
#right-column .block .price2.two-rows span { height: 55px; }

#offer .note { font-size: 10px; color: #AFB1B2; padding-top: 5px; padding-bottom: 0px; line-height: 100%; }


/****************/
/* BLOCK TITLES */
/****************/
#rbt-001 span { background-image: url(/img/rbt-001.gif); height: 42px; width: 130px; top: 6px; left: 9px; }
#rbt-002 span { background-image: url(/img/rbt-002.gif); height: 42px; width: 154px; top: 6px; left: 9px; }
#rbt-004 span { background-image: url(/img/rbt-004.gif); height: 42px; width: 167px; top: 6px; left: 9px; }
#rbt-005 span { background-image: url(/img/rbt-005.gif); height: 42px; width: 167px; top: 6px; left: 9px; }
#rbt-007 span { background-image: url(/img/rbt-007.gif); height: 42px; width: 167px; top: 6px; left: 9px; }
#rbt-008 span { background-image: url(/img/rbt-008.gif); height: 42px; width: 167px; top: 6px; left: 9px; }
#rbt-009 span { background-image: url(/img/rbt-009.gif); height: 42px; width: 167px; top: 6px; left: 9px; }
#rbt-010 span { background-image: url(/img/rbt-010.gif); height: 42px; width: 145px; top: 6px; left: 9px; }
#rbt-011 span { background-image: url(/img/rbt-011.gif); height: 42px; width: 167px; top: 6px; left: 9px; }
#rbt-012 span { background-image: url(/img/rbt-012.gif); height: 42px; width: 167px; top: 6px; left: 9px; }
#rbt-013 span { background-image: url(/img/rbt-013.gif); height: 42px; width: 167px; top: 6px; left: 9px; }
#rbt-014 span { background-image: url(/img/rbt-014.gif); height: 42px; width: 167px; top: 6px; left: 9px; }
#rbt-015 span { background-image: url(/img/rbt-015.gif); height: 42px; width: 167px; top: 6px; left: 9px; }
#rbt-016 span { background-image: url(/img/rbt-016.gif); height: 42px; width: 167px; top: 6px; left: 9px; }

#vzdalena-pomoc-block span { background-image: url(/img/vzdalena-pomoc-block.gif); height: 42px; width: 167px; top: 6px; left: 9px; }
#dalsi-kontakty span { background-image: url(/img/dalsi-kontakty-block.gif); height: 42px; width: 185px; top: 6px; left: 9px; }


/**********/
/* PRICES */
/**********/
#rp-001 span { background-image: url(/img/rp-001.gif); }

/*******************/
/* BLOCK SLOVNICEK */
/*******************/
#block-slovnicek { padding-bottom: 10px;}
#block-slovnicek h2 strong { font-size: 19px; padding-bottom: 5px; }
#block-slovnicek dl { padding-left: 15px; padding-bottom:0px; }
#block-slovnicek dt { background: url(/img/black-arrow-right.gif) no-repeat left 10px; padding-left: 9px; font-weight: bold; padding-top: 5px;}
#block-slovnicek dd { padding: 0px; font-size: 11px; }
#block-slovnicek dd p { padding: 5px 9px 5px 9px;  font-size: 11px;  }

/*******************************************************************/
/*                                                    MAIN CONTENT */
/*******************************************************************/
#main-content { padding-bottom: 20px; padding-top: 10px; }

#main-content h1,
#main-content h2,
#main-content h3,
#main-content p { padding-left: 10px; padding-right: 10px; }

#main-content h1 { margin-bottom: 15px; }

#main-content ul { margin-left: 3em; margin-right: 10px; }
#main-content h2 { padding-bottom: 5px; }
#main-content h2.auto { height: auto; line-height: 30px; padding-top: 15px; }
#main-content h2.obsah-balicku { font-size: 17px; color: #000000; font-weight: bold; border-bottom: 1px solid #999999; height: auto; line-height: 25px; }

#main-content h1 span { height: 45px; width: 100%; }
#main-content h1.two-rows { height: 80px; padding-top: 3px; line-height: 110%; overflow: visible; }
#main-content h1.two-rows span { height: 80px; }
#main-content h1 em { display: inline; font-size: 25px; font-weight: bold; text-transform: uppercase; font-style: normal; }
p.intro { font-size: 14px; line-height: 170%; }
p.zvyr { background: #E1E8E9 url(/img/zvyr-bg.gif) no-repeat left center; line-height: 100%; padding: 6px 10px; color: #000000; margin-bottom: 5px; }
p.zvyr a { color: #000000; }

.objednat-sluzbu { padding: 10px 0px 9px 10px; margin-bottom: 10px; border: 1px solid #D7E1E3; }
img.objednat-sluzbu { border: none; padding: 0px; margin-bottom: 0px; }
.objednat-sluzbu em { padding-left: 10px; font-style: normal; font-size: 11px; }
.objednat-sluzbu a,
.objednat-sluzbu span { color: #E13433; background: url(/img/left-menu-li-bg-h.gif) no-repeat left center; padding-left: 10px; font-size: 11px; font-weight: bold; text-transform: uppercase; }
.objednat-sluzbu a.normalni { color: #E13433; background-image: none; padding-left: 0px; text-transform: none; font-weight: normal; font-size: 12px}
.objednat-sluzbu span { text-decoration: none; }

#main-content p img.objednat-sluzbu { padding-top: 10px; padding-bottom: 3px; }

/* ICO LIST */
#main-content ul.ico-list { margin: 0px; padding: 0px; padding-left: 10px; padding-bottom: 1em; background: transparent; }
.ico-list li { list-style: none; padding-left: 30px; background: transparent url(/img/ico-correct.gif) no-repeat 7px 2px; padding-bottom: 10px; line-height: 140%; }
.ico-list li.plus { background-image: url(/img/ico-plus.gif); }

#right-column ul.ico-list { padding-left: 0px; margin-left: 15px; margin-right: 5px; padding-bottom: 0px; }
#right-column ul.ico-list li { padding-left: 20px; background-position: 0px 1px; }

/* PRODUCT LOGO */
#product-logo { position: absolute; right: 230px; top: 142px; }

/* TABLES */
table.table-no-border { border-collapse: collapse; margin: 10px 10px 20px; }
table.table-no-border th,
table.table-no-border td { border-collapse: collapse; }
table.table-no-border td { text-align: left; vertical-align: top; padding: 0 0 10px; }

table.program-table { border-spacing: 0px; border: 1px solid #B7B7B7; margin: 10px 10px 20px; }
table.program-table thead { background: #606060; color: #fff; }
table.program-table thead th { padding: 12px 0; text-align: center; color: #fff; }
table.program-table tbody .table-section > td { border-bottom: 1px solid #D8D8D8; }
table.program-table tbody .table-section.last > td { border-bottom: none; }
table.program-table .table-middle { width: 120px; border-left: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; padding: 10px 15px 10px 10px; vertical-align: top; font-size: 15px; }
table.program-table td table { padding: 10px; }
table.program-table td table th { text-align: left; padding-right: 10px; width: 80px; }
table.program-table .main-item { background: #F6F6F6; }
table.program-table .secondary-item { background: #FDFDFD; }
table.program-table .date { width: 80px; text-align: center; vertical-align: top; padding-top: 10px; font-size: 15px; font-weight: bold; color: #282828; }
table.program-table .date span { font-size: 17px; color: #878787; }

.important-box { background: #f9f9f9; border-top: 1px solid #d6d6d6; font-size: 12px; line-height: 16px; padding: 13px 18px; margin: 10px; }
.important-box em { font-style: normal; font-weight: bold; color: #c20606; display: block; margin-bottom: 6px; }

/********/
/* WIDE */
/********/
#wide { padding: 10px 0px 0px 0px; }
#wide h1 { letter-spacing: -2px; padding-left: 10px; padding-right: 10px; }
#wide h1 span { height: 45px; width: 100%; }
#wide p { padding-left: 10px; padding-right: 10px; padding-bottom: 0px; }


/********/
/* FORM */
/********/
#main-content form {padding-top: 20px; }
#main-content form p { padding-bottom: 1em; }
#main-content form fieldset { border: none; margin: 0px; padding: 0px; }
#main-content form .input,
#main-content form textarea  { border: 1px solid #CCCCCC; font-size: 12px; color: #333333; font-family: Arial, Helvetica, sans-serif; padding: 3px 3px; }
#main-content form .input { margin-right: 15px; width: 150px; }
#main-content form label {  }
#main-content form label.left { display: block; width: 78px; float: left; }
#main-content form .input { }
#main-content form .input.left { display: block; float: left; margin-bottom: 15px; width: 140px; }
#main-content form .input.spol { width: 140px; }
#main-content form .input.no-margin { margin-right: 0px; }
#main-content form textarea { width: 458px; overflow: hidden; margin-top: 5px; height: 80px; }


/*********/
/* BLOCK */
/*********/
#main-content .ex .block.wide { width: 330px; height: 142px; overflow: hidden;  background: #F1F5F6 url(/img/wide-block-bg.jpg) no-repeat right bottom; margin-right: 26px; margin-bottom: 16px; }
#main-content .exmezera { margin-bottom: 25px; }


#main-content .block { width: 225px; height: 200px; margin-right: 18px; background-image: url(/img/block-main-content-bg.gif); float: left;  }
#main-content .block.wide { width: 345px; height: 142px; overflow: hidden;  background: #F1F5F6 url(/img/wide-block-bg.jpg) no-repeat right bottom; margin-right: 21px; margin-bottom: 16px; }
#main-content .block.wide.small { height: 126px; position: relative; }
#main-content .block.wide.short { width: 230px; margin-right: 10px; }
#main-content .block.last,
#main-content .block.wide.short.last { margin-right: 0px; }
#main-content .block.small { height: 155px; background-position: right top; }

#main-content .block h2 { font-weight: bold; color: #000000; font-size: 15px; line-height: 100%; margin: 0px 5px 7px 5px; padding: 8px 0px 4px 5px; height: auto; border-bottom: 1px solid #CED7D6; letter-spacing: -1px; line-height: 100%; z-index: 99; }
#main-content .block h2 strong { font-weight: normal; font-size: 23px; display: block; line-height: 100%; padding-bottom: 5px; }
#main-content .block h2 em { font-weight: bold; font-size: 18px; font-style: normal; text-transform: uppercase; display: inline; }
#main-content .block h2 span { height: 44px; top: 7px; left: 9px; }
#main-content .block.wide h2 { border-bottom: none; margin-bottom: 0px; }
#main-content .block.wide p { padding-left: 12px; padding-right: 94px; padding-bottom: 0; position: absolute; }
#main-content .block.wide .krabice { position: absolute; top: 15px; right: 0px; }
#main-content .block.wide p.more { padding: 0; padding-left: 12px; margin: 0; height: 20px; }
#main-content .block.short .more { top: 15px; }

#main-content .block.wide p.srovnani-variant { padding: 0; padding-left: 12px; margin: 0; height: 20px; }
#main-content .block.short .srovnani-variant { top: 15px; }

#main-content .block.wide.small .more-r { position: absolute; top: 97px; right: 0; display: block; width: 110px; padding: 0; }
#main-content .block .bottom-link { padding-left: 0px; padding-right: 0px; position: absolute; bottom: 0px; left: 0px; width: 225px; }
#main-content .block .bottom-link a { background-image: url(/img/block-bottom-link-bg.gif); width: 100%; }

#main-content .block.wide.short { background-image: url(/img/block-wide-short-bg.jpg); }
#main-content .block.wide.short p { padding-right: 5px; padding-top: 54px; }
#main-content .block.wide.short p.more { padding-top: 0px; }
.block.wide.short p.more a.overlap span { background-image: url(/img/title-vice-informaci-short.gif); }
#main-content .block.wide.short .krabice { position: static; float: right; }
#main-content .block.wide.short h2 { position: absolute; top: 0px; left: 0px; letter-spacing: -2px; width: 185px; padding-left: 5px; }
#main-content .block.wide.short h2 span { width: 185px; left: 5px; }

#main-content .block.wide.super-wide { background: url(/img/block-wide-super-wide-bg.jpg) no-repeat left top; width: auto; float: none; margin-right: 0px; margin-bottom: 10px; border-bottom: 1px solid #DCE4E5; padding-left: 70px; height: 109px; }
#main-content .block.wide.super-wide p { padding-left: 0px; }
#main-content .block.wide.super-wide p.more { padding-top: 0px; position: absolute; top: 90px; left: 62px; }
.block.wide.super-wide p.more a.overlap span { background-image: url(/img/title-vice-informaci-super-wide.gif); }
#main-content .block.wide.super-wide .krabice { position: absolute; top: 0px; left: 0px; }
#main-content .block.wide.super-wide h2 { letter-spacing: -1px; width: 250px; padding: 9px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#main-content .block.wide.super-wide h2 span { width: 250px; height: 44px; left: 0px; top: 5px; }

/* PRODUCTS */
#main-content .products {}
#main-content .products .block { width: 235px; height: 215px; background-image: url(/img/block-products-bg.gif); margin-right: 20px; margin-bottom: 20px; }
#main-content .products .block.last { margin-right: 0px; }
#main-content .products .block.last-row { margin-bottom: 10px; }
#main-content .products .block h3 { font-weight: bold; color: #000000; font-size: 15px; line-height: 100%; margin: 0px 5px 7px 5px; padding: 8px 0px 4px 5px; height: auto; border-bottom: 1px solid #CED7D6; letter-spacing: -1px; line-height: 100%; }
#main-content .products .block h3 strong { font-weight: normal; font-size: 23px; display: block; line-height: 100%; padding-bottom: 5px; }
#main-content .products .block h3 em { font-weight: bold; font-size: 18px; font-style: normal; text-transform: uppercase; display: inline; }
#main-content .products .block h3 span { height: 44px; top: 8px; left: 5px; width: 205px; }
#main-content .products .block .price { font-size: 23px; letter-spacing: -1px; line-height: 100%; padding: 0px 0px 0px 0px; width: 235px; margin-top: -3px; }
#main-content .products .block .price strong { font-size: 30px; line-height: 100%; font-weight: normal; color: #DF0424; display: inline; }
#main-content .products .block .price span { width: 235px; height: 31px; }
#main-content .products .block .button-detail { position: absolute; bottom: 10px; left: 14px; }
#main-content .products .block .button-objednat { position: absolute; bottom: 10px; right: 14px; }
#main-content .products .block .center .button-objednat { right: 72px; }
#main-content .products .block .note { padding-left: 0px; padding-right: 0px; padding-top: 2px; }
#p-001 span { background-image: url(/img/p-001.gif); }
#p-002 span { background-image: url(/img/p-002.gif); }
#p-003 span { background-image: url(/img/p-003.gif); }

/* LITTLE */
#main-content .products.little .block {  height: 90px; }
#main-content .products.little .block h3 { margin-bottom: 0px; border-bottom: none; }
#main-content .products.little .block .more { position: static; margin-bottom: 0px; padding-bottom: 0px; margin-top: 10px; }

/* MIDDLE */
#main-content .products.middle .block {  height: 138px; }
#main-content .products.middle .block h3 { margin-bottom: 0px; border-bottom: none; }
#main-content .products.middle .block .more { position: static; margin-bottom: 0px; padding-bottom: 0px; }


/*********************************/
/* HOSTOVANY SHAREPOINT PRODUCTS */
/*********************************/
#main-content #hs-box .block { width: 157px; margin-right: 9px; height: 210px; background-image: url(/img/hs-box-block-bg.gif); background-position: left top; }
#main-content #hs-box .block.last { margin-right: 0px; }
#main-content #hs-box .block .center .button-objednat { right: 34px; bottom: 45px; }
#main-content #hs-box .block .center .button-try { bottom: 5px; position: absolute; right: 34px; }
#main-content #hs-box .block .price { font-size: 16px; width: 157px; letter-spacing: -1px; white-space: nowrap; padding-top: 1px; }
#main-content #hs-box .block .price strong { font-size: 26px; letter-spacing: -1px; }
#main-content #hs-box .block h3 { font-size: 13px; padding-bottom: 0px; padding-top: 10px; line-height: 33px; }
#main-content #hs-box .block h3 strong { font-size: 19px; }
#main-content #hs-box .block h3 em { font-size: 14px; }
#main-content #hs-box .block h3 span { width: 143px; height: 33px; top: 3px; }
#main-content #hs-box .block .note { padding-top: 3px; }

/****************/
/* VPS PRODUCTS */
/****************/
#main-content #vps-box .block { width: 157px; margin-right: 9px; height: 220px; background-image: url(/img/hs-box-block-bg.gif); background-position: left top; }
#main-content #vps-box .block.last { margin-right: 0px; }
#main-content #vps-box .block .center .button-objednat { right: 34px; }
#main-content #vps-box .block .price { font-size: 16px; width: 157px; letter-spacing: -1px; white-space: nowrap; padding-top: 1px; }
#main-content #vps-box .block .price strong { font-size: 26px; letter-spacing: -1px; }
#main-content #vps-box .block h3 { font-size: 13px; padding-bottom: 0px; }
#main-content #vps-box .block h3 strong { font-size: 19px; }
#main-content #vps-box .block h3 em { font-size: 14px; }
#main-content #vps-box .block h3 span { width: 143px; height: 33px; }
#main-content #vps-box .block .note { padding-top: 3px; }
#main-content #vps-box ul { margin-left: 20px; }

/*******************************/
/* HOSTOVANY EXCHANGE PRODUCTS */
/*******************************/
#main-content #he-box .block { height: 230px; }
#main-content #he-box .block .note { line-height: 12px; }

/*******************/
/* PRODUKTY SWSOFT */
/*******************/
#main-content #ps-box .block { width: 157px; margin-right: 9px; height: 180px; background-image: url(/img/hs-box-block-bg.gif); background-position: left top; }
#main-content #ps-box .block.last { margin-right: 0px; }
#main-content #ps-box .block .center .button-objednat { right: 34px; }
#main-content #ps-box .block .price { font-size: 16px; width: 157px; letter-spacing: -1px; white-space: nowrap; padding-top: 1px; }
#main-content #ps-box .block .price strong { font-size: 26px; letter-spacing: -1px; }
#main-content #ps-box .block h3 { font-size: 13px; padding-bottom: 0px; padding-top: 10px; line-height: 13px; }
#main-content #ps-box .block h3 strong { font-size: 19px; }
#main-content #ps-box .block h3 em { font-size: 14px; }
#main-content #ps-box .block h3 span { width: 143px; height: 33px; top: 10px; }
#main-content #ps-box .block .note { padding-top: 3px; }

/******************/
/* ROW LIST BLOCK */
/******************/
#main-content .row-list-block { background: #DCE4E5 url(/img/row-list-block-bg.gif) no-repeat left top; padding: 0px 10px; }
#main-content .row-list-block .item { border-top: 1px solid #FFFFFF; border-bottom: 1px solid #DCE4E5; padding-top: 8px;  }
#main-content .row-list-block .item.first { border-top: none; }
#main-content .row-list-block .item.last { border-bottom: none; }
#main-content .row-list-block h3 { font-size: 14px; font-weight: bold; line-height: 100%; letter-spacing: -1px; float: left; padding: 5px 0px 0px 0px; width: 180px; margin: 0px; }
#main-content .row-list-block h3 strong { font-size: 22px; font-weight: normal; line-height: 120%; }
#main-content .row-list-block h3 span { width: 180px; height: 43px; top: 4px; }
#main-content .row-list-block p.price { font-size: 15px; line-height: 22px; padding: 0px; text-align: right; line-height: 100%; letter-spacing: -1px; width: 217px;  float: right; }
#main-content .row-list-block p.price strong { font-size: 26px; letter-spacing: -1px; color: #DF0424; font-weight: normal; display: inline; line-height: 100%; }
#main-content .row-list-block p.price em { font-size: 12px; font-style: normal;  line-height: 20px; display: inline; }
#main-content .row-list-block p.price em strong { font-size: 14px; font-weight: bold; color: #000000; }
#main-content .row-list-block p.price span { width: 217px; height: 45px; left: auto; right: -1px; top: 1px; }
#main-content .row-list-block ul { padding: 6px 0px 10px 0px; margin: 0px; }
#main-content .row-list-block ul li { background: url(/img/li-square.gif) no-repeat 3px 7px; padding: 0px 0px 0px 17px; list-style: none; line-height: 18px; }
#main-content .row-list-block img.right { margin-top: 10px; }

/***************************/
/* SUBLEVEL PAGE TITLE BOX */
/***************************/
#sublevel-title-box { width: 100%; height: 160px; position: relative; margin-bottom: 12px; overflow: hidden; }
#page-hoepage #sublevel-title-box { height: 221px; }
#sublevel-title-box p { font-size: 12px; }
#sublevel-title-box h1 { margin: 0px; padding: 0px; position: absolute; left: 28px; top: 15px; z-index: 5; font-size: 38px; font-weight: normal; height: auto; line-height: 100%; height: 38px; width: 430px;  }
#sublevel-title-box h1 em { display: block; line-height: 100%; font-size: 24px; color: #FFFFFF; font-style: italic; padding-left: 25px; text-transform: none; font-weight: normal;}
#sublevel-title-box h1 span { width: 430px; height: 38px; }
#sublevel-title-box p { width: 415px; padding: 0px; margin: 0px; position: absolute; top: 60px; left: 22px; color: #FFFFFF; line-height: 160%; }

#section-o-spolecnosti #sublevel-title-box p { width: 450px; padding: 0px; margin: 0px; position: absolute; top: 60px; left: 22px; color: #FFFFFF; line-height: 160%; }

/*******/
/* BOX */
/*******/
/*.box { background: #FFFFFF url(/img/subtitle-bg.gif) repeat-x left top; width: 100%; }*/
.box { background: #FFFFFF; width: 100%; }
.box h2 { margin: 0px; padding: 0px; font-size: 25px; color: #DF3535; letter-spacing: -1px; font-weight: normal; height: 45px; line-height: 45px; padding-left: 10px; }
.box h2 span { height: 45px; width: 100%; }
.box h2.auto span { height: auto; width: 100%; }
.box h2.auto { height: auto; }
#main-content .box ul.ico-list { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; }
.box .ico-list li { float: left; width: 215px; }
#main-content .box .ico-list.no-float { margin-left: 5px; }
.box .ico-list.no-float li { float: none; width: auto; padding-right: 10px; }

.box.wide { width: 687px; padding: 0px; margin: 0px; }
.box.wide h2 { margin-bottom: -15px; }
.box.wide h2 span { width: 700px; }
.box .column1 { width: 328px; margin: 0px 31px 0px 0px; float: left; padding: 0px; }
.box .column2 { width: 328px; margin: 0px; padding: 0px; float: left; }


/***********/
/* SECTION */
/***********/
h3.section { font-size: 25px; color: #485553; height: 36px; font-style: italic; font-weight: normal; padding-top: 1px; line-height: 32px; margin-bottom: 0px; overflow: visible !important; z-index: 10; }
h3.section span { height: 36px; width: 450px; left: -11px; top: -1px; }

/*********************/
/* BOTTOM NAVIGATION */
/*********************/
#bottom-nav { padding-left: 10px; margin-left: 10px; margin-right: 10px; padding-bottom: 0px; height: 30px; line-height: 30px; border-top: 1px solid #EDEDED;  }
#bottom-nav, #bottom-nav * { color: #999999; font-size: 11px; }
#bottom-nav span { padding: 0px 4px; }
#bottom-nav strong { padding-right: 4px; }
#bottom-nav span.up { padding: 0px; line-height: 100%; text-align: right; position: absolute; top: 8px; right: 10px; }
#bottom-nav span.up br { display: none; }

/************/
/* PRUVODCE */
/************/
#guides { text-align: center; margin-right: 10px; padding-top: 10px; position: relative; margin-left: 30px; width: 650px; height: 625px; overflow: hidden; }
#guides.extended { height: 660px; }
#guides-position {  position: absolute; top: 10px; left: 0px; }
#guides .slide { width: 650px; text-align: left; position: absolute; top: 0; }
#guides h2 { font-weight: bold; color: #DF3535; height: auto; }
#guides .slide .desc { background: url(/img/subtitle-bg.gif) repeat-x left top; margin-top: 10px; margin-bottom: 100px; }
#guides #slide-link { position: absolute; top: 515px; right: -5px; text-align: right; }
/*#guides #slide-link a { text-decoration: none; border: 2px solid #CCCCCC; padding: 1px 4px; line-height: 100%; font-size: 11px; cursor: pointer; }*/
#guides #slide-link a { display: block; width: 18px; height: 18px; text-align: center; line-height: 18px; border: 2px solid #CCCCCC; font-size: 11px; text-decoration: none; cursor: pointer; float: left; margin-right: 3px; background-color: #F5F8F8;}
#guides #slide-link a:hover { border-color: #E13433; }
#guides #slide-link a.active { color: #E13433; border-color: #E13433; }

/************************/
/* HISTORIE SPOLECNOSTI */
/************************/
.loga-partneru img { padding: 10px 15px 0px 15px;  }

/************************/
/* HOSTOVANY SHAREPOINT */
/************************/
#hostovany-sharepoint-flash-box { width: 490px; height: 150px; position: relative; margin-bottom: 12px; overflow: hidden; }

/****************/
/* FORM SUPPORT */
/****************/
#form-support { text-align: center; padding-bottom: 0px; }
#form-support fieldset { border: none; padding: 0px; margin: 0px; }
#form-support label { display: none;}
#form-support .input { border: 1px solid #CCCCCC; font-size: 11px; color: #333333; font-family: Arial, Helvetica, sans-serif; padding: 2px 6px; width: 152px; margin-bottom: 4px; }
#form-support p .button-submit { padding-right: 4px; padding-top: 2px; }
#form-support p.small { padding-left: 0px; padding-bottom: 3px; }
#form-support p.small a { font-size: 11px; }
#form-support #form-support-date { text-align: left; padding-left: 22px; }
#form-support #form-support-date .input { width: 30px; vertical-align: middle; }
#form-support #form-support-date label { display: inline; vertical-align: middle; font-size: 11px; padding: 0px; line-height: 100%; padding-top: 0px; }
#form-support #lday { width: 65px !important; vertical-align: middle; background: #FFFFFF url(/img/calendar/calendar.gif) no-repeat 3px 3px; padding-left: 20px; }
#form-support #ldayimg { vertical-align: middle; }
.button-contact-form { padding-top: 5px; }

/****************/
/* CONTACT FORM */
/****************/
#contact-form {}
#contact-form label { display: block; width: 80px; float: left; line-height: 16px; padding-top: 3px; }

/**********************/
/* VSEOBECNE PODMINKY */
/**********************/
#page-podminky {}
#page-podminky #main-content { width: auto; float: none; padding-left: 120px; padding-right: 250px; }
#page-podminky #column-wrapper { width: auto; float: none; }
#page-podminky #main-content p,
#page-podminky #main-content address,
#page-podminky #main-content li { line-height: 130%; }

/**********/
/* TOGGLE */
/**********/
.toggle, .toggle-off { border: 1px solid #E9EEEF; margin-top: 10px;  }
.toggle { background: url(/img/plus.gif) no-repeat right center; }
.toggle-desc { padding-top: 5px; padding-bottom: 0px; }
.toggle.minus { background-image: url(/img/minus.gif); }


/********/
/* TABS */
/********/
#tab-box { border: 1px solid #D7E1E3; margin-left: 10px; width: 490px; margin-bottom: 1em; }
#tab-box .tab-set { margin: 0px; padding: 0px; }
#tab-box .tab-set li { list-style: none; float: left; width: 163px; border-right: 1px solid #D7E1E3; border-bottom: 1px solid #D7E1E3; font-size: 15px; font-weight: bold; line-height: 33px; padding: 7px 0px 6px 0px; text-align: center; background: url(/img/tab-bg.gif) repeat-x left bottom; }
#tab-box .tab-set li.last { border-right: none; width: 162px; }
#tab-box .tab-set li.on { background: none; border-bottom-color: #FFFFFF; }
#tab-box .tab-set a { font-size: 15px; text-decoration: none; cursor: pointer; }
#tab-box .panel { padding-top: 10px; }

/***********/
/* SITEMAP */
/***********/
#page-sitemap #main-content { width: auto; float: none; padding-left: 10px; padding-right: 10px; }
#page-sitemap #column-wrapper { width: auto; float: none; }

#sitemap { margin-left: 10px !important;}
#sitemap li { list-style: none; color: #E13433; font-size: 13px; font-weight: bold; float: left;  width: 298px; margin-right: 15px; overflow: visible; }
#sitemap li.mini { height: 80px; }
#sitemap ul { margin-left: 20px; padding-top:5px; }
#sitemap ul li { font-size: 11px; color: #333333; font-weight: normal; list-style-type: square; float: none; height: auto; width: auto;}
#sitemap ul li a { font-size: 11px; }
#sitemap a:hover { color: #E13433; }

#sitemap-pp { padding-bottom: 15px;  }
#sitemap-obchod { padding-bottom: 50px; }

/*********/
/* LINKS */
/*********/
#page-links #main-content { width: auto; float: none; padding-left: 255px; padding-right: 10px; }
#page-links #column-wrapper { width: auto; float: none; }
#page-links dl { margin: 12px; }
#page-links dd { margin-bottom: 10px; }

/***************/
/* PAGE TITLES */
/***************/
#sluzby-vizual-nadpis span { background-image: url(/img/sluzby-vizual-nadpis.png); }
#reseni-vizual-nadpis span { background-image: url(/img/reseni-vizual-nadpis.png); }
#kontakty-visual-nadpis span { background-image: url(/img/kontakty-visual-nadpis.png); }
#o-spolecnosti-visual-nadpis span { background-image: url(/img/o-spolecnosti-visual-nadpis.png); }


#nadpis-managed-hosting span { background: url(/img/nadpis-managed-hosting.gif) scroll 7px 0 no-repeat; }
#nadpis-vmware-hosting span { background: url(/img/nadpis-vmware-hosting.gif) scroll 7px 0 no-repeat; }
#nadpis-dedicated-hosting span { background: url(/img/nadpis-dedicated-hosting.gif) scroll 7px 0 no-repeat; }
#nadpis-storage-hosting span { background: url(/img/nadpis-storage-hosting.gif) scroll 7px 0 no-repeat; }
#nadpis-disaster-recovery span { background: url(/img/nadpis-disaster-recovery.gif) scroll 7px 0 no-repeat; }
#nadpis-web-hosting span { background-image: url(/img/nadpis-web-hosting.gif); }
#nadpis-specializovany-hosting span { background-image: url(/img/nadpis-specializovany-hosting.gif); }
#nadpis-project-server span { background-image: url(/img/nadpis-project-server.gif); }
#nadpis-sharepoint-server span { background-image: url(/img/nadpis-sharepoint-server.gif); }
#nadpis-system-center span { background-image: url(/img/nadpis-system-center.gif); }
#nadpis-unified-communication span { background-image: url(/img/nadpis-unified-communication.gif); }
#nadpis-datove-centrum span { background-image: url(/img/nadpis-datove-centrum.gif); }
#nadpis-ukladani-zalohovani span { background-image: url(/img/nadpis-ukladani-zalohovani.gif); }
#nadpis-virtualizace-konsolidace span { background-image: url(/img/nadpis-virtualizace-konsolidace.gif); }
#nadpis-outsourcing-ict span { background-image: url(/img/nadpis-outsourcing-ict.gif); }
#nadpis-sprava-systemu span { background-image: url(/img/nadpis-sprava-systemu.gif); }
#nadpis-podpora-uzivatelu span { background-image: url(/img/nadpis-podpora-uzivatelu.gif); }
#nadpis-rozvoj-ict span { background-image: url(/img/nadpis-rozvoj-ict.gif); }
#nadpis-projektovy-management span { background-image: url(/img/nadpis-projektovy-management.gif); }
#nadpis-kabelazni-a-zabezpecovaci-systemy span { background-image: url(/img/nadpis-kabelazni-a-zabezpecovaci-systemy.gif); }
#nadpis-software-hardware span { background-image: url(/img/nadpis-software-hardware.gif); }
#nadpis-produkty-microsoft span { background-image: url(/img/nadpis-produkty-microsoft.gif); }
#nadpis-produkty-vmware span { background-image: url(/img/nadpis-produkty-vmware.gif); }
#nadpis-produkty-symantec span { background-image: url(/img/nadpis-produkty-symantec.gif); }
#nadpis-produkty-parallels span { background-image: url(/img/nadpis-produkty-parallels.gif); }
#nadpis-pripadove-studie span { background-image: url(/img/nadpis-pripadove-studie.gif); }
#nadpis-reference span { background-image: url(/img/nadpis-reference.gif); }
#nadpis-o-gauzy span { background-image: url(/img/nadpis-o-gauzy.gif); }
#nadpis-vzdalena-pomoc span { background-image: url(/img/nadpis-vzdalena-pomoc.gif); }
#nadpis-aktuality span { background-image: url(/img/nadpis-aktuality.gif); }
#nadpis-predprodejni-podpora span { background-image: url(/img/nadpis-predprodejni-podpora.gif); }
#nadpis-backup-exec span { background-image: url(/img/nadpis-backup-exec.gif); }
#nadpis-vmware-4-1 span { background-image: url(/img/nadpis-vmware-4-1.gif); }
#nadpis-rizeni-podnikoveho-it span { background-image: url(/img/nadpis-rizeni-podnikoveho-it.gif); }

#nadpis-veeam-backup-replication span { background-image: url(/img/nadpis-veeam-backup-replication.gif); }
#nadpis-veeam-act span { background-image: url(/img/nadpis-veeam-act.gif); }


#nadpis-shared-hosting span { background: url(/img/nadpis-shared-hosting.gif) scroll 7px 0 no-repeat; }

/* old zatim nemazat */
#pt-001 span { background-image: url(/img/pt-001.gif); }
#pt-002 span { background-image: url(/img/pt-002.gif); }
#pt-007 span { background-image: url(/img/pt-007.png); } 
#pt-008 span { background-image: url(/img/pt-008.gif); }
#pt-009 span { background-image: url(/img/pt-009.gif); }
#pt-010 span { background-image: url(/img/pt-010.gif); }
#pt-011 span { background-image: url(/img/pt-011.gif); }
#pt-015 span { background-image: url(/img/pt-015.gif); }
#pt-016 span { background-image: url(/img/pt-016.gif); }
#pt-017 span { background-image: url(/img/pt-017.gif); }
#pt-018 span { background-image: url(/img/pt-018.gif); }
#pt-019 span { background-image: url(/img/pt-019.gif); }
#pt-020 span { background-image: url(/img/pt-020.gif); }
#pt-021 span { background-image: url(/img/pt-021.gif); }
#pt-022 span { background-image: url(/img/pt-022.gif); }
#pt-023 span { background-image: url(/img/pt-023.gif); }
#pt-024 span { background-image: url(/img/pt-024.gif); }
#pt-025 span { background-image: url(/img/pt-025.gif); }
#pt-026 span { background-image: url(/img/pt-026.gif); }
#pt-027 span { background-image: url(/img/pt-027.gif); }
#pt-028 span { background-image: url(/img/pt-028.gif); }
#pt-029 span { background-image: url(/img/pt-029.gif); }
#pt-030 span { background-image: url(/img/pt-030.gif); }
#pt-031 span { background-image: url(/img/pt-031.gif); }
#pt-032 span { background-image: url(/img/pt-032.gif); }
#pt-033 span { background-image: url(/img/pt-033.gif); }
#pt-034 span { background-image: url(/img/pt-034.gif); }
#pt-035 span { background-image: url(/img/pt-035.gif); }
#pt-036 span { background-image: url(/img/pt-036.gif); }
#pt-037 span { background-image: url(/img/pt-037.gif); }
#pt-038 span { background-image: url(/img/pt-038.gif); }
#pt-039 span { background-image: url(/img/pt-039.gif); }
#pt-040 span { background-image: url(/img/pt-040.gif); }
#pt-041 span { background-image: url(/img/pt-041.gif); }
#pt-042 span { background-image: url(/img/pt-042.gif); }
#pt-043 span { background-image: url(/img/pt-043.gif); }
#pt-044 span { background-image: url(/img/pt-044.gif); }
#pt-045 span { background-image: url(/img/pt-045.gif); }
#pt-046 span { background-image: url(/img/pt-046.gif); }
#pt-047 span { background-image: url(/img/pt-047.gif); }
#pt-048 span { background-image: url(/img/pt-048.gif); }
#pt-049 span { background-image: url(/img/pt-049.gif); }
#pt-050 span { background-image: url(/img/pt-050.gif); }
#pt-051 span { background-image: url(/img/pt-051.gif); }
#pt-052 span { background-image: url(/img/pt-052.gif); }
#pt-053 span { background-image: url(/img/pt-053.gif); }
#pt-054 span { background-image: url(/img/pt-054.gif); }
#pt-055 span { background-image: url(/img/pt-055.gif); }
#pt-056 span { background-image: url(/img/pt-056.gif); }
#pt-057 span { background-image: url(/img/pt-057.gif); }
#pt-058 span { background-image: url(/img/pt-058.png); }
#pt-059 span { background-image: url(/img/pt-059.gif); }
#pt-060 span { background-image: url(/img/pt-060.gif); }
#pt-061 span { background-image: url(/img/pt-061.gif); }
#pt-062 span { background-image: url(/img/pt-062.gif); }
#pt-063 span { background-image: url(/img/pt-063.gif); }
#pt-064 span { background-image: url(/img/pt-064.gif); }
#pt-065 span { background-image: url(/img/pt-065.gif); }
#pt-066 span { background-image: url(/img/pt-066.gif); }
#pt-067 span { background-image: url(/img/pt-067.gif); }
#pt-068 span { background-image: url(/img/pt-068.png); }
#pt-069 span { background-image: url(/img/pt-069.gif); }
#pt-070 span { background-image: url(/img/pt-070.gif); }
#pt-071 span { background-image: url(/img/pt-071.gif); }
#pt-072 span { background-image: url(/img/pt-072.png); }
#pt-073 span { background-image: url(/img/pt-073.png); }

/*************/
/* H2 TITLES */
/*************/
#h2-parametry-vyhody span { background-image: url(/img/nadpis-parametry-vyhody.gif); }


#h2-zakladni-parametry span { background-image: url(/img/h2-zakladni-parametry.gif); }
#h2-primarni-vyhody span { background-image: url(/img/h2-primarni-vyhody.gif); }
#h2-nabizene-sluzby span { background-image: url(/img/h2-nabizene-sluzby.gif); }
#h2-nabizene-programy span { background-image: url(/img/h2-nabizene-programy.png); }
#h2-produktove-baliky span { background-image: url(/img/h2-produktove-baliky.gif); }
#h2-datove-centrum-gauzy span { background-image: url(/img/h2-datove-centrum-gauzy.gif); }
#h2-vyhody-sluzby span { background-image: url(/img/h2-vyhody-sluzby.gif); }
#h2-se-sluzbou-ziskate span { background-image: url(/img/h2-se-sluzbou-ziskate.png); }
#h2-garance-a-bezpecnost-dat span { background-image: url(/img/h2-garance-a-bezpecnost-dat.png); }
#h2-vyberte-si-reseni span { background-image: url(/img/h2-vyberte-si-reseni.png); }
#h2-balicek-sluzeb span { background-image: url(/img/h2-balicek-sluzeb.gif); }
#h2-soucasti-sluzby span { background-image: url(/img/h2-soucasti-sluzby.gif); }
#h2-001 span { background-image: url(/img/h2-001.gif); }
#h2-002 span { background-image: url(/img/h2-002.gif); }
#h2-003 span { background-image: url(/img/h2-003.gif); }
#h2-004 span { background-image: url(/img/h2-004.gif); }
#h2-005 span { background-image: url(/img/h2-005.gif); }

/*********************/
/* SUBSECTION TITLES */
/*********************/
#sst-001 span { background-image: url(/img/sst-001.gif); }
#sst-002 span { background-image: url(/img/sst-002.gif); }
#subsection-title-vmware-hosting span { background-image: url(/img/subsection-title-vmware-hosting.gif); }
#subsection-title-hostovany-exchange span { background-image: url(/img/subsection-title-hostovany-exchange.gif); }
#subsection-title-sprava-systemu-a-pocitacove-site span { background-image: url(/img/subsection-title-sprava-systemu-a-pocitacove-site.gif); }
#subsection-title-gauzy-job span { background-image: url(/img/subsection-title-gauzy-job.gif); }
#subsection-title-hostovany-sharepoint span { background-image: url(/img/subsection-title-hostovany-sharepoint.gif); }


/****************/
/* BLOCK TITLES */
/****************/
#block-title-managed-hosting span { background-image: url(/img/block-title-managed-hosting.gif); }
#block-title-shared-hosting span { background-image: url(/img/block-title-shared-hosting.gif); }
#block-title-specializovany-hosting span { background-image: url(/img/block-title-specializovany-hosting.gif); }
#block-title-datove-centrum span { background-image: url(/img/block-title-datove-centrum.gif); }

#block-title-dedicated-hosting span { background-image: url(/img/block-title-dedicated-hosting.gif); }
#block-title-vmware-hosting span { background-image: url(/img/block-title-vmware-hosting.gif); }
#block-title-storage-hosting span { background-image: url(/img/block-title-storage-hosting.gif); }
#block-title-disaster-recovery span { background-image: url(/img/block-title-disaster-recovery.gif); }


#block-title-microsoft-exchange span { background-image: url(/img/block-title-microsoft-exchange.gif); }
#block-title-microsoft-exchange-server-2008 span { background-image: url(/img/block-title-microsoft-exchange-server-2008.gif); }
#block-title-hostovany-exchange-a-sharepoint span { background-image: url(/img/block-title-hostovany-exchange-a-sharepoint.gif); }
#block-title-profesionalni-sluzby-datoveho-centra span { background-image: url(/img/block-title-profesionalni-sluzby-datoveho-centra.gif); }
#block-title-sprava-systemu-a-pocitacove-site span { background-image: url(/img/block-title-sprava-systemu-a-pocitacove-site.gif); }
#block-title-podpora-uzivatelu-a-helpdesk span { background-image: url(/img/block-title-podpora-uzivatelu-a-helpdesk.gif); }
#block-title-sprava-registru-majetku-hardware-a-software span { background-image: url(/img/block-title-sprava-registru-majetku-hardware-a-software.gif); }
#block-title-hostovany-exchange span { background-image: url(/img/block-title-hostovany-exchange.gif); }
#block-title-hostovany-sharepoint span { background-image: url(/img/block-title-hostovany-sharepoint.gif); }
#block-title-managed-server-hosting span { background-image: url(/img/block-title-managed-server-hosting.gif); }
#block-title-skalovatelny-vmware-hosting span { background-image: url(/img/block-title-skalovatelny-vmware-hosting.gif); }

#bt-001 span { background-image: url(/img/bt-001.gif); }
#bt-002 span { background-image: url(/img/bt-002.gif); }
#bt-003 span { background-image: url(/img/bt-003.gif); }
#bt-004 span { background-image: url(/img/bt-004.gif); }
#bt-005 span { background-image: url(/img/bt-005.gif); }
#bt-006 span { background-image: url(/img/bt-006.gif); }
#bt-007 span { background-image: url(/img/bt-007.gif); }
#bt-008 span { background-image: url(/img/bt-008.gif); }
#bt-009 span { background-image: url(/img/bt-009.gif); }
#bt-010 span { background-image: url(/img/bt-010.gif); }
#bt-011 span { background-image: url(/img/bt-011.gif); }
#bt-012 span { background-image: url(/img/bt-012.gif); }
#bt-013 span { background-image: url(/img/bt-013.gif); }
#bt-014 span { background-image: url(/img/bt-014.gif); }
#bt-015 span { background-image: url(/img/bt-015.gif); }
#bt-016 span { background-image: url(/img/bt-016.gif); }
#bt-017 span { background-image: url(/img/bt-017.gif); }
#bt-018 span { background-image: url(/img/bt-018.gif); }
#bt-019 span { background-image: url(/img/bt-019.gif); }
#bt-020 span { background-image: url(/img/bt-020.gif); }
#bt-021 span { background-image: url(/img/bt-021.gif); }
#bt-022 span { background-image: url(/img/bt-022.gif); }
#bt-023 span { background-image: url(/img/bt-023.gif); }
#bt-024 span { background-image: url(/img/bt-024.gif); }
#bt-025 span { background-image: url(/img/bt-025.gif); }
#bt-026 span { background-image: url(/img/bt-026.gif); }
#bt-027 span { background-image: url(/img/bt-027.gif); }
#bt-028 span { background-image: url(/img/bt-028.gif); }
#bt-029 span { background-image: url(/img/bt-029.gif); }
#bt-030 span { background-image: url(/img/bt-030.gif); }
#bt-031 span { background-image: url(/img/bt-031.gif); }

#p-004 span { background-image: url(/img/p-004.gif); }
#p-005 span { background-image: url(/img/p-005.gif); }
#p-006 span { background-image: url(/img/p-006.gif); }


/*******************************************************************/
/*                                                        HOMEPAGE */
/*******************************************************************/
#page-homepage {}
#page-homepage #main-content { width: auto; float: none; margin: 0px 10px; }
#page-homepage #sublevel-title-box { background: #F1F5F6 url(/img/homepage-news-bg.gif) no-repeat right top; height: 221px; }
#page-homepage #sublevel-title-box a { font-size: 14px; color: #FFFFFF; }
#page-homepage .block { width: 230px; height: 180px; margin-right: 13px; float: left; background: #F1F5F6 url(/img/homepage-block-bg.gif) no-repeat left top;}
#page-homepage .block.last { margin-right: 0px; }
#page-homepage .block .bottom-link a { width: 230px; }
#page-homepage .block h2 { white-space: nowrap; padding-left: 5px; margin-bottom: 5px; }
#page-homepage .block h2 span { height: 44px; left: 5px; width: 218px; top: 4px; }
#page-homepage .block p { line-height: 16px; }
#page-homepage .block .price { font-size: 23px; letter-spacing: -1px; line-height: 100%; padding: 5px 0px 0px 0px; width: 230px; }
#page-homepage .block .price strong { font-size: 30px; line-height: 100%; font-weight: normal; color: #DF0424; display: inline; }
#page-homepage .block img.right { margin-top: -5px; }

/****************/
/* BLOCK TITLES */
/****************/
#page-homepage #block-title-kvalitni-hostovane-sluzby span { background-image: url(/img/block-title-kvalitni-hostovane-sluzby.gif); }
#page-homepage #block-title-dokonaly-outsourcing-ict span { background-image: url(/img/block-title-dokonaly-outsourcing-ict.gif); }
#page-homepage #block-title-hostovany-exchange-a-sharepoint span { background-image: url(/img/block-title-hostovany-exchange-a-sharepoint-hp.gif); }
#page-homepage #block-title-online-kancelar span { background-image: url(/img/block-title-online-kancelar.gif); }

/**********/
/* PRICES */
/**********/
#page-homepage .block .price span { width: 230px; height: 31px; top: 6px; }


/********/
/* NEWS */
/********/
#news { width: 235px; height: 215px; position: absolute; top: 155px; right: 10px; overflow: hidden; }
#news h2 { font-size: 15px; letter-spacing: -1px; line-height: 100%; font-weight: normal; padding: 0px; margin: 0px; padding-left: 10px; line-height: 19px; width: 215px; }
#news h2 strong { font-weight: bold; display: inline; font-size: 15px; line-height: 100%;  }
#news h2 span { height: 20px; width: 225px; background: url(/img/title-gauzy-aktualne.gif) no-repeat left top; }
#news p { margin: 0px; padding: 0px; }
#news .slide-wrapper { width: 225px; height: 180px; margin: 0px; padding: 0px; overflow: hidden;}

#news .more a { background: url(/img/arrow-blue.gif) no-repeat left center; line-height: 20px; padding-left: 14px; color: #70776F; font-size: 11px; }
#news #slide-position { position: relative; left: 0px; height: 180px; overflow: hidden; }
#news .slide { width: 225px; height: 180px; position: absolute; top: 0px; left: 0px; margin-right: 10px; background: #ECF1F2 url(/img/homepage-news-bg.gif) no-repeat -16px -9px;}
#news .slide p { font-size: 12px; color: #202220; padding-left: 10px; line-height: 17px; }
#news .slide h3 { color: #E03434; margin: 0px; padding: 24px 0px 5px 10px; font-weight: bold; font-size: 11px; line-height: 100%; }
#news .slide .date { position: absolute; top: 0px; left: 0px; line-height: 24px; }

/* NAV */
#news #nav { position: absolute; top: 190px; right: 0px; text-align: right; padding-right: 10px; color: #70776F; font-size: 12px; line-height: 15px; }
#news #nav span { font-size: 12px; }
#news #nav a img { position: relative; top: 3px; }

/* COMPARSION */
table.comparsion { font-size: 12px; border-collapse: collapse; margin-top: 5px;}
table.comparsion * { font-size: 12px; }
table.comparsion th,
table.comparsion td { text-align: left; border: 1px solid #DCE4E5; line-height: 140%; padding: 4px 5px 3px 5px; vertical-align: bottom; font-weight: normal; }
table.comparsion td { text-align: center; }
table.comparsion th.center { text-align: center; }
table.comparsion .top { vertical-align: top; }
table.comparsion sup { padding-left: 2px; }
table.comparsion sup,
table.comparsion sup a { font-size: 10px; line-height: 50%; }
table.comparsion tr.empty-row td { border-left: none; border-right:  none; text-align: left; }
table.comparsion thead th { background-color: #DCE4E5; font-weight: bold; vertical-align: top; }
table.comparsion thead th .note { font-size: 10px; font-weight: normal; text-transform: uppercase; }
table.comparsion thead th .note a { font-size: 10px; font-weight: normal; }
table.comparsion th.th-section { background-color: #F1F5F6; color: #DF0424; font-weight: bold; }
table.comparsion tr.even { background-color: #F1F5F6; }
table.comparsion td.nowrap { white-space: nowrap; }
table.comparsion .yes,
table.comparsion .no { display: block; width: 10px; height: 10px; overflow: hidden; text-indent: -200px; background-repeat: no-repeat; background-position: left top; margin: 0px auto; position: relative; top: -3px; }
table.comparsion .yes { background-image: url(/img/yes.png); }
table.comparsion .no { background-image: url(/img/no.png); }
p.notes { font-size: 11px; padding-top: 5px; }
p.notes * { font-size: 11px; }

table.comparsion thead th.hover { background-color: #C4D1D2; }
table.comparsion td.hover { background-color: #F5F9FA; }
table.comparsion tr.even td.hover { background-color: #E6ECEE; }

/* expand link */
table.comparsion .empty-row a { background: url(/img/white-arrow-red-bg.png) no-repeat left 4px; padding-left: 15px; color: #df0424; display: block; padding-top: 2px; padding-bottom: 15px; }

/* TITLE LINKS */
.title-links {}
.title-links { padding-left: 11px; }
.title-links h2 { text-indent: -11px; font-weight: bold; }
.title-links h2 a { text-decoration: none; }
.title-links h2 a strong { text-decoration: underline; }
.title-links h2 a:hover { color: #DE0000; }
.title-links h2 a:hover strong { color: #DE0000; }


/* DATE PICKER */
div.calendarHolder {width:210px; height:182px; padding-left:8px; padding-top:1px; background:url(/img/date-picker/calendar.back.png) no-repeat;}
table.datePicker * {font-size:11px; line-height:16px;}
table.datePicker {margin:6px 0px 0px 0px; width:190px; padding:0px 5px 0px 5px; border-collapse: collapse;}
table.datePicker td {cursor:pointer; text-align:center; } 
table.datePicker img.closebtn{margin-top:2px;}
tr.dateNav{height:22px; margin-top:8px;}
tr.dayNames td{color:#666; font-weight:bold; border-bottom:1px solid #ddd;}
table.datePicker tr.dayRow td:hover{background:#ccc;}
td.today{color:#bb0904;}
td.otherMonthDate{border:1px solid #fff; color:#666; background:#f3f3f3;}
td.selectedDate{border:1px solid #20397b; background:#dcddef;}

/**************/
/* PRESS LIST */
/**************/
table#press-list { width: 100%; }
#press-list * { font-size: 12px; }
#press-list { border-collapse: collapse; }
#press-list td { padding: 6px 10px 5px 10px; }
#press-list td.date { width: 60px; padding-right: 0px; }
#press-list tr.even td { background-color: #F4F7F7; }

/* FORM VYZKOUSENI */
#form-vyzkouseni {}
#main-content #form-vyzkouseni p { padding-bottom: 5px; }
#form-vyzkouseni label { display: block; width: 180px; float: left; line-height: 23px; }
#form-vyzkouseni .button-submit { margin-left: 180px; }
#form-vyzkouseni #lpocet { width: 30px; }
#form-vyzkouseni optgroup { color: #FFFFFF; }
#form-vyzkouseni #lpoznamka { width: 420px; }

/* buttony objednat a more info */
p.order-buttons { padding-top: 35px; }

/* reference */
#main-content h2.reference { background: url(/img/nadpis-bg.gif) top left no-repeat; color: #DF3535; padding-bottom: 15px; }
#main-content p.reference-text-short { width: 430px; }
#main-content a.studie-box { display: block; width: 380px; border: 1px solid #D7E1E3; background: url(/img/pdf-ico-ref.png) scroll 13px 11px no-repeat; margin-left: 10px; margin-bottom: 25px; padding: 10px 10px 10px 50px; font-size: 11px; color: #DF3535; font-weight: bold; }
#main-content a.reference-link { background: url(/img/reference-odrazka.gif) scroll 0 5px no-repeat; padding-left: 10px; display: block; height: 30px; }

#main-content div.alvao { display: block; width: 345px; border: 1px solid #D7E1E3; background: url(/img/alvao.gif) scroll 13px 11px no-repeat; margin-left: 10px; margin-bottom: 25px; padding: 10px 10px 10px 110px; font-size: 11px; color: #DF3535; font-weight: bold; }


#main-content p.cena-wh { padding-top: 15px; }

#main-content #form-screencast { padding: 0px 0px 0px 15px; }
#form-screencast .required { font-weight: bold; }
#form-screencast .required span { color: #CC0000; font-weight: bold; }
#form-screencast p { padding: 0px 0px 10px 0px; }
#form-screencast .col1 { width: 230px; float: left; }
#form-screencast .col2 { margin-left: 250px; }
#form-screencast label.inline { float: none; clear: both; width: auto; }
#form-screencast input[type=text] { vertical-align: middle; width: 130px; }
#form-screencast label { display: inline-block; vertical-align: middle; width: 70px; }
#form-screencast label.workers { width: 140px; }
#form-screencast textarea { width: 453px !important; }
#form-screencast .note { font-size: 11px; }
#form-screencast .buttons { text-align: center; }


#form-screencast .err {   color: #CC0000; margin: 0px 0px 10px 1em; }
#form-screencast .err li { color: #CC0000; }