@charset "utf-8";
/* CSS Document */
body {
  background: #fff url(../images/bg.jpg) repeat-x top;
  font: 12px Verdana;
  color: #333;
  text-align: center;
  margin-top: 0px;
}

a {
  color: #a00000;
}
.klient{
  background:url(../images/klient.gif) repeat-y;
}
.konzultant{
  background-color:#152a6f;
  background:url(../images/konzultant.gif) repeat-y;
}
.konzultantJA{
  background-color:#152a6f;
  background:url(../images/konzultantJA.gif) repeat-y;
}
.reklama {color: #FFFFFF}

#div_email{
width:20px;
height:15px;
float:left;
display:block;
padding:0 0 0 10px;
}
#div_email2{
width:20px;
height:15px;
float:left;
display:block;
padding:0 0 0 10px;
}
#div_login{
width:20px;
height:15px;
float:left;
display:block;
padding:0 0 0 10px;
}
#div_login2{
width:20px;
height:15px;
float:left;
display:block;
padding:0 0 0 10px;
}
#div_email{
width:20px;
height:15px;
float:left;
display:block;
}
#email{
  float:left;
}
#login{
  float:left;
}
#login2{
  float:left;
}
#email2{
  float:left;
}
form {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

table {
  font-size: 12px;
}

.noscreen, .print {
  display: none;
}

.clear {
  clear: both;
}
h1{
	font-size:16px;
	color:#fff;
	font-weight:bold;
}

#maine {
  margin:0 auto 0 auto;
  width: 960px;
  text-align: left;
  
}
#flashcontent{
  background: #000000;
}

#logo {
  display: block;
  position: relative;
  width: 494px;
  height: 102px;
  float: left;
  margin: 0px;
  background:none;
}

#logo span {
  display:block;
  position: absolute;
  top:0; 
  left:0; 
  z-index:1; 
  width:494px; 
  height:102px;
  cursor: pointer;
  background-image: url(../images/logo.jpg);
}
#userInfo{
	width:380px;
	height:102px;
	float:right;
	padding-right:5px;
	text-align:right;
	color:#949390;
}
#userInfo a{
  color:#0694cf;
  text-decoration: none;
  font-weight: bold;
  }
  
#userInfo a:hover{
  color:#ffffff;
  text-decoration: none;
  font-weight: bold;
  }
#credit{
	width:100%;
	height:25px;
	padding:10px 0 0 0 ;
	border-bottom:solid 1px #5d5d5d;
}
#credit span{
	color:#0694cf;
	font-weight:bold;
}
#credit .input{
  width:100px;
  
  border:0px;
  background-image: url(../images/bg_input.gif);
  
  }
#kosik .input{
  width:100px;
  
  border:0px;
  background-image: url(../images/bg_input.gif);
  
  }
#subtotal .input{
  width:70px;
  height:18px;
  margin:0px;
  border:0px;
  color:white;
  font-weight: bold;
  padding:0 5px 0 5px;
  background-color: #00a2ff;
  /*background-image: url(../images/login_btn.gif);*/
  cursor: pointer;
  }
  .button{
  width:70px;
  height:18px;
  margin:0px;
  border:0px;
  color:white;
  font-weight: bold;
  padding:0 5px 0 5px;
  background-color: #00a2ff;
  /*background-image: url(../images/login_btn.gif);*/
  cursor: pointer;
  }
  #subtotal a{
  color:#0694cf;
  text-decoration: none;
  font-weight: bold;
  }
  
  #subtotal a:hover{
  color:#ffffff;
  text-decoration: none;
  font-weight: bold;
  }
#kosik{
	width:200px;
	float:right;
	text-align:right;
	padding:10px 0 10px 0 ;
	border-bottom:solid 1px #5d5d5d;
}
#kosik span{
	color:#0694cf;
	font-weight:bold;
}
#subtotal{
	width:200px;
	float:right;
	text-align:right;
	padding:2px 0 10px 0 ;
}
#subtotal span{
	color:#0694cf;
	font-weight:bold;
}
#menu{
	width:960px;
	float:left;
	height:34px;
	color:#FFF;
}
#menu ul{
	
	display:inline;
	margin:-0px 0 0 0 ;
	float:left;
	
	}
#menu ul li{
	list-style:none;
	width:auto;
	height:30px;
	margin:0px 0 0 0;
	float:left;
	background: url(../images/menu_polozka.gif) no-repeat;
	}
#menu ul li a{
	list-style:none;
	width:auto;
	height:30px;
	margin:0px 0 0 0;
	float:left;
	background: url(../images/menu_polozka.gif) no-repeat;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	}
	
#menu ul li a:hover{
	list-style:none;
	width:auto;
	height:30px;
	margin:0px 0 0 0;
	float:left;
	background: url(../images/menu_polozka.gif) no-repeat;
	color:#0897d1;
	font-weight:bold;
	text-decoration:none;
	}	
