/* www.bgtelekom.cz, CSS styly pro zobrazeni */

/* zakladni nastaveni */

body, body.editor {
	background-color: #eeeeee;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 70%;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	height: 100%;
	_text-align: center;
}

body.editor {
	background-color: #FFFFFF;
	background-image: none;
	margin: 5px;
	padding: 0px;
	width: auto;
	height: auto;
	text-align: left;
}

a img, a:link img {
	border: none;
}

/* pro zvetsovani obrazku */

#large {
	margin: 0px;
	padding: 0px;
	background-image: none;
	background-color: #FFFFFF;
}

#enlarge p {
	margin: 0px;
}

/* nastaveni margin */

#homepage div P, #homepage div h1, #homepage div h2, #homepage div h3, #homepage div h4, #homepage div h5, #homepage div h6, #page div P, #page div h1, #page div h2, #page div h3, #page div h4, #page div h5, #page div h6 {
	margin: 0px;
}

body.editor p, body.editor h1, body.editor h2, body.editor h3, body.editor h4, body.editor h5, body.editor h6 {
	margin: 0px;
}

/* vrstvy pro tisk */

#print-header {
	display: none;
}

/* formatovaci vrstvy */

#homepage, #page {
	width: 780px;
	height: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	_text-align: left;
	background-image: url(gr09.gif);
	background-repeat: repeat-y;
}

html>body #page {
	height: auto;
	min-height: 100%;
}

#spacer {
	height: 40px;
	width: 780px;
	clear: both;
}

#footer {
	height: 30px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	overflow: hidden;
	width: 778px;
	margin-left: 1px;
	margin-right: 1px;
	background-image: url(gr01.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#homepage #footer {
	_top: expression(document.getElementById('homepage').offsetHeight - document.getElementById('footer').offsetHeight);
}

#page #footer {
	_top: expression(document.getElementById('page').offsetHeight - document.getElementById('footer').offsetHeight);
}

/* hlavicka */

#header {
	height: 100px;
	width: 778px;
	margin-left: 1px;
	margin-right: 1px;
	background-image: url(gr04.gif);
	background-repeat: repeat-x;
}

/* logo */

#logo {
	float: left;
	width: 186px;
	height: 100px;
	background-image: url(gr02.gif);
}

#logo ul {
	margin: 0px;
	padding: 0px;
	margin-left: 14px;
	margin-top: 20px;
}

#logo ul li {
	list-style-type: none;
	width: 140px;
	height: 51px;
	position: relative;
	overflow: hidden;
	text-decoration: underline;
}

#logo ul li span {
	display: block;
	width: 140px;
	height: 51px;
	background-image:   url(gr03.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
}

#logo ul li span a, #logo ul li span a:link {
	display: block;
	width: 140px;
	height: 51px;
}

/* menu */

#menu {
	float: left;
	margin-top: 47px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
}

#menu ul li {
	list-style-type: none;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #cc3333;
	position: relative;
}

#menu ul li a, #menu ul li a:link {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color: #ffffff;
	display: block;
	text-decoration: none;
}

#menu ul li a:hover, #menu ul li a.menu-on {
	color: #cc3300;
	background-color: #ffffff;
}

#menu ul li.item a, #menu ul li.item a:link {
	padding-left: 10px;
	padding-right: 10px;
} 

#menu ul li ul {
	display: none;
	z-index: 3;
}

li>ul {
	top: auto;
	left: auto;
}

#menu ul li:hover ul {
	position: absolute;
	left: 0px;
	top: 2.1em;
}

#menu ul li:hover ul, #menu ul li.over ul {
	display: block;
	position: absolute;
	width: 23em;
}

#menu ul li ul li {
	list-style-type: none;
	border-left: 1px solid #cc3333;
	border-bottom: 1px solid #cccccc;
	background-color: #FFFFFF;
}

#menu ul li ul li a, #menu ul li ul li a:link {
	color: #cc3300;
}

#menu ul li ul li a:hover {
	background-color: #cc3300;
	color: #ffffff;
}

#menu ul li ul#produkty li {
	width: 23em;
	background-color: #FFFFFF;
}

#menu ul li ul#prislusenstvi li {
	width: 15em;
}

/* bottom */

#bottom {
	width: 780px;
}

/* levy sloupec */

#left {
	width: 166px;
	float: left;
}

/* kontaktni data */

#left #contact {
	margin: 10px;
	margin-top: 30px;
}


#left #contact p {
	color: #333366;
	letter-spacing: -1px;
}

#left #contact a, #left #contact a:link {
	color: #333366;
	text-decoration: underline;
}

#left #contact a:hover {
	color: #FF0000;
}

/* ssp */

#ssp {
	margin: 10px;
	margin-top: 30px;
}

/* credits */

