body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg.png) repeat-x #FFF;
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	text-align: center;
	font-size: 85%;
}
img {
	border: none;
}
h1, h2, h3, h4, ul, li, div, p, span, hr, fieldset {
	margin: 0;
	padding: 0;
}
fieldset {
	border: none;
}

.cervena, .error {
  color:#A40E13
}

.obr-kontakt {
 float: right;
}

.menu-select {
 background-color: #000;
 float: left;
 width: 170px;
 padding: 0 20px 20px 20px;
}

h1 {
	font-size: 160%;
	font-weight: normal;
	padding-bottom: 10px;
	color: #A40E13;
}
h2 {
	font-size: 140%;
	font-weight: normal;
	padding-bottom: 10px;
	color: #A40E13;
}
h2.nadpis {
	font-weight: bold;
}
h3 {
	font-size: 12px;
	font-weight: bold;
}
table{
	font-size: 12px;
}


/* FORMULARE */
select.inputSelect {
width: 99%;
margin: 0px;
padding: 0;
border: 1px solid #B6B6B6;
}

.inputCheck {
margin: 0;
margin-right: 5px;
background: none;
border: 0;
position: relative;
top: 3px;
}

.inputRadio {
margin: 0;
background: none;
border: 0;
position: relative;
top: 3px;
margin-right: 5px;
margin-bottom: 0px;
}

.labelRow {
padding-top: 10px;
float: left;
}

.kontakt-form label {


}

.kontakt-form h3 {
display: block;
font-size: 14px;
margin: 5px 0;
color: #8A8A8A; 
border-top: 1px solid #EEE;
padding: 5px  

}

.rowHeight {
height: 15px;
line-height: 15px;
padding: 5px;
float: left;
}

.kontakt-form input.inputShort {
width: 40px;
height: 15px;
line-height: 15px;
float: left;
padding: 5px;
border: 1px solid #DDD;
margin-bottom: 5px;
background: url(../images/input-bg.png) repeat-x left top; 
}

.kontakt-form input.inputLine {
border: 1px solid #DDD;
width: 159px;
height: 15px;
line-height: 15px;
float: left;
padding: 5px;
margin-bottom: 5px;
/* background: url(../images/form-input.png) no-repeat left top; */
background: url(../images/input-bg.png) repeat-x left top; 
}
.kontakt-form input.inputLong {
border: 0;
width: 299px;
height: 15px;
line-height: 15px;
float: left;
padding: 5px;
/* background: url(../images/form-input-long.png) no-repeat left top; */
background: url(../images/input-bg.png) repeat-x left top; 
margin-bottom: 5px;
}

.kontakt-form textarea {
border: 0;
width: 299px;
height: 144px;
overflow-y: auto;
border: 1px solid #DDD;
float: left;
padding: 5px;
background: url(../images/input-bg.png) repeat-x left top; 
margin-bottom: 20px;
}

.kontakt-form input#button{
padding: 0;
border: 0;
width: 200px;
height: 28px;
line-height: 28px;
float: right;
background: #83070b url(../images/button.png) repeat-x center center;
margin-right: 8px;
cursor: pointer;
color: white;
}
.kontakt-form input#button:hover{
background: #83070b url(../images/button.png) repeat-x center -5px;
color: white;
}


.form-info{
font-size: 10px;
float: left;
}



input.inputLong[type="text"]:hover, input.inputLong:focus {
background: url(../images/input-bg-h.png) repeat-x left top; 
}
input.inputLine[type="text"]:hover, /* select:hover, */ input.inputLine:focus/* , select:focus */ {
/* background: url(../images/form-input-h.png) no-repeat left top; */
border: 1px solid #BBB;
background: url(../images/input-bg-h.png) repeat-x left top; 
}
input.inputShort[type="text"]:hover, /* select:hover,  */input.inputShort:focus/*,  select:focus  */{
border: 1px solid #C8C8C8;
background: url(../images/input-bg-h.png) repeat-x left top; 
}
textarea:hover, textarea:focus {

border: 1px solid #C8C8C8;
background: url(../images/input-bg-h.png) repeat-x left top; 
}









