/* tytulka - upoutavka formular */

span.orange { color:#fcb415;}

.hpPerex {text-align:justify;padding-left:10px;padding-right:20px;}

.bluebox { color:#fcb415; margin-top:-12px; width:314px; background-color:#FF0000}
.bluebox a { color:#fcb415;}
.bluebox .text { padding:0 13px;background: #133f54; }
.topblue {height:6px; background: url(/images/orangehome/topblue.png) top left no-repeat; _margin-bottom:-12px; }
.botblue {height:6px; background: url(/images/orangehome/botblue.png) top left no-repeat; }


.orangebox { color:black; margin-top:-12px; width:287px;}
.orangebox a { color:black;}
.orangebox .text { padding:0 10px;background: #fcb415; text-align:justify; }
.toporange {height:6px; background: url(/images/orangehome/toporange.png) top left no-repeat; _margin-bottom:-12px; }
.botorange {height:6px; background: url(/images/orangehome/botorange.png) top left no-repeat; }



.cleaner { clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent; overflow:hidden; }


/* main menu */

#menu {
	float: right;
	margin: 0px;
	padding: 0px;
}

#menu li {
	margin: 0px;
	padding: 0px;
	background: transparent;
	float: left;
	margin-left: 4px;
	overflow: hidden;
	
}
#menu li a {
	display: block;
	text-transform: uppercase;
	width: 84px;
	height: 32px;
	padding: 9px;
	background: url("../images/page/menu.png");
	text-align: center;
	text-decoration: none;
	color: #fff;
	overflow: hidden;
	font-size: 0.9em;
}
#menu li a.oneRow {
	
	width: 84px;
	height: 32px;
	padding-top: 18px;
	padding-bottom: 0;
}
#menu li a.active, #menu li a:hover {
	background: url("../images/page/menu-over.png");
	color: #EDAB18;
	overflow: hidden;
}

/* categorie na HP */

#category {
	width: 314px;
	margin: 0px;
	padding: 0px;
}
#category li {
	
	margin: 0px;
	padding: 0px;
	background: transparent;
	padding-bottom: 1px;
}
#category li a {
	background: #2A4E65 url("../images/page/category-li.png") left top;
	padding: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
	width:290px;
	text-decoration: none;
	font-size: 1.1em;
}
#category li.first a {
	background: transparent url("../images/page/category-li-first.png") left top;
}
#category li.last a {
	background: transparent url("../images/page/category-li-last.png") left bottom;
}
#category li a:hover {
	background: url("../images/page/category-li-over.png") left top;
	color: #fff;
}
#category li.last a:hover {
	background: url("../images/page/category-li-last-over.png") left bottom;
	color: #fff;	
}
#category li.first a:hover {
	background: url("../images/page/category-li-first-over.png") left top;
	color: #fff;	
}

/* box pro rozcestnik bezpecnosti */

.boxsft {
	background: url("../images/page/box-top.png") no-repeat left top;
	padding: 14px;
	padding-bottom: 9px;
	line-height:10px;
}

.boxsft h3 { 

	 
}
.boxsft ul.overview {

	
	width: 500px;
	list-style: none;
	
	
}

.boxsft ul li {
	margin: 0px;
	padding: 0px;
	background: url("../images/page/box-ul.png") no-repeat 0px 0px;
	padding: 1px;
	padding-left: 26px;
	line-height:12px;

}
.boxsft ul li.anchor {
	background: transparent;
	padding: 0px;
	padding-top: 6px;

}
.boxsft ul li.anchor a {
	background: url("../images/page/box-anchor.png") no-repeat 0px 4px;
	padding: 1px;
	padding-left: 26px;
}


/* prehledovy box */
.box {
	background: url("../images/page/box-top.png") no-repeat left top;
	padding: 14px;
	padding-bottom: 9px;
		width:100%;
}
.box-bottom {
	background: url("../images/page/box-bottom.png") no-repeat top center ;
	height: 4px;
	margin-bottom: 11px;
	_margin-bottom: -3px;
}

.box h3 {
	float: left;
	width: 105px;
}
.box ul.overview {
	margin: 0px;
	margin-top:-25px;
	padding: 0px;
	float: right;
	width: 500px;
	list-style: none;
	
}

.novinka {
	position:relative; 
	top:20px; left:-3px; 
	margin-bottom:-18px;
	color:#FFFFFF;
}


