@charset "utf-8";

/*
broun: #DF8702
green: #228129
orange: #FF9900
grey light: #F3F5F7
*/

* {
	margin:0;
	padding:0;
	border:0;
}
html,body {
	height: 100%;
}
body {
	background:url(../elements/bg.png) repeat-y;
	color: #495451;
	font: 12px Verdana;
}
a {
	color: #fe9707;
	text-decoration: none;
	outline:none;
}
a:hover {
	color: #99CC00;
}
h1 {
	/*padding-top:100px; ad*/
	font-size: 22px;
	font-weight:normal;
}
h2 {
	font-size: 19px;
	font-weight:normal;
	padding: 7px 0px 7px 0px;
	color:#009933;
}
h3 {
	font-size: 15px;
	padding: 7px 0px 18px 0px;
	color:#009933;
}
h4 {
	font-size: 14px;
	font-weight:normal;
	padding: 7px 0px 7px 0px;
	color:#ff9900;
}
h5 {
	font-size: 13px;
	padding: 2px 0px 7px 0px;
}
h6 {
	font-size:11px;
	font-weight:normal;
	color:#999;
	padding:6px 0 42px 0;
}
p {
	margin:4px 0 4px 0;
} 
input {
	margin-top:4px;
	border: 1px solid #999999;
	color:#009933;
}
textarea {
	margin-top:4px;
	width:98%;
	border:1px solid #ccc;
	padding:4px;
}
select {
	margin-top:4px;	
}
hr {
	clear: both;
	color: #fff;
	margin: 6px;
	padding: 6px;
}
li {
	list-style: none;
}


.error {
	color:#F00;
	border:1px solid #f00;
	padding:10px;
	text-align:center;
	font-weight:bold;
}

.w60 {
	width:60%;
}
.w80 {
	width:80%;	
}



.clear {
	clear:both;
}
.split, .split2, .split3 {
	clear:both;
	height:78px;
	background:url(../elements/content_split_bright.png) no-repeat;
    background-position:0 72px;
	text-align:center
}
.split2 {
	height:22px;
}
.split3 {
	padding-top:42px;
	height:78px;
}
.georgia {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
.img-left {
	float:left;
	border:2px solid #ccc;
	margin:0 12px 6px 0;
}
.img-right {
	float: right;
	border:2px solid #ccc;
	margin:0 0 6px 12px;
}
.img-center {
	clear:both;
	display:block;
	border:2px solid #ccc;
	margin:21px auto 21px auto;
}
/*compatibility*/
.picture_left {
	float:left;
	border:2px solid #ccc;
	margin:0 12px 6px 0;
}
.picture_right {
	float: right;
	border:2px solid #ccc;
	margin:0 0 6px 12px;
}





.button {
	background-image:url(../elements/button2.png);
	color:#FFF;
	width:92px;
	border:none;
	height:21px;
	font-size:11px; 
	font-weight:bold; 
	cursor:pointer;
}
.button-new-page {
	position:relative;
	top:-26px;
	left:390px;
}
.price {
	float:left;
	font-size:17px;
}
.input-price {
	padding-left:4px;	
}
.font09em {
	font-size:0.9em;
}
.font08em {
	font-size:0.8em;
}
.font06em {
	font-size:0.6em;
}
.broun {
	color:#DF8702;
}
.green {
	color:#228129;
}
.orange {
	color:#FF9900;
}
.red {
	color:#F30;	
}
.grey {
	color:#999;	
}
.bold {
	font-weight:bold;	
}
.path {
	padding-bottom:21px;
	font-size:11px;	
}
.lead-img {
	float:left;
	margin:0px 12px 12px 0px;
	border:1px solid #d3d3d3;
	background-color:#f4f5f6;
	padding:3px;
}




/* top */
#top {
	background:#fff url(../elements/bg_top.gif) repeat-x;
	margin-left:12px;
}
#top .logo {
	float:left;
}
#top .banner {
	clear:both;
	height:130px;
}
#top img {
	float:left;
}
#top .buttons {
	padding-top:7px;	
}
#top .buttons a {
	background:url(../elements/flow_ico1.png) no-repeat;
	background-position:0px 4px;
	padding-left:14px;
	color:#398200;
	font-weight:bold;
}
#top .buttons a:hover {
	color: #99CC00;
}
#top .search {
	padding:11px 0 12px 0;
}
#top .date {
	float:left;
	width:280px;
	padding-top:46px;
	color:#999;
	font-size:11px;
	height:22px;
	overflow:hidden;
}
#top .sitemap {
	float:left;
	width:318px; 
	height:63px; 
	text-align:center; 
	background-image:url(../elements/top_left.png);  
	color:#3e8502;
}
#top .input {
	width:200px;
	border:1px solid #ccc;
	padding:1px 4px 1px 4px;
}
#top .search-button {
	border:0;
}
#people {
	position: absolute;
	top:216px;
	left:12px;
	width:175px;
	height:124px;
	z-index:101;
}
#menu {
	width:960px;
	height:33px;
	background-image:url(../elements/menu_bg.gif);
	font-weight: bold;
}
#menu .left {
	height: 33px;
	float: left;
	width: 175px;
}

