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


input {
	font-size: 12px;
}
select {
	font-size: 12px;
}

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


img.right { float: right; margin: 3px 0px 5px 8px; }
img.left { float: left; margin: 3px 8px 5px 0px; }

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("http://www.ticsoft.com/images/body-bg.gif") repeat-x left top; }

p { line-height: 170%; padding-bottom: 0.8em; }
a { text-decoration: underline; TEXT-DECORATION: none;}
ul { margin-left: 2.5em; padding-bottom: 0.8em; }
ol { margin-left: 3.5em; padding-bottom: 0.8em; }
ul li { list-style-type: none; }
ul li, ol li { line-height: 170%; }
.bold { font-weight: bold; }


/* TITLE COLORS */

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

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

#page-bg { background: #FFFFFF url("http://www.ticsoft.com/images/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("http://www.ticsoft.com/images/right-block-bg.gif") no-repeat left top; position: relative; }
.block * { color: #333333; font-size: 12px; }
.block-bg { background: url("http://www.ticsoft.com/images/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("http://www.ticsoft.com/images/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 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: none; 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%; }




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

/**************/
/* TOP STRIPE */
/**************/
#top-stripe {text-align: right; height: 25px; position: relative; overflow: hidden; }
#top-stripe * { font-size: 10px; color: #E3E5E3; line-height: 25px; }
#top-stripe p { padding-left: 2px; }
#top-stripe a { color: #E3E5E3; }
#top-stripe H1 { PADDING-RIGHT: 2px; FONT-SIZE: 12px; font-weight: bold; MARGIN: 0px; float: right; COLOR: #888888; }
/********/
/* LOGO */
/********/
#logo { padding-top: 0px; padding-left: 20px; padding-bottom: 0px; line-height: 100%; }
#logo * { display: block; width: 300px; height: 70px; }

#logo h1 { padding: 0; width: 300px; height:  70px; background: url(http://www.ticsoft.com//images/logo-thiet-ke-website.jpg) 0 0 no-repeat; float: left; position: relative; }
#logo h1 a { text-indent: -9999px; display: block; }
#logo h2 { padding: 0; width: 300px; height:  70px; background: url(http://www.ticsoft.com//images/logo-thiet-ke-website.jpg) 0 0 no-repeat; float: left; position: relative; }
#logo h2 a { text-indent: -9999px; display: block; }
#logo p { padding: 0; width: 300px; height:  70px; background: url(http://www.ticsoft.com//images/logo-thiet-ke-website.jpg) 0 0 no-repeat; float: left; position: relative; }
#logo p a { text-indent: -9999px; display: block; }

/****************/
/* 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 { font-weight: bold; }
#header-links span { font-weight: normal; background-repeat: no-repeat; }



/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#left-column {}
#left-column-content { padding: 10px 0px 20px 33px; }
#left-column-content p {font-size: 13px; font-weight: normal; padding: 1px 30px 0px 0px;   }
#left-column-content p a{
	line-height: 19.5px;
	_line-height: 25px;
}
/*************/
/* LEFT MENU */
/*************/
.left-menu { margin: 0px; padding: 0px; width: 192px;}
.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("http://www.ticsoft.com/images/li-thiet-ke-website.gif") no-repeat 5px 10px; padding: 3px 0px 3px 15px; display: block; width: 175px; text-decoration: none; line-height: 18px; }
.left-menu li a:hover,
.left-menu li.active a { background-image: url("http://www.ticsoft.com/images/li-thiet-ke-website.gif"); color: #DF0424; }
.left-menu li a:hover strong,
.left-menu li.active a strong { color: #DF0424; }

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

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

/*********/
/* BLOCK */
/*********/
#main-content .block { width: 225px; height: 200px; margin-right: 18px; background-image: url("http://www.ticsoft.com/images/block-main-content-bg.gif"); float: left;  }
#main-content .block.wide { width: 345px; height: 130px; overflow: hidden;  background: #F1F5F6 url("http://www.ticsoft.com/images/wide-block-bg.gif") no-repeat right bottom; margin-right: 20px; margin-bottom: 10px; }
#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 h1 { font-weight: bold; color: #000000; font-size: 13px; line-height: 100%; margin: 0px 5px 7px 5px; padding: 8px 0px 4px 9px; height: auto; line-height: 100%; }
#main-content .block h2 { font-weight: bold; color: #000000; font-size: 13px; line-height: 100%; margin: 0px 5px 7px 5px; padding: 8px 0px 4px 9px; height: auto; line-height: 100%; }
#main-content .block h3 { font-weight: bold; color: #000000; font-size: 13px; line-height: 100%; margin: 0px 5px 7px 5px; padding: 8px 0px 4px 9px; height: auto; line-height: 100%; }
#main-content .block h4 { font-weight: bold; color: #000000; font-size: 13px; line-height: 100%; margin: 0px 5px 7px 5px; padding: 8px 0px 4px 9px; height: auto; line-height: 100%; }
#main-content .block h5 { font-weight: bold; color: #000000; font-size: 13px; line-height: 100%; margin: 0px 5px 7px 5px; padding: 8px 0px 4px 9px; height: auto; line-height: 100%; }
#main-content .block h6 { font-weight: bold; color: #000000; font-size: 13px; line-height: 100%; margin: 0px 5px 7px 5px; padding: 8px 0px 4px 9px; height: auto; line-height: 100%; }

#main-content .block div { font-weight: bold; color: #000000; font-size: 13px; line-height: 100%; margin: 0px 5px 7px 5px; padding: 8px 0px 4px 9px; height: auto; line-height: 100%; }


#main-content .block.wide p { padding-left: 12px; padding-right: 80px; }
#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("http://www.ticsoft.com/images/block-bottom-link-bg.gif"); width: 100%; }

#main-content .block.wide.short { background-image: url("http://www.ticsoft.com/images/block-wide-short-bg.jpg"); }
#main-content .block.wide.short p { padding-right: 5px; padding-top: 30px; }
#main-content .block.wide.short p.more { padding-top: 0px; }
.block.wide.short p.more a.overlap span { background-image: url("http://www.ticsoft.com/images/title-vice-informaci-short.gif"); }
#main-content .block.wide.super-wide .krabice { position: absolute; top: 0px; left: 0px; }
#main-content .block.wide.short .krabice { position: static; float: right; }



#main-content .block.wide.short h1 { position: absolute; top: 0px; left: 0px;  width: 185px; padding-left: 5px; }
#main-content .block.wide.short h1 span { width: 185px; left: 5px; }

#main-content .block.wide.short h2 { position: absolute; top: 0px; left: 0px;  width: 185px; padding-left: 5px; }
#main-content .block.wide.short h2 span { width: 185px; left: 5px; }

#main-content .block.wide.short h3 { position: absolute; top: 0px; left: 0px;  width: 185px; padding-left: 5px; }
#main-content .block.wide.short h3 span { width: 185px; left: 5px; }

#main-content .block.wide.short h4 { position: absolute; top: 0px; left: 0px;  width: 185px; padding-left: 5px; }
#main-content .block.wide.short h4 span { width: 185px; left: 5px; }

#main-content .block.wide.short h5 { position: absolute; top: 0px; left: 0px;  width: 185px; padding-left: 5px; }
#main-content .block.wide.short h5 span { width: 185px; left: 5px; }

#main-content .block.wide.short div { position: absolute; top: 0px; left: 0px; width: 185px; padding-left: 7px; }
#main-content .block.wide.short div span { width: 185px; left: 5px; }

/* LITTLE */
#main-content .products.little .block {  height: 90px; }
#main-content .products.little .block div { 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 div { margin-bottom: 0px; border-bottom: none; }
#main-content .products.middle .block .more { position: static; margin-bottom: 0px; padding-bottom: 0px; }


/***************************/
/* banner */
/***************************/
#sublevel-title-box { width: 100%; height: 220px; position: relative; margin-bottom: 12px; overflow: hidden; }
#sublevel-title-box p { width: 340px; padding: 0px; margin: 0px; position: absolute; top: 90px; left: 22px; color: #FFFFFF; line-height: 160%; }
#sublevel-title-box strong { font-size: 11px; color: #000000; font-weight: bold; padding-left: 220px; }
#sublevel-title-box em { font-size: 18px; color: #000000; font-weight: bold; padding-top: 10px; }
/*******/
/* BOX */
/*******/
.box { background: #FFFFFF url("http://www.ticsoft.com/images/subtitle-bg.gif") repeat-x left top; width: 100%; }



.box h4 { font-size: 14px; color: #000000; font-weight: bold; margin: 0px; padding: 5px 0px 0px 10px; }
.box h4 span { height: 45px; width: 100%; padding-top: 10px; }
.box h5 { font-size: 14px; color: #000000; font-weight: bold; margin: 0px; padding: 5px 0px 0px 10px; }
.box h5 span { height: 45px; width: 100%; padding-top: 10px; }
.box p { padding: 5px 5px 0px 5px; }
/*******/
/*******/
/* BOX */
/*******/
.box1 { background: #FFFFFF url("http://www.ticsoft.com/images/subtitle-bg.gif") repeat-x left top; width: 100%; }
.box1 a:link { color: #666666; text-decoration: underline; font-weight: normal; }
.box1 a:visited { color: #f62525; text-decoration: underline; font-weight: normal; }
.box1 a:hover { color: #f62525; text-decoration: underline; }

.box1 h2 { color: #000000; font-weight: bold; }
.box1 h4 { font-size: 14px; color: #000000; font-weight: bold; margin: 0px; padding: 5px 0px 0px 10px; }
.box1 h4 span { height: 45px; width: 100%; padding-top: 10px; }
.box1 h5 { font-size: 14px; color: #000000; font-weight: bold; margin: 0px; padding: 5px 0px 0px 10px; }
.box1 h5 span { height: 45px; width: 100%; padding-top: 10px; }
.box1 p { padding: 5px 5px 0px 5px; }
/*******/

/*********************/
/* 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 {font-weight: bold; padding: 0px 4px; }
#bottom-nav strong {font-weight: bold; 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; }
#bottom-nav a { font-weight: normal; }
/************/


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

/****************/


/********/
/* 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("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; }
/***************/
/* PAGE TITLES */
/***************/

#pt-007 span { background-image: url("http://www.ticsoft.com/images/pt-007.png"); } 

/*************/
#thiet-ke-web 
{ COLOR: #70776F; font-weight:normal; padding: 0px 0px 0px 0px; }

.thiet-ke-website 
{ COLOR: #70776F ; font-weight:bold; padding: 5px 0px 0px 10px; }
.aboutindexcont { padding-top:5px;}
.aboutindexcont img { float: left; margin: 7px 5px 0px 10px;}
.aboutindexcont div { float: left;}

.tu-van-thiet-ke-web { margin: 0px; padding: 0px 5px 0px 13px; }


/*.wide-content { width:950px; margin:0 auto; padding:0; } */
#head1 {
  top: 135px;
  width: 350px;
  margin: 0 auto;
  font-size: 11px;
  z-index: 100;
  padding: 0px;
  position: absolute;
}
#head1 h1 {
  font-size: 13px;
  COLOR: #000000;
  margin: 0 0;
  padding: 0 0 1px 230px;
  font-weight: bold;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 1px;
  padding-left: 32px;
  float:left
  }
  
 #head1 h2 {
  font-size: 13px;
  COLOR: #000000;
  margin: 0 0;
  padding: 0 0 1px 230px;
  font-weight: bold;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 1px;
  padding-left: 32px;
  float:left
  }
#head2 h2 {
  font-size: 13px;
  COLOR: #000000;
  margin: 0 0;
  padding: 0 0 1px 230px;
  font-weight: bold;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 1px;
  padding-left: 32px;
  float:left
  }
#head1 p {font-size: 11px; COLOR: #999999; margin: 0em; text-align: justify; padding-right: 5px; padding-left: 20px;}

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { margin: 0px 10px; background: url("http://www.ticsoft.com/images/footer-bg-thiet-ke-website.gif") no-repeat left top; position: relative; }
#footer p { padding-left: 12px; padding-right: 10px; }
#footer h2 {font-size: 11px; font-weight: normal; margin: 0px; padding-left: 12px; padding-right: 5px;}
#footer h3 {font-size: 11px; font-weight: normal; margin: 0px; padding-left: 12px; padding-right: 5px;}
#footer h4 {font-size: 11px; font-weight: normal; margin: 0px; padding-left: 12px; padding-right: 5px;}
#footer h5 {font-size: 11px; font-weight: normal; margin: 0px; padding-left: 12px; padding-right: 5px;}
#footer h6 {font-size: 11px; font-weight: normal; margin: 0px; padding-left: 12px; padding-right: 5px;} 
#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; }
#footer .text {line-height: 130%; padding: 0px 6px 2px 12px; }
#copyright p { font-size: 11px; color: #000000; font-weight: bold; margin: 0px; }
/************/
/* PARTNERS */
/************/
#certification { padding-top: 7px; padding-left: 10px; float: none; margin-right: 48px; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
.menu { padding: 0px; margin: 0px; width: 960px; height: 30px; overflow: visible; position: absolute; top: 96px; left: 10px; background: #E03434 url("http://www.ticsoft.com/images/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("http://www.ticsoft.com/images/menu-separator.gif") no-repeat right center; position: relative; }
.menu li a:hover { text-decoration: underline; text-decoration: none;}

.menu-homepage { width: 119px; font-weight: bold; }
.menu .menu-lienhe a { padding-right: 0px; background: none; font-weight: bold; }
.menu-lienhe { width: 125px; }