p {
	font-size: 12px;
	padding-bottom: 10px;
}
.cistic, p.cistic  {
	clear: both;
	height: 1px;
	margin-top: -1px;
	line-height: 1px;
	overflow: hidden; 
	padding: 0;
}
#stranka {
	/* background: #00a7e5 url(../images/bg.png) repeat-x;
*/
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	color: black;
	width: 980px;

}
#obsah {
	margin: 0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	
}
/*- Menu Tabs J--------------------------- */
#topmenu_box {
	position: relative;
	top: 5px;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: normal;
	height: 27px;
	overflow: hidden;
	/* border: 1px solid blue;
*/
}
#topmenu_box_inn {
	float: right;
/*  */
	height: 36px;
	margin-right: 20px;
}
#topmenu_box ul {
	margin: 0;
	padding: 0px 0px 0 0px;
	list-style: none;
}
#topmenu_box li {
	display: inline;
	margin: 0;
	padding: 0;
}
#topmenu_box a {
	float: left;
	background: url("../images/tableft.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 5px;
	text-decoration: none;
}
#topmenu_box a span {
	float: left;
	display: block;
	background: url("../images/tabright.gif") no-repeat right top;
	padding: 5px 15px 5px 6px;
	height: 16px;
	color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenu_box a span {
	f_loat: none;
}
/* End IE5-Mac hack */
#topmenu_box a:hover span {
	color: #FFF;
}

#topmenu_box a:hover, #topmenu_box li#aktivni a {
	background-position: 0% -27px;
	cursor: pointer;
}
#topmenu_box a:hover span, #topmenu_box li#aktivni a span {
	background-position: 100% -27px;
} 
/* ------------------------HEADER ------------------------------*/
#header {
	position: relative;  
	top: 3px;
/*	border: 1px solid green; */
	width: 100%;
	overflow: hidden;  
	height: 150px;
	left:0px;
	float:left; 

}
#logo {
	float: left;
	padding-top: 20px;
	padding-left: 30px;
	width: 104px;
	height: 130px;

}
#logo a {
	float: left;
	width: 134px;
	height: 89px;
	background: url("../images/logo.png") no-repeat left top;	
	text-decoration: none;
}
#hlavni-obrazek-01 {
	float: left;
	background: url("../images/hlavni_obr.png") no-repeat left top;
	width: 540px;
	height: 152px;
margin-left: 50px;
}


#hlavni-obrazek {
	float: right;
	background: url("../images/hlavni_obr.png") no-repeat right top;
	width: 170px;
	height: 152px;
/* 	margin-right: 120px; */
}
#main {
  float: left;
	position: relative;
	top: -40px;

	width: 100%;
	/* width: 940px; */
/*	overflow: hidden; */
/*	min-height: 750px; */
}

#s7 div{
  background: none !important;
  float: left;
  
}

.sloupec1 {
	 float: left;
	/* position: absolute; */
	left: 0px;
	margin-left: 10px;
	width: 210px;
	/* background: url(../images/levemenu_t.png) no-repeat left top;
*/

}

.sloupec1-t {
	 float: left;
	width: 210px;
	 background: url(../images/vyhledavani.png) no-repeat left top;
height: 15px;
line-height: 15px;
overflow: hidden;
}


.sloupec2 {
	float: left; 
	 width: 450px; 
	padding-top: 26px;
/* 	position: relative;
	left: 10px; */
/* 	margin-right: 300px; */
	overflow: hidden;
/* 	background: blue url(); */
margin-top: 10px;
padding-right: 20px;
}


.administrace .sloupec2 {
width: 95%;
}

.sloupec3 {
/* 	position: absolute; */
float: right;
	right: 0px;
	width: 270px;
	margin-right: 10px;
/* 	margin-top: 10px; */
	/* background: url(../images/pravastrana_bg.png) no-repeat left top;
*/

}
/* .sloupec3-in {
float: left;

} */