#menu .center {
	float:left;
	width:641px;
	font-size:13px;
}

#menu .right {
	float:left;
	width:144px;
	background-image:url(../elements/menu_webshop.png);
	text-align: center;
	line-height: 33px;
}
#menu .center a {
	color: #228129;
}
#menu .center a:hover {
	color: #fe9707;
}

#menu .right a {
	color: #FFFFFF;
	font-size: 13px;
}
#menu li {
	float: left;
	line-height: 33px;
	text-align: center;
	list-style: none;
}
#menu .liseparator {
	width: 5px;
	line-height: 33px;
	background:url(../elements/menu_split.gif) center no-repeat;
	padding: 0px 12px 0px 12px;
}
/* top end */







/* main */
#main {
	width:960px;
	background:url(../elements/bg_main_top.png) no-repeat;
	margin-left:12px;
}
.col-1, .col-2, .col-3 {
	float:left;	
}
.col-1 {
	width:175px;
	padding-top:130px;
}
.col-2 {
	width:505px;
	margin:60px 20px 60px 20px;
}
.col-3 {
	width:240px;
}
.col-3 .sub {
	padding:10px;
}
.col-3 h5 {
	padding-bottom:7px;
	margin-bottom:14px;
	border-bottom:solid 2px #fff;
}
.col-3 h5, .col-3 h5 a {
	color:#228129;	
}
.col-3 h6 {
	padding-bottom:4px;	
}
.col-3 ul {
	clear:both;
	padding-bottom:42px;
}


.newsletter {
	margin-top:52px;
	padding:0 7px 0 7px;
	font-size:11px;
}
.newsletter input[type=text] {
	width:100%;	
}


.etarget {
	margin-top:52px;
	padding:0 7px 0 7px;
	text-align:center;
	font-size:11px;
	color:#CCC;
}
.etarget iframe {
	padding-top:4px;	
}

.menu-sub li {
	background: url(../elements/submenu_split.gif) no-repeat;
	line-height: 22px;
	padding: 1px 0 4px 7px;
	width: 176px;
}
.menu-sub li li {
	padding:0;
	background:none;
}
.menu-sub li li a {
	font-size:11px;
	font-weight:normal;	
}
.menu-sub li ul {
	padding:7px 0 14px 0;	
}
.menu-sub a {
	background: url(../elements/icos/ico_subsub_green.png) no-repeat;
	background-position: 0px 6px;
	padding-left: 11px;
	color: #398200;
	font-weight:bold;
}
.menu-sub a:hover {
	color: #99CC00;
}
.menu-sub .head {
	font-size:14px;
	padding:0 0 9px 12px;  
	background:none;
}
.menu-sub .head2 {
	font-size:14px;
	padding:28px 0 9px 12px;  
	background:none;
}
.menu-sub .head a, .menu-sub .head2 a {
	color: #fe9707;
	background: none;
	padding: 0px;
}
.menu-sub .selected {
	color:#F90;	
}



/* bottom */
#bottom {
	clear:both;
	width:960px;
	height:200px;
	background:url(../elements/bg_bottom.png) no-repeat;
	color:#FFF;
	margin-left: 12px;
}
#bottom a {
	color: #FFF;
}
#bottom a:hover {
	color: #99CC00;
}
#bottom .footer{
	padding:57px 0 0 7px;
}
#bottom .author {
	text-align:right;
	padding:100px 18px 0 0;
}
#bottom .author a {
	color:#000;
	background-color:#fff;
	padding:0 7px 0 7px;
}



/* ad */
#ad-outside {
	position:absolute; 
	top:140px; 
	left:976px;  
	width:200px; 
	height:630px;
}




