body { 
    margin:0; 
    padding:0;
    font-family:Arial, sans-serif;
    background:#fff url(../images/bg.png) repeat-x left top;
}

form, form fieldset {margin:0;padding:0;border:none;}
a {color:#1073b9;text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:none;}

.clear {clear:both;}
.hidden {display:none !important;}


#head {
	position:relative;
	margin:0 auto;
	width:1005px;
	height:119px;
    background:#eeeff1 url(../images/head-bg.jpg) no-repeat left top;
    z-index:100;
}
#head div.left {
	position:absolute;
	left:-129px;
	top:0;
	width:140px;
	height:237px;
    background:url(../images/head-left.jpg) no-repeat left top;
    z-index:100;
}
#page {
	position:relative;
	margin:0 auto;
	padding:7px 0 7px 0;
	width:983px;
	border:solid #cdd4da;
	border-width:0 11px 11px 11px;
	background-color:#fff;
}
#foot {
	position:relative;
	margin:0 auto 10px auto;
	padding-top:10px;
	width:1005px;
	height:80px;
    background:url(../images/foot-bg.png) no-repeat right top;
}
#foot div.right {
	position:absolute;
	top:-208px;
	right:-64px;
	width:64px;
	height:277px;
    background:url(../images/foot-right-bg.png) no-repeat left top;
}
.box1 {
	float:right;
	padding:0;
	width:781px;
}
.box2 {
	float:left;
	padding:0 0 0 8px;
	width:190px;
}


div.hr {
	margin:0 0 10px 0;
	width:100%;
	height:11px;
	background:#cdd4da;
}
div.hr hr {display:none;}







/*logo*/
#logo {
	position:absolute;
	left:20px;
	top:15px;
    margin:0; 
    padding:0;
    width:120px; 
    height:78px;
    overflow:hidden;
    z-index:100;
    font-size:1.4em;
}
#logo a {
	display:block;
	padding:0;
    width:120px; 
    height:78px;
	text-decoration:none;
	color:#088f5b;
}
#logo a:hover {color:#000;}
#logo span {
    display:block;
    position:absolute; 
    margin:0; 
    padding:0;
    left:0; 
    top:0; 
    z-index:0;
    width:120px; 
    height:78px;
    cursor:pointer;
    background:url(../images/logo.png) no-repeat left top;
}
#head div.text {
	position:absolute;
	left:167px;
	top:16px;
	margin:0;
	padding:0;
	color:#60696f;
	font-size:12px;
	text-align: center;
}
#head div.text span {
  color:#1073B9;
  font-weight: bold;
  font-size:16px;
}
/*
#head div.text span.od1 {
  font-weight:normal;
  color: black;
  font-size:1.0em;
  float: left;
  position: absolute;
  top:5px;
  left:5px;
  width: 175px;
  text-align: left;
}
#head div.text span.od2 {
  font-weight:normal;
  color: black;
  font-size:1.0em;
  float: right;
  position: absolute;
  top:5px;
  left:170px;
  width: 260px;
  text-align: left;
}
*/
#head div.text span.vyhody {
  color: black;
  font-weight: normal;
  font-size:12px;
  
  display: block;
  float: left;
  height: 14px;
  width: 205px;
  text-align: left;
  background: transparent url(../images/ctverecek.png) no-repeat scroll -2px 4px;
  padding-left:10px;
}
#head div.text .odd3 {
    left: 5px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 2px;
    color: #1073B9;
    font-weight: bold;
    font-size: 16px;
}
#head div.text .odd4 {
    left: 210px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 2px;
    color: black;
    font-weight: bold;
    font-size: 16px;
    width: 220px;
}
#head div.text .od1 ,
#head div.text .od2 {
    left: 5px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 30px;
    color: black;
    font-size: 12px;
    display: block;
    width: 195px;
}
#head div.text .od2 {
    left: 220px;
}
#head div.text .od1 img ,
#head div.text .od2 img {
    float: left;
    margin-right: 5px;
}
#head div.text .od1 p ,
#head div.text .od2 p {
    margin:0px;
    padding:0px;
    
}
#head div.text .od1 p strong ,
#head div.text .od2 p strong {
    color: #1073B9;
}

