body {
	font-size: 65%; /* 75 by def, 70 tahoma */
	font-family: tahoma;
	background:url(./../images/main/body_bg.gif) #3A5366 repeat-x 0 0;
	height:100%;
}

h1, h2, h3, h4 {
	font-family: tahoma;
	letter-spacing: 0;
}

a {
	color: #196EAA;
}

p {
	letter-spacing:0;
}

.left {
	float: left;
}

.right {
	float: right;
}

#main {
	width:960px;
}

#page {
	background:url(./../images/main/shadow.png) repeat-y 50% 0;
}

#page_shell {
	background:url(./../images/main/header_bg.png) no-repeat 50% 0;
}

/* Hlavicka */
#header {
	height:154px;
	position: relative;
	z-index: 10;
}

/* Hlavicka - Logo */
#header #logo {
	position: absolute;
	left:0;
	top:20px;
}

/* Hlavicka - Menu */
#header #menu_box {
	left:113px;
	top:64px;
	position: absolute;
	width:847px;
}

#header #menu_box #menu {
	float: left;
	margin:0;
	padding:0 0 0 7px;
}

#header #menu_box #menu li{
	float: left;
	list-style-type: none;
	height:55px;
	position: relative;
	z-index: 10;
	display: block;
}

#header #menu_box #menu li.select{
	background:url(./../images/main/menu_active.png) no-repeat 50% 100%;
}

#header #menu_box #menu li a{
	font-size: 1.5em;
	color: #FFF;
	margin:0;
	padding:12px 19px 14px 19px;
	display: block;
}

#header #menu_box #menu li a:hover{
	text-decoration: none;
	background:url(./../images/main/menu_hover.gif) repeat-x 0 0;
}

#header #menu_box #menu li:hover ul, #header #menu_box #menu li.hover ul{
	display: block;
}

#header #menu_box #menu ul{
	display: none;
	width:228px;
	position: absolute;
	top:42px;
	left:-18px;
	background:url(./../images/main/menu_second_bottom.png) no-repeat 0 100%;
	padding:0 0 7px 0;
}

#header #menu_box #menu ul li{
	float: none;
	background:url(./../images/main/menu_second_separator.gif) #196EAA no-repeat 0 0;
	padding:2px 0 0 0;
	height:auto;
	display: block;
}

#header #menu_box #menu ul li.first{
	background:url(./../images/main/menu_second_top.gif) #196EAA repeat-x 0 0;
	padding:0;
}

#header #menu_box #menu ul li a{
	padding: 8px 0 8px 16px;
	margin:0 1px;
	display: block;
}

/* Hlavicka - Vyhledavani */
#header #menu_box #searchform{
	position: absolute;
	margin:8px 0 0 0;
	left:584px;
	top:0;
}

#header #menu_box #searchform input.text{
	background:url(./../images/main/search_input.gif) no-repeat 0 0;
	font-size: 1.5em;
	color: #1B1C1D;
	border:0;
	padding:0 12px 2px 12px;
	width:149px;
	vertical-align: middle;
	font-family: tahoma;
}

#header #menu_box #searchform input.button{
	font-size: 1.5em;
	color: #FFF;
	background: none;
	border:0;
	font-family: tahoma;
	width:51px;
	margin:0 0 0 11px;
	vertical-align: middle;
	cursor: pointer;
}

#header #menu_box #searchform input.button:hover{
	color: #1A6FAA;
}

/* Hlavicka - Info */
#header #header_info {
	position: absolute;
	top:23px;
	left:502px;
	color: #B1B1B1;
	font-size: 1.16em;
}

#header #header_info strong{
	font-weight: normal;
	color: #FFF;
}

#header #header_info a{
	color: #FFF;
}

#header #header_info a:hover{
	color: #196EAA;
}

#header #header_info .phone{
	background:url(./../images/main/ico_phone.gif) no-repeat 0 50%;
	padding:0 15px 0 22px;
}

#header #header_info .mail{
	background:url(./../images/main/ico_mail.gif) no-repeat 0 50%;
	padding:0 0 0 24px;
}

/* Obsah - Horni */
#content_top {
	height:53px;
	background:url(./../images/main/content_top_bg.gif) no-repeat 0 0;
	position: relative;
}

