html {font-size: 100.01%;}
body {
	margin: 0 0 0 0;
	padding: 0 0 50px 0;
	font-size: 62.5%;
	text-align: center;
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: #455560;
	background: url(../../images2/body-complete-bg.jpg) no-repeat bottom center #9ec722;
	line-height: 1.7em;	

	}
	#cloudsBg {background: url(../../images2/clouds-bg.png) no-repeat 50% -30px;}
	.dj_opera body {position: relative; top: -20px;}


/* global reset */
ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0;}
ul {list-style: none;}
table {	border-collapse: collapse;	font-size: 1em;}
th {text-align: left;}
fieldset {border: 0;}

/* wysiwyg reset */	
font {
	font-family: inherit !important; 
	color: inherit !important;
	font-size: inherit !important;
	}

/* ************* COMMON ************* */

#all .left	{text-align: left;}
#all .center	{text-align: center;}
#all .right	{text-align: right;}
.clr	{
	clear: both;
	margin-top: -1px;
	position: relative;
	padding: 0;
	height: 0;
	border: none;
	overflow:hidden;
	visibility: hidden;
	line-height: 0;
	}
.clear {clear: both;}
.hide {
	position: absolute;
	top: 0;
	left: -30000px;
}
.dots {
	background: url(../../images2/dots.gif) repeat-x;
	margin-bottom: 26px;
	height: 4px;
	}
	.pokryti .dots {margin-bottom: 20px;}
	
hr {
  	border: 0;
  	width: 100%;
  	color: #FF0000;
	background-color: #FF0000;
	height: 1px;
	margin: 0 0 15px 0;
	position: relative;
	}

a {color: #3b5999;}
a:hover {color: #BF1609;}
#all a:link, #all a:visited {outline: none;}
#all a:focus {outline: 1px dotted;}
#all a:hover, #all a:active {outline: none;}
img {border: none;}
p {margin-bottom: 15px;}
#content p {text-align: justify;}

a.external, #content a[href^="http://"] {background: url(../../images2/ico-external.gif) no-repeat 100% 60%; padding-right: 13px;}

sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
	}
 
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
	}

.none 		{display: none;}
.bold       { font-weight:bold; }
.italic     { font-style:italic; }
.nopadding  { padding:0; }
.noindent   { margin-left:0;padding-left:0; }
.nobullet   { list-style:none;list-style-image:none;}

.rgt {float: right;}
.lft {float: left;}
	img.lft {margin: 0 10px 10px 0;}	
	img.rgt {margin: 0 0 10px 10px;}

.invisible, legend span {position: absolute; left: -20000px; top:0;}
.small {font-size: 0.85em;}

/* ********* zkratky ********* */

.focus {position: absolute; left: 198px;}

.focus a, .focus span {
	position: absolute;
	top: 0;
	left: -5000px;
	z-index: -10;
	white-space: nowrap;
	}

.focus a:focus, .focus a:active {
    z-index:2;
	top: 0;
	left: 248px;
    background:#FFED00;
	padding: 2px 5px 4px 6px;
	color: #A00000;
	font-size: 1.1em;
	font-weight: bold;
	}

/* ************* HEADINGS ************* */

