/****************** MAIN SITE CONFIG *******************/



.top_head{
	background-image:url(/design/top_banner.jpg); 
	background-repeat:no-repeat; 
	width:100%;  
	height:95px;
}

.main-table{

	width:100%; 
	height:100%; 
	border:0px; 	
}


.main-sub-table{
	width:100%; height:100%; 
	border:0;
}

.main-table-1column{
	background-image:url('/design/left-panel-spacer.jpg');
	background-repeat:repeat-y;
	vertical-align:top; 
	width:185px	
}

.main-table-1column-bottom{
	background-image:url('/design/left-panel-spacer.jpg');
	background-repeat:repeat-y;
	vertical-align:bottom; 
	width:185px	
}

.main-table-2column{
	width:100%; 
	background-image:url('/design/mid_spacer.jpg'); 
	vertical-align:top; 
	position:relative;	
}

.main-table-right-pannel{
	position:absolute; 
	top:0px; 
	right:5px; 
	background-image:url('/design/right_pannel.png'); 
	background-repeat:no-repeat; 
	width:180px;
	height:605px;  
	overflow:hidden;	
}

.main-table-footer{
	background-image:url('/design/footer.jpg'); 
	background-repeat:no-repeat; 
	background-position:left; 
	vertical-align:top; 
	height:215px; 
	width:100%;
}

.sky-scraper-1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:30px;
	font-weight:bold;
	color: #82aef0;
	position:absolute; 
	left:-88px; 
	top:5px;
}


.site-text-container{
	background-image: url('/design/topic.jpg'); 
	background-repeat:no-repeat; 
	background-position:top left; 
	min-height:300px;
}

.site-text-container-box{
	line-height:1.9em;
	margin:0;
	padding:0;
	color: #000000;
	text-decoration:none;
	text-align:justify;
	width:100%; 
	overflow:hidden;
}

.page-title{

}

input.input-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #FFFFCC;
	font-weight: bolder;
	border: 2px solid;
	width: 250px;
	background-attachment: fixed;
	color: #333333;
	padding: 2px;
	border-color: #FFCC00;
}
textarea.input-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	border: 2px solid;
	border-color: #FFCC00;
	width: 700px;
	background-attachment: fixed;
	color: #000000;
	padding: 4px;
}

input.input-bt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color:#FFCC66;
	font-weight: bolder;
	border: 2px solid;
	border-color: #FFCC00;
	width: 200px;
	background-attachment: fixed;
	color:#333333;
	cursor:pointer;
	padding: 4px;
	}
input.input-btover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #FC3;
	font-weight: bolder;
	border: 2px solid;
	border-color: #FFCC00;
	width: 200px;
	background-attachment: fixed;
	color: #FFF;
	cursor:pointer;
	padding: 4px;
	}


.outer { 
	position: relative; 
	background-color: #EEE; 
} 
.right { 
	width: 50%; 
	margin-left: 50%; 
	background-color: #F88; 
} 
.top, 
.bottom { 
	position: absolute; 
	width: 50%; 
} 
.top { 
	top: 0; 
	background-color: #8F8; 
} 
.bottom { 
	bottom: 0; 
	background-color: #88F; 
} 




.small {
  font-size:0.846em; /* 11px */
}

.big {
  font-size:1.154em; /* 15px */
}

.bigger {
  font-size:1.384em; /* 18px */
}


ul.inline li {
  display:inline;
  white-space:nowrap;
}
.clear{
	clear: both;
}


input, select{
	font-size:13px;
	padding:1px;
	
}
strong,
.strong {
  font-weight:bold;
}


._25 { width:23.5%; }
._50 { width:48.5%; }
._75 { width:73.5%; }
._last {
  margin-right:0;
  clear:right;
}

.hh10 { height:10px; }
.hh20 { height:20px; }
.hh30 { height:30px; }
.hh40 { height:40px; }
.hh50 { height:50px; }
.hh60 { height:60px; }
.hh70 { height:70px; }
.hh80 { height:80px; }
.hh90 { height:90px; }
/* ---------------- MAIN SITE CONFIG ------------------*/

/* DIV */

div.maincfix{
width:100%;
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
background-color: #FFFFFF;
}


/* vypis-kategorie */
div.etovar{
background-color: #FFFFFF;
width:550px;
padding-top:4px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
float:left;
}

div.etovaron{
background-color: #000000;
color:#FFFFFF;
width:550px;
padding-top:4px;
cursor:pointer;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
float:left;
}

div.tovar_vbut{
float:left; 
width:48px; 
height:23px; 
padding-top:4px; 
font-size:9px; 
font-family:Arial, Helvetica, sans-serif; 
color:#FF0000; 
cursor:pointer;
background-color:#FFFFFF;
}

