html {
	font-family: Tahoma;
	color: #6d6d6d;
}

/*
div {
	border: 1px solid #ff0000;
}*/

b {
	font-weight: normal;
}

a {
	color: #6d6d6d;
	text-decoration: none;
}

h1 {
	color: #3C83BB;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 1px 0;
}

.nadpis {
	color: #3C83BB;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 1px 0;
	display: block;
}

h2 {
	color: #3C83BB;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 5px 0;
}

em {
	font-size: 12px;
	color: grey;
	font-style: normal;
}

p {
	margin: 0 0 0 0;
}

/* \/ nevimjaktonazvat csska... globalni? jednoduchy? proste jednoparam kvuli ceo optimalizaci */
.green {
	color: green;
}

.red {
	color: red;
}

.no-border {
	border: none;
}

.no-display {
	display: none;
}

/* /\ a tady je jich konec */

.partneri {
	margin-bottom: 0px;
	margin-top: 16px;
}

#main {
	position: relative;
	border-width: 0 0 0 0;
	width: 700px;
	height: 400px;
	font-size: 11px;
}

.zindex {
	z-index: 1;
}

.home {
	background: url(/html_verze/images/bg_home.jpg) no-repeat;
}

.sluzby {
	background: url(/html_verze/images/bg_sluzby.jpg) no-repeat;
}

.o-spolecnosti {
	background: url(/html_verze/images/bg_ospolecnosti.jpg) no-repeat;
}

.reference {
	background: url(/html_verze/images/bg_reference.jpg) no-repeat;
}

.kontakt {
	background: url(/html_verze/images/bg_kontakt.jpg) no-repeat;
}

#main.ospolecnosti strong, #main.sluzby strong, #main.kontakt strong {
	color: #6d6d6d;
	font-weight: bold;
}

#main.ospolecnosti a, #main.sluzby a, #main.kontakt a {
	color: #3C83BB;
}

#main.sluzby p {
	text-align: right;
}

.menu {
	width: 261px;
	height: 13px;
		
	position: absolute;
	left: 197px;
	top: 366px;
}

/* odkazy menu */

#ospolecnosti {
	float: left;
	display: block;
	cursor: pointer;
	width: 86px;
	height: 13px;
	background: url(/html_verze/images/ospolecnosti.jpg) no-repeat;
}

#ospolecnosti:hover {
	background: url(/html_verze/images/ospolecnosti_hover.jpg) no-repeat;
}

#sluzby {
	float: left;
	display: block;
	cursor: pointer;
	width: 52px;
	height: 13px;
	background: url(/html_verze/images/sluzby.jpg) no-repeat;
}

#sluzby:hover {
	background: url(/html_verze/images/sluzby_hover.jpg) no-repeat;
}

#reference {
	float: left;
	display: block;
	cursor: pointer;
	width: 68px;
	height: 13px;
	background: url(/html_verze/images/reference.jpg) no-repeat;
}

#reference:hover {
	background: url(/html_verze/images/reference_hover.jpg) no-repeat;
}

#kontakt {
	float: left;
	display: block;
	cursor: pointer;
	width: 55px;
	height: 13px;
	background: url(/html_verze/images/kontakt.jpg) no-repeat;
}

#kontakt:hover {
	background: url(/html_verze/images/kontakt_hover.jpg) no-repeat;
}

/* odkazy - sluzby */

#st {
	position: absolute;
	top: 155px;
	left: 154px;
	display: block;
	cursor: pointer;
	width: 69px;
	height: 15px;
	background: url(/html_verze/images/st.jpg) no-repeat;
}

#st:hover {
	background: url(/html_verze/images/st_hover.jpg) no-repeat;
}

#sp {
	position: absolute;
	top: 236px;
	left: 170px;
	display: block;
	cursor: pointer;
	width: 64px;
	height: 18px;
	background: url(/html_verze/images/sp.jpg) no-repeat;
}

#sp:hover {
	background: url(/html_verze/images/sp_hover.jpg) no-repeat;
}

#vz {
	position: absolute;
	top: 252px;
	left: 16px;
	display: block;
	cursor: pointer;
	width: 90px;
	height: 47px;
	background: url(/html_verze/images/vz.jpg) no-repeat;
}

#vz:hover {
	background: url(/html_verze/images/vz_hover.jpg) no-repeat;
}