h1 {font-size: 2.8em; font-weight: normal; color: #455560; margin-bottom: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6, h7 {font-size: 1em;}

h2, h3, h4, h5, h6, h7 {margin-bottom: 10px;}


/* ************* LISTS ************* */

#content ul, #content ol {margin: 0 0 15px 15px;}
	#content ul ul, #content ol ol {margin: 0 0 0 15px;}
	
	#content ol {margin-left: 34px;}
	
	#content li {
		background: url(../../images2/odrazka.gif) no-repeat 0 8px;
		padding: 5px 0 5px 20px;
		}
		
	#package {padding-top: 10px; margin-bottom: 20px; min-height: 317px; _height: 317px; background: url(../../images2/produkt-image.jpg) no-repeat 100% 0;}
	
	#package  ul {margin-right: 360px; margin-bottom: 25px;}
	#package li {font-size: 1.3em;}
	#package li strong, h1.package strong {color: #bf1609;}
	
	#package em {font-size: 0.9em;}
	
	.fcb2 {background: url(../../images2/ico-fcb.gif) no-repeat 0 3px; padding: 5px 0 6px 30px; margin-top: 10px;}
	
	#pristroj h2 {
		background: url(../../images2/dots.gif) repeat-x bottom left;
		margin-bottom: 25px;
	}
	#pristroj h2 span {
		background: #F6F2EA;
		display: inline-block;
		padding: 0 10px 0 0;
		position: relative;
		top: 2px;
		
	}
	#pristroj .lft {width: 48%; text-align: left;}
	#pristroj .rgt {width: 47%; text-align: left;}
		#pristroj .rgt img {margin-right: 5px;}
	
	#description {margin-left: 70px;}
		#description h2 {margin-left: -70px;}
	
	#modem {
		width: 89px;
		height: 262px;
		background: url(../../images2/usb-modem.png) no-repeat;
		position: absolute;
		bottom: 80px;
		left: 0;
		z-index: 800;
	}
	
/* ************* FORMS ************* */

input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 1em;}

.button {
	background: #e80000;
	border-top: 1px solid #F99;
	border-left: 1px solid #f99;
	border-right: 1px solid #6F0000;
	border-bottom: 1px solid #6F0000;
	padding: 1px 8px;
	color: #FFF;
	cursor: pointer;
	}
	
#all .pole {width: 260px; font-size: 0.9em;}
#all input.pole {padding: 2px 4px; width: 252px}
.tundra #all .dijitComboBox .dijitButtonNode {padding:3px 0.2em;}
#all .dijitTextBox input, #all .dijitComboBox input, .dijitSpinner input {padding-top: 2px; padding-left: 4px; _padding: 0;}

.tundra #all .dijitComboBox .dijitArrowButton .dijitArrowButtonInner {
height: 13px;
}

label {clear: both; overflow: hidden; display: inline-block; margin-bottom: 8px; text-align: right; }
label span {
	display: block;
	float: left;
	width: 190px;
	padding-right: 63px;
	background: url(../../images2/form-dots.gif) no-repeat 100% 10px; 
	position: relative; 
	top: 2px;
	}
	.step2 label span {top: -1px;}

label .remark {
	background: none;
	display: block;
	padding-left: 256px;
	text-align: left;
}

.overeni {margin-bottom: 25px; margin-top: 10px; background: url(../../images2/overeni-bg.png) no-repeat 500px 6px; =background-position: 500px 8px; position: relative;}
.overeni label {float: left;}
.overeni img {vertical-align: middle; margin-right: 5px; margin-left: 5px;}
.overeni div {font-size: 0.9em; float: left;}
.overitButton {
	position: absolute;
	top: 11px;
	=top: 13px;
	right: 10px;
	cursor: pointer;
}

/* objednavkovy formular */

form h3 {
	background: url(../../images2/header-bg1a.gif) no-repeat top left #647681;
	color: #FFF;
	text-transform: uppercase;
	margin-bottom: 30px;
}
form h3 span {
	background: url(../../images2/header-bg2a.gif) no-repeat bottom left;
	padding: 4px 10px;
	display: block;
}

form .open  {background: url(../../images2/header-bg1.gif) no-repeat top left #b1cc02;}
form .open span  {background: url(../../images2/header-bg2.gif) no-repeat bottom left;}

.box {margin-bottom: 25px;}

.boxButton {cursor: pointer; clear: both;}
.boxButton em {background: url(../../images2/sipka-down.png) no-repeat 0 60%; font-style: normal; padding-left: 22px;}
.boxButton strong {font-weight: normal; text-transform: none; font-size: 0.7em;}
form .open em {background: url(../../images2/sipka-up.png) no-repeat 0 40%;}

.tundra #all .dijitTextBoxFocused, .tundra #all .dijitComboBoxFocused, .tundra #all .dijitSpinnerFocused, .tundra #all .dijitSpinnerUpArrowActive, .tundra #all .dijitSpinnerDownArrowActive, .tundra #all .dijitTextAreaFocused {
border-color:#ACC801;
}