.produktove .sloupec2 {
	/* width: 725px;
*/
}
.produktove .sloupec2 .inn {
	/* width: 675px;
*/
	display: block;
}
/*----------LEVE MENU ---------------------------------*/

.produkty-nadpis, .aktuality-nadpis {
	float: left;
	height: 47px;
}

#search-box {
	background: #04090B;
	float: left;
	clear: both;
	width: 170px;
	padding: 0 20px;

}
.search-inp {
	background:none repeat scroll 0 0 #E4E3E3;
  border:1px solid white;
  float:left;
  font-size:12px;
  height:18px;
  margin-right:4px;
  padding:1px 5px;
  width:130px;	
}
.search-button {
	float: left;
	width: 22px;
	height: 22px;
	background: url(../images/search.png) no-repeat left top;
	border: 0px;
	display: block;
	cursor: pointer;
}
.search-inp-foot {
	float: left;
	width: 130px;
	border: 1px solid white;
	background: #e4e3e3;
	height: 18px;
	padding-top: 3px;
	margin-right: 5px;
}
.search-button-foot {
	float: left;
	width: 70px;
	height: 25px;
	background: url(../images/search-butt.gif) no-repeat left top;
	border: 0px;
	display: block;
	cursor: pointer;
	color: white;
}
#levemenu {
	background: #1C1D1E url(../images/levemenu_bg.png) repeat-x left top;
	float: left;    
	width: 210px;
	padding-bottom: 20px;
}
#levemenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left; 
}
#levemenu li {
	width: 165px;
	color: white;
	padding: 0px 20px;
	float: left;
}
/*----------SUBMENU------------*/
#levemenu li ul li {
	padding: 0px;
}
#levemenu li ul li a {
	padding-left: 23px;
	margin: 0px;
	background: #404243;
	border-bottom: 1px dotted #050505;	
}
#levemenu a {
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted #404243;
	padding: 3px 8px;
	display: block;
	font-size: 85%;
}
#levemenu a:hover {
	background: #ad1015;
}
.accordprefix {
	margin: 0;
	padding: 0;
}
.sub-menu-open .accordprefix {
	padding-right: 0px
}
.menu {
	width: 150px;
	margin: 0;
	padding: 0;
/*	float: left;    */
/*	overflow: hidden;  */
}
.sub-menu {
	width: 150px;
	float: left;
	display: block;
}
#l-aktivni {
	background-color: #ad1015;
}
#l-aktivni2 {
	text-decoration: underline !important;
}
#levemenu-bttm {
	background: #1C1D1E url(../images/levemenu_bttm.png) no-repeat left top;
	width: 210px;
/* 	float: left; */
	clear: both;
	height: 11px;
	line-height: 11px;
	overflow: hidden;
}
 .xtra-butt {
/* clear: both; */
float: left;
	height: 60px;	
	overflow: hidden;
	background: #1C1D1E;
	
} 
.xtra-butt a {
	background: #1C1D1E url(../images/xtra-butt.gif) no-repeat center top;
	float: left;
	width: 210px;
	height: 56px;
	font-size: 110%;
	color: #FFF;
	text-decoration: none;
	overflow: hidden;	
}
.xtra-butt a:hover {
	background-position: 50% -56px;
}
.xtra-butt span {
	display: block;
	padding: 8px 35px;

}
/* ---------------- PRAVA STRANA --------------*/
#pravastrana {
	width: 100%;
	float: left;
	background: url(../images/pravastrana_bg.png) no-repeat 0px 0px;
/* 	background: blue url(); */

}
h3.promoakce-nadpis img {
/* 	margin-top: 10px; */
}
/* ------------------ AKTUALITA ---------------------*/
.aktualita-box {
	float: left;
	padding: 0px 28px 0px 28px;
}
.aktualita-box .popis {
	font-size: 90%;
	display: block;
}
.aktualita-box p {
padding-bottom: 0;
}


