/*
Theme Name: TSPData Template
Theme URI: http://www.allodium.eu
Description: Template pro TSPData web.
Version: 1.0
Author: Vojtech Kopal
Author URI: http://vojtechkopal.cz/

*/

/**
 *	Reset styles by Vita Dlouhy
 */ 
 
* {margin:0; padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; outline:0; vertical-align:baseline; background:transparent;}
.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
.fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}
.va-top {vertical-align:top !important;}
.va-middle {vertical-align:middle !important;}
.va-bottom {vertical-align:bottom !important;}
.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}
.hidden {position:absolute; left:-1000em; top:-1000em; width:1px; height:1px; overflow:hidden;}
.noscreen {display:none;}

/** END */


body{
  background: rgb(178,178,178) url(images/bg-body2.png);
}

div#background_top{
  width:100%;
  height:100%;
  background: url(images/bg_top2.png) repeat-x top;
}

div#background_mid{
  background: #c0c0c0 url(images/bg-body.png);
}

div#background_bottom{
  width:100%;
  height:100%;
  background: url(images/bg_bottom.png) repeat-x bottom;
}

div#page_holder
{
	width: 908px;
	margin: 0 auto;
  background: url(images/bg_content.png) repeat-y bottom; 
}

div#page_holder2
{
	width: 908px;
  background: url(images/bg_content_top.png) top no-repeat; 
}

div#page_holder3
{
	width: 900px;
  background: url(images/bg_content_bottom.png) bottom no-repeat; 
  padding:0px 4px;
}


div#page
{
	width: 900px;
	margin: 0 auto;
	font-family: Arial;
	background: #FFFFFF;
}

img.right{
  margin:0px 35px 10px 10px;
  float:right;
}

/**
 *	Header
 */ 

div#page div#header 
{
	height: 82px;
	background-color: #ffffff;
}

div#page div#header h1
{
	height: 82px;
	width: 331px;
	
	position: relative;
	
	font-size: 1px;
	float:left;
}

div#page div#header h1 span
{
	display: block;
	position: absolute;
	
	top: 0;
	left: 0;
	
	width: 100%;
	height: 100%;
	
	background-repeat: no-repeat;
	background-image: url(images/logo.png);
}

img#banner{
  float:right;
}
/**
 *	Nav
 */ 
 
div#page ul#nav
{
	display: block;
	list-style: none;
	width:900px;
	height: 40px;
	background-image: url(images/menu-bottom-bg.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

div#page ul#nav li
{
	display: block;
	float: left;
	height: 40px;

}

div#page ul#nav li a
{
	display: block;
	height:20px;
	position: relative;
  padding:5px 10px 0px 35px;
  background: url(images/bg-menu.png) no-repeat left top;
  font-size:13px;
  color:#616161;
  text-decoration: none;
  border-right:1px solid #D0D0D0;
}


div#page ul#nav li a:hover{
  background: url(images/bg-menu_on.png) no-repeat left top;
}

div#page ul#nav li a.select{
  background: url(images/bg-menu_on.png) no-repeat left top;
}

div#page ul#nav li a:hover{
}


div#page ul#nav li a span
{
	display: none;
}

div#page hr.hide
{
	height: 0;
	visibility: hidden;
	clear: both;
	border:0px;
}

/*
  Rollmenu
*/

div#page ul#nav ul{
  position: absolute;
  display:none;
  width:150px;
  margin:0px;
  padding:0px;
  background-color: #FFFFFF;
  border:1px solid #D0D0D0;
  z-index: 100;  
}

div#page ul#nav ul li{
  width:150px;
  display:block;
  float:left;
  height:auto;
  background-color: #FFFFFF;
}

div#page ul#nav ul li a
{
	display: block;
	width:140px;
  padding:8px 5px 2px 5px;
  font-size:12px;
  color:#616161;
  text-decoration: none;
  border-bottom:1px solid #D0D0D0;
  background: #FFFFFF url(none);
}

div#page ul#nav ul li a:hover{
  background:none;
  background-color: #EEEEEE;
  font-weight:normal;
}

sup{
   position:relative;
   top:-4px; 
}

/**
 *	Home
 */ 
 
div#flash
{
	width: 700px;
	height: 340px;
	
	float: left;
}

div#sidebar
{
	float: left;
	width: 200px;
}

div#sidebar div.in
{
	padding: 15px;
}

div#sidebar div#zakaznicka-zona h2
{
	margin: 13px 15px 0px;

	position: relative;
	
	width: 130px;
	height: 18px;
	color:#7A7A7A;
	font-size: 13px;
	font-weight:bold;
}

div#sidebar div#zakaznicka-zona h2 span
{
	display: block;
	
	width: 100%;
	height: 100%;
	
	position: absolute;
	
	top: 0;
	left: 0;
	
	background-image: url(images/h-zakaznickazona.png);
}

div#sidebar div#zakaznicka-zona form input
{
	height:18px;
	width:107px;
	float:right;
	font-size: 13px;
	font-family: Arial;
	border: none; 
		color:#616161;
font-size:12px;
}