#content_top h1{
	font-size: 2em;
	color: #FFF;
	margin:13px 0 0 10px;
	line-height:1.25em;
}

#content_top #breadcrumbs{
	position: absolute;
	top:19px;
	right:12px;
	margin:0;
}

#content_top #breadcrumbs li{
	float: right;
	list-style-type: none;
	margin:0 0 0 6px;
	color: #FFF;
	font-size: 1.5em;
}

#content_top #breadcrumbs li a{
	text-decoration: underline;
	color: #FFF;
}

#content_top #breadcrumbs li a:hover{
	text-decoration: underline;
	color: #3F92CB;
}

/* Obsah */
#content {
	background:url(./../images/main/content_in_top.gif) #FFF no-repeat 0 0;
}

#content #content_in {
	background:url(./../images/main/content_bottom.gif) no-repeat 0 100%;
	padding:14px 0 14px 0;
}

#content.home #content_in {
	background:url(./../images/main/content_home_bottom.gif) no-repeat 0 100%;
	padding:12px 0 14px 0;
}

#content_shell {
	background:url(./../images/main/content_bg.gif) repeat-y 11px 0;
}

#content_shell_2 {
	background:url(./../images/main/content_bg_bottom.gif) no-repeat 11px 100%;
}

/* Obsah - Home */
#content_in #home_box{
	background:url(./../images/main/home_box_bottom.gif) no-repeat 0 100%;
	height:329px;
	position: relative;
}


/* Obsah - Home - Scroll */
#content_in #home_box #home_scroll {
	width:679px;
	margin:0 0 0 12px;
}

#content_in #home_box #home_scroll .scroll_item{
	height:310px;
	position: relative;
	width:679px;
}

#content_in #home_box #home_scroll .scroll_item h2{
	font-size: 2em;
	color: #FFF;
	position: absolute;
	left:10px;
	top:217px;
	line-height:1.25em;
}

#content_in #home_box #home_scroll .scroll_item p{
	font-size: 1.08em;
	color: #FFF;
	position: absolute;
	left:10px;
	top:248px;
	padding:0;
	background:url(./../images/main/arrow_blue.gif) no-repeat 0 5px;
	text-indent: 11px;
}

#content_in #home_box #home_scroll .scroll_item a.more{
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
	background:url(./../images/main/arrow_white.gif) no-repeat 0 5px;
	padding:0 0 0 11px;
	margin:0 0 0 10px;
}

#content_in #home_box #home_scroll .scroll_item a.more:hover{
	color: #000000;
}

#content_in #home_box #home_scroll #scroll_item_1{
	background:url(./../images/main/home_scroll_1.jpg) no-repeat 0 0;
}

#content_in #home_box #home_scroll #scroll_item_2{
	background:url(./../images/main/home_scroll_2.jpg) no-repeat 0 0;
}

#content_in #home_box #home_scroll #scroll_item_3{
	background:url(./../images/main/home_scroll_3.jpg) no-repeat 0 0;
}

#content_in #home_box #home_scroll #scroll_item_4{
	background:url(./../images/main/home_scroll_4.jpg) no-repeat 0 0;
}

#content_in #home_box #home_scroll .scroll_left{
	position: absolute;
	top:191px;
	left:634px;
	width:15px;
	height:23px;
	display: block;
	background:url(./../images/main/scroll_arrow_left.png) no-repeat 0 0;
	cursor: pointer;
}

#content_in #home_box #home_scroll .scroll_right{
	position: absolute;
	top:191px;
	left:657px;
	width:15px;
	height:23px;
	display: block;
	background:url(./../images/main/scroll_arrow_right.png) no-repeat 0 0;
	cursor: pointer;
}

#content_in #home_box #home_scroll .scroll_left:hover{
	background:url(./../images/main/scroll_arrow_left.png) no-repeat 0 -23px;
}

#content_in #home_box #home_scroll .scroll_right:hover{

	background:url(./../images/main/scroll_arrow_right.png) no-repeat 0 -23px;
}

/* Obsah - Home - Navigace */
#content_in #home_box #home_navigation {
	width:247px;
	margin:0 11px 0 0;
}

#content_in #home_box #home_navigation ul {
	width:247px;
	margin:0;
	list-style-type: none;
}