.aktualita-box h4, .aktualita-box h4 a {
	font-size: 90%;
	color: #6e0206;
}

.aktualita-box h4 a:hover {
	font-size: 90%;
	color: #000;
}
.popis {
/* 	margin-bottom: 5px; */
}
.horizontal {
	display: block;
	clear: both;
	line-height: 1px;
	height: 1px;
	font-size: 1px;
	border: none;
	border-bottom: 1px dotted gray;
	height: 1px;
	width: 225px;
	overflow: hidden;
	/* padding-top: 5px;
*/
	margin: 2px auto 5px auto;
}
.aktualita-box .vice {
	float: left;
	padding:0px 0 0px 0;
	color: #6e0206;
	font-size: 83%;
}


/* --------------- PROSTREDNI SLOUPEC ---------------------------- */

.sloupec2 h2, .sloupec2 h1 {
padding-bottom: 0;
font-size: 17px;
font-weight: normal;
}


.banner {
/* 	float: left; */
/* 	background: url(../images/banner_bg.png) no-repeat left top; */
	/* width: 459px;
*/
	width: 460px;
	clear: both;	
padding-left: 10px;
height: 140px;
overflow: hidden;
}
.banner-obrazek {
	padding: 50px 0 0 55px;
	float: left;
	width: 140px;
}
.banner-obrazek img {
}
.banner-popis {
	padding: 40px 20px 0 20px;
	float: left;
	width: 200px;
}
.inn {
	padding: 25px 25px 25px 25px;
	overflow: HIDDEN;
	display: block;
	float: left;
	width: 95%;
}
.inn ul {
 font-size: 12px;
}
.sloupec2 a:link, .sloupec2 a:visited {
	color: #6e0206;
}
.sloupec2 a:hover, .sloupec2 a:active {
	color: #C2C2C2;
}
.sloupec2 .inn span.datum {
	font-weight: bold;
	font-size: 90%;
	color: #BDBEC1;
}
.sloupec2 .inn li {
	margin-left: 20px;
}
.perex {
	color: #6e0206;
	font-size: 110%;
	padding-bottom: 20px;
}
h2.banner-nadpis {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.product-image {
	float: left;
	margin-right: 10px;
/* 	margin-bottom: 10px; */
}
/*------------------ FOOTER -----------------------------------*/
#footer {
	/* clear: both;
*/
	width: 100%;
	clear: both;

	font-size: 80%;
	margin-top: 160px;
	background: #660104 url(../images/footer_bg.png) repeat-x left top;
	height: 200px;
}
#footer-mid {
	width: 980px;
  margin: auto;   
	text-align: left;
	padding-top: 30px;
}
.foot-logo {
	width: 115px;
	float: left;
	border-right: 1px solid white;
}
.foot-adresa {
	width: 370px;
	float: left;
	padding-top: 2px;
	padding-left: 20px;
	color: white;
}
.foot-adresa a {
	color: white;
}
.foot-menu {
	width: 395px;
	float: right;
	padding-top: 2px;
	padding-right: 15px;
	color: white;
}
.foot-menu a:link, .foot-menu a:visited, .foot-menu a:active {
	color: white;
	text-decoration: none;
}
.foot-menu a:hover {
	text-decoration: underline;
}
.foot-menu span {
	padding: 0 2px
}
.foot-search {
	float: right;
	text-align: right;
	padding-top: 20px;
	clear: right;
	margin-right: 20px;
	width: 210px;
}
.foot-search .searchpole {
	border: 1px solid white;
	background: #e4e3e3;
	line-height: 12px;
	padding: 2px;
	margin-right: 5px;
}
.foot-search .search-butt {
	background: url(../images/search-butt.gif) no-repeat left top;
	border: none;
	color: white;
	width: 68px;
	height: 24px;
	font-size: 100%;
	font-weight: bold;
	padding-bottom: 2px;
	cursor: pointer;
}
.objednavam tr:hover {
/* 	background-color: #DDD; */
}

