/* CSS Document */

/**************** BASIC ELEMENTS ****************/

body, h1, h2, h3, h4, h5, h6, ul, li, ol, p, input, fieldset, legend {
	padding: 0;
	margin: 0; 
}

input {
  	font-size: 12px;
  	padding:3px;
  	color: black;
} 

input:focus {
  	background: #FFFFDD;
} 

a img {
  	border: 0;
}

ul, li {
  	margin: 0;
  	padding: 0;
}

body {
	background: #a2d9f1 url(../img/bg_body.jpg) no-repeat center 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #0772a1;
}



/**************** FRAMEHOLDER ****************/

div#frameholder {
	width: 960px;
	margin: 0 auto;
}

/**************** HEADER ****************/

#header {
	width: 960px;
	height: 121px;
}

#header h1 {
	display: block;
	width: 254px;
	height: 121px;
	float: left;
}

#header h1 a {
	display: block;
	width: 254px;
	height: 121px;
	position: relative;
	overflow: hidden;
}

#header h1 a span {
	display: block;
	width: 254px;
	height: 121px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/logo.jpg) no-repeat left 0;
}

#header h1 a:hover span {
	background: url(../img/logo.jpg) no-repeat left -121px;
}

#header .claim {
	width: 380px;
	height: 121px;
	float: right;
	text-align: right;
}

/**************** TOPMENU ****************/

#topmenu  {
	width: 960px;
	height: 52px;
	background: url(../img/bg_topmenu2.jpg) no-repeat left 0;
}

#topmenu ul {
	display: block;
	width: 960px;
	height: 52px;
	float: left;
	position: relative;
	z-index: 100;
}

#topmenu ul li {
	list-style-position: outside;
	list-style-type: none;
	display: block;
	float: left;
	height: 52px;
	_width: 1px;
	position: relative;
}

#topmenu ul li a {
	display: block;
	padding: 17px 20px 0 3px;
	background: url(../img/bg_topmenu_split.jpg) no-repeat right 0;
	height: 35px;
	color: white;
	text-shadow: 1px 1px #0772a1;
	letter-spacing: 1px;
	white-space: nowrap;
	font-size: 15px;
	text-align: center;
	text-decoration: none;
}

#topmenu ul li:first-child a {
	padding: 17px 20px 0 12px;
}

#topmenu ul li:last-child a {
	background: none;
}

#topmenu ul li a:hover {
	text-decoration: underline;	
}

/**************** SEARCH ****************/

#searchbox {
	width: 225px;
	height: 52px;
	float: right;
}

#searchbox span {
	color: white;
	font-size: 11px;
	display: block;
	width: 41px;
	height: 32px;
	padding: 20px 0 0 7px;
}

#searchbox input.searchfield {
	background: none;
	border: 0;
	outline: 0;
	position: relative;
	top: 14px;
	color: red;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-style: italic;
	width: 135px;
	height: 26px;
	height: 20px\9;
	padding: 0 0 0 5px;
	padding: 6px 0 0 5px\9;
}

#searchbox input.btn_search {
	background: url(../img/btn_search.jpg) no-repeat left 0;
	border: 0;
	width: 26px;
	height: 26px;
	cursor: pointer;
	position: relative;
	top: 14px;
}

#searchbox input.btn_search:hover {
	background: url(../img/btn_search.jpg) no-repeat left -26px;
}





/**************** MIDDLE ****************/

#middle  {
	width: 960px;
	height: 40px;
	background: url(../img/bg_middle.png) no-repeat left 0;
}

#middle a {
	display: block;
	color: white;
	text-shadow: 1px 1px #0772a1;
	letter-spacing: 1px;
	font-size: 15px;
	text-align: center;
	text-decoration: underline;
	padding:13px 0 7px 0;
  width:200px;
  float:left;
  margin-left:200px;
}

#middle a:hover {
	text-decoration:none;
}

/**************** CONTENT ****************/

#contentholder {
	width: 960px;
	background: #FFFFFF url(../img/bg_contentholder.png) repeat-y left 0;
}

#cleft {
	float: left;
	width: 205px;
	background: #ff9766;
	overflow: hidden;
}

#cright {
	float: right;
	width: 755px;
	background: #FFFFFF url(../img/bg_cright.png) repeat-y left 0;
	position: relative;
}

#cright #content {
	padding: 45px 70px 50px 60px;
}

/**************** DROBECKOVA NAVIGACE ****************/

#bread {
	position: absolute;
	top: 77px;
	left: 60px;
	color: #939393;
	font-size: 11px;
}

#bread a {
	font-weight: bold;
	color: #939393;
	text-decoration: underline;
}

#bread span {
	padding: 0 10px;
}

/**************** NOVINKY ****************/

#cright #content.cont-news {
	padding: 45px 35px 50px 60px;
}