.box ul li {
	margin: 0px;
	padding: 0px;
	background: url("../images/page/box-ul.png") no-repeat 0px 2px;
	padding: 1px;
	padding-left: 26px;
}
.box ul li.anchor {
	background: transparent;
	padding: 0px;
	padding-top: 10px;
}
.box ul li.anchor a {
	background: url("../images/page/box-anchor.png") no-repeat 0px 4px;
	padding: 1px;
	padding-left: 26px;
}

/* drobeckova navi */

.bread {
	color: #AEC7D4;
	font-size: 0.9em;
	margin-bottom: 4px;
}
.bread a {
	color: #AEC7D4;
	padding-right: 11px;
	background: url("../images/page/bread.png") right center no-repeat;
}

/* footer navigation */

#navi {
	margin: 0px;
	padding: 0px;
	width: 310px;
	list-style: none;
	float: left;
	margin-bottom: 26px;
}
#navi li {
	margin: 0px;
	padding: 0px;
	background: transparent;
	float: left;
	width: 155px;
	
}
#navi li.right {
	float: right;
	
}
#navi li a {
	
	background: url("../images/page/navi-li.png") left center no-repeat;
	padding-left: 18px;
	color: #aec7d4;
	font-size: 0.8em;
}
#navi li a:hover {
	color: #fff;
}


/* others */

.clear { clear:both; height:0px; font-size:0px; border:none; margin:0; padding:0; background:transparent; overflow:hidden; }

.phone {margin-bottom: 5px; }
.phoneprint {display:none;}




img { behavior: url(/css/iepngfix.htc) }

.pad { padding:1em; }
.small-pad { padding:0.5em; }
.pad-x { padding:0 1em; }
.small-pad-x { padding:0 0.5em;  }
.center { text-align:center; margin:0 auto;}


.narrow-column-left {
	width:50%;
	float:left;
	text-align:center;
}


.narrow-column-right {
	width:49%;
	float:right;
}

.w10 { width:10%; }
.w20 { width:20%; }
.w30 { width:30%; }
.w40 { width:40%; }
.w50 { width:50%; }
.w60 { width:60%; }
.w70 { width:70%; }
.w80 { width:80%; }
.w90 { width:90%; }
.w100 { width:100%; }

.spacer { border:none; margin:0; padding:0; background:transparent; overflow:hidden; }
.spacer.a { height:1px; font-size:1px; }
.spacer.b { height:2px; font-size:2px; }
.spacer.c { height:3px; font-size:3px; }
.spacer.d { height:4px; font-size:4px; }
.spacer.e { height:5px; font-size:5px; }
.spacer.f { height:6px; font-size:6px; }
.spacer.g { height:7px; font-size:7px; }
.spacer.h { height:8px; font-size:8px; }
.spacer.i { height:9px; font-size:9px; }
.spacer.j { height:10px; font-size:10px; }
.spacer.k { height:20px; font-size:20px; }




/* piktogramy na rozcestnik bezpecnosti */



.safetyicoCrash {
	width:65px;
	height:65px;
	float:right;
	margin-top:-70px;
	background: transparent url("../images/pruvodce-bezpecnosti/ochrana-proti-vlamani/piktocrash.gif") no-repeat top left; 
	behavior: url(/css/iepngfix.htc);


} 

.safetyicoFire {
	width:65px;
	height:65px;
	float:right;
	margin-top:-70px;
	background: transparent url("../images/pruvodce-bezpecnosti/ochrana-proti-ohni/piktofire.gif ") no-repeat top left; 
	behavior: url(/css/iepngfix.htc);
} 

.safetyicoData {
	width:65px;
	height:65px;
	float:right;
	margin-top:-70px;
	background: transparent url("../images/pruvodce-bezpecnosti/ochrana-dat/piktodata.gif ") no-repeat top left; 
	behavior: url(/css/iepngfix.htc);

	
} 




/* vyber barev u roobus */

.colorlist li {
	background-image:none;
	display:block;
	width:80px;
	text-align:center;
	float:left;
	font-weight:100;
	margin-bottom:20px;
					
}

.colorlist li img { margin-bottom:0px;}


/* piktogramy kategorii */

.pictolist {
	margin:0; 
	padding:0;
}

.pictolist li {
	margin:0;
	padding:0;
	margin-right:-15px;
	background-image:none;
	width:90px; 
	float:left;
}

/*------ procenta ochrana dat -------*/

.datinfo { margin:-20px 0px -10px 0;}
.datinfo li { background:none; margin-left:-22px; line-height:12px; _line-height:17px ;}
.datinfo li span {font-size:25px; font-weight:bold;}