div.tovar_vbuton{
float:left; 
width:48px; 
height:23px; 
font-size:9px; 
font-family:Arial, Helvetica, sans-serif; 
color:#FF0000; 
padding-top:4px; 
cursor:pointer;
background-color:#FFCCCC;
}

/* vypis-vyrobcov */
div.box_vyrobca{
background-color: #FFFFFF;
padding-top:4px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
float:left;
}

div.box_vyrobca_on{
background-color: #000000;
color:#FFFFFF;
padding-top:4px;
cursor:pointer;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
float:left;
}

div.box_vyrobca_new{
background-color: #FFFFFF;
padding:4px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
float:left;
}

div.search_text{
	padding:5px;
	float:left;
	clear:both;
	background-color:#9C6;
	color:#FFF;
	font-weight:bold;
	font: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1.4em;
}

/* ALL TAGS */

.submit_but{
font-size:10px;
width:100px;
height:20px;
background-color: #FFF;
color: #900;
font-weight:bold;
cursor:pointer;
float:right;
}



/* LINKS */

/* vypis-kategorie*/
A.link_nostyle{
text-decoration:none;
color:#FFF;
}
A.link_nostyle:hover{
text-decoration:none;
cursor:pointer;
color: #000;
}

A.nodec{
text-decoration:none;
}

A.nodec:hover{
text-decoration:none;
}

A.etovar{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color: #666666;
text-decoration:none;
}

A.etovar:visited{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color: #666666;
text-decoration:none;
}


A.etovar:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color: #000000;
text-decoration:none;
cursor:pointer;
}

/* Header top-menu */

#hd {
  background-color:#FDFDFB;
}

#hd-top {
}

#hd-notifications
{
  position:absolute;
  bottom:0;  
  padding:0 0 0 260px;
}

#hd-notifications div.notification {
  position:absolute;
  bottom:0;
  
  width:650px;
  
  font-size:0.846em;
  font-weight:bold;
  
  padding:0.454em 0.818em 0.454em;
  border:1px solid #489E00;
  border-bottom-width:0;
  
  background-color:#8DC361;
  color:#FFFFFF;
  
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;

  border-top-left-radius:5px;
  border-top-right-radius:5px;
  
  cursor:pointer;
}

#hd-notifications div.warning {
  border-color:#d8b256;
  background-color:#FADC76;
  color:#9B7720;
}

#hd-notifications div.error {
  border-color:#B12F17;
  background-color:#C4452D;
  color:#FFFFFF;
}

#hd-notifications div.notification small { float:right; }

#hd-navbar-menu a {
  color:#DA4722;
  text-decoration:none;
}

#hd-navbar-menu a:hover {
  text-decoration:underline;
}

#hd-navbar {
  margin:0;
  padding:0 2em;
  overflow:hidden;
  background:#FDFDFB url(../images/bg/navbar.gif) repeat-x bottom left;
  border-top:1px solid #DCDCDC;
}

#hd-navbar-menu {
  padding:0.7em 0;
  font-size:1.7em;
}

#hd-navbar-menu li {
  display:inline;
  margin:0;
  padding:0 0.8em;
  font-weight:bold;
/*   font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Lucida,Arial,Helvetica,sans-serif; */
}

#hd-navbar-menu li.active {
  background-color:white;
  border:1px solid #dcdcdc;
  border-bottom:none;
  position:relative;
  top:2px;
  padding-top:0.2em;
  padding-bottom:0.6em 
}

#hd-navbar-menu li a {
  color:#DA4722;
  cursor:pointer;
  font-size:0.6em;
}


#hd-navbar-menu li.active a {
  color: #464648;
  cursor:pointer;  
}

#new-invoice-button {
  font-size:1.6em;
  display:block;
  float:right;
  font-weight:bold;
  border-left:1px solid #DCDCDC;
  border-right:1px solid #FFFFFF;
  font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Lucida,Arial,Helvetica,sans-serif;  
  color:#DA4722;
}

#new-invoice-button span {
  display:block;
  padding:0.7em 0.9em 0.7em 1.5em;
  border-left:1px solid #FFFFFF;
  border-right:1px solid #DCDCDC;
  background:transparent url(../images/icons/plus.gif) no-repeat 0.5em center;
}

#new-invoice-button:hover {
  background:transparent url(../images/bg/navbar_dark2.gif) repeat-x bottom left;
}

.negative a {
  color:#464648;
}

.negative a:hover {
  color:#DA4722;
}


#bd-content { 
	color: #444;
	padding:1em 2em 2em; 
	font-size:1.3em;  
	font-weight:normal;   
	font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Lucida,Arial,Helvetica,sans-serif;
}

#bd-content form input.error {
  border-bottom-color:#c4452d;
  color:#c4452d;
  border-bottom-width:2px;
}