#left #credits {
	margin: 10px;
	margin-top: 30px;
}

#left #credits p {
	font-size: 90%;
	color: #999999;
	letter-spacing: -1px;
}

#left #credits a, #left #credits a:link {
	color: #999999;
	text-decoration: underline;
}

#left #credits a:hover {
	color: #666666;
}

/* pravy sloupec */

#right {
	width: 593px;
	float: right;
}

/* definice pro textovy layer */

#text {
	width: 583px;
	margin-right: 10px;
	overflow: hidden;
}

#text #path {
	width: 583px;
	float: left;
	margin-bottom: 15px;
}

#text #path ul {
	margin: 0px;
	padding: 0px;
}

#text #path ul li {
	list-style-type: none;
	float: left;
	font-size: 90%;
	padding-left: 7px;
	padding-right: 20px;
	background-image:  url(gr05.gif);
	background-repeat: no-repeat;
	background-position: left center;
	white-space: nowrap;
}

#text #path ul li a, #text #path ul li a:link {
	color: #000000;
	text-decoration: underline;
}

#text #path ul li a:hover {
	color: #CC3333;
}

#text #path ul li a.menu-on {
	color: #CC3333;
	font-weight: bold;
}

#text #pagemenu {
	margin-bottom: 25px;
	width: 583px;
	float: left;
}

#text #pagemenu ul {
	margin: 0px;
	padding: 0px;
}

#text #pagemenu ul li {
	list-style-type: none;
	padding-right: 20px;
	white-space: nowrap;
	font-size: 90%;
	float: left;
	padding-left: 7px;
	background-image:  url(gr05.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 14px;
}

#text #pagemenu ul li a, #text #pagemenu ul li a:link {
	color: #000000;
	text-decoration: underline;
}

#text #pagemenu ul li a:hover {
	color: #CC3333;
}

#text #pagemenu ul li a.menu-on {
	color: #CC3333;
	font-weight: bold;
}

#text #partners {
	float: right;
	width: 200px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#text #partners p {
	position: relative;
	text-align: center;
	margin-bottom: 10px;
}

#text #columns div {
	width: 45%;
	float: left;
}

#text #threecolumns {
	margin-top: 10px;
}

#text #threecolumns div {
	width: 30%;
	margin-right: 10px;
	float: left;
	text-align: center;
}

#text #tablo {
	width: 95%;
}

#text #tablo p {
	float: left;
	text-align: center;
	margin-right: 30px;
	margin-bottom: 30px;
}

#text div.rimg {
	float: right;
	padding: 5px;
	margin-left: 40px;
}

#text div.img {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 20px;
}

#text div.img p, #text div.rimg p {
	text-align: center;
	font-size: 90%;
}

#text div.img img, #text div.rimg img {
	margin-bottom: 10px;
}

#text #choice ul {
	margin: 0px;
	padding: 0px;
}

#text #choice ul li {
	list-style-type: none;
	font-weight: bold;
	color: #336699;
	background-repeat: no-repeat;
	background-position: left;
	height: 30px;
	line-height: 30px;
	_line-height: 28px;
	float: left;
	clear: both;
	margin-bottom: 10px;
}

#text #choice ul li a, #text #choice ul li a:link {
	color: #000000;
	text-decoration: none;
	display: block;
	_display: inline;
	height: 28px;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	margin-left: 30px;
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap;
}

#text #choice ul li a:hover {
	color: #CC3333;
}

#text #choice ul li.voice-mail {
	background-image:  url(../data/img178-voice-mail.jpg);
}

#text #choice ul li.automaticka-spojovatelka {
	background-image:  url(../data/img179-automaticka-spojovatelka.jpg);
}

#text #choice ul li.nahravani-hovoru {
	background-image:  url(../data/img180-nahravani-hovoru.jpg);
}

#text #choice ul li.hudba-pri-cekani {
	background-image:  url(../data/img181-hudba-pri-cekani.jpg);
}

#text #choice ul li.m730 {
	background-image:  url(../data/img189-m730.jpg);
}

#text #choice ul li.m740 {
	background-image:  url(../data/img190-m740.jpg);
}

#text #choice ul li.m760 {
	background-image:  url(../data/img191-m760.jpg);
}

#text #choice ul li.analogove-telefony-euroset {
	background-image:  url(../data/img182-analogove-telefony-euroset.jpg);
}

#text #choice ul li.digitalni-telefony-optipoint-410 {
	background-image:  url(../data/img183-digitalni-telefony-optipoint-410.jpg);
}

#text #choice ul li.digitalni-telefony-optipoint-500 {
	background-image:  url(../data/img201-digitalni-telefony-optipoint-500.jpg);
}

#text #choice ul li.telefony-siemens {
	background-image:  url(../data/img182-analogove-telefony-euroset.jpg);
}