.sadaA, .sadaB {background: #40515c; color: #FFF;}
.sadaA div, .sadaB div {padding: 10px;}
.sadaA input, .sadaB input {float: left;} 
.sadaA label, .sadaB label {display: inline; font-size: 1.2em; margin-left: 30px; display: block; text-align: left; clear:none; margin-bottom: 5px;}
#package .sadaA em, #package .sadaB em {margin-left: 30px; font-style: normal; font-size: 1em;}
.sadaA, .special {width: 306px; _width:304px; float: left;}
.sadaB {width: 306px; _width:304px; float: right;}

.special {background: #bf0505; color: #FFF; text-align: center; display: block; padding: 3px 0; margin-bottom: 12px; font-weight: bold; border-top: 3px solid #F6F2EA}

#package .rgt input {=position: relative; top: 30px;}



/* nakupni kosik */

.basketBox {
	background: url(../../images2/basket-bg1.png) no-repeat;
	margin-bottom: 25px;
	}
	.basketBoxInner {background: url(../../images2/basket-bg2.png) no-repeat bottom left;}
	
	.basketBox h2 {
		background: url(../../images2/basket-head-1.png) no-repeat;
		float: left;
		}
	.basketBox h2 span {
		background: url(../../images2/basket-head-2.png) no-repeat top right;
		padding: 10px 20px;
		color: #FFF;
		display: block;
		text-transform: uppercase;
		}
	.basketBox table {
		clear: both;
		margin: 0 220px 20px 20px;
		}
		.basketBox th {white-space: nowrap; font-weight: normal;}
		.basketBox td {
			background: #F6F2EA;
			border-bottom: 1px solid #fff			
			}
		.basketBox .celkem td {
			background: url(../../images2/celkem-bg.gif) repeat-x #bf1609;
			color: #FFF;
			font-weight: bold;
		}
			




/* IE button fix */
	
input.button {
	width: 0;
	overflow: visible;
}
input.button[class] {width: auto;}


/* ************* TABLES ************* */

table {
	border: 0;
	border-collapse: collapse;
	font-size: 1em;
	margin-bottom: 15px;

	}
	th, td {
		padding: 5px 8px;
		vertical-align: top;
		border: 0;
		}
		
		#package table {	width: 100%; margin-bottom: 0;}
		#package th {background: #B2CC04; color: #FFF; font-weight: bold; border: 1px solid #fff; }
		#package th span {margin: 0 35px 0 55px; font-weight: normal;}
		#package tr.odd td {background: #FEFEFE; border: 1px solid #fff;}
		#package tr.even td {background: #EEEEEE; border: 1px solid #fff;}

table.dataTable {
border: 1px solid gray;
	}
	table.dataTable th, table.dataTable td {
		border: 1px solid gray;
		}
		
/* ************* IMAGE REPLACEMENT ************* */


#sidecol2 a span, .back span, .productDetail span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	}
	
	.fcb, .dostupnost, .prodejna, .kredit, .back, .internet3g, .viceUfona, .productDetail {
		position: relative;
		overflow: hidden;
		display: block;
		}
		
		.fcb {
			width: 169px;
			height: 21px;
			display: inline-block;
			}
			.fcb span {background: url(../../images2/but-fcb.png) no-repeat;}
		
		.dostupnost, .prodejna, .kredit {
			width: 254px;
			height: 54px;
			text-align: center;
			zoom: 1;
			margin-bottom: 6px;
			}
			.dostupnost span {background: url(../../images2/but-dostupnost.png) no-repeat;}
			.prodejna span {background: url(../../images2/but-prodejna.png) no-repeat;}
			.kredit span {background: url(../../images2/but-kredit.png) no-repeat;}
			
		a.dostupnost:hover span, a.prodejna:hover span, a.kredit:hover span {background-position: -254px 0; cursor: pointer;}
		.kredit {margin-bottom: 10px;}
		
		.internet3g {
			width: 261px;
			height: 137px;
			text-align: left;
			margin-bottom: 9px;
			margin-top: 5px;
			margin-left: -2px;
			}
			.internet3g span {background: url(../../images2/banner-3ginternet.png) no-repeat; cursor: pointer;}
			.internet3g strong {padding: 30px 5px; display: block;}
		.viceUfona {
			width: 261px;
			height: 120px;
			margin-bottom: 15px;
			margin-left: -2px;
			}
			.viceUfona span {background: url(../../images2/banner-ufon.png) no-repeat; cursor: pointer;}
			.viceUfona strong {display: block; padding: 10px;}
			
		
		.back {width: 76px;	height: 26px;}
			.back span {background: url(../../images2/btn-zpet.png) no-repeat;}
			
		.productDetail {width: 96px; height: 49px; position: absolute; top: 109px; right: 13px; _right: 12px; z-index:874;}
			.productDetail span {background: url(../../images2/btn-detail.png) no-repeat; cursor: pointer;}
			.productDetail strong {padding: 4px; display: block;}
			.productDetail:hover span {background-position: 0 -49px;}
	
/* ************* FLOAT CLEAR ************* */

#top,  #mainMenu, .overeni, form, .basketBoxInner {
	overflow: hidden;
	_display: inline-block;
	}

.errors {
	padding: 10px 15px; 
	margin-bottom: 30px; 
	background: #BF1609; 
	font-size: 0.9em;
	border-radius: 5px;
	-moz-border-radius: 5px;  	
	-webkit-border-radius: 5px
	}
.errors, .errors a {color: #fff; font-weight: bold;}
#main .errors li {background: none; padding: 0; margin-bottom: 5px;}
	
	

/* ****************************************** */	
/* ******************* PAGE ***************** */
/* ****************************************** */	

#all {
	margin: 0 auto;
	text-align: left;
	font-size: 1.2em;
	width: 941px;
	position: relative;
	}
	.pokryti #all {width: 990px;}

/* *************************************** */	
/* ************** HEADER ***************** */
/* *************************************** */	

#top {
	position: relative;
	height: 157px;
	}
	.logo {
		position: absolute;
		top: 34px;
		right: 5px;
		}
	.claim {
		position: absolute;
		top: 55px;
		left: 0;
		width: 454px;
		height: 76px;
		background: url(../../images2/rplc-claim.png) no-repeat;
		}
	.infoline {
		position: absolute;
		top: 66px;
		left: 738px;
		width: 152px;
		height: 60px;
		background: url(../../images2/rplc-infolinka.png) no-repeat;
		}
		
		
	
