@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; }

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

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

.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: #CADCB9 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; }
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; }
#main-content-medidas { width: 900px; float: left; }
#main-content-gallery { width: 900px; float: left; }
#right-column { width: 435px; float: left; }
#column-wrapper { width: 950px; float: right; }
#column-wrapper-gallery { width: 950px; float: right; }
#left-column-gallery { width: 200px; float: left; }

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

.block { background: #EAEFE2 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: relative; top: -5px; margin-bottom: -5px; position: relative; }
.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.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: 100px; position: relative; }

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


/********/
/* LOGO */
/********/
#logo { padding-top: 12px; 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-mail { background-image: url(../img/ico-mail.gif); background-position: left 6px; text-decoration: none; }
#header-links .ico-phone { background-image: url(../img/phone.gif); 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: #000000; }
#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; }
#footer .text { line-height: 130%; }

/************/
/* PARTNERS */
/************/
#certification { padding-top: 7px; padding-left: 10px; padding-right: 10px; float: none; text-align: center; }

#giant { position: absolute; top: 20px; right: 0px; }
#giant * { color: #ADADAF; text-decoration: none; font-size: 12px; }
#giant img { vertical-align: middle; }
#giant #title-webdesign { line-height: 20px; float: left; }
#giant #title-webdesign,
#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: 30px; overflow: visible; position: absolute; top: 96px; left: 10px; background: #C57341 url(../img/menu-bg.gif) no-repeat left top; }
#menu li { float: left; list-style: none; overflow: visible; height: 30px;  }
#menu li a { color: #FFFFFF; text-align: center; display: block; height: 30px; text-decoration: none; line-height: 28px; 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: 100px; }
#menu-hostovane-sluzby { width: 100px; }
#menu-outsourcing-ict { width: 120px; }
#menu-reseni { width: 150px;}
#menu-obchod { width: 120px; }
#menu-partnerske-programy { width: 180px; }
#menu-o-spolecnosti { width: 126px; }
#menu-kontakty { width: 100px; }

/* AKTIVNI SEKCE */
#section-hostovane-sluzby #menu-hostovane-sluzby a { color: #C72626; line-height: 40px; font-weight: bold; width: 100px; height: 36px; 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: 120px; height: 36px; 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: 150px; height: 36px; 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: 120px; height: 36px; 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: 180px; height: 36px; 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: 126px; height: 36px; 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: 100px; height: 36px; position: relative; top: -6px; left: -1px; background:url(../img/menu-active-border-left.gif) no-repeat left top;}

#section-hostovane-sluzby #menu-hostovane-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: 36px; 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-hostovane-sluzby span { background-image: url(../img/section-title-hostovane-sluzby.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: 25px 15px 20px 20px; }
#right-column-content.small-padding { padding-top: 10px; }

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

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

#price-bronze span { background-image: url(../img/price-bronze.gif); }
#price-silver span { background-image: url(../img/price-silver.gif); }
#price-gold span { background-image: url(../img/price-gold.gif); }
#price-gold-plus span { background-image: url(../img/price-gold-plus.gif); }

/****************/
/* 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-003 span { background-image: url(../img/rbt-003.gif); height: 42px; width: 167px; 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-006 span { background-image: url(../img/rbt-006.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; }

/**********/
/* 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 ul { margin-left: 3em; margin-right: 10px; }
#main-content h2 { padding-bottom: 5px; }

#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 { 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; }

#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; }

/********/
/* 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: 40px; width: 150px; }
#main-content form label {  }
#main-content form .input { }
#main-content form .input.no-margin { margin-right: 0px; }
#main-content form textarea { width: 443px; overflow: hidden; margin-top: 5px; height: 80px; }


/*********/
/* BLOCK */
/*********/
#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: 130px; overflow: hidden;  background: #F1F5F6 url(../img/wide-block-bg.gif) no-repeat right bottom; margin-right: 21px; margin-bottom: 16px; }
#main-content .block.wide.big { height: 145px; }
#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 9px; height: auto; border-bottom: 1px solid #CED7D6; letter-spacing: -1px; line-height: 100%; }
#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: 300px; 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: 80px; }
#main-content .block.wide .krabice { position: absolute; top: 15px; right: 0px; }
#main-content .block.wide .more { top: -5px; }
#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.gif) no-repeat left top; width: auto; float: none; margin-right: 0px; margin-bottom: 10px; border-bottom: 1px solid #DCE4E5; padding-left: 70px; height: 75px; }
#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: 400px; padding: 9px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#main-content .block.wide.super-wide h2 span { width: 250px; height: 300px; 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: 300px; 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; }
#hostovany-exchange-price-01 span { background-image: url(../img/hostovany-exchange-price-01.gif); }
#hostovany-exchange-price-02 span { background-image: url(../img/hostovany-exchange-price-02.gif); }
#hostovany-exchange-price-03 span { background-image: url(../img/hostovany-exchange-price-03.gif); }
#hostovany-exchange-price-04 span { background-image: url(../img/hostovany-exchange-price-04.gif); }
#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: 180px; 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; }
#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; }
#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; }
#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; }