#content_in #home_box #home_navigation li {
	margin:0 0 6px 0;
}

#content_in #home_box #home_navigation li a {
	display: block;
	width:235px;
	height:49px;
	font-size: 1.16em;
	color: #FFF;
	padding:25px 0 0 12px;
}

#content_in #home_box #home_navigation li a:hover {
	background-position: 0 -74px;
}

#content_in #home_box #home_navigation li a strong{
	font-size: 1.38em;
	font-weight: normal;
}

#content_in #home_box #home_navigation li a:hover {
	text-decoration: none;
}

/* Obsah - Home - Novinky */
#content_in #home_news {
	height:113px;
	width:680px;
	background:url(./../images/main/home_news.gif) no-repeat 0 0;
	margin:11px 0 0 11px;
}

#content_in #home_news .news_item{
	padding:20px 0 20px 20px;
}

#content_in #home_news .news_item p{
	padding: 0;
	color: #666666;
	font-size: 1.08em;
}

#content_in #home_news .news_item h3{
	font-size: 1.5em;
	color: #196EAA;
	margin:0 0 5px 0;
}

/* Obsah - Home - Spodni */
#content_in #home_bottom {
	height:113px;
	width:247px;
	background:url(./../images/main/home_bottom.gif) no-repeat 0 0;
	margin:11px 11px 0 0;
}

#content_in #home_bottom ul li {
	list-style-type: none;
	margin: 18px 0 40px 53px;
}

#content_in #home_bottom ul li a{
	font-size: 1.16em;
	color: #196EAA;
}

#content_in #home_bottom ul li a:hover{
	color: #1B1C1D;
}

/* Obsah - Akordeon */
#content_in #accordion {
	width:228px;
	background:url(./../images/main/accordion_top.gif) no-repeat 0 0;
	padding:7px 0 7px 0;
	margin:0 0 0 11px;
}

#content_in #accordion h3 {
	font-size: 1.5em;
	margin:0;
	background:url(./../images/main/accordion_separator.gif) no-repeat 0 100%;
	cursor: pointer;
	position: relative;
	padding:0 0 2px 0;
}

#content_in #accordion h3 a{
	display: block;
	padding:7px 0 10px 13px;
	background:url(./../images/main/accordion_h3.gif) repeat-x 0 50%;
}

#content_in #accordion a{
	color: #FFF;
	display: block;
	margin:0 1px;
}

#content_in #accordion a:hover{
	background:url(./../images/main/menu_hover.gif) repeat-x 0 50%;
	text-decoration: none;
}

#content_in #accordion ul{
	margin:0;
}

#content_in #accordion ul li{
	font-size: 1.5em;
	background:url(./../images/main/accordion_separator.gif) no-repeat 0 100%;
	list-style-type: none;
	padding:0 0 2px 0;
	display: block;
}

#content_in #accordion ul li a{
	padding:7px 0 10px 23px;
}

#content_in #accordion ul li.last{
	border-bottom:0;
}

/* Obsah - Text */
#content_in #content_text {
	width:690px;
	margin:0 11px 0 0;
}

#content_in #content_text #product{
	width:327px;
	height:125px;
	margin:0 14px 0 0;
	background:url(./../images/main/product_text_1.gif) no-repeat 0 0;
	position: relative;
	margin-bottom:6px;
}

#content_in #content_text h2{
	padding-top:8px;
	padding-bottom:8px;
	margin-bottom:0px;
}

#content_in #content_text #product h2{
	font-size: 1.66em;
	left:81px;
	top:23px;
	position: absolute;
	padding-top:0px;
	padding-bottom:0px;
}

#content_in #content_text #product h2 a{
	color: #FFF;
	text-decoration: underline;
}

#content_in #content_text #product .description{
	color: #FFF;
	font-size: 1.16em;
	left:81px;
	top:46px;
	position: absolute;
}

#content_in #content_text #product .description strong{
	font-size: 1.28em;
	font-weight: normal;
}

#content_in #content_text #product .price{
	color: #FFF;
	font-size: 1.16em;
	right:13px;
	top:74px;
	position: absolute;
	text-align: right;
}

#content_in #content_text #product .price strong{
	font-size: 1.28em;
}