/* Novinky */
.home_left {
	position: relative;
	left: 40px;
	top: 115px;
	width: 211px;
	height: 225px;
	overflow: auto;
	font-size: 10px;
}

.fix {
	position: absolute;
	top: 115px;
	left: 233px;
	width: 20px;
	height: 225px;
	z-index: 0;
	background: url(/html_verze/images/fix.jpg) no-repeat;
}

.right {
	position: absolute;
	top: 70px;
	left: 280px;
	width: 400px;
	height: 300px;
	overflow: auto;
}

#zpet {
	position: absolute;
	width: 50px;
	height: 22px;
	display: block;
	cursor: pointer;
	background: url(/html_verze/images/zpet.gif) no-repeat;
	left: 193px;
	top: 298px;
}

.mapa {
	position: absolute;
	top: 90px;
	left: 460px;
	width: 210px;
	height: 150px;
	display: block;
	cursor: pointer;
	background: url(/html_verze/images/mapa.jpg) no-repeat;
}

/* reference */

.reference_text {
	position: absolute;
	top: 63px;
	left: 283px;
	width: 300px;
	height: 260px;
}

.reference_text h1 {
	margin: 5px 0 8px 5px;
}

.reference_text h2 {
	margin: 0 0 10px 0;
}

.reference_text .text {
	margin: 0 0 0 15px;
}

.galery_link {
	position: absolute;
	top: 70px;
	left: 8px;
	width: 147px;
	height: 31px;
	background: url(/html_verze/images/galery_link.jpg) no-repeat;
}

.galery {
	position: absolute;
	top: 50px;
	left: 272px;
	width: 352px;
	height: 341px;
	background: url(/html_verze/images/galery_bg.jpg) no-repeat;
}

.galery h2 {
	color: #000000;
	font-weight: normal;
	font-size: 11px;
	margin: 11px 0 0 16px;
}

.galery_zpet {
	position: absolute;
	top: 7px;
	left: 291px;
	width: 50px;
	height: 22px;
	display: block;
	cursor: pointer;
}

#galery_img {
	position: absolute;
	top: 32px;
	left: 16px;
	width: 320px;
	height: 240px;
}

.galery_thumbs {
	position: absolute;
	top: 280px;
	left: 15px;
	width: 320px;
	height: 50px;
	overflow: auto;
}

.galery_thumbs img {
	border-color: #FFFFFF;
	margin-right: 15px;
}

.galery_thumb {
	height: 50px;
	float: left;
}

/* reference odkazy */
.reference1 {
	position: absolute;
	top: 108px;
	left: 170px;
	width: 96px;
	_width: 99px;
	height: 18px;
	display: block;
	cursor: pointer;
	background: transparent;
	font-weight: bold;
	line-height: 18px;
	padding-left: 3px;
	
}

.reference1:hover {
	background: #F0F0F0;
}

.reference2 {
	position: absolute;
	top: 130px;
	left: 170px;
	width: 96px;
	_width: 99px;
	height: 18px;
	display: block;
	cursor: pointer;
	background: transparent;
	font-weight: bold;
	line-height: 18px;
	padding-left: 3px;
}

.reference2:hover {
	background: #F0F0F0;
}

.reference3 {
	position: absolute;
	top: 152px;
	left: 170px;
	width: 96px;
	_width: 99px;
	height: 18px;
	display: block;
	cursor: pointer;
	background: transparent;
	font-weight: bold;
	line-height: 18px;
	padding-left: 3px;
}

.reference3:hover {
	background: #F0F0F0;
}

.reference4 {
	position: absolute;
	top: 175px;
	left: 170px;
	width: 96px;
	_width: 99px;
	height: 18px;
	display: block;
	cursor: pointer;
	background: transparent;
	font-weight: bold;
	line-height: 18px;
	padding-left: 3px;
}

.reference4:hover {
	background: #F0F0F0;
}

.reference5 {
	position: absolute;
	top: 197px;
	left: 170px;
	width: 96px;
	_width: 99px;
	height: 18px;
	display: block;
	cursor: pointer;
	background: transparent;
	font-weight: bold;
	line-height: 18px;
	padding-left: 3px;
}

.reference5:hover {
	background: #F0F0F0;
}

.reference6 {
	position: absolute;
	top: 220px;
	left: 170px;
	width: 96px;
	_width: 99px;
	height: 18px;
	display: block;
	cursor: pointer;
	background: transparent;
	font-weight: bold;
	line-height: 18px;
	padding-left: 3px;
}

