body { 
  margin:0; 
  padding:0;
  font-family:Arial,Verdana; 
  text-align:center; 
  text-align:center; 
  background:#232323 url("../images/bg.jpg") repeat-x left top;
}
a {
font-weight:bold;
  }

.clear { clear:both;line-height:0;}
.fleft {float:left;}
.red {color:#e50000;}
.hidden {display:none;}
.arowa {
  padding:0 0 0 18px;
  color:#000;
  font-size:0.7em;
  background:#fff url("../images/navigation-menu-arrow.jpg") no-repeat left 2px;
}
.arowa:hover {text-decoration:none;}

#head {
  position:relative;
  margin:0 auto;
  width:1054px;
  height:257px;
  border:solid #ee0b00;
  border-width:0 6px;
  z-index:100;
}
/*head bg*/
div.bg1 {background:#fff url("../images/head-bg-1.jpg") no-repeat right top;}
div.bg2 {background:#fff url("../images/head-bg-2.jpg") no-repeat right top !important;}
div.bg3 {background:#fff url("../images/head-bg-3.jpg") no-repeat right top;}
div.bg4 {background:#fff url("../images/head-bg-4.jpg") no-repeat right top;}
div.bg5 {background:#fff url("../images/head-bg-5.jpg") no-repeat right top;}
div.bg6 {background:#fff url("../images/head-bg-6.jpg") no-repeat right top;}
div.bg7 {background:#fff url("../images/head-bg-7.jpg") no-repeat right top;}
div.bg8 {background:#fff url("../images/head-bg-8.jpg") no-repeat right top;}
div.bg9 {background:#fff url("../images/head-bg-9.jpg") no-repeat right top;}
div.bg10 {background:#fff url("../images/head-bg-10.jpg") no-repeat right top;}

#page {
  position:relative;
  margin:auto;
  padding:0 0 0 27px;
  width:1027px;
  background:#fff;
  border:solid #ee0b00;
  border-width:0 6px 6px 6px;
  z-index:1;
  text-align:left;
  background:#fff url("../images/page-bg.jpg") no-repeat right bottom;
}
#apples {
  width:1000px;
  height:135px;
  background:#fff url("../images/apples.jpg") no-repeat left top;
}
#foot {
  margin:auto;
  width:1000px;
  height:117px;
}
#navi {
  position:absolute;
  right:16px;
  top:18px;
  margin:0;
  padding:0;
  height:20px;
  line-height:20px;
}
#navi li {
  display:inline;
  margin:0;
  padding:0;
  list-style:none;
  color:#4d4d4d;
  font-size:0.75em;
}
#navi li a {
  padding:0 5px;
  color:#e50000;
  font-weight:bold;
}
#navi li a:hover {text-decoration:none;}

/*logo*/
#logo {
  position:absolute;
  top:0;
  left:20px;  
	margin:0; 
	padding:0;
	width:394px; 
	height:184px;
	z-index:10;
}
#logo span {
	display:block;
	position:absolute; 
	margin:0; 
	padding:0;
	left:0; 
  top:0; 
	width:394px; 
	height:184px;
	z-index:0;
	cursor:pointer;
	background:url("../images/logo.jpg") no-repeat left top;
}

/*index boxes*/
.box1 {  
  float:left;
  position:relative;
  width:477px;
}
.box2 {  
  float:left;
  position:relative;
  width:522px;
  height:251px;
}

.box11 {  
  float:left;
  position:relative;
  width:398px;
}
.box22 {  
  float:left;
  position:relative;
  width:601px;
  height:251px;
}

.box1 h2,.box2 h2, .box11 h2,.box22 h2 {
  margin:15px 0 10px 17px;
  padding:0;
  color:#e50000;
  font-weight:normal;
}

#iuvod {
  margin:0 1px 0 0;
  height:251px;
  text-align:left;
	background:#fff url("../images/index-text-bg.jpg") no-repeat right top;
}
#iuvod p {
  margin:0 0 10px 17px;
  padding:0;
  width:440px;
  font-size:0.8em;
  text-align:justify;
}
#iuvod p a {color:#e50000;}
#iuvod p a:hover {text-decoration:none;}

