html {font-size: 100.01%;}
body {
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 62.5%;
	text-align: center;
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: #464646;
	background: url(../img/body-bg.png) repeat-x #FFF;
	line-height: 1.7em;
	}
	#pageBg {background: url(../img/page-bg.png) no-repeat 50% 92px;}

/* 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, form legend span, .jsEnabled .jsHide {position: absolute; top: 0; left: -30000px;}
.hidden {visibility: hidden;}
	
hr {
  	border: 0;
  	width: 100%;
  	color: #FF0000;
	background-color: #FF0000;
	height: 1px;
	margin: 0 0 15px 0;
	position: relative;
	}

a {color: #13b0ea;}
a:hover {color: #3d4e52;}

#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;}
p.cufon {font-size: 1.2em; text-transform: uppercase; line-height: 1.8em;}
p.usetrite {color: #BF1609; margin: 10px 0 0 10px; float: left;}

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;}

.floatleft {
	float: left;
	margin: 0 10px 10px 0;
	}

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

/* ********* 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:#A8C500;
	padding: 2px 5px 4px 6px;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	}

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

h1 {font-size: 1.8em; font-weight: normal; margin-bottom: 20px;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1em;}
h5, h6 {font-size: 1em;}

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

.inner h1 {padding-top: 20px;}
h2.cufon {font-size: 2.4em; text-transform: uppercase; line-height: 1.2em;}

.colorBox h3, .tableBox h3 {
	background: url(../img/heading-bg.png) no-repeat 0 -91px #b2cc04;
	color: #FFF;
	padding: 4px 15px;
	text-transform: uppercase;
	}
	.tableBox h3 {margin-bottom: 0;}
	.popBox h3 {background-position: 0 0; background-color: #657782; padding-left: 33px; cursor: pointer;}
	h3.opened  {background: url(../img/heading-bg.png) no-repeat 0 -213px #b2cc04; }


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

#content ul, #content ol {margin: 0 0 25px 15px;}
	#content ul ul, #content ol ol {margin: 0 0 0 15px;}
	#content ul ul UL {margin-left: 50px; }
	
	#content ol {margin-left: 34px;}
	
	#content li {
		background: url(../img/sipka.gif) no-repeat 0 4px;
		padding-left: 11px;
		margin: 3px 0;
		zoom: 1;
		}
		
		#content .choiceBoxes li, #content .selectionBox li, #content .moznosti li, #all .hpBox .hiddenBox li  {background: none; margin: 0; padding: 0;}
	
	#sidecol2 ul {margin-bottom: 17px;}
	
	ul.bestSellers {
		background: url(../img/dots-dark.gif) repeat-x bottom left;
		padding-bottom: 15px;
		font-size: 1.1em;
		}
		.bestSellers li {padding-left: 23px; margin: 4px 0}
			.nr1 {background: url(../img/nr1.png) no-repeat 0;}
			.nr2 {background: url(../img/nr2.png) no-repeat 0;}
			.nr3 {background: url(../img/nr3.png) no-repeat 0;}
			.nr4 {background: url(../img/nr4.png) no-repeat 0;}
			.nr5 {background: url(../img/nr5.png) no-repeat 0;}
			
#all .rightBlock ul {margin-left: 0; margin-bottom: 30px;}
	
/* ************* FORMS ************* */

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

.button, #all .eshopHpBox .box3 a.button {
	background: url(../img/btn-fwd.png) no-repeat #BF1609;
	padding: 3px 8px;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
	font-size: 1.em;
	border: 0;
	}

	.fwd, .bwd {		
		font-size: 1.3em;
		text-transform: uppercase;
		padding: 8px 15px;
		font-weight: bold;
		margin: 0 10px 20px 10px;
	}
	
	.fwd {
		background: url(../img/btn-fwd-arrows.png) no-repeat #bf1609 100% 0;
		float: right;
		padding-right: 25px;
		}
		#all #main .button:hover, #all .eshopHpBox .box3 a.button:hover {
			background-position: -710px 0;

			}
		#all #main .button.fwd:hover {
			background-position: 100% -50px;

			}
			
	.bwd {
		background: url(../img/btn-bwd-arrows.png) no-repeat #748087;
		float: left;
		padding-left: 25px;
		}
		#all #main input.bwd:hover {background-position: -313px 0;}
		
	a.button {
		text-decoration: none;
		font-size: 1.3em;
		padding: 8px 15px;
		}
		a.button:hover {color: #FFF;}
		
		#all .eshopHpBox .box3 a.button {
			padding: 1px 6px;
			color: #FFF;
			font-size: 1em;
			text-transform: none;
			font-weight: normal;
			}
		
	.eshopHpBox .button {
		background: url(../img/btn-bwd.png) no-repeat #748087;
	}
		