.date {
	font-size: 11px;
	color: #939393;
	display: block;
	padding: 0 0 25px 0;
}

.newsleft {
	width: 460px;
}

.newsright {
	width: 190px;
	background: url(../img/bg_newsright.png) no-repeat -7px 5px;
	padding: 42px 0 0 0;
}

.newsright img {
	margin: 0 0 15px 0;
}

.perex {
	font-size: 14px;
}


/**************** HP IMG a HP BOXES ****************/

div#slider						{position:relative; width:755px; height:261px; background:url(../images/loading.gif) no-repeat 50% 50%;}
div#slider img				{position:absolute; top:0px; left:0px; display:none;}
div#slider a					{border:0; display:block;}

#hpimg {
	width: 755px;
	height: 261px;
	background: url(../img/bg_hp_img.jpg) no-repeat left 0;
	position: relative;
}

#hpimg.imgnews {background: url(../img/bg_hp_img_news.jpg) no-repeat left 0;}

#hpimg div {
	width: 145px;
	height: 130px;
	position: absolute;
	right: 5px;
	top: 95px;
	font-size: 11px;
}

#hpimg div h2 {
	font-size: 21px;
	color: #3ba3d0;
	font-weight: normal;
	padding: 0 0 5px 0;
}

#hpimg div p {
	color: #0772a1;
	line-height: 1.45em;
	padding: 0 0 7px 0;
}

#hpimg div a {
	display: block;
	color: #f2580f;
	font-weight: bold;
	text-decoration: underline;
}

#hpimg div a:hover {text-decoration: none;}

#hpboxes {
	padding: 0 0 35px 0;
}

#hpboxes .box {
	width: 248px;
	height: 112px;
	padding: 50px 18px 30px 18px;
}

.news {background: url(../img/bg_news.png) no-repeat left 0;}
.tisk {background: url(../img/bg_tisk.png) no-repeat left 0;}

#hpboxes .box div {
	padding: 0 0 10px 0;
}

#hpboxes .box div span {
	font-size: 12px;
	color: white;
}

#hpboxes .box div span a {
	color: #ffb694;
	font-weight: bold;
	text-decoration: underline;
}

#hpboxes .box div p {
	padding: 4px 0 0 0;
	color: white;
	font-size: 11px;
	line-height: 1.45em;
}

/**************** CART ****************/

#cart {
	width: 205px;
	height: 135px;
	background: url(../img/bg_cart.jpg) no-repeat left 0;
	font-size: 15px;
}

#cart p {
	color: white;
	text-shadow: 1px 1px 0 #ea6e33;
	text-align: center;
	padding: 12px 0;
}

#cart a.kpokladne {
	display: block;
	width: 128px;
	height: 22px;
	padding: 7px 0 0 0;
	text-align: center;
	font-weight: bold;
	color: white;
	background: url(../img/btn_kpokladne.jpg) no-repeat left 0;
	margin: 0 auto;
	font-size: 12px;
	text-decoration: none;
}

#cart a.kpokladne:hover {
	background: url(../img/btn_kpokladne.jpg) no-repeat left -29px;
}

.btns {
	padding: 20px 12px 0 12px;
}

.btns2 {
	padding: 5px 12px 0 12px;
}

.btn_reg {
	display: block;
	width: 88px;
	height: 19px;
	padding: 5px 0 0 0;
	background: url(../img/btn_reg.jpg) no-repeat left 0;
	font-size: 11px;
	color: #f2580f;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}

.btn_reg:hover {
	background: url(../img/btn_reg.jpg) no-repeat left -24px;
}

.treti {clear:both; position:relative; top:+5px; left:+45px;}

/**************** LEFTMENU ****************/

#leftmenu {
	width: 192px;
	background: url(../img/bg_leftmenu.png) no-repeat left 0;
	padding: 56px 0 10px 13px;
	
}

#leftmenu ul {
	
}

#leftmenu ul li {
	list-style-position: outside;
	list-style-type: none;
	display: block;
	margin: 0 0 8px 0;
}

#leftmenu ul li a {
	display: block;
	width: 152px;
	height: 22px;
	padding: 7px 0 0 24px;
	background: url(../img/btn_leftmenu.png) no-repeat left 0;
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	color: white;
	white-space: nowrap;
	overflow: hidden;
}

#leftmenu ul li a:hover {
	background: url(../img/btn_leftmenu.png) no-repeat left -29px;
	text-decoration: none;
}

.leftmenu_bot {
	width: 205px;
	height: 55px;
	background: url(../img/bg_leftmenu_bot.jpg) no-repeat left 0;
}

/**************** LEFT (zbytek) ****************/

.leftrest {
	width: 161px;
	color: white;
	padding: 22px;
}

.leftrest span.nadpis {
	display: block;
	padding: 0 0 11px 0;
	font-weight: bold;
	font-size: 22px;
	text-shadow: 0 0 20px #ffe2d5;
}