.ibox {
  float:left;
  margin:0 0 10px 0;
  width:200px;
  height:302px;
  background:pink;
}
.ibox a {
  display:block;
  position:relative;
  width:200px;
  height:302px;
  background:red;
  color:#fff;
  text-align:center;
}
.ibox a:hover {background:gray;}
.ibox a span {
	display:block;
	position:absolute; 
	margin:0; 
	padding:0;
	left:0; 
  top:0; 
  width:200px;
  height:302px;
	z-index:0;
	cursor:pointer;
}
.ibox a span#iboximg1 {background:url("../images/iboximg1.jpg") no-repeat left top;}
.ibox a span#iboximg2 {background:url("../images/iboximg2.jpg") no-repeat left top;}
.ibox a span#iboximg3 {background:url("../images/iboximg3.jpg") no-repeat left top;}
.ibox a span#iboximg4 {background:url("../images/iboximg4.jpg") no-repeat left top;}
.ibox a span#iboximg5 {background:url("../images/iboximg5.jpg") no-repeat left top;}
.ibox a span#iboximg6 {background:url("../images/iboximg6.jpg") no-repeat left top;}
.ibox a:hover span#iboximg1,
.ibox a:hover span#iboximg2,
.ibox a:hover span#iboximg3,
.ibox a:hover span#iboximg4,
.ibox a:hover span#iboximg5,
.ibox a:hover span#iboximg6  
{background-position:right top;}

#newsbox {
  margin:0;
  height:251px;
  text-align:left;
	background:#efefef url("../images/news-bg.jpg") no-repeat left top;
}
#newsbox h2 {
  margin:15px 0 10px 25px;
}
.newsitem {
  margin:0 0 20px 25px;
}
.newsitemimg {float:left;}
.newsitemimg img {border:3px solid #e50000;}
.newsitem p {
  float:left;
  margin:0 0 0 15px;
  padding:0;
  width:320px;
  font-size:0.8em;
}
.newsitem p a {color:#e50000;}
.newsitem p a:hover {text-decoration:underline;}
.newsitem p span {font-weight:bold;}
.newsitem p span a {color:#e50000;text-decoration:none;}
.newsitem p span a:hover {text-decoration:underline;}

#download {
  margin-bottom:10px;
  height:249px;
  text-align:left;
	background:#e5e5e5 url("../images/download-bg.jpg") no-repeat left top;
}
#download h2 {
  margin:50px 0 50px 30px;
  width:200px;
  color:#000;
  font-weight:bold;
  font-size:1.3em;
}
#download h2 span {color:#e50000;}
#download p {
  margin:10px 0 10px 30px;
  width:200px;
  font-size:0.8em;
  color:#474747;
}
#download p a {color:#474747;font-weight:bold;}
#download p a:hover {text-decoration:none;}

#address {
  margin:0; 
  padding:0 0 0 30px;
  width:571px;
  height:256px;
}
#address h2 {
  margin:20px 0 10px 0;
}
#address p {
  margin:10px 24px 0 0;
  padding:0;
  color:#474747;
  font-size:0.75em;
}
#address p span {
  font-weight:bold;
}
#address p a {text-decoration:none;color:#474747;}
#address p a:hover {text-decoration:underline;}
#addressurl {
  position:absolute;
  right:0;
  bottom:0;
  padding:0 60px 0 0;
  height:51px;  
  line-height:51px;  
	background:url("../images/addressurl-bg.jpg") no-repeat right top;
	font-weight:bold;
	color:#151515;
	font-size:0.8em;
}
#addressurl:hover {text-decoration:none;}