div#sidebar div#zakaznicka-zona form span{
  display:block;
  float:left;
}

div#sidebar div#zakaznicka-zona div.login_holder{
  margin: 5px 15px 0px;
  padding: 2px 3px;
	height:18px;
	width:173px;
	border: #e2e2e2 solid 1px; 
	font-size: 13px;
	font-family: Arial;
		color:#616161;
font-size:13px;
}


div#sidebar div#zakaznicka-zona form a.submit
{
	margin-top: 10px;
	
	display: block;
	position: relative;
	text-decoration: none;	
	
	width: 200px;
	height: 28px;
}

div#sidebar div#zakaznicka-zona form a.submit span
{
	position: absolute; 
	top: 0;
	left: 0;
	padding:7px 0px 0px 5px;
	width: 195px;
	height: 21px;

	color:#616161;
font-size:12px;
  text-decoration: none;	

  border-top:1px solid #aaaacc; 
  border-bottom:1px solid #aaaacc; 
	background-image: url(images/btn-prihlasit.png);
	background-repeat: no-repeat;
}

div#sidebar div#aktuality h2
{
	margin: 15px 15px 0px;

	position: relative;
	
	width: 60px;
	height: 16px;
	
}
div#sidebar div#aktuality h2 a
{
	color:#7A7A7A;
	font-size: 13px;
	font-weight:bold;
	padding-left:0px;
	text-decoration:none;
}
div#sidebar div#aktuality h2 span
{
	display: block;
	
	width: 100%;
	height: 100%;
	
	position: absolute;
	
	top: 0;
	left: 0;
	
	background-image: url(images/h-aktuality.png);
}

div#sidebar div#aktuality p
{
	background-image: url(images/li-aktuality.png);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	
	font-size: 11px;
	
	padding: 10px 15px 0px;
	
	color: #616161;
	margin-bottom:0px;
}

div#sidebar div#aktuality a
{
  font-size:11px;
  color:#DA2438;
  font-weight:bold;
  padding-left:15px;
}

div#certifikace
{
	position: relative;

	clear: both;
	float: left;
	
	background-image: url(images/cert-bg.png);
	background-repeat: repeat-x;
	background-position: top;
	
	width: 900px;
	min-height: 93px;
	padding-top:20px;
}

div#certifikace a{
  color:#DA2438;
}

#certifikace img{
  float:left;
  margin:29px 0px 0px 63px;
}

div#certifikace span.big{
  font-size:16px;
  font-weight: bold;
}

div#certifikace span.li
{
	position: absolute;
	
	top: 30px;
	left: 0;
	
	width: 14px;
	height: 26px;
	
	background-image: url(images/cert-bg-li.png);
	background-repeat: no-repeat;
}


div#certifikace h2
{
	margin: 15px;
  margin-bottom:4px;
	position: relative;
	
	width: 140px;
	height: 16px;
	clear:both;
	font-size: 1px;
}

div#certifikace h2 span
{
	display: block;
	
	width: 100%;
	height: 100%;
	
	position: absolute;
	
	top: 0;
	left: 0;
	
	background-image: url(images/h-certifikace.png);
}

div#certifikace div.certifikace_box{
  color:#767676;
  width:194px;
  height:67px;
  margin-left:10px;
  padding-right:10px;
  font-size:11px;
  float:left;  
}

div#certifikace div.certifikace_box ul{
  list-style-image: url(images/odrazka.png);
  margin-left:0px;
  padding-left:0px;
}

div#certifikace div.certifikace_box li{
  margin-left:10px;
  padding-left:0px;
  vertical-align: top;
}

div#certifikace div.redbox{
  border-right:6px solid rgb(232,123,135);
  margin-left:17px;
}

div#certifikace div.greybox1{
  border-right:6px solid rgb(178,178,178);
}

div#certifikace div.greybox2{
  border-right:6px solid rgb(211,211,211);
}

/**
 *	Content
 */
div#content_bg
{
  background: url(images/bg-content2.png) repeat-y top;
} 
  
div#content
{
  font-size:12px;
/*  background: url(images/bg-content.png) repeat-x top;*/
  padding-left:25px;
  min-height: 300px;
}

div#content ul{
  margin:9px 0px;
}

div#content li{
  margin-left:14px;
  padding-left:5px;
  list-style-image: url(images/odrazka-content.png);
}

div#content h2{
  font-size: 16px;
  color:#DA2438;
  margin:10px 0px;
}



div#content div.logo{
  float:left;
  margin:15px 30px 5px 30px;
  display:block;
  width:150px;
  text-align: center;
}

div#content .post{
  color:#757575;
  margin:0px 15px 15px 0px;
}

div#content .post p{
  margin:9px 0px;
}

div#content h4{
  font-size: 13px;
  font-weight: bold;
  margin:20px 0px 5px 0px;
  color:#DA2438;
}


div#content h3{
  font-size: 13px;
  margin:25px 0px 10px 0px;
}

div#content div.breadcrumb{
  margin-top:5px;
}

div#content b, div#content strong{
  color:#DA2438;
}