.prislusenstviFiltr label {
	width: 280px;
	float: left;
}
.prislusenstviFiltr select {width: 260px;}
.prislusenstviFiltr .button {margin-top: 1.1em;}

		
	
#shopform img {vertical-align: middle;}
.comment {font-size: 0.8em;}

tr.section input {background: #FFF; border: 0; color: #999; padding: 0 1px; cursor: pointer; font-size: 0.75em; margin-left: 10px;}
	
#shopform th {
	text-align: right;
	font-weight: normal;
	background: url(../img/dots-form-bg.gif) no-repeat 100% 8px;
	padding-right: 64px;
	width: 220px;
	}
	#shopform .section th, #shopform .collapsed th {
		text-align: left;
		background: url(../img/formHeading-bg.png) no-repeat 0 -91px #b2cc04;
		color: #FFF;
		text-transform: uppercase;
		padding-left: 35px;
		font-weight: bold;
		font-size: 1.2em;
		padding-right: 0;
		width: auto;
		}
		#shopform .collapsed th {background-position: 0 0; background-color: #657782}

.basketBox table {width: 100%; margin-bottom: 4px;}
.basketBox th {font-weight: normal;}
.basketBox td {border: 1px solid #FFF; background: #f4f4f4}
.basketBox .celkem td {background: #bf1609; color: #FFF; font-weight: bold; font-size: 1.2em; text-transform: uppercase;}
	.basketBox .celkem td.right {text-transform: none;}
.basketBox h2 {margin-bottom: 0;}

#step_nav {margin-bottom: 20px;}

/* IE button fix */	

input.button, tr.section input  {
	width: 0;
	overflow: visible;
}
input.button[class], tr.section input  {width: auto;}

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

table {
	border: 0;
	border-collapse: collapse;
	font-size: 1em;
	margin-bottom: 15px;
	}
	th, td {
		padding: 5px 10px;
		vertical-align: top;
		border: 0;
		}

table.dataTable {
border: 1px solid gray;
	}
	table.dataTable th, table.dataTable td {
		border: 1px solid gray;
		}
		
.colorBox table {width: 100%;}
.colorBox td em {font-style: normal;}


td.inputCell {width: 1px; padding-right: 0;}
td.ePrice {color: #bf1609; text-align: right; font-weight: bold; font-size: 1.2em;}


.tarifTable,
.serviceTable {width: 100%; margin-top: 20px;}
.tarifTable th,
.tableBox .serviceTable th {background: #B2CC04; color: #FFF; border: 1px solid #FFF; vertical-align: middle; text-align: center; white-space: nowrap}
.tableBox .serviceTable th {text-align: left; white-space:normal;}
.tarifTable .pausalRow th,
.serviceTable .pausalRow th {background: #748087;}
.tarifTable .pausalRow th.adCell,
.serviceTable .pausalRow th.adCell {background: #FFF; color: #BF1609}
.tarifTable th em {font-weight: normal; font-size: 0.9em; font-style: normal;}

.tarifTable td {border: 1px solid #FFF; background: #EDEDED; text-align: center;}
#all .odd td {background: #f4f4f4;}
.tarifTable th.tarifViceInfo {text-align: right; font-weight: normal; background: none; font-size: 0.9em;}

.tableBox table {width: 100%;}
.tableBox td, .tableBox th {border-bottom: 1px solid #FFF; background: #EDEDED;}
.tableBox td strong {color: #29a7d5;}
.tableBox td.right strong {white-space: nowrap; color: #CE1910}
.tableBox.noMargin {margin-bottom: 0;}
.tableBox.noMargin table { margin-bottom: 0;}


/* ************* IMAGE REPLACEMENT ************* */


.infoline span, #sidecol2 h3 a span, .basket a span, .zmenPristroj span, .zmenTarif span, .moznosti h3 span, #steps li span, .btn span, #tabs span, .btnKoupit span, .hpBox li span, .eshopHpBox li span, .zmenPrislusenstvi span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	}	
	.infoline, #sidecol2 h3 a, .basket a, .zmenPristroj, .zmenTarif, .moznosti h3, #steps li, .btn, #tabs a, #tabs strong, .btnKoupit , .hpBox li a, .eshopHpBox li a, .zmenPrislusenstvi {position: relative; overflow:hidden; display: block;}
		
	.infoline {position: absolute; top: 60px; right: 0; width: 167px; height: 51px; }
			.infoline span {background: url(../img/infoline.png) no-repeat;}
			
	#sidecol2 h3 {position: relative;}
	#sidecol2 h3 a {width: 220px; height: 62px;}
		.dostupnost span {background:transparent url(../img/btn-dostupnost.png) no-repeat scroll 0 0; cursor: pointer; }
		.prodejna span {background:transparent url(../img/btn-prodejny.png) no-repeat scroll 0 0; cursor: pointer;}
			#sidecol2 h3 a:hover span {background-position: 0 -62px;}
			
	.basket a {width: 219px; height: 25px;}
		.basket a span {background: url(../img/basket-btn.png) no-repeat; cursor: pointer;}
			.basket a:hover span {background-position: 0 -25px;}
			
	.zmenPristroj {width: 160px; height: 25px; float: right; margin-top: 20px;}
		.zmenPristroj span {background: url(../img/btn-vybertejinypristroj.png) no-repeat; cursor: pointer;}
			.zmenPristroj:hover span {background-position: 0 -25px;}
	.zmenPrislusenstvi {width: 172px; height: 25px; float: right; margin-top: 20px;}
		.zmenPrislusenstvi span {background: url(../img/btn-vybertejineprislusenstvi.png) no-repeat; cursor: pointer;}
			.zmenPrislusenstvi:hover span {background-position: 0 -25px;}
	.zmenTarif {width: 172px; height: 25px; float: right; margin-top: 20px;}
		.zmenTarif span {background: url(../img/btn-vybertejinytarif.png) no-repeat; cursor: pointer;}
			.zmenTarif:hover span {background-position: 0 -25px;}
	
	.btnKoupit {width: 141px; height: 48px; float: right;}
		.btnKoupit span {background:url(../img/btn-koupit.png) no-repeat 0 0; cursor: pointer;}	
			.btnKoupit:hover span {background-position: 0 -48px;}
		
	.moznosti h3 {width: 90px; height: 21px; margin-bottom: 0;}
		.moznosti h3 span {background: url(../img/btn-moznosti.png) no-repeat; cursor: pointer;}
		
	.hpBox li a {width: 172px; height: 44px;}
		.box1 .btn1 span {background: url(../img/hp-button-1.png) no-repeat;}
		.box1 .btn2 span {background: url(../img/hp-button-2.png) no-repeat;}
		.box2 .btn1 span {background: url(../img/hp-button-3.png) no-repeat;}
		.box2 .btn2 span {background: url(../img/hp-button-4.png) no-repeat;}
			.hpBox li a:hover span {background-position: -172px 0; cursor: pointer; }
			
	.eshopHpBox li a {width: 202px; height: 43px;}
		.eshopHpBox .box1 .btn1 span {background: url(../img/btn-eshop-1.png) no-repeat;}
		.eshopHpBox .box1 .btn2 span {background: url(../img/btn-eshop-2.png) no-repeat;}
		.eshopHpBox .box2 .btn1 span {background: url(../img/btn-eshop-3.png) no-repeat;}
		.eshopHpBox .box2 .btn2 span {background: url(../img/btn-eshop-4.png) no-repeat;}
			#all .eshopHpBox li a:hover span {background-position: 0 -43px; cursor: pointer; }

	#all #steps {margin: 0; padding: 0;}
	#steps li {
		float: left;
		display: block;
		width: 230px;
		height: 35px;		
		margin: 0;
		padding: 0;
		}
		#steps li span {background: url(../img/steps.png) no-repeat;}
			#content #steps .step1 span {background-position: 0 0;}
			#content #steps .step2 span {background-position: -233px 0;}
			#content #steps .step3 span {background-position: -473px 0;}
				#content #steps .step1 strong span {background-position: 0 -35px;}
				#content #steps .step2 strong span {background-position: -233px -35px;}
				#content #steps .step3 strong span {background-position: -473px -35px;}
				
	#tabs li {display: inline;}
	#tabs li a, #tabs li strong {
		float: left;
		display: block;
		height: 38px;
		margin: 0;
		padding: 0;
		}		
		#tabs strong {width: 352px;}
		#tabs a {width: 177px;}
			#tabs li span {background: url(../img/tabs-bg.png) no-repeat;}
				#tabs .tab1 a span {background-position: 0 0; cursor: pointer;}
				#tabs .tab1 strong span {background-position: 0 -38px;}
				#tabs .tab2 a span {background-position: -177px -76px; cursor: pointer;}
				#tabs .tab2 strong span {background-position: -177px -0;}
				#tabs .tab3 a span {background-position: -529px -38px; cursor: pointer;}
				#tabs .tab3 strong span {background-position: -354px -76px;}

	ul#shopSekce {margin: 0; padding: 0;}	
	#shopSekce li {display: inline; padding: 0; margin: 0; background: none;}
		#shopSekce a, #shopSekce strong {
			display: block;
			width: 171px;
			_width: 170px;
			min-height: 27px;
			_height: 27px;
			background: url(../img/shopSekce.png) no-repeat;
			color: #8e9da6;
			font-weight: bold;
			float: left;
			text-indent: 15px;
			padding-top: 8px;
			margin-right: 1px;
			}
			#shopSekce .last a, #shopSekce .last strong {width: 174px; margin: 0;}
			#shopSekce strong {background-position: 0 -35px; color: #FFF;}
			#shopSekce a:hover {color: #44555F;}
				
				
	.zpet {width: 76px; height: 25px; float: left; margin-top: 15px;}
		.zpet span {background: url(../img/btn-zpet.png) no-repeat; cursor: pointer;}
			.zpet:hover span {background-position: 0 -25px;}
	.pokracovat {width: 171px; height: 41px; float: right;}
		.pokracovat span {background: url(../img/btn-pokracovat.png) no-repeat; cursor: pointer;}
	.potvrdit {width: 251px; height: 41px; float: right;}
		.potvrdit span {background: url(../img/btn-potvrdit.png) no-repeat; cursor: pointer;}
	.odebrat {width: 77px; height: 21px;}
		.odebrat span {background: url(../img/btn-odebrat.png) no-repeat; cursor: pointer;}
			.odebrat:hover span {background-position: 0 -21px;}
	.pridat {width: 179px; height: 22px; margin-bottom: 10px;}
		.pridat span {background: url(../img/btn-pridat.png) no-repeat;  cursor: pointer;}
			.pridat:hover span {background-position: 0 -21px;}
	.opravit {width: 118px; height: 26px; margin-bottom: 10px;}
		.opravit span {background: url(../img/btn-opravit.png) no-repeat;  cursor: pointer;}
			.opravit:hover span {background-position: 0 -25px;}
		
	
			
			
/* ************* FLOAT CLEAR ************* */

#top, #footer,  .hiddenBox li a, .choiceBoxes, #steps, #step_nav, .basketBox, .pristrojSelectionBox, #infoBox, #tabs, #content, #shopSekce, .inner, .tabbedBox ul, .prislusenstviFiltr  {
	overflow: hidden;
	_display: inline-block;
	}
	
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	} 
	.clearfix {display: inline-block;} 
	html[xmlns] .clearfix {display: block;} 
	* html .clearfix {height: 1%;}
	
/* cistic uzivatelskych wysiwyg okras */
	
font {
	font-family: inherit;
	color: inherit;
	font-size: inherit;
	}
	
	
.productImg {
	display: block;
	float: left;
	width: 140px;
	text-align: center;
	color: #464646;
	font-size: 11px;
}

/* ****************************************** */	
/* ******************* HOMEPAGE ************* */
/* ****************************************** */
#hpBoxes {margin-bottom: 20px; position: relative; z-index: 400;}
.homepage-eshop #hpBoxes {margin-bottom: 0;}
.hpBox {
	position: relative;
	width: 369px;
	background: url(../img/hpBox-bg.png) no-repeat bottom left;
	float: left;
	min-height: 337px;
	_height: 337px;
	font-size: 0.9em;
	}
	.hpBox h2 {position: absolute;}
	
	#hpBoxes .dotted {font-size: 1em; padding-top: 10px; margin: 0 40px 10px 15px;}
	#main .hpBox ul.vyhody {margin: 0;}
		#main .box3 ul {margin-right: 10px;}	
		
	.hpImageBox {
		position: relative;
		width: 343px;
		height: 210px;
		}
	.box1 .hpImageBox {background: url(../img/hp-image-1.jpg) no-repeat;}
	.box2 .hpImageBox {background: url(../img/hp-image-2.jpg) no-repeat;}
		a.viceInfo {
			display: block;
			width: 343px;
			height: 200px;
			background: url(../img/btn-hp-vice.png) no-repeat 209px 125px;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 375;
			}
			a.viceInfo:hover {background-position: 209px -375px;}
	
	#all .hpImageBox ul.btns {
		position: absolute;
		top: 80px;
		left: 0;
		z-index: 458;
		margin: 0 0 0 4px;
		}
		#all .hpImageBox ul.btns li {background: none; padding: 0;}
	
	
/* news box */
	.news {
		float: right;
		width: 250px;		
		}
		.news span {margin-bottom: 0; font-size: 0.9em; line-height: 0.7em; }
		.news p {margin-bottom: 8px;}
		.news h2 {
			text-transform: uppercase;
			font-size: 1.2em;
			margin-bottom: 5px;
			}
		.news h3 {
			margin-bottom: 0;
			font-size: 1em;
			font-weight: normal;	
		}
		.news h3, .news p {margin-right: 30px;}
		
/* kosik */		
	.basket {
		background: url(../img/basket-bg.png) no-repeat #b7cf14;
		overflow: hidden;
		margin-bottom: 15px;
		font-size: 0.9em;
		}
		.basket h2 {
			color: #FFF;
			margin: 6px 10px 6px 10px;
			_padding-top: 5px;
		}
		#main .basket ul {margin: 0 1px;}
		.basket li {
			text-align: right;
			background: #FFF;
			padding: 4px 10px;
			margin-bottom:1px;
			}
		#main .basket p {margin: 0 1px 1px 1px;}
		.basket strong {font-weight: normal; float: left;}
		
/* ESHOP HOMEPAGE */

.eshopHpBox {
	width: 245px;
	float: left;
	position: relative;
	font-size: 0.9em;
	}
	.eshopHpBox h2 {position: absolute; z-index: 123;}
	
	.eshopHpBox .box1, .eshopHpBox .box2, .eshopHpBox .box3, .eshopHpBox fieldset {
		padding-top: 200px;
		padding-bottom: 1px;
		margin-right: 22px;
		margin-bottom: 20px;
		z-index: 125;
		position: relative;
		min-height:100px;
	}
	
	.eshopHpBox .box1 {background: url(../img/eshopHp-box1-bg.jpg) no-repeat #f4f4f4;}
	.eshopHpBox .box2 {background: url(../img/eshopHp-box2-bg.jpg) no-repeat #f4f4f4;}
	.eshopHpBox .box3 {background: url(../img/eshopHp-box3-bg.jpg) no-repeat #f4f4f4; padding-top: 150px; min-height: 150px;}
	
	#all .eshopHpBox div ul {margin: 0 0 10px 0;}
	#all .eshopHpBox div li {background: none; margin: 0 0 4px 0;}
	
	.eshopHpBox h3 {font-size: 1.3em; margin-left: 10px;}
	.eshopHpBox h4 {margin-left: 10px; font-size: 1.1em;}
	#all .eshopHpBox ul {margin-right: 35px;}
	.eshopHpBox img {margin: 0 35px 8px 15px;}
	
	#all .eshopHpBox .box3 ul {margin-left: 10px; margin-bottom: 15px;}
	.eshopHpBox .box3 li {text-align: right; padding-right: 20px;}
	#all .eshopHpBox .box3 li a {display: inline; width: auto; height: auto; color: #4e6267;}
		
		
.eshopBox {
	width: 213px;
	background: url(../img/eshop-box-bg.png) no-repeat bottom left;
	text-align: center;
	padding-bottom: 10px;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
	}
	.eshopBox h2 {		
		text-align: left;		
		font-weight: normal;
		}
		.eshopBox h2 a {
			color: #FFF; 
			text-decoration: none;
			padding: 5px 15px 8px 15px;
			display: block;
			background: url(../img/heading-big.png) no-repeat;
			}
			
	.eshopHpBox fieldset {
		background: url(../img/eshopHp-box3a-bg.jpg) no-repeat;
		padding: 40px 20px 15px 20px;
		}
		.eshopHpBox label {display: block; line-height: 2em; margin-bottom: 5px;}
		.eshopHpBox fieldset br {display: none;}
		.eshopHpBox select {width: 186px;}
		.eshopHpBox fieldset p {padding-top: 8px;}

		
/* ****************************************** */	
/* ******************* SUBPAGES ************* */
/* ****************************************** */

.colorBox {
	background: url(../img/part-bg.png) no-repeat bottom left;
	position: relative;
	margin: 0 8px 20px 8px;
	}
	.inner {padding: 0 10px 10px 10px; position: relative;}
.tableBox {
	position: relative;
	margin: 0 8px 20px 8px;
}

	
/* pristroj box */	
#all .pristrojBox ul {margin-left: 150px; margin-top: 20px;}
.pristrojBox h2 {margin-left: 150px;color: #29a7d5;font-size: 1.4em;}
.pristrojBox h5, .dotted {
	background: url(../img/dots-dark.gif) repeat-x;
	padding-top: 15px;
	font-size: 1.3em;
	}
	

/* infobox */
#infoBox {
	background: #ededed;
	padding: 8px;
	font-size: 0.9em;
	margin-bottom: 3px;
	}
	#infoBox h4 {
		float: left;
		width: 60px;
		margin: 0;
		font-style: italic;
		}
		#infoBox ul {margin-left: 60px; margin-bottom: 0;}
			#infoBox li {
				float: left;
				margin: 0 20px 0 0;
				display: inline;
				}
				
/* popBox */



/* container pro tarify */
	
/*	.tarifSelectionBox, .tarifSelectionBoxSelected {
		position: relative;
		width: 221px;
		background: url(../img/tarifSelectionBox-bg.png) no-repeat -240px 100%;
		float: right;
		padding-top: 0;
		margin-bottom: 25px;
		margin-top: 50px;
		}
			.jsEnabled .tarifSelectionBox, .jsEnabled .tarifSelectionBoxSelected  {width: 232px;}
			.tarifSelectionBoxSelected {background-position: 0 100%;}
		.tarifSelectionBox h4 {
			font-size: 1.3em;
			margin: 0 15px;
			height: 3em;
			text-decoration: underline;
			cursor: pointer;
		}
		#all .tarifSelectionBox  ul {
			background: url(../img/dots-dark.gif) repeat-x bottom left;
			margin-right: 35px;
			padding-bottom: 10px;
			margin-bottom: 7px;
			}
			.tarifSelectionBox li {font-size: 0.9em;}
			#all .tarifSelectionBox li.first {
				display: block;
				float: left;
				width: 70px;
				border-right: 1px solid #eaeef0;			
				margin-right: 10px;
				}
				 .tarifSelectionBox li strong {display: block; font-size: 1.1em;}
				 	.tarifSelectionBox ul.mobilpevna strong {font-size: 1em;display: inline;}
			
			#all .tarifSelectionBox ul.mobilpevna {margin-right: 30px;}
			#all .tarifSelectionBox ul.mobilpevna li {width: auto; padding: 0 0 0 12px; margin: 0 0 5px 0; border: 0;  line-height: 1.3em; background: url(../img/sipka.gif) no-repeat 0 2px; }
				#all .tarifSelectionBox ul.mobilpevna li.first {float: left;}
				#all .tarifSelectionBox ul.mobilpevna li.second {float: right;}
				
		.tarifSelectionBox p {
			float: right;
			margin-right: 35px;
			margin-bottom: 10px;
			text-align: right;
			line-height: 1.2em;
			}
			.tarifSelectionBox p strong {font-size: 2.1em; color: #c6170a; line-height: 1em;}
			.tarifSelectionBox p em {font-style: normal; font-size: 0.9em;}
			

			
		.tarifSelectionBox input {
			margin-left: 18px;
			margin-top: 10px;
		}
		.tarifSelectionBox img {float: right; margin: -10px 30px 0 10px;}
		
.cena {text-align: right; margin-right: 20px;}
.cena strong {font-size: 1.4em; color: #BF1609;}*/
	
/* container pro pristorje */	
	
.pristrojSelectionBox, .pristrojSelectionBoxSelected {
		position: relative;
		width: 163px;
		background: url(../img/pristrojSelectionBox-bg.png) no-repeat -219px 100%;
		padding-top: 10px;
		margin-bottom: 20px;
		float: left;
		}
		.pristrojSelectionBoxSelected {background-position: 0 100%;}
			
		.pristrojSelectionBox h2 {
			font-size: 1em;
			margin: 0 15px;
			height: 4.1em;			
			}
			
		.pristrojSelectionBox p {margin: 0 20px 8px 15px;}
			.pristrojSelectionBox .cena em {font-style: normal;}
			 .cena strong {font-size: 1.1em; color: #BF1609;}
			 .pristrojBox .cena {margin-right: 15px; font-size: 1.2em;}
			
			#all .pristrojSelectionBox p.infoText {
				background: url(../img/dots-dark.gif) repeat-x bottom left;
				padding-bottom: 8px;
				font-size: 0.9em;
				height: 4.5em;
				}
		.pristrojSelectionBox dl {
			font-size: 0.9em;
		}
		.pristrojSelectionBox dt {float: left; margin-left: 2px;}
		.pristrojSelectionBox dd {margin: 0 0 8px 30px; line-height: 1.1em;}
			.pristrojSelectionBox label {font-weight: bold; color: #C01F17; font-size: 1.1em; margin: 0;}
			.cenaDetails {font-size: 0.9em;}
			
		.pristrojSelectionBox input.radio {
			margin-left: 10px;
			margin-top: 0;
			}
			
.novinka {
	width: 58px;
	height: 57px;
	background: url(../img/ico-new.png) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 800;
	}
	.pristrojBox .novinka {
		right: auto;
		left: 10px;
		top: 50px;
	}
	
	
		

.pristrojSelectionBoxSelected h4, .tarifSelectionBoxSelected h4 {text-decoration: none; cursor: auto;}

/* male taby */
#all .tabbedBox {padding-top: 20px; margin-bottom: 30px;}
#all .tabbedBox .inner {padding: 12px 15px;}
#all .tabbedBox ul.tabsSmall {margin: 0;}
#all .tabbedBox .tabsSmall li {margin: 0; padding: 0;}
.tabbedBox strong.color {color: #C41A00;}

#all .tabbedBox .tabsSmall li {
	display: block;
	float: left;
	width: 230px;
	height: 32px;
	color: #FFF;
	font-size: 1.1em;
	background: url(../img/tabs-small-bg.png) no-repeat 0 0;
	text-indent: 20px;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: bold;
	}
	#all .tabbedBox .tabsSmall span {display: block; padding-top: 12px;}
	#all .tabbedBox .tabsSmall .opened span {display: block; padding-top: 8px;}
	#all .tabbedBox li.opened {background-position: -230px 0; cursor: auto;}
	
		


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

#all {
	margin: 0 auto;
	text-align: left;
	font-size: 1.2em;
	width: 960px;
	padding-bottom: 64px;
	}

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

#top {
	position: relative;
	height: 131px;
	}
	.logo {
		position: absolute;
		top: 30px;
		left: 0;
		}
		
	#fcbBox {
		margin-bottom: 15px;
	}
	
/* ***************************************** */	
/* ***************** SEARCH **************** */
/* ***************************************** */	
		
	#search {
		position: relative;
		float: right;
		padding-right: 20px;
		width: 200px;
		_width: 203px;
		}
		.searchfield {
			background: #FFF;
			border: 0;
			width: 173px;
			font-size: 1em;
			float: left;
			position: relative;
			top: 7px;
			padding: 3px 4px 2px 4px;
			margin-right: 5px;
		}
		#search .button {
			border: 0;
			background: none;
			padding: 0;
			width: 14px;
			float: left;			
			}
		
	
/* **************************************** */	
/* ***************** MENU ***************** */
/* **************************************** */	

#menuBar {
	background: url(../img/menuBar-bg.png) no-repeat #b7cf14;
	position: relative;
	z-index: 3000;
	width: 100%;
	}
	#mainMenu {z-index: 3050;}
	#mainMenu ul {
		list-style: none;
		position: relative;
		float: left;
		}
		#mainMenu ul li {display: block; float: left; position: relative;}				
			#mainMenu ul li a {
				display: block;
				padding: 8px 18px 9px 18px;
				=padding-bottom: 6px;
				text-decoration: none;
				color: #FFF;
				font-size: 1em;
				text-transform: uppercase;
				background: url(../img/menu-separator.png) no-repeat 100% 50%;
				}
					#mainMenu li.first a {padding-left: 23px;}
					#mainMenu li.last a {background: none;}
					
				#mainMenu ul li a:hover, #mainMenu ul li a.active {color: #43555F;}
					
	/* vnorene menu */
	
	#mainMenu ul ul {
		position: absolute;
		top: 29px;
		left: 0;
		background: #B7CF14;
		width: 173px;
		z-index: 999;
		padding: 5px 0 0 0;
		display: none;
		font-size: 1.1em;
		}
		#mainMenu ul ul li {
			float: left;
			display: block;
			margin: 0;
			zoom: 1;
			width: 173px;
		}
		#all #mainMenu ul ul a {
			color: #FFF;
			padding: 4px 18px 4px 18px;
			text-transform: none;
			background: none;
			border-top: 1px solid #EEF4C7;
			margin: 0;
			}
			#all #mainMenu ul ul a:hover {
				background: #a8c500;
				color: #FFF;
				}
		#mainMenu ul li:hover ul, #mainMenu ul li.hover ul {display: block;}


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