#text #choice ul li.telefony-matra {
	background-image:  url(../data/img189-m730.jpg);
}

#text #choice ul li.telefony-doro {
	background-image:  url(../data/img200-telefony-doro.jpg);

}

#text #choice ul li.telefony-panasonic {
	background-image:  url(../data/img199-telefony-panasonic.jpg);
}

#text #choice ul li.its-produkty {
	background-image:  url(../data/img178-voice-mail.jpg);
}

#text #choice ul li.audiokonference {
	background-image:  url(../data/img184-do-kancelari.jpg);
}

#text #choice ul li.gsm-brana-nokia {
	background-image:  url(../data/img194-gsm-brana-nokia.jpg);
}

#text #choice ul li.telefonni-ustredny-siemens {
	background-image:  url(../data/img173-telefonni-ustredna-hipath-3000-v5.jpg);
}

#text #choice ul li.telefonni-ustredny-matra {
	background-image:  url(../data/img176-telefonni-ustredny-rady-nexspan.jpg);
}

#text #choice ul li.telefonni-ustredny-panasonic {
	background-image:  url(../data/img198-system-hybrid-ip-pbx.jpg);
}

#text #choice ul li.kabelazni-systemy-r-and-m-freenet {
	background-image:  url(../data/img207-strukturovana-kabelaz-10-inch.jpg);
}

#text #choice ul li.nahlavni-soupravy-gn-netcom {
	background-image:  url(../data/img204-bezdratova-reseni.jpg);
}

#text #choice ul li.telefonni-ustredna-hipath-3000-v5 {
	background-image:  url(../data/img173-telefonni-ustredna-hipath-3000-v5.jpg);
}

#text #choice ul li.hipath-hg-1500-v3 {
	background-image:  url(../data/img174-hipath-hg-1500-v3.jpg);
}

#text #choice ul li.optipoint-410 {
	background-image:  url(../data/img183-digitalni-telefony-optipoint-410.jpg);
}

#text #choice ul li.optipoint-500 {
	background-image:  url(../data/img201-digitalni-telefony-optipoint-500.jpg);
}

#text #choice ul li.bezsnurove-telefony-pro-systemy-hipath {
	background-image:  url(../data/img171-bezsnurove-telefony-pro-systemy-hipath.jpg);
}

#text #choice ul li.hipath-cordless-enterprise {
	background-image:  url(../data/img172-hipath-cordless-enterprise.jpg);
}

#text #choice ul li.telefonni-ustredny-rady-nexspan {
	background-image:  url(../data/img176-telefonni-ustredny-rady-nexspan.jpg);
}

#text #choice ul li.ip-telefonie {
	background-image:  url(../data/img209-ip-telefonie.jpg);
}

#text #choice ul li.integrovane-mobilni-reseni-standardu-dect {
	background-image:  url(../data/img210-integrovane-mobilni-reseni-standardu-dect.jpg);
}

#text #choice ul li.strukturovana-kabelaz-10-inch {
	background-image:  url(../data/img207-strukturovana-kabelaz-10-inch.jpg);
}

#text #choice ul li.bezdratova-reseni {
	background-image:  url(../data/img204-bezdratova-reseni.jpg);
}

#text #choice ul li.pevne-pripojeni {
	background-image:  url(../data/img203-pevne-pripojeni.jpg);
}

#text #choice ul li.telefony-sestavy {
	background-image:  url(../data/img206-telefony-sestavy.jpg);
}

#text #choice ul li.zesilovace-prepinace-sestavy {
	background-image:  url(../data/img205-zesilovace-prepinace-sestavy.jpg);
}

#text #choice ul li.kabely {
	background-image:  url(../data/img211-kabely.jpg);
}

#text #choice ul li.pro-call-centra {
	background-image:  url(../data/img202-pro-call-centra.jpg);
}

#text #choice ul li.uzivatelske-manualy {
	background-image:  url(../data/img208-uzivatelske-manualy.jpg);
}

#text #choice ul li.system-hybrid-ip-pbx {
	background-image:  url(../data/img198-system-hybrid-ip-pbx.jpg);
}

#text #choice ul li.podpora-podnikani {
	background-image:  url(../data/img195-podpora-podnikani.jpg);
}

#text #choice ul li.seznam-funkci {
	background-image:  url(../data/img196-seznam-funkci.jpg);
}

#text #choice ul li.specifikace {
	background-image:  url(../data/img197-specifikace.jpg);
}

#text #choice ul li.do-kancelari {
	background-image:  url(../data/img184-do-kancelari.jpg);
}

#text #choice ul li.do-zasedacich-mistnosti {
	background-image:  url(../data/img192-do-zasedacich-mistnosti.jpg);
}

