/* ------------------------------------ Základní prvky-------------------------------------------------- */
body{font: 13px Arial, Tahoma, Verdana; color: #414141; text-align: center; margin:0px; background: url(/images/bg_body.gif) #fff repeat-x;}

h1 {font-size: 20px; color: #005ca1; font-weight: normal; text-decoration: none; margin: 0 0 10px 0;}
h2 { font-size: 18px; color: #005ca1; font-weight: normal; text-decoration: none; margin: 8px 0px;}
h3 { font-size: 16px; color: #005ca1; font-weight: normal; text-decoration: none; margin: 8px 0px;}
h4 { font-size: 14px; color: #005ca1; font-weight: normal; text-decoration: none; margin: 0px 0px;}
h5 { font-size: 13px; color: #005ca1; font-weight: normal; text-decoration: none; margin: 0px 0px;}
p { line-height: 1.8em; margin: 5px 0 8px 0; padding: 0;}
.clear { clear: both;}
img {	border: 0px;}
a{ color: #414141; font-weight: normal; text-decoration: underline;}
  a:hover{ text-decoration: none;}
.refi				  { border: 2px solid #cccccc;}

#page {
        position: relative;
	      width: 1000px;     
        margin: 0px auto;
        text-align: left;
        background-color: #fff;       
}
/* ------------------------------------ Hlavička -------------------------------------------------- */


#header {
position: relative;
       float: left;
	      width: 1000px;
	      height: 327px;
        margin: 0px auto;
        text-align: left;
               
}
#logo { float: left; width: 220px; height: 104px; margin: 0;  background: url(/images/logo.gif);}
#top { float: right; width: 780px; height: 104px; margin: 0; padding: 0;  background: url(/images/header.gif);}
  #czaj  { float: left; width: 770px; height: 30px; text-align: right; margin: 0; padding: 20px 10px 0 0; color: #e07b15; }
     #czaj a  { color: #005ca1; text-decoration: underline;}
     #czaj a:hover { text-decoration: none;}
  #menu { float: left; width: 770px; height: 70px; text-align: right; margin: 0 10px 0 0; padding: 0; }
    /*menu vodorovné*/
    #menu ul{	float:right;	height: 15px; list-style:none;	margin:0px;	padding: 15px;	overflow:hidden; background-color: #E07B15;}
    #menu ul li{float:left;	margin:0px;	padding:0 8px 0 18px;	text-align:center; }
    #menu a{color: #fff; font-size: 12px; text-decoration: none; }
    #menu a:hover{text-decoration: underline; }
    /*konec menu*/
#head { float: left; width: 1000px; height: 223px; margin: 0;  padding:0; background: url(/images/head.gif);}
#headimg {margin: 0; padding: 0; }
  
  
  
/* ------------------------------------ Konec Hlavička -------------------------------------------------- */	 

/* ------------------------------------ Content -------------------------------------------------- */
#content {position:relative; float: left; width: 1000px;  height: auto; margin: 0; text-align: left; background-color: #fff;}
	 #content ul li  {list-style-image: url(/images/pointer.jpg); }
	 #produkty {position: absolute; top: 375px; left: 300px; width: 200px; height: 100px; }
  .sloupec {float: left; height: auto; width: 280px; }

#rightWrap { float: right; width: 352px;	height: auto;	padding: 0px;}
  #rightWrap a.odkaz{ color: #fff; font-weight: normal; text-decoration: underline;}
  #rightWrap a.odkaz:hover{ text-decoration: none;}
  #bgmiska{ float: left; width: 352px; height: 56px; margin: 0;  background: url(/images/bg_miska.gif);}

#leftWrap {float: left; height: auto;	width: 628px;	padding: 10px; }
  #text {float: left; position: relative; margin: 0; padding: 0;}
  #text ul li {line-height: 1.7em;}
  .pismo14 {font-size: 14px;}

#footer {float: left; width: 984px;	height: 15px; text-align: left; padding:8px; margin: 0; background: #d26d06; color: #f2f2f2; font-size: 11px; }
  #footer a { color: #f2f2f2; font-size: 11px; font-weight: normal; text-decoration: underline;}
  #footer a:hover { text-decoration: none;}
/* ------------------------------------ Produkty -------------------------------------------------- */
.produkt {float: left; height:auto; width: 280px; padding: 8px; margin: 5px; border: 1px solid #dfdfdf;}
  .produkt .nazev {float: left; height:20px; width:  270px; margin: 0 0 8px 0;}
    .produkt .nazev h2  { font-size: 16px; color: #005ca1; font-weight: normal; text-decoration: none; margin: 0px;}
  .produkt .obrazek {float: left; height:120px; width:  115px; margin: 0 6px 0 0;}
  .produkt .spec {float: left; height:auto; width:  155px; margin: 0;}
      .produkt .spec .kod{float: left; height:auto; width:  155px; margin: 0 0 5px 0;}
      .produkt .spec .rozmer{float: left; height:auto; width:  155px; margin: 0 0 5px 0;}
      .produkt .spec .tloustka{float: left; height:auto; width:  155px; margin: 0 0 5px 0;}
      .produkt .spec .vaha{float: left; height:auto; width:  155px; margin: 0 0 5px 0;}
      .produkt .spec .baleni{float: left; height:auto; width:  155px; margin: 0;}
  

/* ------------------------------------ Box novinky -------------------------------------------------- */
.box_aktuality_header { float: left; width: 320px;	height: 20px;	padding: 13px 16px; background: url(/images/bg_headnews.gif) no-repeat;}
  .box_aktuality_header h2 { font-size: 18px; color: #005ca1; font-weight: normal; text-decoration: none; margin: 0;}
.box_aktuality { float: left; width: 352px;	height: auto;	padding: 0px; margin: 0 0 15px 0; background: url(/images/bg_news.gif) repeat-y;}
  .box_aktualita { float: left; width: 322px;	height: auto;	padding: 0 15px; margin: 0;}
    .box_aktualita h3 a { font-size: 12px; color: #fff; font-weight: bold; text-decoration: underline; margin: 5px 0px;}
    .box_aktualita h3 a:hover { font-size: 12px; color: #fff; font-weight: bold; text-decoration: none;}
    .box_aktualita p { color: #fff;}
.box_aktuality_header .head  { float: left; text-align: left; margin: 0; padding: 0; width: 180px; }
.box_aktuality_header .all  { float: right; text-align: right; margin: 0; padding: 0; width: 100px;}
  .box_aktuality_header .all a { font-size: 11px; color: #000; text-decoration: underline;}
  .box_aktuality_header .all a:hover { text-decoration: none;}
  
#loopedSlider {position:relative; width:640px;}
  #loopedSlider .container {width:520px; height:177px; margin:23px 0 0 50px; overflow:hidden; position:relative;}
  #loopedSlider .slides {position:absolute; top:0; left:0;}
  #loopedSlider .slides div {display:none; position:absolute; top:0; width:250px;}
  #loopedSlider ul.list {margin:0;}
  #loopedSlider ul.list li {display:block; float:left; width:220px; margin:0 10px;}
  #loopedSlider ul.list li img {display:block;}
  #loopedSlider .previous {position:absolute; top:64px; left:30px;}
  #loopedSlider .next {position:absolute; top:64px; left:585px;}