/* **************************************** */	
/* ***************** MENU ***************** */
/* **************************************** */	

#mainMenu {
	=margin-bottom: -3px;
	}
	#mainMenu ul {
		list-style: none;
		position: relative;
		padding: 0 0 0 20px;
		}
		#mainMenu ul li {
			display: inline;
			}
			#mainMenu ul li a {
				display: block;
				float: left;
				padding: 10px 0 10px 0;
				text-decoration: none;
				text-align: center;
				color: #FFF;
				font-size: 1.1em;
				text-transform: uppercase;
				position: relative;
				}
				#mainMenu ul li.mItem-1 a {width: 173px; background: url(../../images2/m1.png) no-repeat #288b1d;}
				#mainMenu ul li.mItem-2 a {width: 174px; background: url(../../images2/m2.png) no-repeat #950c42;}
				#mainMenu ul li.mItem-3 a {width: 174px; background: url(../../images2/m3.png) no-repeat #d14b21;}
				#mainMenu ul li.mItem-4 a {width: 175px; background: url(../../images2/m4.png) no-repeat #9a9803;}
				#mainMenu ul li.mItem-5 a {width: 185px; background: url(../../images2/m5.png) no-repeat #067f99;}
					#mainMenu ul li a:hover {background-position: 0 -41px;}

			
/* ********************************************** */	
/* ************** PAGE STRUCTURE ***************** */
/* ********************************************** */	

.column {
	float: left;
	}