.column {float: left;}

#main {
	margin: 0;
	background: #FFF;
	clear: both;
	width: 100%;
	}
	#maincol {width: 100%; zoom: 1;}
		#contentContainer {padding: 20px 254px 20px 0;}	
		.homepage #contentContainer {padding-right: 222px;}
		#contentContainer-fullpage {padding-top: 20px;}
			#content {
				margin: 0 0;				
				}
			.eshop #content, .tabbedBox .inner {padding: 3px; border: 5px solid #44555f;}
	#sidecol2 {
		width: 221px;
		margin-left: -221px;
		padding-top: 20px;
		}
		#sidecol2 h2 {text-transform: uppercase;}
		
.leftBlock {
	float: left;
	width: 48%;
}
.rightBlock {
	float: right;
	width: 48%;
}

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


#footer {
	clear: both;
	zoom: 1;
	color: #8a949b;
	text-transform: uppercase;
	background: url(../img/footer-bg.png) repeat-x;
	padding-top: 65px;
	font-size: 0.9em;
	}
	#footer p {margin-bottom: 0;}
	#footer a {color: #8a949b; margin: 0 10px;}
	#footer a:hover {color: #3d4e52;}
	
	.footerLinks {
		float: left;
		margin-left: -10px;
		}
	.copyright {
		float: right;
		}
		


.smalldesc {
	font-size: 11px;
	margin-left: 21px;
	text-align: justify;
}

.blue {
	color: #29A7D5;
	font-weight: bold;
}

#usetrit {
	position: relative;
	top: 68px;
	left: 95px;
	font-weight: bold;
	color: #3d4e52;
	font-size: 17px;
}

.uppercase {
	text-transform: uppercase;
}

.imagebox {
	text-align: center;
	height: 100px;
	margin-bottom: 5px;
}