#content_in #content_text p{
	padding: 16px 0;
	font-size: 1.16em;
	color: #1B1C1D;
	padding-top:0px;
	padding-bottom:14px;
}

#content_in #content_text p a{
	text-decoration: underline;
}

#content_in #content_text p a:hover{
	color: #000000;
}

#content_in #content_text h3{
	padding-top:8px;
	padding-bottom:8px;
	margin-bottom:0px;
}





#content_in #content_text ul{
 margin: 14px 0;
 font-size: 1.2em;
 list-style-type: none;
 color: #196EAA;
 margin-top:4px;
 padding-top:0px;
}

#content_in #content_text ul.product li{
 list-style-type: none;
 list-style-position: outside;
}

#content_in #content_text ul li{
 padding:0 0 0 14px;
 list-style-type: disc;
 list-style-position: inside;
}

#content_in #content_text ul li strong{
 padding:0 0 0 14px;
 background:url(./../images/main/arrow_blue_1.gif) no-repeat 0 5px;
}

#content_in #content_text ul ul{
 margin: 2px 0;
 font-size: 1em;
}

#content_in #content_text ul ul li{
 list-style-type: square;
 list-style-position: inside;
}

#content_in #content_text ul ul ul li{
 list-style-type: circle;
 list-style-position: inside;
}




#content_in #content_text table{
	border:1px solid #478BBB;
	color: #1B1C1D;
	font-size: 1.16em;
	border-collapse:separate;
	padding:1px;
	margin:16px 23px 16px 0;
	/*width:500px;*/
}

#content_in #content_text table th{
	font-weight: normal;
	background-color: #D3E3EF;
	text-align: left;
	padding:2px 6px;
}

#content_in #content_text table td {
	padding:2px 0 2px 15px;
	padding-right:2px;
}

#content_in #content_text table td strong{
	padding:0 0 0 8px;
	background:url(./../images/main/arrow_blue_1.gif) no-repeat 0 50%;
}

#content_in #content_text table p, #content_in #content_text table td p {
margin:0;padding:0;
}








/* Paticka */
#footer_shell {
	height:82px;
	background:url(./../images/main/footer.png) no-repeat 50% 0;
}

#footer {
	height:56px;
	width:960px;
}

#footer #footer_navigation{
	margin:20px 0 0 21px;
	list-style-type: none;
	float: left;
}

#footer #footer_navigation li{
	float: left;
	margin:0 18px 0 0;
}

#footer #footer_navigation li a.footer_navigation_1{
	background:url(./../images/main/ico_1.gif) no-repeat 0 50%;
}

#footer #footer_navigation li a.footer_navigation_2{
	background:url(./../images/main/ico_2.gif) no-repeat 0 50%;
}

#footer #footer_navigation li a.footer_navigation_3{
	background:url(./../images/main/ico_3.gif) no-repeat 0 50%;
}

#footer #footer_navigation li a.footer_navigation_4{
	background:url(./../images/main/ico_4.gif) no-repeat 0 50%;
}

#footer #footer_navigation li a.footer_navigation_5{
	background:url(./../images/main/ico_5.gif) no-repeat 0 50%;
}

#footer #footer_navigation li a.footer_navigation_6{
	background:url(./../images/main/ico_6.gif) no-repeat 0 50%;
}

#footer #footer_navigation li a.footer_navigation_7{
	background:url(./../images/main/ico_7.gif) no-repeat 0 50%;
}

#footer #footer_navigation li a{
	font-size: 1.08em;
	color: #FFF;
	padding:0 0 0 21px;
}

#footer #footer_navigation li a:hover{
	color: #3F92CB;
}

#footer #copyright{
	float: right;
	color: #FFF;
	margin:12px 10px 0 0;
	text-align: right;
}
#footer #copyright p{
	color: #FFF;
}


div.scrollable {
	position:relative;
	overflow:hidden;
	width: 679px;
	height:310px;
}

div.scrollable div.items {
	width:20000em;
	position:absolute;
}

div.scrollable div.items div { 
	float:left;
}

div.scrollable2 {
	position:relative;
	overflow:hidden;
	height: 113px;
	width: 680px;
}

div.scrollable2 div.items {
	position:absolute;
	height:20000em;
}
