.debug {
	background-color: #FF0000;
}
body {
	color: #161616;
	background: #FFF;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 100%;
}
body, p, blockquote, ul, ol, form, fieldset, dl, dt, dd, h1, h2, h3, h4, h5, h6, table {
	margin: 0;
	padding: 0;
}
form, input, select, textarea, table {
	font-size: 100%;
	font-family: verdana, tahoma, arial, sans-serif;
}
a img {
	border: none;
}
#innerRight a img {
	display: block; 
}
h1 img, h2 img { 
	display: block; 
}
hr, .noDisplay {
	display: none;
}

/* ----- TABLES ----- */
table {
	border-collapse: collapse;
}

/* ----- LINKS ----- */
a {
	color: #003399;
}
a:hover, a:focus, a:active, a:visited:hover {
	color: #990000 !important;
}

/* ----- LAYOUT ----- */
#pageHolder {
	font-size: 70%;
	background: #fff url(/_pub/a3/98/36/112555_139949_bg_page.gif) left top repeat-x;
	text-align: center;
}
#page {
	text-align: left;
	width: 975px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	height: 110px;
	position: relative;
}
#logo, #title_techzona {
	position: absolute;
}
#logo { left: 49px; top: 30px; }
#title_techzona { left: 139px; top: 36px; }

/* ----- SEARCHBOX ----- */
#searchBox {
	position: absolute;
	right: 0px;
	top: 55px;
}
#searchBox .text {
	border: solid 1px #8589AB;
	background: #FEFEFE url(/_pub/1b/1f/42/112732_139928_bg_searchbox.gif) left top repeat-x;
	height: 15px;
	padding: 2px;
	width: 132px;
	margin-right: 4px;
}
#searchBox input {
	float: left;
}
#searchBoxLinks a, #searchBoxLinks a:hover, #searchBoxLinks a:focus, #searchBoxLinks a:active, #searchBoxLinks a:visited:hover {
	color: #0099CC !important;
	text-decoration: underline;
}
#searchBox #sitemapLink {
	margin-right: 31px;
}
#searchBoxLinks {
	margin-top: 11px;
}
/* ----- MENU ----- */
#menu {
	width: 975px;
	background: url(/_pub/72/e9/e8/112551_139944_bg_menu.gif) no-repeat right top;
}
#menu ul {
	float: left;
	width: 595px;
	height: 34px;
	overflow: hidden;
	list-style-type: none;
}
#menu li {
	float: left;
}
#menu a, #menu span {
	display: block;
	height: 34px;
}
#menu a {
	text-decoration: none;
	position: relative;
}
#menu span {
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	cursor: pointer;
}

#menu span { background-image: url(/_pub/12/d/7/112553_139943_bg_menu_all_items.gif); }

#m_koncova_zarizeni, #m_koncova_zarizeni span { width: 158px; }
#m_sluzby, #m_sluzby span { width: 83px; }
#m_zakaznicka_reseni, #m_zakaznicka_reseni span { width: 162px; }
#m_casto_kladene_dotazy, #m_casto_kladene_dotazy span { width: 190px; }

#m_koncova_zarizeni span { background-position: 0 0; }
#m_sluzby span { background-position: -158px 0; }
#m_zakaznicka_reseni span { background-position: -241px 0; }
#m_casto_kladene_dotazy span { background-position: -403px 0; }

#m_koncova_zarizeni:hover span, #m_koncova_zarizeni:focus span, #m_koncova_zarizeni:active span { background-position: 0 -34px; }
#m_sluzby:hover span, #m_sluzby:focus span, #m_sluzby:active span { background-position: -158px -34px; }
#m_zakaznicka_reseni:hover span, #m_zakaznicka_reseni:focus span, #m_zakaznicka_reseni:active span { background-position: -241px -34px; }
#m_casto_kladene_dotazy:hover span, #m_casto_kladene_dotazy:focus span, #m_casto_kladene_dotazy:active span { background-position: -403px -34px; }

#m_koncova_zarizeni.active span { background-position: 0 -68px !important; }
#m_sluzby.active span { background-position: -158px -68px !important; }
#m_zakaznicka_reseni.active span { background-position: -241px -68px !important; }
#m_casto_kladene_dotazy.active span { background-position: -403px -68px !important; }

#o2web { float: right; }
#o2web, #o2web a, #o2web span { width: 137px; }
#o2web span { background-image: url(/_pub/c5/fc/38/114790_376106_menu_mrktg_web2.gif); }
#o2web:hover span, #o2web:focus span, #o2web:active span { background-position: 0 -34px; }