#head div.text .odd4 span {
    color: #1073B9;
}
#navi {
	position:absolute;
	left:455px;
	top:44px;
	margin:0;
	padding:0;
	width:px;
	height:px;
	list-style:none;
    background:url(../images/head-navi-bg.gif) no-repeat center top;
}
#navi li {float:left;}
#navi li.item1 {margin-right:1px;}
#navi li a {
	position:relative;
	display:block;
	float:left;
	width:37px;
	height:22px;
	text-align:center;
}
#navi li a span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:37px;
	height:22px;
	background-position:left top;
	background-repeat:no-repeat;
}
#navi li.item1 a span {background-image:url(../images/icon-head1.png);}
#navi li.item2 a span {background-image:url(../images/icon-head2.png);}
#head div.basket {
	position:absolute;
	left:602px;
	top:16px;
	width:384px;
	height:91px;
    overflow:hiddenl
}
#head div.basket form {float:left;width:175px;}
#head div.basket form div.text {
	position:relative;
	margin-bottom:5px;
	width:156px;
	height:22px;
    background:url(../images/form-text-bg1.png) no-repeat left top;
}
#head div.basket form fieldset {padding:8px;}
#head div.basket form div.text input {position:absolute;padding:0;margin:0;color:#000;font-size:0.7em;border:none;border:0;}
#head div.basket form div.text input.text {
	left:5px;
	top:3px;
	width:140px;
}
#head div.basket form div.text input.short {width:100px;}
#head div.basket form div.text input.submit {
	left:128px;
	top:2px;
	width:27px;
	height:19px;
	line-height:19px;
	color:#fff;
	background:#1479c1;
}
#head div.basket form a {font-size:0.7em;text-decoration:underline;}
#head div.basket form a:hover {text-decoration:none;}
#head div.basket p {
	float:right;
	margin:0;
	padding:10px 0 0 54px;
	width:151px;
	height:70px;
	font-size:0.7em;
    overflow:hidden;
    background:url(../images/basket-icon.png) no-repeat left 14px;
}
#head div.basket p span {display:block;margin-bottom:4px;}
#head div.basket p strong {font-size:1.2em;}



#foot ul {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
#foot ul li {
	float:left;
	padding:0 11px;
    background:url(../images/foot-menu-separator.gif) no-repeat right center;
}
#foot ul li.last {background:none;}
#foot ul li a {font-size:0.75em;}
#foot ul li a:hover,#foot ul li a.active {color:#e97a00;text-decoration:underline;}
#foot p {
	float:right;
	margin:3px 0 0 0;
	padding:0 30px 0 0;
	font-size:0.75em;
	color:#778189;
}
#foot p a {color:#778189;}


.box2 #menu {
	position:relative;
	width:190px;
	background:url(../images/menu-bg.png) no-repeat left top;
}
.box2 #menu ul {
	margin:0 0 6px 0;
	padding:9px 0 0 17px;
	list-style:none;
}
.box2 #menu ul li {
	width:152px;
	padding:0 0 1px 3px;
    background:url(../images/menu-separator.png) no-repeat left bottom;	
}
.box2 #menu ul li.last {background:none;}
.box2 #menu ul li a {
	line-height:24px;
	color:#aedafa;
	font-size:0.75em;
}
.box2 #menu div.image {
	position:relative;
	width:190px;
	height:232px;
}
.box2 #menu div.image span {
	position:absolute;
	top:0;
	left:-238px;
	width:427px;
	height:232px;
	background-position:left top;
	background-repeat:no-repeat;
}
.box2 #menu div.image.item1 span {background-image:url(../images/box2-image1.png);}
.box2 #menu div.image.item2 span {background-image:url(../images/box2-image2.png);}
.box2 #menu div.image.item3 span {background-image:url(../images/box2-image3.png);}

#search {
	padding:5px 0 0 17px;
	width:172px;
	height:42px;
    background:#1073b9 url(../images/search-bg.png) no-repeat left top;	
}
#search div.text {
	position:relative;
	width:156px;
	height:22px;
    background:url(../images/form-text-bg2.png) no-repeat left top;	
}
#search div.text input {
	position:absolute;
	border:none;border:0;
	margin:0;
	padding:0;
}
#search div.text input.text {
	left:5px;
	top:4px;
	width:100px;
	font-size:0.75em;
}
#search div.text input.submit {
	right:1px;
	top:2px;
	width:41px;
	height:19px;
	line-height:19px;
	color:#fff;
	font-size:0.7em;
    background:#dd5303 url(../images/button-bg1.png) repeat-x left top;	
	text-align:center;
}
.box2 ul.submenu {
	margin:15px 0 40px 0;
	padding:0;
	list-style:none;
}
.box2 ul.submenu li a {
	display:block;
	padding:0 15px;
	width:160px;
	height:21px;
	line-height:21px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	font-size:0.75em;
}
.box2 ul.submenu li a:hover,
.box2 ul.submenu li a.active {
	color:#fff;
	background:#5bb1ee;
}
.box2 ul.submenu ul {
	margin:7px 0;
	padding:0;
	list-style:none;
}
.box2 ul.submenu ul li a {
	padding:0 0 0 33px;
	color:#1073ba;
	font-weight:normal;
}
.box2 ul.submenu ul li a:hover,.box2 ul.submenu ul li a.active {
	background:none;
	color:#ec8a1e;
	text-decoration:underline;
    background:url(../images/icon-bull.png) no-repeat 20px center;
}