#main {
	margin: 0;
	background: url(../../images2/main-bg.png) no-repeat #f6f2ea;
	zoom: 1;
	clear: both;
	padding-bottom: 10px;
	padding-top: 25px;
	}
		.pokryti #main {background-image:url(../../images2/main-bg1.png)}
	#maincol {
		width: 685px;
		_width: 680px;
		float: left;
		}
		#contentContainer {padding: 0 0 15px 40px; _padding-right: 0;}		
			#content {
				margin: 0 30px 0 0;
				padding: 5px 0;
				}
				
				#homepage #content {margin-right: 0;}
				#homepage #contentContainer { padding-left: 25px;}
		.pokryti #maincol {width: auto; float: none; }

	#sidecol2 {
		width: 248px;
		float: right;
		text-align: right;
		padding-top: 12px;
		}
		#sidecol2 p {margin-right: 25px;}
		
		#sidecol2 #fcbBox {margin-right: 25px; margin-bottom: 20px;}
			#fcbBox strong {color: #44609C; font-weight: normal;}
			#homepage #fcbBox {display: none;}
		
		#videoBox {
			text-align: left;
			margin-right: 25px;
			padding-top: 30px;
			}
			#videoBox h2 { font-size: 1.3em; text-transform: uppercase; margin-bottom: 0;}
			#videoBox h2 span {color: #aec900;}
		
/* breadcrumbs */		
.breadcrumbs {
	padding: 0 0 10px 0;
	font-size: 0.9em;
	margin-bottom: 20px;
	border-bottom: 1px dotted #CCC;
	}
	.breadcrumbs span {margin: 0 7px;}

/* appendix */
.appendix {margin-bottom: 10px;}
.appendix p {
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-bottom: 5px;
}

/* document */
.documentPerex {font-style: italic;}
.documentData {font-size: 0.9em; text-align: right;}
	

		
/* ***************************************** */	
/* ************** COLUMN 2 ***************** */
/* ***************************************** */

#sidecol2 h3 {margin-bottom: 0;}

/* *************************************** */	
/* ************** FOOTER ***************** */
/* *************************************** */	

#footer {
	background: url(../../images2/footer-bg.png) no-repeat;
	clear: both;
	zoom: 1;
	color: #FFF;
	height: 130px;
	position: relative;	
	}
		.pokryti #footer {background-image: url(../../images2/footer-bg1.png)}
	#hrabe {
		width: 142px;
		height: 409px;
		background: url(../../images2/hrabe.png);
		position: absolute;
		top: -350px;
		left: 550px;
		z-index: 1600;
		}
		.eshop #hrabe, .pokryti #hrabe {display: none;}

		
		
/* **************************************** */	
/* ************** VARIOUS ***************** */
/* **************************************** */

.thirdBox {
	float: left;
	width: 33%;
	}
	.thirdBox h3, .thirdBox p {margin-right: 15px;}
	.thirdBox h3 {margin-bottom: 8px;}
	.thirdBox img {border: 1px solid #ccc; margin: 0 15px 3px 0; position: relative; top: 4px;}

.sidebarNews {margin-right: 15px;}
.sidebarNews h3 {margin-bottom: 0; font-size: 1em;}

.editorial {background: #F2F2F2; padding: 10px 15px 1px 15px; margin-right: 15px; margin-bottom: 20px;}

.datum {font-size: 0.9em;}

.editorial h4 {margin-bottom: 0;}

.fotoBox {width: 33%; text-align: center; float: left; background: #EFEFEF; min-height: 120px; padding: 10px 0; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF;}

#address_alt h4 { margin-left: 40px; }
#address_alt_check { padding-left: 175px; }

#hpBox {
	width: 633px;
	height: 462px;
	background: url(../../images2/homepage-bg.png) no-repeat;
	position: relative;
	}
	#gallery img {
		position: absolute;
		top: 13px;
		left: 13px;
		}
	#claim {width:	 607px;
		height: 132px;
		position: absolute;
		top: 13px;
		left: 13px;
		background: url(../../images2/hp-claim.png) no-repeat;
		}
	#buttonHolder {
		position: absolute;
		bottom: 12px;
		right: 13px;
		width: 280px;
		height: 156px;
		background: url(../../images2/foto-bg.png) no-repeat;
		}
		#buttonHolder a {
			position: absolute;
			top: 104px;
			left: 125px;
			width: 98px;
			height: 31px;
			z-index: 2000;
		}