/* ----- IMG TITLES ----- */
.imgTitle {
	text-decoration: none;
	position: relative;
	padding: 0;
	overflow: hidden;
}
.imgTitle span {
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
a.imgTitle {
	text-decoration: none;
	cursor: pointer;
}

#vitejte, #vitejte span { width: 471px; height: 26px; }
#vitejte span { background-image: url(/_pub/21/fe/87/112599_139940_title_vitejte.gif); }

/* ----- CLASSES ----- */
.reset {
	display: block;
	font-size: 0px;
	line-height: 0px;
	height: 0.1px;
	overflow: hidden;
	clear: both;
}
.floatLeft,
.fleft { float: left; }
.floatRight,
.fright { float: right; }
.right { text-align: right; }
.left {text-align: left;}
.center { text-align: center; }
.clearLeft {clear: left;}
.nBG { background-image:none !important; }
.poznamka { font-family: tahoma, verdana, arial, sans-serif; font-size: 90%; }
.poznamka, .poznamka p { color: #666; }
.poznamka ul { margin: 0 20px 10px 30px; }
.arrow {
	color: #003399;
	background: url(/_pub/79/d2/d8/358_11578_box_arrow.gif) no-repeat 0 50%;
	padding-left: 12px;
	text-decoration: none;
}
p.more a {
	background: url(/_pub/79/d2/d8/358_11578_box_arrow.gif) no-repeat 0 5px;
	text-decoration: none;
	margin: 0 15px 0 15px;
	padding-left: 10px;
}

/* ----- FOOTER ----- */
#footer {
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 100%;
	text-align: left;
	width: 975px;
	margin: 0 auto;
	color: #000033;
}
#footerHolder {
	padding: 14px 40px 10px 28px;
}
#footer img {
	vertical-align: middle;
}
#footer a {
	color: #062058;
}
#footer a:hover,
#footer a:focus {
	color: #990000;
}
#footerLogo {
	float: left;
	width: 135px;
	margin-right: 40px;
}
#footerContent {
	float: left;
	width: 600px;
}
#footerLegal {
	color: #CCC;
	font-size: 90%;
	font-family: tahoma, arial, sans-serif;
	display: block;
	padding-top: 5px;
}

/* ----- ICONS ----- */
a.icon { 
	text-decoration: none;
	padding-left: 11px;
	background-position: left 4px;
	background-repeat: no-repeat;
}
a.redArrow, a.more { background-image: url(/_pub/cd/52/73/112575_139930_icon_arrow_red.gif); }
a.blueArrow { background-image: url(/_pub/6f/c7/92/112630_139946_icon_arrow_blue.gif); }

/* ----- RIGHT BLUE BOXES ----- */
#services4Registered, #domainCheck {
	margin-bottom: 11px;
}
#services4Registered, #domainCheck, #availabilityCheck {
	background-color: #D9F2FF;
}

#services4Registered {
	min-height: 41px;
	padding: 12px 10px 10px 10px;
}
#services4Registered h2{
	margin-bottom: 7px;
}
#services4Registered .text {
	width: 99px;
	margin-right: 5px;
}
#domainCheck {
	min-height: 71px;
	border: solid 5px #fff;
	padding: 5px 6px 5px 5px;
}
#domainCheck h2 {
	margin-bottom: 6px;
}
#domainCheck input.text {
	width: 113px;
	float: left;
	margin-right: 4px;
	margin-bottom: 9px;
}
#domainCheck select {
	width: 47px;
	float: left;
	margin-bottom: 9px;
}
#availabilityCheck {
	min-height: 111px;
	padding: 10px 10px 4px 10px;
}
#availabilityCheck h2 {
	margin-bottom: 10px;
}
#availabilityCheck p {
	color: #0099CC;
	line-height: 1.5em;
	padding-bottom: 10px;
}
#modem_comtrend {
	padding: 10px 0px 4px 0px;
}

/* ----- FORMS ----- */
select {
	border: 1px solid #0E7CB9;
	padding: 1px;
}
input[type=text], input.text {
	color: #000033;
	font-size: 100%;
	height: 15px;
	padding: 2px 0 0 2px;
	border: 1px solid #73B7DC;
}
#innerLeft form {
	border-bottom: 5px solid #F9F9F9;
}
#innerLeft form th {
	font-weight: normal;
	text-align: left;
}
#innerLeft form h3 {
	background: #D9F2FF;
	margin: 0;
	padding: 7px 20px 7px 20px;
	border-bottom: 5px solid #F9F9F9;
}
form th {
	font-weight: normal;
	text-align: left;
}
form h4, form h5, form h6, form p, form table  {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}
form table, form td, form th {
	border: none;
}
form table {
	margin: 0 0 15px 15px;
}
form td, form th {
	vertical-align: middle;
	padding-left: 0;
}

/* ----- WIDTH CLASSES ----- */
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }

.w250 { width:250px; }
.w220 { width:220px; }
.w260 { width:260px; }

/* ----- LIGHTBOX ----- */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/_pub/e2/ae/8b/235524_494508_prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/_pub/62/54/24/235522_494506_nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

a#twitter-anchor { position:absolute; top: 125px; left: 20px; width: 50px; height: 15px; clear:left; display: block; text-decoration: none; }
a#fcbook-anchor { position:absolute; top: 125px; left: 120px; width: 65px; height: 15px; clear:left; display: block; text-decoration: none; }