/* page */

.dalsiOdkazy {display:none}

body, html{margin:0px; padding:0px; width:100%; height:100%}
html{}
body{
	color:#053B8C;
	background-color:White;
	font-family:Verdana, Tahoma, helvetica, Sans-Serif;
	font-size:12px
}


/* global */
div {padding:0px; margin:0px}
img	{padding:0px; margin:0px; border:0px}
a	{text-decoration:underline; color:#053B8C}
a:hover{text-decoration:none; color:#000000}
h1	{font-size:18px}
h2	{font-size:15px; font-family:Arial, helvetica, Sans-Serif}
h3	{font-size:13px; font-family:Arial, helvetica, Sans-Serif}
p	{padding:5px 15px 0px 0px; line-height:18px; text-align:justify}
ul	{line-height:17px; font-size:13px}
li	{}


/* layout - sirka stranky px */
#page{
	width:950px;
	height:auto;
	text-align:center}
	#stin-left	{background:url(../picts/stin-l.gif) top left repeat-y; 		width:100%; height:auto}
	#stin-right	{background:url(../picts/stin-r.gif) top right repeat-y; 		width:100%; height:auto}
	#stin-lbcorner	{background:url(../picts/stin-lbc.gif) top left no-repeat; 	width:9px; 	height:10px}
	#stin-bottom	{background:url(../picts/stin-b.gif) top left repeat-x;		width:100%; height:10px}
	#stin-rbcorner	{background:url(../picts/stin-rbc.gif) top right no-repeat;	width:9px; 	height:10px}
div.inpage{
	width:930px;
	padding:0px 0px 10px 0px;
	margin:0px 10px 0px 10px;
	background-color:#ffffff
}

/* design - html-topper - vyska topperu a prvku px */
#topper{
	width:100%;
	height:95px;
	background:url(../picts/t-prouzky.gif) top right no-repeat
}
	#logo	{width:250px; 	height:95px}
	#t-mobil{width:260px;	height:85px;	margin-top:10px}
	#t-menu	{width:250px;	height:85px;	margin-top:10px}
	#t-menu div	{margin-right:20px}

/* design - html-header - vyska headeru px, news */
#header-place{
	width:100%;
	height:145px;
	position:relative
}	
	#header{
		width:100%;
		height:145px;
		background:url(../picts/h-back.gif) repeat-y;
		position:absolute;
		top:0px;
		left:0px
	}
		#header-right{width:420px}
			#header-news{	width:100%;	
							height:70px;	
							background:url(../picts/h-novinky-back.gif) no-repeat;
							overflow:hidden;
							font-size:12px;
							color:white;
							text-align:left
						}
	
	#header-description{	font-size:1px}
	#header-description h1{	font-size:1px;	margin:0px;	padding:0px}
	#header-description h2{	font-size:1px;	margin:0px;	padding:0px}
	
.flashmobil{position:absolute; z-index:100; top:-85px; left:250px; width:260px; height:230px}
.flashslogan{background:url(picts/h-sloganback.png) no-repeat; width:420px; height:75px}

/* design - html-middle - sirka leftboxu a rightboxu a menu px */
#middle{
	width:100%
}
	#left-box{			width:218px;	float:left;		padding-left:5px}
		#menu-box{		width:214px;	height:100%;		padding-left:5px}
		#menuwrapper{	width:100%; 	height:10px; 	font-size:1px;	clear:both}
		#submenu-box{	width:214px;	height:100%}
	#right-box{			width:705px;	float:right}
		#content{padding:5px}

/* design - menu - prvky menu */
.menu-top{	width:100%;	height:30px;
			background:url(../picts/menu-topno.gif) no-repeat;	
			color:white;
			font-size:13px;
			line-height:30px;
			font-family:Tahoma, helvetica, san-serif;
			font-weight:bold
		}
.menu-left	{	width:214px;		height:100%; float:left;
			background:url(../picts/menu-left.gif) top left repeat-y
		}
.menu-right	{	width:214px;		height:100%; float:right;
			background:url(../picts/menu-right.gif) top right repeat-y
		}
.menu-content{	width:209px; 	height:100%;   padding-left:5px;
			font-size:13px; 	text-align:left;	font-weight:bold;
			font-family:Arial
		}
.menu-bottom{	width:100%;		height:9px;
			background:url(../picts/menu-bottom.gif) no-repeat;	 clear:both
		}
	.menu-content a			{	line-height:30px; 	width:204px; 	height:30px; 	display:block;
								background:url(../picts/menu-button.gif) no-repeat;
								text-decoration:none}
	.menu-content a:hover	{	background:url(../picts/menu-button-.gif) no-repeat}
	.menu-content span		{	padding-left:30px}
	.menu-content a.set 	{	background:url(../picts/menu-button-.gif) no-repeat;	color:black}

	
	
/* design - html-bottom */
#middlewrapper {clear:both; width:100%; height:20px; font-size:1px}
#bottom{width:100%; height:20px; line-height:20px; color:#777777; 
		font-size:11px; text-align:left; margin-bottom:10px; padding-left:0px}
#bottom-content{padding-left:30px}
	#bottom a{color:#777777; text-decoration:none}
	#bottom a:hover{color:#666666; text-decoration:underline}
	
	