table.datinfo { background:none; border:none;  }
table.datinfo th { background:none; border:none; font-size:medium; color: #aec7d4; font-size:25px; font-weight:bold;}
table.datinfo td { text-align:left; border:none; line-height:1.1em;} 

/*---------- nezlomitelny usek --------*/
.nowrap { white-space:nowrap;}


/* pravy sloupec obrazku roller cash */

.rightpicclmn li { 
	background-image:none;
	display:block;
	width:201px;
	text-align:center;
	float:left;
	font-weight:100;
}
					
/* poktogramy bezpecnost dat */					

.dangerpikto li {
					background-image:none;
					display:block;
					width:80px;
					text-align:center;
					float:left;
					font-weight:100;
					
}






.chck { 			margin:0 auto;
					position:relative;
					overflow:hidden;
					top:2px;
					left:0px;
					width:20px;
					height:23px;

}
		
.chck span  {

					position:absolute;
					top:0px;
					left:0px;
					width:20px;
					height:23px;
					background-image: url("../images/pruvodce-bezpecnosti/ochrana-dat/chck.png"); 
					behavior: url(/css/iepngfix.htc);
					background-repeat:no-repeat;
}
		


.reference {width:100%;}
.reference li  {background-image:none;}
.reference ul {float:left; margin-right:20px;}
.reference ul li {text-align:center; width:160px;}	

.reference ul.u1 img {margin:-2px 0px;}
.reference ul.u2 img {margin:-5px 0px;}
.reference ul.u3 img {margin:-1px 0px;}


.imageFoto	{ margin-top:35px; height:220px;}
.imageFoto img	{ float:left;}




.siteonelink {text-decoration:none;}
.siteonelink a:hover { text-decoration:none;}
.siteonelink span { text-decoration:underline;}


/*--------------- Ral list --------------*/

.cleartable table { border:0px;}
.cleartable td { border:0px;}
.cleartable tr { border:0px;}
.cleartable { background-color:#FFFFFF;} 



.kontaktlist {}

.kontaktlist li { 
	margin-top:-10px;
	position:relative;
	top:0px;
	right:20px;
	background-image:none;
	}


.dwn { line-height: 20px; padding-bottom:20px;}


a.swfiresafelink {text-decoration:none; display:block; float:right; height:16px; width:auto; padding-left:20px; background: url("../images/page/switzerland-flag.png") top left no-repeat; behavior: url(/css/iepngfix.htc); }
a.swfiresafelink:hover { text-decoration:underline; }


.bezbarier {position:absolute; top:-10px; left:145px;}

/* ------------- MAPA STRANEK (SITE MAP) ----------------*/

#mapa-stranek ul {
	padding-top:2px;
	padding-bottom:2px;
}
#mapa-stranek ul li {
	padding-top:1px;
	padding-bottom:1px;
}

/* ------------------- Klikaci boxy -------------------- */
/* vyuzivaji se pro JavaScript viz. klikaciBoxy.js */
.klikaciBox {
	cursor:pointer;
}

/* ------------- Trezory skladem --------------------- */
.trezorySkladem {}
.trezorySkladem table tr.alt { background-color: #396179; }

.trezorSkladem table tr td, .trezorSkladem table tr th { text-align: left; vertical-align: top; }


/*------------- tabulka bezpecnost dat ------------*/

.dataTable .l  img { 
	position:relative; 
	top:4px; 
	left:0px; 
	margin:-5px -25px 0 0;
}

.dataTable .l div  { 
	position:relative; 
	top:-26px;
	_top:-22px; 
	left:52px; 
	margin-bottom:-17px;
}



.pup p {margin-top:-10px;}

.no {display:none;}

/* --------- odkazy svet trezoru ------------- */

.svet-trezoru-big { 
	display:block;
	height:24px; 
	width:100px; 
	background:transparent url("/images/kontakt/svet-trezoru-big.png") 0 0 no-repeat;
	behavior: url(/css/iepngfix.htc);
	overflow:hidden;
	margin-top:10px;
	cursor:pointer;
}

.svet-trezoru-big span {
	display:none;
}

.svet-trezoru-small { 
	display:block;
	height:19px; 
	width:74px; 
	background:transparent url("/images/kontakt/svet-trezoru-small.png") 0 0 no-repeat;
	behavior: url(/css/iepngfix.htc);
	overflow:hidden;
	float:left;
	margin-left:255px;
	_margin-left:125px;
	margin-top:-2px;
	_margin-top:-1px;
	cursor:pointer;
}

.svet-trezoru-small span {
	display:none;
}

span.white {color:#fff}