.reference6:hover {
	background: #F0F0F0;
}

.reference7 {
	position: absolute;
	top: 242px;
	left: 170px;
	width: 96px;
	_width: 99px;
	height: 18px;
	display: block;
	cursor: pointer;
	background: transparent;
	font-weight: bold;
	line-height: 18px;
	padding-left: 3px;
}

.reference7:hover {
	background: #F0F0F0;
}

.reference8 {
	position: absolute;
	top: 264px;
	left: 170px;
	width: 96px;
	_width: 99px;
	height: 18px;
	display: block;
	cursor: pointer;
	background: transparent;
	font-weight: bold;
	line-height: 18px;
	padding-left: 3px;
}

.reference8:hover {
	background: #F0F0F0;
}

/* z indexu */

.style1 {font-family: Tahoma}

.style2 {font-size: xx-small}

.style3 {font-size: xx-small; font-family: Tahoma; }

.ver_link, .ver_link_f {
	font-size: xx-small;
	font-family: Tahoma;
	position: relative;
	background: url(../images/ver_link.jpg) no-repeat;
	height: 12px;
	_height: 15px;
	width: 64px;
	_width: 67px;
	display: block;
	cursor: pointer;
	color: #cccccc;
	text-decoration: none;
	padding-top: 3px;
	padding-left: 3px;
	_padding-left: 8px;
	left: -316px;
	_left: 3px;
	top: 3px;
}
/*
.ver_link_f {
	left: 282px;
	_left: 3px;
	padding-left: 8px;
}*/

.ver_link:hover, .ver_link_f:hover {
	background: url(../images/ver_link.jpg) no-repeat 0px -15px;
	color: #000000;
	text-decoration: none;
}

/* iPhone */

.iphone_cely {
	position: relative;
	width: 1px;
	z-index: 5;
}

.iphone {
	position: absolute;
	z-index: 9;
	width: 200px;
	height: 550px;
	left: 330px;
	top: 50px;
}

.trans_bg {
	position: absolute;
	z-index: 1;
	width: 200px;
	height: 650px;
	left: 0px;
	top: 0px;
	background: url(../images/iphone_bg.png) no-repeat;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	opacity: 0.2;
}

.full_op {
	position: absolute;
	z-index: 2;
	width: 200px;
	height: 650px;
	left: 0px;
	top: 0px;
	font-size: 10px;
	text-align: left;
}

.full_op h1 {
	color: #3C83BB;
	font-size: 20px;
	font-weight: bold;
	margin: 10pt 0pt 10px 66px;
}

.full_op .ndps  {
	color: #6D6D6D;
	font-size: 12px;
	font-weight: bold;
	margin: 0pt 0pt 5px 5px;
	text-align: left;
	cursor: pointer;
	left: 11px;
}

.nadpisss {
	float: left;
}

.clanek_b, .clanek_n {
	position: relative;
	left: 0px;
	float: left;
	margin-left: 10px;
}

.clanek_b {
	display: block;
}

.clanek_n {
	display: none;
}

.clanek_b table, .clanek_n table {
	font-size: 10px;
}

.vid {
	position: absolute;
	top: 470px;
	left: 20px;
}

.tt {
	height: 470px;
	width: 216px;
	overflow-x: hidden;
	overflow-y: auto;
}

.skype {
	text-align: center;
	width: 176px;
}

/* sipky u menu */

.a_left {
	height: 10px;
	width: 10px;
	background: url(../images/a_left.gif) no-repeat;
}

.a_down {
	height: 10px;
	width: 10px;
	background: url(../images/a_down.gif) no-repeat;	
}

/* iPhone - aplikace */

#aplikace {
	position: absolute;
	z-index: 9;
	width: 660px;
	height: 375px;
	left: -340px;
	top: 88px;
	display: none;
}

/* pruhledne pozadi aplikaci */
.aplikace_t {
	position: absolute;
	z-index: 1;
	width: 660px;
	height: 375px;
	left: 0px;
	top: 0px;
	background: url(../images/aplikace_bg.png) no-repeat;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
}

/* div bez pruhlednosti */
.aplikace_fo {
	color: #ffffff;
	position: absolute;
	z-index: 2;
	width: 655px;
	_width: 660px;
	height: 370px;
	_height: 375px;
	left: 0px;
	top: 0px;
	font-size: 10px;
	text-align: left;
	margin: 5px 0 0 5px;
}