/* products katalog - item box */
.item-box{	width:320px;	float:left; 	margin-left:15px;	_margin-left:5px}
.item-top{	width:100%;		height:30px;	padding:0px 10px 0px 10px;
			background:url(../picts/item-top.gif) no-repeat;	
			color:#000765;
			font-size:12px;
			line-height:30px;
			font-weight:bold;
			text-align:left;
			overflow:hidden
		}
.item-left	{	width:320px;		height:100%; float:left;
			background:url(../picts/item-left.gif) top left repeat-y
		}
.item-right	{	width:320px;		height:100%; float:right;
			background:url(../picts/item-right.gif) top right repeat-y
		}
.item-content{	width:300px; 	min-height:160px; _height:160px; 	padding:0px 5px 0px 8px;
			font-size:13px; 	text-align:left;	font-weight:bold
		}
.item-bottom{	width:100%;		height:9px;
			background:url(../picts/item-bottom.gif) no-repeat;	 clear:both
		}
	.item-content a			{	text-decoration:underline;	line-height:30px}
	.item-content a:hover	{	text-decoration:none}
.item-image	{border-right:1px  solid #053B8C; 	float:left; 	
			width:130px;	overflow:hidden; 	
			text-align:center; 	margin:0px 5px 5px 0px}
.item-price	{font-weight:bold}
.item-text	{font-weight:normal; 	font-size:11px}
	
	
/* design - menu sub - prvky sub menu */
.submenu-top{	width:100%;	height:30px;
			background:url(../picts/menu-topno.gif) no-repeat;	
			color:white;
			font-size:13px;
			line-height:30px;
			font-family:Tahoma, helvetica, san-serif;
			font-weight:bold
		}
.submenu-left	{	width:214px;		height:100%; float:left;
			background:url(../picts/menu-left.gif) top left repeat-y
		}
.submenu-right	{	width:214px;		height:100%; float:right;
			background:url(../picts/menu-right.gif) top right repeat-y
		}
.submenu-content{	width:204px; 	height:100%; 
			font-size:11px; 	text-align:left;	font-weight:normal;
			font-family:Verdana
		}
.submenu-bottom{	width:100%;		height:9px;
			background:url(../picts/menu-bottom.gif) no-repeat;	 clear:both
		}
	.submenu-content a			{	line-height:30px; 	width:204px; 	height:30px; 	display:block; 
								background:url(../picts/submenu-button.gif) no-repeat;
								text-decoration:none}
	.submenu-content a:hover	{	background:url(../picts/submenu-button-.gif) no-repeat}
	.submenu-content span		{	padding-left:20px}
	.submenu-content a.set 	{	background:url(../picts/submenu-button-.gif) no-repeat;	color:black}
	
	.submenu-content .ulkat			{	padding-left:19px}
		.submenu-content .ulkat a		{	line-height:30px; 	width:auto; height:30px; 	display:block; 
									background:url(../picts/submenu-button.gif) no-repeat;
									text-decoration:none}
		.submenu-content .ulkat a:hover	{	background:url(../picts/submenu-button-.gif) no-repeat}
		.submenu-content .ulkat span	{	padding-left:0px}
		.submenu-content .ulkat a.set 	{	background:url(../picts/submenu-button-.gif) no-repeat;	color:black}
			.submenu-content ul{margin:0px; padding:0px; padding-left:7px; line-height:30px}
			.submenu-content li{margin:0px; padding:0px; list-style-type:disc}
	.tinytext2 {font-size:9px; font-weight:normal}
	.tinytext2 {font-size:10px; font-weight:normal}

	
/* cenik styles */
.cenik-box	{background-color:#0170A6;	color:white; margin-right:8px}
.cenik-box h2{margin:0px; padding:0px}
	.cenik-items	{background-color:#E7E7E7; 	color:#0170A6;	font-size:13px; font-weight:bold;	line-height:20px; padding:3px 5px 3px 5px}
		.cenik-item1{background-color:#D7D7D7; 	clear:both; 	padding:3px 5px 3px 5px}
		.cenik-item2{clear:both; 	padding:3px 5px 3px 5px}
			.cenik-popis{font-size:11px; font-weight:normal}
	.cenik-items .fl{}
	.cenik-items .fr{}
	
	
/* firmware */
.firmawarediv{}
.firmawarediv p{text-align:center; padding-bottom:10px}
.firmawarediv td p{text-align:left;padding:0px;margin:0px}

	
		
/* oth */
.fl{float:left}
.fr{float:right}
.frc{float:right; margin-right:10px; font-style:italic}
.fl45{float:left; width:45%}
.fr45{float:right;width:45%}
.cl{clear:both}
.hs{margin:0px 30px 0px 30px}
.hs2{margin:0px 10px 0px 10px}
.ulbig{font-size:14px; line-height:20px}
.input{width:250px; border:1px solid #d7d7d7; font-family:arial,helvetica,san-serif; font-size:11px; color:#053B8C}
.textarea{width:250px; border:1px solid #d1d1d1; height:100px; font-family:arial,helvetica,san-serif; font-size:11px; color:#053B8C}
.button{border:0px; font-family:arial,helvetica,san-serif}
.nosh{visibility: hidden; font-size:1px}
.pad20{padding:20px}
.pad20 a{text-decoration:underline}
.onepixel{font-size:1px}
.hr{border-bottom:1px solid #053B8C; font-size:1px; height:1px; line-height:1px; clear:both; width:80%}


/* prvky */
#navrcholu {float:right;width:12px;height:12px}
#toplist {float:right;width:5px;height:5px;visibility:hidden}