#text #choice ul li.do-salu-nebo-na-podia {
	background-image:  url(../data/img185-do-salu-nebo-na-podia.jpg);
}

#text #choice ul li.sirokopasmovy-zvuk-7khz {
	background-image:  url(../data/img188-sirokopasmovy-zvuk-7khz.jpg);
}

#text #choice ul li.audiokonference-bez-dratu {
	background-image:  url(../data/img193-audiokonference-bez-dratu.jpg);
}

#text #choice ul li.voice-over-ip {
	background-image:  url(../data/img187-voice-over-ip.jpg);
}

#text #choice ul li.dosah-mikrofonu-zarucujich-optimalni-srozumitelnost {
	background-image:  url(../data/img186-dosah-mikrofonu-zarucujicich-optimalni-srozumitelnost.jpg);
}

#text #choice ul li.hipath-ip-telefonie {
	background-image: url(../data/hipath-ip-telefonie.jpg);
}

#text #choice ul li.elektronicke-zabezpecovaci-systemy {
	background-image: url(../data/img220-elektronicke-zabezpecovaci-systemy.jpg);
}

#text #choice ul li.eps {
	background-image: url(../data/img221-eps.jpg);
}

#text #choice ul li.ezs {
	background-image: url(../data/img222-ezs.jpg);
}

#text #choice ul li.cctv {
	background-image: url(../data/img223-cctv.jpg);
}

#text #choice ul li.asc {
	background-image: url(../data/img224-asc.jpg);
}

#text div.brochure {
	float: right;
	background-color: #eeeeee;
	margin-left: 20px;
	margin-right: -20px;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #cc3300;
}

#text div.brochure p {
	font-size: 90%;
	text-align: center;
	padding: 10px;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
}

#text div.brochure p img {
	border: 1px solid #999999;
	margin-bottom: 2px;
}

#text p, body.editor p {
	padding-top: 4px;
	padding-bottom: 4px;
}

#text h1, body.editor h1 {
	font-size: 120%;
	padding-bottom: 15px;
}

#text h2, body.editor h2 {
	font-size: 115%;
	padding-top: 6px;
	padding-bottom: 4px;
}

#text h3, body.editor h3 {
	font-size: 110%;
	padding-top: 6px;
	padding-bottom: 4px;
}

#text h4, body.editor h4 {
	font-size: 105%;
}

#text h5, body.editor h5 {
	font-size: 100%;
}

#text h6, body.editor h6 {
	font-size: 100%;
}

#text em, body.editor em {
	font-weight: bold;
	font-style: normal;
}

#text strong, body.editor strong {
	font-weight: bold;
	font-style: normal;
}

#text li, body.editor li {
}

#text ol, body.editor ol {
	margin-left: 0px;
	margin-top: 10px;
	padding-left: 2.3em;
}

#text ul, body.editor ul {
	margin-left: 0px;
	margin-top: 10px;
	padding-left: 2.3em;
	margin-bottom: 10px;
}

#text ul li, body.editor ul li {
	list-style-type: square;
}

#text sub, body.editor sub {
	font-size: 95%;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
}

#text sup, body.editor sup {
	font-size: 95%;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
}

#text a, body.editor a {
	color: #000000;
	text-decoration: underline;
}

#text a:link, body.editor a:link {
	color: #000000;
	text-decoration: underline;
}

#text a:hover, body.editor a:hover {
	color: #CC3333;
	text-decoration: underline;
}

#text input {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 2px;
	width: 200px;
	height: 19px;
	background-color: transparent;
	border: 1px solid #999999;
}

#text input.checkbox {
	width: 13px;
	height: 13px;
	border: none;
}

#text input.radio {
	width: 13px;
	height: 13px;
	border: none;
}

#text input.submit, #text input.reset, #text input.button {
	font-weight: bold;
	width: 200px;
	height: 21px;
	padding: 2px;
	border: 2px solid #999999;
	margin-left: 10.1em;
	_margin-left: 10.3em;
}

#text input.file {
	width: 200px;
	height: 21px;
}

#text input.image {
	padding: 0px;
	border: none;
}

#text textarea {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 2px;
	width: 200px;
	height: 100px;
	background-color: transparent;
	border: 1px solid #999999;
}

#text select {
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 200px;
	background-color: transparent;
}

#text form label {
	float: left;
	width: 10em;
}

#text hr, body.editor hr {
	color: #CCCCCC;
}

#text table, body.editor table {
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	margin-bottom: 10px;
	margin-top: 10px;
}

#text td, body.editor td {
	font-size: 60%;
	padding-left: 3px;
	padding-right: 3px;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	vertical-align: top;
}

#text th, body.editor th {
	font-size: 60%;
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	background-color: #EEEEEE;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	vertical-align: top;
}