.objednavka td {
	padding: 3px 0;
}
.red {
	color: red;
}
.box-item {
	padding: 10px 0;
	width: 100%;
	float: left;
	margin: 0px;
	line-height: 18px;
}

.box-item h3{
padding-right: 5px;
	float: left;
}
.box-item p{
padding-bottom: 0;
}
hr {
	border: none;
	height: 1px;
	background-color: #ccc;
line-height: 1px;	
}

.box-vyrobce {
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}



/* new style */
.text-right {
 text-align: right;
}
.text-right-small {
 text-align: right;
 font-size: 80%;
 margin: 5px 0;
 padding: 0;
 clear: both;
}               
.text-right-small select {
  font-size: 85%;
}
.text-right-small a{
 color: #6E0206;
}

.breadcrumb {
float:left;
font-size:80%;
font-style:italic;
padding:10px 0;
}

.box-left-small {
  width: 80px;
  float: left;
}

.box-news {
  border-top: 1px solid #ccc;
  margin-bottom: 10px;
  width: 100%;
}
.box-news p {
padding-bottom: 0;
}

.box-float {
  float: left;
}
.box-news img {
  margin-right: 20px;
}
.under {
  border-top: 1px solid #ccc;  
}


/* IKONY */
.ico-info {
 background: url("../images/info_blue.png") no-repeat 0 -3px; 
 padding-left: 30px;
}

.ico-soubor {
 background: url("../images/file_download.png") no-repeat 0 -3px; 
 padding-left: 30px;
}

.ico-dotaz {
 background: url("../images/comment_edit.png") no-repeat 0 -3px; 
 padding-left: 30px;
}
.ico-objednavka {
 background: url("../images/shopping_trolley.png") no-repeat 0 -3px; 
 padding-left: 30px;
}
.ico-cena {
 background: url("../images/help_blue.png") no-repeat 0 -3px; 
 padding-left: 30px;
}



/* Containers
----------------------------------------------------------------------------------------------------*/
.container_4 {
	margin-left: auto;
	margin-right: auto;
	width: 436px;

	
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 19px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .grid_1 {
	width:90px;
}

.container_4 .grid_2 {
	width:199px;
}

.container_4 .grid_3 {
	width:308px;
}

.container_4 .grid_4 {
	width:417px;
}



/*  idTabs ~ Sean Catchpole  */
/* Style for Usual tabs */
.usual {
	width: 430px;
	margin: 0px auto;
	float: left;
}
.usual ul {
	line-height: 32px;
	height: 32px;
}
.usual li {
	list-style: none !important;
	float: left;
	margin-left: 5px !important;
	line-height: 19px;
	height: 19px;
	width: 152px;
}
.usual ul a {
	display: block;
	padding: 6px 10px;
	text-decoration: none!important;
	margin: 1px;
	float: left;
	color: #FFF;
/* 	border: 1px solid #BBB;
	border-bottom: none;
	border-left: none;
	border-right: none; */
	background:  #DFDFDF url(../images/usual-tab.png) no-repeat left top;

		width: 132px;
		text-align: center;
outline: none 		
}
.usual ul a:hover {
	color: #FFF;
	background: #111;
	background:  #DFDFDF url(../images/hover-tab.png) no-repeat left top;
	outline: none
}
.usual ul a.selected {
	margin-bottom: 0;
	color: #000;
	background:  #FFF url(../images/selected-tab.png) no-repeat left top;
	cursor: default;
	padding-bottom: 7px;
	outline: none;
}
.tab-cont {
	clear: both;
	background: white;
	border-top: 1px solid #C8C8C8;
	padding-top: 15px;
}

.grid_4.sell p {
  margin: 0 0 5px 0;
  padding: 0;      
}

.seznam-cenik {
  list-style: none;
}

.xls {
 background: url("../images/xls_ico.gif") left no-repeat;
 padding-left: 25px;
}
.zip {
 background: url("../images/zip_ico.gif") left no-repeat;
 padding-left: 25px;
}
.kontakt-form h3.black{
	color: #000;
}