/* bag */
.bag {
	width:196px;
	height:204px;
	background:url(../elements/bg_bag.png) no-repeat;
	padding:21px 22px 24px 22px;
	margin:7px 0 14px 5px;
}
.bag img {
	float:left;
	margin-right:12px;
}
.bag .title {
	float:left;
	width:120px;
	font-size:21px;
	color:#093	
}
.bag .sum {
	float:left;
	width:120px;
	padding-top:4px;
	font-size:17px;
}






/* comment */
.comment-new {
	text-align:right;	
}
.quota {
	border:1px solid #CCC;
	background-color:#FFF;
	padding:12px;
	font-style:italic;
}
.comment-row-1 {
	clear:both;
	margin:52px 0 22px 0;
	padding:4px;
	background-color:#f3f4f5;
}
.comment-row-1 .top_left {
	padding-top:4px;
	float:left;
	width:49%;
}
.comment-row-1 .top_right {
	padding-top:4px;
	float:right;
	width:50%;
	text-align:right;
	color:#999;
}
.comment-row-1 .serial {
	float:left;
	width:8%;
	padding-top:14px;
}
.comment-row-1 .comment {
	float:left;
	padding:10px 4px 10px 4px;
	margin:8px 0px 8px 0px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#FFF;
	width:90%;
}
.comment-row-1 .bottom_left {
	float:left;
	width:49%;
}
.comment-row-1 .bottom_right {
	width:50%;
	text-align:right;
}
.comment-row-1 li {
	padding-left:14px;
	list-style:disc;
	list-style-position:inside;
}



/* list */
.row {
	margin:21px 0 28px 0;
	clear:both;
}
.row .split {
	height:36px;
	background:url(../elements/content_split_bright.png) center no-repeat bottom;
}
.row img {
	float: left;
	border:2px solid #ccc;
	margin: 4px 16px 12px 16px;
}
.row h2 {
	font-weight:normal;
	padding-bottom:12px;
}
.row .description {
	background:url(../elements/content_block.gif) no-repeat;
	padding:14px 0 0 14px;
}

.row-product {
	margin:21px 0 28px 0;
	clear: both;
	background: url(../elements/content_block.gif) no-repeat;
	background-position: 0 42px;
}
.row-product .split {
	height:36px;
	background:url(../elements/content_split_bright.png) center no-repeat bottom;
}
.row-product img {
	float: left;
	margin: 4px 16px 12px 16px;
}
.row-product h2 {
	height:42px;
	font-weight:normal;
}
.row-product .price {
	float:right;
	padding-top:21px;
	font-size:18px;
	font-weight:normal;
}
.row-product .description {
	float:right;
	overflow:hidden;
}
.row-product input {
	text-align:center;	
}



/* forum */
.forum {
	width:100%;	
}
.forum tr {
	background:#F3F5F7;
}
.forum td, .forum th {
	padding:7px;	
}
.forum th {
	font-weight:normal;
	text-align:left;
}
.forum td {
	text-align:right;	
}
.forum h6 {
	padding-bottom:14px;	
}
.forum h3 {
	padding-bottom:0;	
}
.forum .title {
	font-weight:bold;
	background-color:#fff;
}



/* parts */
.part-product {
	width: 221px;
	float: left;
	height: 200px; 
	padding: 7px 12px 28px 16px;
	background: url(../elements/content_block.gif) no-repeat;
	overflow: hidden;
}
.part-product img {
	float: left;
	margin: 0px 4px 2px 0px;
	padding:4px 4px 0 2px;
}

.part-product-right {
	float: left;
	height: 200px; 
	padding: 7px 12px 28px 0;
	overflow: hidden;
}
.part-product-right img {
	float: left;
	margin: 0px 4px 2px 0px;
	padding:4px 4px 0 2px;
}



.part-fohir {
	padding-bottom:42px;
	font-size: 13px;
}
.part-fohir img {
	float:left;
	margin: 0px 12px 12px 0px;
	border: 1px solid #d3d3d3;
	background-color: #f4f5f6;
	padding: 3px;
}
.part-fohir h1 {
	padding-bottom:14px;	
}


.part-product-small {
	width:140px;
	float:left;
	text-align:center;
	margin:7px 0px 7px 22px;
}
.part-product-small img {
	padding-bottom: 4px;
}

.part-product-left {
	margin-bottom:27px;
	text-align:center;
	font-size:12px;
}
.part-product-left-price {
	padding:7px 0 9px 0;	
}

.part-news {
	width: 221px;
	float: left;
	height: 200px; 
	padding: 7px 12px 28px 16px;
	background: url(../elements/content_block.gif) no-repeat;
	overflow: hidden;
}
.part-news img {
	float: left;
	margin: 0 6px 4px 0;
	padding:2px;
	border: 1px solid #d3d3d3;
	background-color: #f4f5f6;
}