div#content a
{
  color:#DA2438;
  font-weight: bold;
}

div#content a:hover
{
  text-decoration: none;
}

/*  
  Drobeckova navigace
*/

div#content div.breadcrumb{
  margin-top:5px;
}

.alignleft{
  float:left;
  width:200px;
}

.alignright{
  float:right;
  text-align: right;
  padding-right:25px;
  width:200px;
}

.navigation{
  clear:both;
  width:100%;
  height:25px;
  margin-top:5px;
}


/**
 *  pravy sloupec contentu
 *
 */  
div#content .right_menu{
  height:70px;
  line-height: 130%;
}

div#content .right_menu a.hidden_href{
  height:135px;
  width:200px;
  display:block;
  background: none;
  padding:0px;
}

div#content .right_menu a.hidden_href:hover{
  text-decoration: none;
}

div#content .right_menu li, div#content .right_menu ul{
  margin:0px;
  padding:0px;
}

div#content .right_menu li{
  display:block;
  float:left;
}

div#content .right_menu a{
  width:184px;
  color: #FFFFFF;
  text-decoration:none;
  display:block;
  font-size:13px;
  font-weight: lighter;
  padding-left:15px;
  background: url(images/odrazka-right.png) no-repeat left center;
}

div#content .right_menu a:hover{
  text-decoration: underline;
}


div#content a.right_reference{
  display:block;
  width:200px;
  height:37px;
  font-size:0pt;
  color:none;
  background-image: url(images/iko-reference.png);
}

div#content a.right_ict{
  display:block;
  width:200px;
  height:37px;
  font-size:0px;
  background-image: url(images/iko-ict.png);
}

div#content a.right_oss{
  display:block;
  height:37px;
  font-size:0px;
  background-image: url(images/iko-oss.png);
}

div#content td.sluzby_bg{
  background-image: url(images/bg-sluzby2.png);
  background-repeat: repeat-y;
  overflow: hidden;
}

div#content div.sluzby_menu{
  background-image: url(images/bg-sluzby.png);
  background-repeat: no-repeat;
  min-height: 340px;
}

div#content div.oss_menu{
  background-image: url(images/bg-oss.png);
  background-repeat: no-repeat;
  min-height: 340px;
}

div#content td.oss_bg{
  background-image: url(images/bg-oss2.png);
  background-repeat: repeat-y;
  overflow: hidden;
}

div#content div.reference_menu{
  background-image: url(images/bg-reference.png);
  background-repeat: no-repeat;
  min-height: 340px;
}

div#content td.reference_bg{
  background-image: url(images/bg-reference2.png);
  background-repeat: repeat-y;
  overflow: hidden;
}

div#content div.ict_menu{
  background-image: url(images/bg-ict.png);
  background-repeat: no-repeat;
  min-height: 340px;
}

div#content td.ict_bg{
  background-image: url(images/bg-ict2.png);
  background-repeat: repeat-y;
  overflow: hidden;
}

div#content table tr{
  vertical-align: top;
  margin:0px;
  padding:0px;
  
}

div#content table td{
  vertical-align: top;
  margin:0px;
  padding:0px;
}

div#content table{
  vertical-align: top;
  border-collapse: collapse;
  border-spacing: 0px;
}

div#content table tr.selected{
  height:auto;
}
/**
 *	Footer
 */ 

div#footer{
  height:54px;
  background-image: url(images/footer-bg.png);
  owerfloverflow: hidden;
}


div#footer div#links
{
	background-image: url(images/footer-top-bg.png);
	background-repeat: repeat-y;
	height:19px;
	overflow:hidden;
}

div#footer div#links ul
{
	display: block;
	list-style: none;
	float: left;
		
	padding: 15px 15px 16px 15px;
}

div#footer div#links ul li
{
	display: block;
	
	float: left;
	
	padding: 0px 5px;
	border-right: 1px solid #ffffff;
	height: 13px;
}

div#footer div#links ul li a
{
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	vertical-align: super;
}

div#footer div#foot
{
	background-image: url(images/footer-bg.png);
	color: #1b1b1b;
	font-size: 11px;
}

div#footer div#foot a
{
	color: #1b1b1b;
	text-decoration: none;
}

div#footer div#foot a:hover
{
	color: #1b1b1b;
	text-decoration: underline;
}

div#footer div#foot div.in
{
	padding: 9px 15px 13px 15px;
	background: url(images/bg-foot.png) no-repeat right bottom;
	height:13px;
	overflow: hidden;
}

/* prispevky */
#respond{
  color:#757575;
}

#respond p{
  margin:5px 0px;
}

#submit{
  border:1px solid #000000; 
  font-weight: bold;
  padding:1px 5px;
  color: #757575;
  background-color: #FFFFFF;
}

div#content .post p.postmetadata{
  clear:both;
  margin-top:80px;
}

#loginOk{
  color:#FFFFFF;
  background-color: #FFFFFF;
  border:none;
  height:1px;
  width:1px;
  margin:0px;
  padding:0px;
  margin-top:5px;
}