#email {
	padding:9px 16px 0 16px;
	width:157px;
	height:167px;
    background:#1073b9 url(../images/email-bg.png) no-repeat left top;
    overflow:hidden;
}
#email h2 {
	position:relative;
	margin:0 0 5px 0;
	padding:0;
	width:162px;
	height:54px;
	font-size:1.1em;
	color:#aedafa;
}
#email h2 strong {color:#fff;}
#email h2 span {
	position:absolute;
	left:0;
	top:0;
	width:162px;
	height:54px;
    background:url(../images/email-title-bg.png) no-repeat left top;
}
#email p {
	margin:0 0 20px 0;
	padding:0;
	font-size:0.7em;
	color:#aedafa;
}
#email form {
	padding:0;
	width:172px;
	height:42px;
}
#email form div.text {
	position:relative;
	width:156px;
	height:22px;
    background:url(../images/form-text-bg2.png) no-repeat left top;	
}
#email form div.text input {
	position:absolute;
	border:none;border:0;
	margin:0;
	padding:0;
}
#email form div.text input.text {
	left:5px;
	top:4px;
	width:100px;
	font-size:0.75em;
}
#email form div.text input.submit {
	right:1px;
	top:2px;
	width:41px;
	height:19px;
	line-height:19px;
	color:#fff;
	font-size:0.7em;
    background:#dd5303 url(../images/button-bg1.png) repeat-x left top;	
	text-align:center;
}

#navigation {
	margin:0;
	padding:0;
	height:230px;
	list-style:none;
}
#navigation li {
	float:left;
	padding:0 4px 4px 0;
}
#navigation li a {
	position:relative;
	float:left;
	display:block;
	width:191px;
	height:111px;
	color:#000;
}
#navigation li strong {color:#1074bb;}
#navigation li a span {
	position:absolute;
	left:0;
	top:0;
	width:191px;
	height:111px;
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
}
#navigation li.item1 a span {background-image:url(../images/navigation1.png);}
#navigation li.item2 a span {background-image:url(../images/navigation2.png);}
#navigation li.item3 a span {background-image:url(../images/navigation3.png);}
#navigation li.item4 a span {background-image:url(../images/navigation4.png);}
#navigation li.item5 a span {background-image:url(../images/navigation5.png);}

#navigation li.prepare {
	position:relative;
}
#navigation li.prepare span {
	position:absolute;
	left:0;
	top:0;
	width:580px;
	height:111px;
    background:url(../images/prepare-bg.jpg) no-repeat left top;
}