.leftrest p {
	line-height: 1.50em;
}

.leftrest a {
	color:#ffffff;
	font-weight:bold;
}

.leftrest a:hover {
	text-decoration:none;
}

/**************** DETAIL ****************/

#cright #content.cont-detail {
	padding: 40px 40px 50px 40px;
}

#detail {
	
}

#detail .dleft {
	float:left;
	width: 302px;
	overflow: hidden;
}

#detail .dright {
	float:right;
	width: 341px;
	_width: 311px;
	padding: 0 0 0 25px;
	overflow: hidden;
}

#cright #content #detail h2 {padding: 0 0 20px 0;}

.dmainimg {
	display: block;
	width: 302px;
	height: 230px;
	overflow: hidden;
	text-align: center;
	position: relative;
}

.dmainimg span {
	display: block;
	width: 20px;
	height: 26px;
	background: url(../img/ico_zoom.png) no-repeat left -100px;
	position: absolute;
	right: 8px;
	bottom: 4px;
}

.dmainimg:hover span {
	background: url(../img/ico_zoom.png) no-repeat left 0;
}

.zoom {
	color: #c6c6c6;
	font-size: 11px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-style: italic;
	padding: 5px 0 0 0;
}

.photobox {

}

.photobox a img {
	border: 5px solid #f1f1f1;
}

.photobox a:hover img {
	border: 5px solid #e4e4e4;
}

.dfoto, .dvideo, .dinfo, .dparam, .ddown{
	display: block;
	width: 302px;
	height: 18px;
	margin: 20px 0 15px 0;
}

.dfoto 	{background: url(../img/bg_detail_txt_foto.png) no-repeat left 0;}
.dvideo	{background: url(../img/bg_detail_txt_video.png) no-repeat left 0;}
.dinfo	{background: url(../img/bg_detail_txt_info.png) no-repeat left 0;}
.dparam	{background: url(../img/bg_detail_txt_param.png) no-repeat -23px 0;}
.ddown	{background: url(../img/bg_detail_txt_down.png) no-repeat -23px 0;}


.videoplayer {
	width: 302px;
	height: 220px;
	background: #d7eef9;
}

.dpopis {font-size: 14px;}

.pricebox {
	width: 341px;
	height: 35px;
}

.price {
	width: 226px;
	height: 26px;
	padding: 9px 6px 0 0;
	background: url(../img/bg_detail_cena.png) no-repeat left 0;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

.btn_koupit {
	display: block;
	width: 97px;
	height: 35px;
	position: relative;
}

.btn_koupit span {
	display: block;
	width: 97px;
	height: 35px;
	background: url(../img/btn_koupit.jpg) no-repeat left 0;
	position: absolute;
	top: 0;
	left: 0;
}

.btn_koupit:hover span {
	background: url(../img/btn_koupit.jpg) no-repeat left -35px;
}


#content .downlist li {
	display: block;
	background: url(../img/ico_file.png) no-repeat left 6px;
	padding: 6px 0 6px 25px;
}

#content .downlist li.pdf {
	background: url(../img/ico_pdf.png) no-repeat left 6px;
}

#content .downlist li.jpg {
	background: url(../img/ico_jpg.png) no-repeat left 6px;
}

#content .downlist li.zip {
	background: url(../img/ico_zip.png) no-repeat left 6px;
}

#content .downlist li a {
	color: #0772a1;
	background: none;
}

#content .downlist li a:hover {
	text-decoration: none;
	color: #f2580f;
}

#content #galerie {clear:both;}
#content #galerie h2 {padding:0 0 10px 0;}
#content #galerie img {border:1px solid #999999; margin:0 5px 5px 0; float:left;}

/**************** FOOTER ****************/

div#footer {
	
}

div#footer span {
	
}






/**************** UTILS ****************/

.no_display {
  display: none;
}

.clear {
  clear: both;
  visibility: hidden;
}

.fl {float: left;}
.fr {float: right;}

.cntr {text-align: center;}
.rght {text-align: right;}

/**************** PRODUCTS****************/
div.item							{width:555px; height:150px; padding:20px 40px 20px 40px; float:left; margin:10px 0 0 0; border:1px solid #dddddd; background:#f2f2f2;}
div.item span					{border:1px solid #dbdbdb; width:115px; height:115px; overflow:hidden; position:relative; display:block; float:left;}
div.item span img			{position:absolute; left:0px; top:0px;}
div.item div					{width:410px; height:150px; float:right; position:relative;}
div.item div a				{position:absolute; right:0; bottom:0; color:#53b8e4;}
div.item div h3				{margin:0; line-height:25px; height:25px; overflow:hidden;}
div.item div h4				{margin:0; line-height:18px; height:18px; overflow:hidden;}
div.item div p				{height:93px; overflow:hidden;}
/* END of CSS Document*/