/******************/
/* 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: 220px; position: relative; margin-bottom: 12px; overflow: hidden; }
#sublevel-title-box h1 { margin: 0px; padding: 0px; position: absolute; left: 28px; top: 28px; z-index: 5; font-size: 38px; font-weight: normal; height: auto; line-height: 100%; height: 73px; width: 320px;  }
#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: 320px; height: 73px; }
#sublevel-title-box p { width: 350px; padding: 0px; margin: 0px; position: absolute; top: 120px; left: 22px; color: #FFFFFF; line-height: 160%; }

/*******/
/* BOX */
/*******/
.box { background: #FFFFFF url(../img/subtitle-bg.gif) repeat-x left top; 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%; }
#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; }


/***********/
/* 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; position: relative;  }
#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; float: left; }
#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;  }

/****************/
/* 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 { paddinng-bottom: 5px; }
#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: 79px !important; vertical-align: middle; }
#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: 170px; 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; }

/***************/
/* PAGE TITLES */
/***************/
#pt-001 span { background-image: url(../img/pt-001.gif); }
#pt-002 span { background-image: url(../img/pt-002.gif); }
#pt-003 span { background-image: url(../img/pt-003.gif); }
#pt-004 span { background-image: url(../img/pt-004.gif); }
#pt-005 span { background-image: url(../img/pt-005.gif); }
#pt-006 span { background-image: url(../img/pt-006.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-012 span { background-image: url(../img/pt-012.gif); }
#pt-013 span { background-image: url(../img/pt-013.gif); }
#pt-014 span { background-image: url(../img/pt-014.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.gif); }
#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); }

/*************/
/* H2 TITLES */
/*************/
#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.gif); }
#h2-produktove-baliky span { background-image: url(../img/h2-produktove-baliky.gif); }
#h2-datove-centrum-zakni span { background-image: url(../img/h2-datove-centrum-zakni.gif); }
#h2-vyhody-sluzby span { background-image: url(../img/h2-vyhody-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-zakni-job span { background-image: url(../img/subsection-title-zakni-job.gif); }
#subsection-title-hostovany-sharepoint span { background-image: url(../img/subsection-title-hostovany-sharepoint.gif); }


/****************/
/* BLOCK TITLES */
/****************/
#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); }
#block-title-program-exchange-gold-plus span { background-image: url(../img/block-title-program-exchange-gold-plus.gif); }
#block-title-program-exchange-gold span { background-image: url(../img/block-title-program-exchange-gold.gif); }
#block-title-program-exchange-bronze span { background-image: url(../img/block-title-program-exchange-bronze.gif); }
#block-title-program-exchange-silver span { background-image: url(../img/block-title-program-exchange-silver.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; }
#page-homepage #sublevel-title-box a { font-size: 14px; color: #FFFFFF; }
#page-homepage .block { width: 230px; height: 200px; 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: 300px; 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-title1 span { background-image: url(../img/imagen1-portada.gif); }
#page-homepage #block-title2 span { background-image: url(../img/imagen2-portada.gif); }
#page-homepage #block-title3 span { background-image: url(../img/imagen3-portada.gif); }
#page-homepage #block-title4 span { background-image: url(../img/imagen4-portada.gif); }

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


/********/
/* NEWS */
/********/
#news { width: 235px; height: 215px; position: absolute; top: 142px; 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() 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 { width: 225px; height: 180px; float: left; position: relative; margin-right: 10px;}
#news #slide-position { position: relative; left: 0px; height: 180px; overflow: hidden; }
#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: 12px; 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 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; }
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; }
p.notes { font-size: 11px; padding-top: 5px; }
p.notes * { font-size: 11px; }

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