.part-blog {
	margin-bottom:42px;	
}
.part-blog img {
	float:left;
	margin:0 14px 4px 0;
	padding:2px;
	border:1px solid #d3d3d3;
	background-color:#f4f5f6;
}
.part-blog h3 {
	padding-bottom:2px;	
}
.part-blog h6 {
	padding-bottom:21px;	
}

.part-szaktanacs li {
	background:url(../elements/icos/ico_subsub_green.png) no-repeat;
	background-position:0 12px;
	padding-bottom:12px;
}
.part-szaktanacs p {
	font-size:11px;
}
.part-szaktanacs h6 {
	padding-left:9px;	
}

.part-archiv li {
	background:url(../elements/icos/ico_subsub_green.png) no-repeat;
	background-position:0 6px;
	padding:0 0 12px 9px;
}



/* navi */
.navi {
	padding:36px 0 42px 0;	
}

/* Pagination */
.pagination{
    display:block;
	text-align:center;
}
.pagination li{
    display:inline;
}
.pagination a,
.pagination span{
    color:#666;
    padding:2px 4px 0px 4px;
}
.pagination a:hover{
    background:#F90;
	color:#fff;
}
.pagination .active{
    padding:2px 4px 0px 4px;
    font-weight:bold;
}
.pagination .previous-off,
.pagination .next-off,
.pagination .off{
    padding:2px 4px 0px 4px;
}

/* search */
.search-input {
	padding-top:28px;
}
.search-input input {
	padding:2px 4px 2px 4px;	
}


/*referenciak - slider*/
#sale-slider {
	margin-top:24px;
	width:200px;
	height:144px;
}
#sale-slider ul{
	display:none;
}
#sale-slider ul, #sale-slider li {
	margin:0;
	padding:0;
	list-style:none;
	height:128px;
	width:190px;
}
#sale-slider .discount-percent {
	background-color:#F30;
	color:#fff;
	font-size:17px;
}
#sale-slider .discount-price {
	color:#F30;
	font:15px;
	font-weight:bold;
}
#sale-slider .name {
	font-weight:bold;
	text-align:center;
}
#sl li { 
	width:186px;
	height:144px;
	overflow:hidden; 
}	
ol#controls {
	margin:14px 0 0 50px;
	padding:0;
	height:28px;
}
ol#controls li {
	margin:0 10px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:10px;
}
ol#controls li a {
	float:left;
	width:9px;
	height:9px;
	/*background:url(/files/Image/atention_.png);*/
	background:url(../elements/icos/green_dot.png);
}
ol#controls li.current a{
	/*background:url(/files/Image/atention.png);*/
	background:url(../elements/icos/orange_dot.png);
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {
	outline:none;
}



/* weather */
#weather {
	padding-top: 22px;
}
#weather .subleft {
	float: left;
	width: 48%;
}
#weather .subright {
	float: right;
	width: 47%;
	text-align: right;
}
#weather li {
	line-height: 22px;
}
#weather li img {
	vertical-align: middle;
}
.weatherbox {
	font-size: 11px;
	color: #999999;
}
.weatherbox .column {
	width: 33%;
	text-align: center;
	float: left;
}
.weatherbox .ico {
	height: 32px;
	padding: 7px 0px 0px 0px;
	background-color: #FFFFFF;
}
.weatherbox a {
	color: #009933;
}

.weatherbox a:hover {
	color: #fe9707;
}
	