#menu ul li span{
	margin:15px 15px 0px 15px;
	padding:20px 0px 0px 0px ;
	line-height:25px;
}

#stred{
	width:960px;
	float:left;
	min-height:600px;
	background:url(../images/bg_stred.gif) repeat-x #1b1f26;
}
#leva{
	width:200px;
	float:left;
}
#add{
	align:left;
}
#stredni{
	width:560px;
	height:auto !important;
	height:500px;
  float:left;
}
#prava:{
	width:200px;
	Float:right;
}
#uvodnik{
	width:560px;
	
	float:left;
	background: url(../images/uvitaci.gif);
}
#textUvodnik{
	width:560px;
	padding:25px;
	float:left;
	color:#666;
}
#textUvodnik .text h1{
	color:#0897d1;
	font-size:16px;
	
	
}

#textUvodnik .textUvodnik{
	width:500px;
	padding:0px 0px 0px 10px;
	
	float:left;
	color:#666;
}

#textUvodnik .text{
	width:480px;
	padding:0px 0px 0px 10px;
	
	float:left;
	color:#666;
}
#textUvodnik .support{
	width:200px;
	height:150px;
	
	background: url(../images/hero_support.jpg);
	float:left;
}
	
	
	
.sekce{
	padding:25px 0 5px 25px;
	float:left;
	text-align:left;
}


.polozkaObalCena{
padding:5px;
float:right;
}
.polozkaObal{
	width:561px;
	padding:10px 0px 10px 0px;
	float:left;
}
.polozkaObal table{
  font-size:11px;
	width:561px;
	padding:10px 0px 10px 0px;
	float:left;
}
.polozkaNadpis{
	width:561px;
	height:28px;
	float:left;
	margin:0px 0px 0px -1px;
	background:url(../images/nadpis_vyrobku.gif) left;
}
.polozkaPopis{
	width:560px;
	height:134px;
	float:left;
	background:url(../images/bg_popis_vyrobku.gif);
}
.polozkaNadpis h1{
	margin:5px 0px 0px 15px;
	color:#FFF;
}
.polozkaNadpis a{
	color:#FFF;
	text-decoration:none;	
}
.polozkaImage{
	width:100px;
	height:130px;
	padding:4px 0px 0px 10px ;
	float:left;
}
.polozkaPopisText{
	width:360px;
	height:75px;
	padding:10px;
	overflow:hidden;
	float:left;
}
.polozkaCalendar{
	width:48px;
	height:75px;
	float:left;
	background:url(../images/Calendar.png) no-repeat;
}
.polozkaCalendar span{
	width:48px;
	height:75px;
	float:left;
	display:block;
	cursor: pointer;
}
.polozkaDetail{
	width:40px;
	float:left;
	padding:5px;
	background-color:#FFFFFF;
	color:#000000;
	font-weight:bold;
}
.polozkaDetail a {
color:#000000;
text-decoration:none;
}
.polozkaDokosiku{
	width:60px;
	float:left;
	padding:5px;
	background-color:#00a2ff;
	color:#fff;
	font-weight:bold;
}
.polozkaDokosiku a {
color:#fff;
text-decoration:none;
}
.polozkaCena{
	width:80px;
	float:left;
	padding:5px;
	background-color:;
	color:#000000;
	font-weight:bold;
	
}






.registraceObal{
	width:561px;
	padding:10px 0px 10px 0px;
	float:left;
	
}
.registraceText{ 
    width:561px;
		float:left;
		background-color: #e9e9e9;
	
}
.registraceText table{
width:561px;
float:left;
text-align:left;
}
.userMenuObal{
	width:561px;
	padding:10px 0px 10px 0px;
	float:left;
}
.userMenuNadpis{
	width:561px;
	height:28px;
	float:left;
	margin:0px 0px 0px -1px;
	background:url(../images/nadpis_vyrobku.gif) left;
}
.userMenuText{
    width:561px;
		float:left;
		
		background-color: #e9e9e9;
}
.userMenuText span{
padding:15px;
float:left;
}
.userMenuText .userMenuTextBil{
padding:15px;
float:left;
color:#fff;
}
.userMenuMenu {
width:546px;
float:left;
padding:5px 0px 0px 15px;
color:#0897d1;

}
.userMenuMenu a{
color:#ffffff;
text-decoration: none;
font-weight: bold;
}
.userMenuMenu a:hover{
color:#ffffff;
text-decoration: none;
font-weight: bold;
}
.detailObalCena{
padding:5px;
float:right;
}
.detailObalObj{
padding:5px;
float:right;
}
.detailObal{
	width:561px;
	padding:10px 0px 10px 0px;
	float:left;
}
.detailNadpis{
	width:561px;
	height:28px;
	float:left;
	margin:0px 0px 0px -1px;
	background:url(../images/nadpis_vyrobku.gif) left;
}
.detailPopisBg{
	width:560px;	
	float:left;
	background:url(../images/detailPopisBg.gif);
}
.detailPopis{
	width:560px;	
	float:left;
	background:url(../images/bg_popis_vyrobku.gif) top no-repeat;
}