/*foot*/
#foot ul {margin:28px 0 0 0;padding:0;}
#foot ul li {display:inline;margin:0;padding:0;list-style:none;color:#fff;font-size:0.75em;}
#foot ul li a {
  padding:0 5px;
  color:#fff;
  font-weight:bold;
}
#foot ul li a:hover {text-decoration:none;}
#foot p {
  color:#fff;
  font-size:0.75em;
}
#foot p a {color:#fff;text-decoration:none;}
#foot p a:hover {text-decoration:underline;}

/*pages*/
#navigation {
  float:left;
  width:253px;
}
#content {
  float:right;
  margin:0;
  padding:0 42px 0 0;
  width:704px;
  text-align:left;
}


#navigation h2.title {
  position:relative;
  margin:0;
  padding:0;
  width:253px;
  height:80px;
  color:#fff;
  text-align:center;
  background:#e50000;
}
#navigation h2.title span {
	display:block;
	position:absolute; 
	margin:0; 
	padding:0;
	left:0; 
  top:0; 
  width:253px;
  height:80px;
	z-index:0;
}
#hbbody {background:url("../images/menu-hbbody-bg.jpg") no-repeat left top;}
#etalon {background:url("../images/menu-etalon-bg.jpg") no-repeat left top;}
#smirdex {background:url("../images/menu-smirdex-bg.jpg") no-repeat left top;}
#pellachrom {background:url("../images/menu-pellachrom-bg.jpg") no-repeat left top;}
#colortouch {background:url("../images/menu-colortouch-bg.jpg") no-repeat left top;}
#colad {background:url("../images/menu-colad-bg.jpg") no-repeat left top;}

#navigation ul {
  margin:0;
  padding:18px 0 18px 22px;
  width:231px;
  background:url("../images/navigation-bg.jpg") no-repeat left top;
}
#navigation ul.short {background:url("../images/navigation-short-bg.jpg") no-repeat left top;}
#navigation ul li {
  margin:0;
  padding:0;
  list-style:none;
}
#navigation ul li a {
  padding:0 0 0 20px;
  font-size:0.7em;
  color:#000;
  font-weight:bold;
  background:url("../images/navigation-menu-arrow.jpg") no-repeat left center;
}
#navigation ul li a:hover {color:#e50000;}

#navigation ul li a.active {color:#e50000;}

#breadcrumb {
  margin:18px 0 24px 0;
  font-size:0.8em;
}
#breadcrumb a {
  color:#e50000;
  font-weight:bold;
}
#breadcrumb a:hover {text-decoration:none;}

#content h2.title {
  margin:0;
  padding:0 15px;
  width:674px;
  height:32px;
  line-height:32px;
  color:#fff;
  font-size:1.1em;
  background:url("../images/title-bg.jpg") no-repeat left center;
}
#content h3 {
  	margin:20px 0 10px 20px;
  	padding:0;
	color:#e50000;
  font-size:1em;
}
#content p {
  margin:10px 20px 10px 20px;
  padding:0;

  font-size:0.8em;
  text-align:justify;
  
}

#content p.katalog {
  width:460px;
}

#content p.title {
  width:460px;
}

#content p a {color:#e50000;}
#content p a:hover {text-decoration:none;}
#content ul {
  font-size:0.8em !important; 
}
#content ul li ul {
  font-size:1em !important; 
}
#content ul li a {color:#e50000;}
#content ul li a:hover {text-decoration:none;}

#content form {
  	margin:10px 0 10px 17px;
	padding:0;
}
#content form table {
	margin:0;
	padding:0;
	font-size:1em !important;
}
#content table {
	margin:0 0 0 16px;
}
#content table td h2,#content table td h3 {
  	margin:0 0 10px 0;
  	padding:0;
	color:#e50000;
  font-size:1.3em;
}
#content table td {
	font-size:0.8em;
}
#content table td a {color:#e50000;}
#content table td a:hover {text-decoration:none;}
#content table.kontakt tr.nadpis {
  background:#ef0000;
  color:#ffffff;
}