.stranka {
	display: none;
}

#s1 {
	display: block;
}

.app {
	width: 208px;
	height: 108px;
	float: left;
	margin: 3px 5px 0 3px;
}

.app img {
	margin: 0 8px 0 0;
	float: left;
}

.app h1 {
	color: #ffffff;
}

.app_nadpis {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 1px 0;
}

.app a {
	color: #0000ff;
	font-weight: bold;
}

.app a:hover {
	text-decoration: underline;
}

.a_head, .a_foot {
	width: 650px;
	height: 15px;
	float: left;
	text-align: right;
}

.a_head img {
	cursor: pointer;
}

.a_vert {
	width: 1px;
	height: 111px;
	background: url(../images/vert.png) repeat;
	float: left;
}

.a_hor {
	width: 648px;
	height: 1px;
	background: url(../images/hor.png) repeat;
	float: left;
	overflow: hidden;
}

.novinka {
	color: red;
	font-size: 10px;
}

.novinka2 {
	color: red;
	font-size: 8px;
}

.verze {
	color: #00ff00;
	font-size: 10px;
	font-weight: bold;
}

.c_a {
	color: #AAFF00;
	font-size: 10px;
	font-weight: bold;
}

/* strankovani aplikaci */
#prev, #next {
	vertical-align:middle;
}

#stranky {
	vertical-align: middle;
	color: #ffffff;
	font-size: 10px;
}

.point {
	cursor: pointer;
}

/* iPhone - jailbreak */

#jailbreak {
	position: absolute;
	z-index: 9;
	width: 500px;
	height: 130px;
	left: -260px;
	top: 88px;
	display: none;
}

/* pruhledne pozadi aplikaci */
.jailbreak_t {
	position: absolute;
	z-index: 1;
	width: 500px;
	height: 130px;
	left: 0px;
	top: 0px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
}

/* div bez pruhlednosti */
.jailbreak_fo {
	color: #ffffff;
	position: absolute;
	z-index: 2;
	width: 500px;
	height: 130px;
	left: 0px;
	top: 0px;
}

.j_head {
	text-align: right;
	margin: 5px 5px 0 0;
}

.j_head img {
	cursor: pointer;
}

.jb .nadpis {
	color: #ffffff;
	font-size: 18px;
	margin: 0 0 20px 0;
}

.jb_t {
	font-size: 10px;
	color: #ffffff;
}

.jb_t th {
	color: #002067;
	font-size: 12px;
	width: 130px;
	padding: 0 0 10px 0;
}

.jb_t td {
	text-align: center;
}

.lt, .rt, .lb, .rb {
	height: 15px;
	width: 15px;
	float: left;
}

.lt {
	background: url(../images/lt.png) no-repeat;
	overflow: hidden;
}

.rt {
	background: url(../images/rt.png) no-repeat;
	overflow: hidden;
}


.lb {
	background: url(../images/lb.png) no-repeat;
	overflow: hidden;
}

.rb {
	background: url(../images/rb.png) no-repeat;
	overflow: hidden;
}

.t, .b {
	height: 15px;
	width: 470px;
	background: #6d6d6d;
	float: left;
	overflow: hidden;
}

.c {
	background: #6d6d6d;
	width: 500px;
	height: 345px;
	float: left;
}

/*problemy*/

#problemy {
	position: absolute;
	z-index: 9;
	width: 660px;
	height: 375px;
	left: -340px;
	top: 88px;
	display: none;
}

/* pruhledne pozadi aplikaci */
.problemy_t {
	position: absolute;
	z-index: 1;
	width: 660px;
	height: 375px;
	left: 0px;
	top: 0px;
	background: url(../images/iphone.png) no-repeat;
	background-position: center;
	/*filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;*/
}

/* div bez pruhlednosti */
.problemy_fo {
	color: #ffffff;
	position: absolute;
	z-index: 2;
	width: 655px;
	_width: 660px;
	height: 370px;
	_height: 375px;
	left: 0px;
	top: 0px;
	font-size: 10px;
	text-align: left;
	margin: 5px 0 0 5px;
}

.problemy_text2 {
	position: absolute;
	width: 225px;
	left: 433px;
	background: url(../images/prob_text2.jpg);
	height: 370px;
	padding: 0 0 0 5px;
}