.texttop {
	width:774px;
	height:4px;
	font-size:0;
    background:url(../images/text-top.png) no-repeat left top;
}
.textbottom {
	width:774px;
	height:4px;
	font-size:0;
    background:url(../images/text-bottom.png) no-repeat left top;
}
.box1 div.text {
	  position:relative;
	  width:774px;      
    min-height:850px;   
    background:#fcfefd url(../images/text-bg.png) repeat-y left top;
    overflow:hidden;
}
.box1 div.text h2.title {
	margin:20px 17px 5px 17px;
	padding:0;
	font-size:25px;
}
.box1 div.text h2.title strong {color:#0b62a1;}
.box1 div.text h2.title.bg {
	margin-right:0;
	height:56px;
    background:url(../images/title-bg.png) no-repeat 4px 11px;
}
.box1 div.text p {
	margin:0 17px 20px 17px;
	padding:0;
	font-size:0.75em;
}
   
.product {
    float:left;
    margin:0 0 18px 18px;
    width:167px;
    height:340px;    
}
.product a.image {
    display:block;
    margin:0 0 10px 0;
    padding:2px;
    width:163px;
    height:155px;    
    background:url(../images/product-image-bg.png) no-repeat right top;
}           
.product p {    
    margin:0 !important;
    padding:0 0 5px 0 !important;
    border-bottom:1px solid #e4dfdb;
    font-size:0.7em !important; 
}
.product p.title {border:none;}
.product p.title a {
    color:#000;
    font-size:1.4em;
    font-weight:bold;   
}
.product p span.price {
    display:block;
    margin:2px 0 0 0;
    font-weighT:bold;
    color:#0b62a0; 
    font-size:1.4em;
}
.product .buttons {
    margin:5px 0 0 0;
    height:27px;
    font-size:0.7em;
}
.product .buttons a {
    display:block;
    float:left;
    padding:0 10px 0 32px;  
    height:25px;
    line-height:25px;
    background-position:left top;
    background-repeat:no-repeat;
}                                                                              
.product .buttons a.item1 {background-image:url(../images/icon-arrow1.png);}
.product .buttons a.item2 {float:right;background-image:url(../images/icon-arrow2.png);}


.nitem {
    float:left;
    margin:0 0 20px 18px;
    width:360px;
}
.nitem p {
    margin:0 !important;
    padding:0 !important;
}
.nitem p span.date {
    color:#1072b9;
    font-size:0.9em;
}
.nitem p a.title {
    line-height:1.4em;
    font-weight:bold;
    font-size:1.3em;
}
.nitem p.next {
    margin:5px 0 0 0 !important;
    text-align:right;
}                                                         
.nitem p.next a {color:#e97a00;text-decoration:underline;}
.nitem p.next a:hover {text-decoration:none;}

.breadcrumbs {
    margin:10px 0 10px 18px;
    font-size:0.75em;
}
.breadcrumbs a {color:#000;}

.sort {
    margin:10px 0 10px 15px;
    width:744px;
    height:42px;    
    background:#cdd4da url(../images/sort-bg.png) no-repeat left top;
}                              
.sort.top {margin-bottom:20px;}
.sort.bottom {margin-top:20px;}
.sort form {
    float:left;
    padding:8px;      
    height:22px;    
    line-height:22px; 
}
.sort form fieldset {
    position:relative;
    float:left;
}                                           
.sort form fieldset.item1 {
    width:190px;     
}                           
.sort form fieldset.item2 {
    width:170px; 
    font-size:0.7em;    
}                        
.sort form fieldset.item3 {
    font-size:0.7em;    
}
.sort form fieldset.item1 a.up {
    position:relative;
    top:4px;
    left:10px;
}
.sort form fieldset.item1 a.down {
    position:relative;
    top:4px;
    left:10px;
}
.sort form fieldset.item2 label {} 
.sort form fieldset.item3 a {color:#838383;padding-right:5px;}
.sort form fieldset.item3 span {font-weight:bold;padding-right:5px;font-size:1.2em;}

.gallery {
    float:left;
    padding:0 0 20px 20px;
    width:365px;   
}
.gallery div.gall {
    float:left;       
    margin:0 5px 10px 0;
    text-align:center;
    font-size:0.75em;
}
.gallery a.main {
    display:block;
    margin-bottom:20px;
}
.gallery div.gall a.image {  
    display:block;
    padding:2px; 
    width:163px;
    height:155px;
    text-decoration:none;
    background:url(../images/product-image-bg.png) no-repeat right top;
}                                                         
.gallery div.gall a {color:#000;text-decoration:underline;}
.gallery div.gall a:hover {text-decoration:none;}
.detail {
    float:right;
    padding-right:20px;
    width:360px;    
}        
.detail h2 {
    margin:0 0 10px 0;
    padding:0;      
    font-size:1.4em;
} 
.detail p {
    margin:0 !important;
    padding:0 !important;
} 
.detail table.info {
    margin:20px 0 10px 0;
    padding:10px 0;
    width:100%;
    border:solid #dddad3;
    border-width:1px 0;
    font-weight:bold;
    font-size:0.75em;
}
.detail table.info th {
    padding-left:5px;
    text-align:left;
    width:100px;
    line-height: 19px;
}
.detail table.info td {
    line-height: 19px;
}
.detail table.info td select {
    width:220px;
    border:1px solid #DFDFDF;
}
.detail table.info td.orange {color:#e97a00;}
.detail table.info tr.price th,.detail table tr.price td {
    padding-top:20px;
}
.detail table.info tr.price td {
    color:#0c66a6;
    font-size:18px;
}               
.detail form {
    margin:0; 
    padding:0 7px;  
    font-size:0.75em;  
    font-weight:bold; 
}                  
.detail form input.text {
    margin-left:5px;
    width:20px;
    text-align:center; 
    font-weight:bold;
}                  
.detail form input.submit {
    position:relative;
    top:7px;
    margin-left:8px;
    border:none;border:0;
}

.detail table.params {
    margin:40px 0 0 0;
    width:100%;
    font-size:0.75em;
}                      
.detail table.params th { 
    padding:0 5px;
    width:100px;
    text-align:left;
    font-weight:normal;
}
.detail table.params tr.head th {
    width:auto;
    padding:3px 5px;
    border-bottom:1px solid #dddad3;
    font-weight:bold;
}
.detail table.params td {
    font-weight:bold;
}
#nahledy {
  margin:0 20px;
}
#nahledy h3 {
  background-image: url(none);
  padding-left:0px;
  margin: 5px 0 0 0;
}
#nahledy div a img {
  height: 55px;
  width:  55px;
  margin: 0 5px 3px 0;
}