#content table.kontakt tr.nadpis td {
  color:#ffffff;
  font-weight:bold;
  padding:4px;
  vertical-align:top;
}

#content table.kontakt tr.radek1 {
  background:#e0e0e0;
}
#content table.kontakt tr.radek2 {
  background:#f6f6f6;
}

#content table.kontakt td {
  padding:4px;
  vertical-align:top;
}


.listitem {
  margin:20px 0;
  padding:0 0 0 30px;
  width:660px;
}
.listitem a img {border:1px solid #e50000;}
.listitem p {
  float:right;
  margin:0 0 10px 0;
  padding:0;
  width:470px;
  font-size:0.8em;
}
.listitem p a {
  font-weight:bold;
  color:#e50000;
 
}
.listitem p a:hover {text-decoration:none;}
.listitem p.title {
  font-weight:bold;
  width:470px;
}
.listitem p.title a {
  margin:0;
  padding:0;
  color:#e50000;
  text-decoration:underline;
  font-size:16px;
}
.listitem p.title a:hover {text-decoration:underline;}

/*detail*/
.cntb1 {
  float:left;
  width:386px;
}
.cntb2 {
  float:right;
  width:290px;
  text-align:center;
}
a.imga {display:block;margin:0 0 18px 0;}
a.imga img {border:1px solid #e50000;}
.icons {margin:10px 0 0 0;}

.cntb1 h2.title {width:356px !important;}
.cntb1 p {
  margin:5px 0 10px 0;
  padding:0;
  font-size:0.8em;
	width:350px !important;
}
.cntb1 h3 {
  margin:17px 0 0 0;
  padding:0;
  font-size:0.9em;
  color:#e50000;
}
.cntb1 table {
  border-collapse:collapse;
}

.cntb1 table td {
  border:1px solid #dddddd;
  font-size:12px;
}
#description {
  margin:10px 0 18px 0;
  padding:0;
}
#description li {
  display:block;
  padding:0 0 0 20px;
  height:27px;
  line-height:27px;
  font-size:1em;
  list-style:disc;
  background:url("../images/disc.gif") no-repeat 10px center;
}
#description li.pink {
  border:1px solid #ffc2c2;
  background:#fde7de url("../images/disc.gif") no-repeat 10px center;
}
#cform {
  display:block;
  float:right;
  margin:8px 0 0 0;
  padding:0 0 0 50px;
  width:134px;
  height:35px;
  line-height:35px;
  font-weight:bold;
  color:#fff;
  font-size:0.8em;
  text-decoration:none;
  background:#e50000 url("../images/cforma-bg.jpg") no-repeat left top;
}
#cform:hover {text-decoration:underline;}
#detailurls {
  float:left;
  margin:0 0 20px 0;
  padding:10px 0 10px 16px;
  width:168px;
  border:1px solid #e1e1e1;
  background-color:#f6f6f6;
}
#detailurls li {
  margin:0 0 5px 0;
  padding:0;
  list-style:none;
}
#detailurls li a {
  margin:0;
  padding:0 0 0 18px;
  font-size:1em;
  font-weight:bold;
  color:#e50000;
  background:url("../images/black-arrow.jpg") no-repeat left 3px;
}
#detailurls li a:hover {text-decoration:none;}

fieldset {
  border:0;
}
input {
  border:1px solid #dddddd;
  background-color:#dddddd;
}
input.active {
  border:1px solid #dddddd;
  background-color:#FFBEB3;
}


textarea {
  border:1px solid #dddddd;
  background-color:#dddddd;
  font-family:Arial,Verdana;
}

textarea.active {
  border:1px solid #dddddd;
  background-color:#FFBEB3;
  font-family:Arial,Verdana;
}

img.okraj {border:1px solid #e50000; margin:8px; }

.vpravo { float:right; margin-left:20px;}

.vpravo a {
  color:#ff0000;
  font-size:0.8em;
  margin-right:20px;
}