.detailNadpis h1{
	margin:5px 0px 0px 15px;
	color:#FFF;
}
.detailNadpis a{
	color:#FFF;
	text-decoration:none;	
}
.detailImage{
	width:175px;
	height:130px;
	padding:4px 0px 0px 10px ;
	float:left;
}
.detailPopisText{
	width:260px;
	padding:10px;
	float:left;
}
.detailCalendar{
	width:48px;
	height:100%;
	float:left;
	background:url(../images/Calendar.png) no-repeat;
}
.detailCalendar span{
	width:48px;
	height:75px;
	float:left;
	display:block;
	cursor: pointer;
}
.detailOddel{
	width:561px;
	float:left;
	height:10px;
}
	
.detailDetail{
	width:250px;
	float:left;
	padding:5px;
	color:#000000;
	font-weight:bold;
}
.detailaDetail a {
color:#000000;
text-decoration:none;
}
.detailDokosiku{
	width:60px;
	float:left;
	padding:5px;
	background-color:#00a2ff;
	color:#fff;
	font-weight:bold;
}
.detailDokosiku a {
color:#fff;
text-decoration:none;
}
.detailCena{
	width:100px;
	float:left;
	padding:5px;
	background-color:#fff;
	color:#000000;
	font-weight:bold;
	
}

#patka{
	width:960px;
	height:36px;
	float:left;
	background:url(../images/patka.gif);
}
.sekce ul{
list-style:none url(../images/li_menu.gif);
width:160px;
float:left;
margin:0px;
color:#FFFFFF;
}
.sekce ul ul{
list-style:none;
width:160px;
float:left;
margin:5px 0px 5px 5px;
padding:0px 5px 0px 10px;
}
.sekce ul li a{
color:#0897d1;
font-weight:bold;
}

.sekce ul li a:hover{
color:#fff;
font-weight:bold;
}
#navigaceObal{
	width:561px;
	padding:5px 0px 5px 0px;
	float:left;
}
#navigace{
	width:550px;
	height:18px;
	padding:5px 0px 5px 10px;
	background:#ececec;
	color:#000;
	font-weight:bold;
	float:left;
}
#navigace a{
	color:#00a2ff;
	font-weight:bold;
}
#hlaska{
width: 556px;
float:left;
font-size:10px;
height:17px;
padding: 3px 0px 0px 5px;
background:url(../images/bg_hlaska.gif);
border:solid 1px #cecece;
color:#000000;
font-weight: bold;
}
#hlaska a{
color:#000000;
}
#hlaska_wrong{
width: 556px;
float:left;
font-size:10px;
height:17px;
padding: 5px 0px 0px 5px;
background:url(../images/bg_hlaska_wrong.gif);
border:solid 1px #cecece;
color:#ffffff;
font-weight: bold;
}
#hlaska_wrong a{
color:#ffffff;
}
.odsazeni{
padding: 5px 5px 5px 5px;
}
.odsazeni table tr td{
padding:2px;
}
.text{
float:left;
padding:10px;
}
.newsObal{
width:190px;
float:right;
}
.newsNadpis{
width:180px;
float:left;
padding:5px 0px 0px 10px;
font-weight: bold;
color: #0694cf; 
}
.newsDatum{
width:180px;
float:left;
padding:5px 0px 0px 10px;
font-weight: bold;
color: #cccccc; 
}
.newsText{
float:left;
color: #ffffff;
text-align: justify;
}
.newsVice a{
width:180px;
float:left;
color: #ffffff;
font-weight: bold;
text-align: right;
}
.messagebox{
	position:absolute;
	width:100px;
	margin-left:30px;
	border:1px solid #c93;
	background:#ffc;
	padding:3px;
}
.messageboxok{
	position:absolute;
	width:auto;
	height:12px;
	margin-left:30px;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:0px;
	font-weight:bold;
	color:#008000;
	
}
.messageboxerror{
	position:absolute;
	width:auto;
	height:12px;
	margin-left:30px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:0px;
	font-weight:bold;
	color:#CC0000;
}
.userMenuTable{
  font-size:10px;
  }
  #search{
	  
	  float:left;;
	  padding: 5px 0 0 0;
  }
  #btnSearch{
	  float:right;
	  background-image:url(../images/icoSearch.gif);
	  background-position: center;
	  width:24px;
	  height:18px;
	  border:0px;
	  padding:0px 0 0 0;
  }
  .filtrace{
	  float:left;
	  width:560px;
	  background:#FFF;
	  line-height:35px;
	  text-align:center;
}
 .filtrace a{	
 color#000;
}

 .filtrace a:hover{	
 color#000;
 text-decoration:underline;
}