/*editor*/
div.jHtmlArea { display: inline block; }
div.jHtmlArea iframe p { margin:4px 0 4px 0; }
div.jHtmlArea div { padding: 0px; margin: 0px; }
div.jHtmlArea iframe { border: 1px solid #ccc;}
div.jHtmlArea .ToolBar { }
div.jHtmlArea .ToolBar ul { border: solid 1px #ccc; margin: 1px; padding: 1px; float: left; background: #fff url(/js/editorsmall/elements/jHtmlArea_Toolbar_Group_BG.png) repeat-x;}
div.jHtmlArea .ToolBar ul li { list-style-type: none; float: left; border: none; padding: 1px; margin: 1px; }
div.jHtmlArea .ToolBar ul li:hover { border: solid 1px #ccc; background: #ddd url(/js/editorsmall/elements/jHtmlArea_Toolbar_Group__Btn_Select_BG.png); padding: 0; }
div.jHtmlArea .ToolBar ul li a { display: block; width: 16px; height: 16px; background: url(/js/editorsmall/elements/jHtmlArea.png) no-repeat -16px -500px; border: none; cursor: pointer; padding: 0px; }
div.jHtmlArea .ToolBar ul li a.highlighted { border: solid 1px #aaa; background-color: #bbb; padding: 0; }
div.jHtmlArea .ToolBar ul li.separator {height: 16px; margin: 0 2px 0 3px; border-left: 1px solid #ccc;}
div.jHtmlArea .ToolBar ul li.separator:hover { padding: 1px; background-color: #fff; border-top:none; border-bottom:none; border-right:none;}

div.jHtmlArea .ToolBar ul li a:hover { }
div.jHtmlArea .ToolBar ul li a.bold { background-position: 0 0; }
div.jHtmlArea .ToolBar ul li a.italic { background-position: -16px 0; }
div.jHtmlArea .ToolBar ul li a.underline { background-position: -32px 0; }
div.jHtmlArea .ToolBar ul li a.strikethrough { background-position: -48px 0; }
div.jHtmlArea .ToolBar ul li a.link { background-position: -64px 0; }
div.jHtmlArea .ToolBar ul li a.unlink { background-position: -80px 0; }
div.jHtmlArea .ToolBar ul li a.orderedlist { background-position: -96px 0; }
div.jHtmlArea .ToolBar ul li a.unorderedlist { background-position: -112px 0; }
div.jHtmlArea .ToolBar ul li a.image { background-position: -128px 0; }
div.jHtmlArea .ToolBar ul li a.cut { background-position: -144px 0; }
div.jHtmlArea .ToolBar ul li a.copy { background-position: -160px 0; }
div.jHtmlArea .ToolBar ul li a.paste { background-position: -176px 0; }

div.jHtmlArea .ToolBar ul li a.html { background-position: -192px 0; opacity:0.6; filter:alpha(opacity=60);}
div.jHtmlArea .ToolBar ul li a.html.highlighted { opacity:1.0; filter:alpha(opacity=100);}

div.jHtmlArea .ToolBar ul li a.h1 { background-position: 0 -16px;}
div.jHtmlArea .ToolBar ul li a.h2 { background-position: -16px -16px;}
div.jHtmlArea .ToolBar ul li a.h3 { background-position: -32px -16px;}
div.jHtmlArea .ToolBar ul li a.h4 { background-position: -48px -16px;}
div.jHtmlArea .ToolBar ul li a.h5 { background-position: -64px -16px;}
div.jHtmlArea .ToolBar ul li a.h6 { background-position: -80px -16px;}
div.jHtmlArea .ToolBar ul li a.subscript   { background-position: -96px -16px;}
div.jHtmlArea .ToolBar ul li a.superscript { background-position: -112px -16px;}
div.jHtmlArea .ToolBar ul li a.indent { background-position: -128px -16px;}
div.jHtmlArea .ToolBar ul li a.outdent { background-position: -144px -16px;}
div.jHtmlArea .ToolBar ul li a.horizontalrule { background-position: -160px -16px;}
div.jHtmlArea .ToolBar ul li a.p { background-position: -176px -16px;}


div.jHtmlArea .ToolBar ul li a.justifyleft { background-position: 0 -32px;}
div.jHtmlArea .ToolBar ul li a.justifycenter { background-position: -16px -32px;}
div.jHtmlArea .ToolBar ul li a.justifyright { background-position: -32px -32px;}
div.jHtmlArea .ToolBar ul li a.increasefontsize { background-position: -48px -32px;}
div.jHtmlArea .ToolBar ul li a.decreasefontsize { background-position: -64px -32px;}
div.jHtmlArea .ToolBar ul li a.forecolor { background-position: -80px -32px;}


/*social*/
.social {
	display:block;
	float:left;
	margin-right:18px;
	width:32px;
	height:32px;
	background:url(../elements/si.png) no-repeat;
}
.social span {
	display:none;
}
.twitter { background-position:-32px 0; }
.linkedin {	background-position:-64px 0; }
.digg {	background-position:-96px 0; }
.myspace { background-position:-128px 0; }
.delicious { background-position:-160px 0; }
.rss { background-position:-192px 0; }
.technorati { background-position:-224px 0; }
.stumbleupon { background-position:-256px 0; }
.reddit { background-position:-288px 0; }
.iwiw { background-position:-320px 0; }
.startlap { background-position:-352px 0; }
.google { background-position:-384px 0; }
.live { background-position:-416px 0; }