.problemy_text1 {
	position: absolute;
	width: 230px;
	left: -12px;
	top: 80px;
	background: url(../images/prob_text1.jpg);
	height: 290px;
}

.uvod, .on_button, .display, .home_button, .mikrofon, .simtray {
	position: absolute;
	color: #6d6d6d;
}

.uvod {
	padding: 0 0 0 10px;
}

.mikrofon {
	text-align: right;
	top: 171px;
	padding: 0 5px 0 0;
}

.on_button {
	top: 11px;
}

.simtray {
	top:	90px;
}

.display {
	top: 160px;
}

.home_button {
	top: 300px;
}

.p_head {
	text-align: right;
	margin: 5px 5px 0 0;
	position: absolute;
	z-index: 10;
	left: 630px;
}

.p_head img {
	cursor: pointer;
}

/* navigace */

#navigace {
	position: absolute;
	z-index: 9;
	width: 676px;
	height: 375px;
	left: -340px;
	top: 88px;
	display: none;
}

/* pruhledne pozadi navigace */
.navigace_t {
	position: absolute;
	z-index: 1;
	width: 676px;
	height: 375px;
	left: 0px;
	top: 0px;
	background: url(../images/aplikace_bg.png) no-repeat;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
}

/* div bez pruhlednosti */
.navigace_fo {
	color: #ffffff;
	position: absolute;
	z-index: 2;
	width: 666px;
	_width: 676px;
	height: 365px;
	_height: 375px;
	left: 0px;
	top: 0px;
	font-size: 10px;
	text-align: left;
	padding: 5px 5px 5px 5px;
	overflow: auto;
}

.navigace_header {
	float: left;
	height: 105px;
	width: 640px;
	_width: 640px;
	padding: 0 5px 0 5px;
}

.navigace_pole {
	float: left;
	height: 240px;
	width: 310px;
	padding: 0 5px 10px 5px;
}

.navigace_pole2 {
	float: left;
	height: 450px;
	width: 310px;
	padding: 0 5px 10px 5px;
}

.navigace_pole img {
	float: left;
	margin: 0 10px 0 0;
}

.navigace_fo h1 {
	color: #ffffff;
	font-size: 18px;
	margin: 5px 0 10px 10px;
	text-align: center;
}

.navigace_fo .x {
	cursor: pointer;
	position: absolute;
	left: 640px;
	top: 5px;
	z-index: 99;
}

/* blanks */
.blank {
	position: absolute;
	z-index: 9;
	width: 676px;
	height: 375px;
	left: -340px;
	top: 88px;
	display: none;
}

/* pruhledne pozadi navigace */
.blank_t {
	position: absolute;
	z-index: 1;
	width: 676px;
	height: 375px;
	left: 0px;
	top: 0px;
	background: url(../images/aplikace_bg.png) no-repeat;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
}

/* div bez pruhlednosti */
.blank_fo {
	color: #ffffff;
	position: absolute;
	z-index: 2;
	width: 661px;
	_width: 676px;
	height: 365px;
	_height: 375px;
	left: 0px;
	top: 0px;
	font-size: 10px;
	text-align: left;
	padding: 5px 5px 5px 10px;
	overflow: auto;
}

.blank_fo a {
	color: red;
}

.blank_fo img {
	float:left;
}

.blank_fo .x {
	cursor: pointer;
	position: absolute;
	left: 640px;
	top: 5px;
	z-index: 99;
}

.blank_fo .cntr {
	text-align: center;
}


.blank_fo .cntr img {
	text-align: center;
	float: none;
}

.blank_fo .nadpis {
	color: #ffffff;
	font-size: 18px;
	margin: 5px 0 10px 10px;
	text-align: center;
	display: block;
	width: 100%;
}

.blank_fo h2 {
	color: #ffffff;
	font-size: 18px;
	margin: 0 0 0 0;
	text-align: center;
}

.cp {
	cursor: pointer;
}

.center {
	text-align: center;
}

.i {
	font-style: italic;
}

.kolecko {
	position: absolute;
	width: 24px;
	height: 16px;
	background: url(../images/kolecko8.gif) no-repeat;
	text-align: center;
	font-family: Tahoma;
	font-size: 9px;
	color: #ffffff;
	top: 50px;
	left: 145px;
	padding-top: 2px;
}

.vert {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 142px;
	position: relative;
	left: -2px;
}

.vert td, .vert tr, .vert tbody {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.vid-text {
	vertical-align: top;
	padding: 5px;
}