/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  display:inline;
}

body {
	margin: 0px;
	padding:0px;
	width: 100%;
	display: table;
}

body, td{
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #333;
	line-height: 1.3em;
}
#page_bg {
	background: #FFF;
}
a:link, a:visited, a {
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; margin:0px; }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
	padding: 0px;
	margin: 0px;
	margin-top:0px;
	padding-top:5px;
	background:#598fb9 url(../images/bg.jpg) bottom center fixed repeat-x;
}

div#top_menu{
	height:74px;
	margin:0px auto;
	padding-top:20px;
	width: 750px;
	overflow: hidden;
	margin-left:222px;
}

#topnav{ height: 74px; width:964px; margin: 0px; padding:0px; font-weight: bold; }
#topnav ul { margin: 0px 0px 0px 37px; padding: 0; width: auto; float: left; list-style-type:none; }
#topnav ul li{ margin: 0; padding: 0; height: 74px; float: left; position: relative; }
#topnav ul li a{ color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 16px 20px 0px 20px; height:40px; display: block; float: left; }
#topnav ul li a:hover{ background-color: #tranparent; text-decoration: none; font-weight: bold; color: #666666; }
#topnav ul li ul ul { margin: -50px 0 0 297px; z-index: 100; }
#topnav ul li li { width:auto; height: 35px; }
#topnav ul li li a { color: #FFFFFF; text-transform: none; display: block; background: none; width: 277px; border-top: 1px solid #DDDDDD; border-left: 0px; padding: 9px 10px 6px 10px; height:20px; }
#topnav ul li li a:hover{ background: none; background-color: #333333; left: 0; width: 277px; padding: 9px 10px 6px 10px; height:20px; border-top: 1px solid #DDDDDD; }
#topnav ul li ul { left: -999em; top: 54px; left: 0; display: block; height: 36px; width: 277px; position: absolute; z-index: 99; left: -999em; clear: left; margin-top: 0px; margin-left: 0px; }
#topnav ul li:hover ul ul, #topnav ul li:hover ul ul ul { left: -999em; }
#topnav ul li:hover ul, #topnav ul li li:hover ul, #topnav ul li li li:hover ul { left: auto; }

div#main_bg{
	margin:0px auto;
	width: 980px;
	text-align:left;
	background: #FFFFFF url(../images/bg-stred.jpg) top center no-repeat;

	position: relative;
}

div#h_area{
	margin:0px auto;
	width: 964px;
	text-align:left;
	position:relative;
	overflow: hidden;
	height:100px;
}


.logo{
	display: block;
	float:left;
}
a.logo,a.logo:link,a.logo:hover, a.logo:visited{
	font-size:32px;
	height: 110px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-family:"Arial Black",Arial;
	width: 380px;
	margin-top:10px !important;
}

div#user4{
	float:right;
	text-align:left;
	margin-right: 20px;
}

div#user4 div.search{
	width:240px;
	height:55px;
	text-align:left;
	padding-top: 5px;
	background: url(../images/search_bg.png) top left no-repeat;
	position:absolute;
	top:10px;
	left:735px;
}
div#user4 div.search .inputbox {
	background:#FFFFFF;
	width: 150px;
	height: 16px;
	margin-left: 60px;
	font-size: 11px;
	color: #454545;
	padding:5px 2px 2px 2px;
	border: 1px solid #D3D3D3;
}
div#main_top {
	height:120px;
	padding:30px 30px 30px 30px;
}
div#main_top table.contentpaneopen{
	padding:0px;
	margin-left:0px;
	width:268px;
	height:194px;
	overflow: auto;
	text-align:left;
	color:#OOO;
}
div#main_top table.contentpaneopen td{
	color:#OOO;
}



.search {
	text-align:left;
	width: 156px;
	height:43px;
}
.search .inputbox {
	background:#FFFFFF;
	width: 156px;
	font-size: 16px;
	color: #454545;
	margin:9px 0px 0px 20px;
	border: 1px solid #D3D3D3;
}


#leftcolumn{
	margin-left:9px;
	padding:0px;
	width:205px;
	float:left;
	margin-top:15px;
	overflow: hidden;
	
}
#rightcolumn{
	margin-right:9px;
	padding:0px;
	width:205px;
	float:right;
}

#maincolumn{
	width:512px;
	float:left;
	margin:0px 10px 0px 10px;
	padding:8px;
	overflow:hidden;
	background:#FFFFFF;
	border: 1px solid #CCCCCC;
	
}
#maincolumn_middle{
	width: 645px;
	float:left;
	margin:10px 0px 0px 12px;
	padding:0px;
	overflow:hidden;
	background:#FFFFFF;
	border:1px #669900 solid;
}
#maincolumn_big{
	width: 967px;
	float:left;
	margin:0px 5px 0px 5px;
	padding:0px;
	overflow:hidden;
}

div.path{
	margin:10px 0 0 0px;
	height: 30px;
	padding: 5px;
	padding-left:30px;
	background:url(../images/breadcrumbs_bg.png) top left no-repeat;
}

div.nopad {
	float:left;
	padding:0 0px 15px 0px;
	
}

div.nopad ul {
	clear: both;
}
.article_separator {
	height:35px;
	line-height:35px;
}
form#form-login fieldset { 
	border: none;
	margin: 0;
	margin-left:10px;
}
form#form-login ul li{ 
	padding: 0; 
}

form#form-login ul li a {
	text-align: left;
	padding: 0px;
	font-size: 10px;
	color: #858585;
}

#leftcolumn div.module_menu, #leftcolumn div.module{
	margin: 0px 0px 0px 0px;
	padding:0px;
	width: 205px;
}
.article_column {
	padding-right:10px;
}
#rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 205px;
}
div.bannergroup_text {
	margin:0px 13px 15px 13px;
}
.bannerheader {
	font-weight:bold;
	margin-bottom:10px;
}
.banneritem_text {
	margin-bottom:10px;
}
.bannerfooter_text {
	margin-bottom:10px;
}
#leftcolumn div.module_menu  div div div, #leftcolumn div.module div div div,
#rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
	background: url(../images/rub_bottom.png) center bottom repeat-y;
}
#leftcolumn div.module_menu  div div div, #leftcolumn div.module div div{
	margin: 0px;
	padding: 0px;
	padding-bottom:5px;
	width: 205px;
	height:auto;
	
}

#leftcolumn div.module_menu div div div div, #leftcolumn div.module div div div div{
	background: none;
	padding:4px 8px;
}
#leftcolumn h3,
#rightcolumn h3{
	text-align: center;
	/*padding-left:15px;*/
	height: 45px;
	width: 203px;
	line-height: 40px;
	color:#6A9600;
	font-size:16px;
	margin:0px;
	font-weight:bold;
	border: 1px solid #CCCCCC;
}
table.poll thead td {
	text-align: left;
	padding-left:10px;
}
table.poll td {
	text-align: left;
}
#leftcolumn ul.menu li ul{
	list-style: none;
}
.pollstableborder {
	margin: 5px 0px 10px 0px;
}
.poll td div{
	display:inline;
}

/* forms */

#leftcolumn .moduletable ul,
#rightcolumn .moduletable ul {
	margin: 6px 0;
	padding: 0;
	list-style: none;
}

#leftcolumn .moduletable ul li,
#rightcolumn .moduletable ul li {
	margin: 0;
	padding: 0 2px;
}
.moduletable ul {
	padding:5px 10px 5px 12px;
	margin:0px;
}

.moduletable ul li {
	padding:0px 10px 5px 15px;
	margin:0px;
	line-height:18px;
}
#leftcolumn ul.menu li#current ul li,
#rightcolumn ul.menu li#current ul li {
	margin: 0px;
	padding: 0px;
}
ul.menu {
	padding:5px 10px 5px 12px;
	margin:0px;
}
ul.menu li{
	padding:0px 10px 5px 15px;
	margin:0px;
}

ul.menu li ul {
	padding:0px 0px 5px 0px;
	margin:0px;
}
ul.menu li ul li{
	padding:0px 0px 0px 15px;
	border:none;
}
ul.menu li#current ul li a{
	margin-left:15px;
	text-decoration:none;
}
ul.mostread {
	padding:5px 10px 5px 12px;
	margin:0px;
}
ul.mostread li{
	padding:0px 10px 5px 15px;
	margin:0px;
	line-height:18px;
}
ul.latestnews {
	padding:5px 10px 5px 12px;
	margin:0px;
}
ul.latestnews li{
	padding:0px 10px 5px 15px;
	margin:0px;
	line-height:18px;
}
div.componentheading{
	font-size:16px;
	font-size:19px;
	margin:7px auto;
}
td.contentheading{
	font-weight:normal;
	vertical-align:top;
	font-size:19px;
	height:30px;
	color:#363636;
	background: url(../images/contentheading_ico.png) left top no-repeat;
}
table.contentpaneopen td.contentheading{
	padding-left:34px;
}
table.contentpaneopen{
	border-collapse: collapse;
	margin-left:5px;
}
td.buttonheading{
	padding:0px 2px 0px 2px;
}
table.contentpaneopen td{
	padding:0px;
}
.contentpaneopen p{
	line-height:22px;
}
span.small, td.createdate, td.modifydate{
	font-size:11px;
	color:#999999;
}
span.pagination span, span.pagination a{
	padding:5px;
}



div#f_area{
	/*background: #FFFFFF url(../images/f_area_bg.png) top center no-repeat;*/
	margin:0px auto;
	width: 980px;
	text-align:left;
	margin-bottom:3px;
}
#f_area div.moduletable, #f_area div.moduletable_menu{
	float: left;
	margin:10px 4px 10px 6px;
	width: 234px;
}
#f_area h3{
	text-align: left;
	vertical-align:bottom;
	height: 37px;
	width: 234px;
	color:#FFF;
	font-size:17px;	
	font-family:"Trebuchet MS", Tahoma, Verdana;
	margin:0px;
	/*padding-left: 54px;*/
	text-align:center;
	padding-top:13px;
}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

#syndicate{
	float:left;
	padding-left: 25px;
}
.ulclass, .module_cat ul.menu {
    margin-bottom: 10px;
	margin-top: 0px !important;
    padding: 0 !important;
    width: 205px;
	background:#666666 url(../images/rub_bottom.png) center bottom no-repeat;
	margin-left: 0px !important;
	
}
/*
li.alitop {

    height:20px !important;	

}
*/



.module_cat li, .module_cat ul.menu li {
    background: none repeat scroll 0 0 transparent;
    font: 11px/28px Arial,Helvetica,sans-serif;
    margin: 0;
    
    padding: 0;
    text-transform: uppercase;
    vertical-align: top;
	background:url(../images/bg_menu1.png) top left no-repeat;
}

.module_cat li.alisub {
    background: none repeat scroll 0 0 transparent;
    font: 11px/28px Arial,Helvetica,sans-serif;
    margin: 0;
    
    padding: 0;
    text-transform: uppercase;
    vertical-align: top;

}



.module_cat li:hover {
    font: 11px/28px Arial,Helvetica,sans-serif;
    margin: 0;
    
    padding: 0;
    text-transform: uppercase;
    vertical-align: top;
	background:url(../images/bg_menu1.png) top left no-repeat;
}

.alisub:hover { background:none !important; }

.module_cat li a:hover {color:#CCCCCC;}
.module_cat li a {
    border-color: #FFFFFF -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 0px medium;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font: 11px/28px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
}

.module_cat ul.menu li a {padding-left: 5px !important;}

.ulclass, .moduletable_men ul.menu {
    margin-bottom: 10px;
	margin-top: 0px !important;
    padding: 0 !important;
    width: 205px;
	
	margin-left: 0px !important;
}

.moduletable_men ul.menu {
	background:#666666 url(../images/rub_bottom22.png) center bottom no-repeat;
}

.moduletable_men li, .moduletable_men ul.menu li {
    background: none repeat scroll 0 0 transparent;
    font: 11px/28px Arial,Helvetica,sans-serif;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-transform: uppercase;
    vertical-align: top;
	background:url(../images/bg_menu22.png) top left no-repeat;
}

.moduletable_men li.alisub {
    background: none repeat scroll 0 0 transparent;
    font: 11px/28px Arial,Helvetica,sans-serif;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-transform: uppercase;
    vertical-align: top;

}



.moduletable_men li:hover {
    font: 11px/28px Arial,Helvetica,sans-serif;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-transform: uppercase;
    vertical-align: top;
	background:url(../images/bg_menu22.png) top left no-repeat;
}

.alisub:hover { background:none !important; }

.moduletable_men li a:hover {color:#CCCCCC;}
.moduletable_men li a {
    border-color: #666666 -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 0px medium;
    color: #666666;
    cursor: pointer;
    display: block;
    font: 11px/28px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
}










#vmMainPage {width:516px;}
.nazov h1 {font-size:17px;}
#odhlas, #fullkosik {margin-left:5px;}
#fullkosik {margin-right:5px;}
a.aodhlas {margin-left:10px;}
#password_vmlogin, #username_vmlogin {width:180px;margin-left:10px;margin-bottom:5px;margin-top:10px;}
#button-login, #udaje {margin-left:10px;}
#rightcolumn a, #fullkosik {color:#ffffff;}
#rightcolumn menu a span {
	color: #000000 !important;
}
.moduletable_men a { color: #000000 !important; }
.item82 a {padding-left:32px !important;}

.module_cat {margin-top:5px;}
.moduletable_men {margin-top:5px;}
.ktojeonline {width:100% !important;}
.ktojeonline {color:#ffffff !important;text-align:center !important;padding:10px;}
.prkosik {color:#F1E200 !important;text-align:left !important;padding:5px;}
.vmCartModule {}
.mainlevel {padding-left:35px !important;}
.sublevel {padding-left:35px !important;}
#active_menu {font-weight: bold;}
.prkosik, #fullkosik {color: #000000;}
.leading_center_right {padding-left:10px;}

#buttonask {background:url("../images/buton-dotaz.png") no-repeat scroll center center transparent;width:206px;height:26px;}
.addtocart_button { 
	background:url("../images/buton-kosik1.png") no-repeat scroll center center transparent; 
	width:195px;
	border: none;
	height:26px;
	}
/* a.sublevel < li { background:none !important;}*/ 
.item87 a, .item83 a, .item67 a, .item79 a, .item80 a {color: #000000 !important;padding-left:32px !important;}
.vypisprod1 a { text-decoration: none !important;}

.vmRowTwo, .vmRowOne {width:477px;height:28px !important; position: relative; overflow: hidden;}
.vypisprod h2 a {text-decoration: none; font-size:16px; font-weight: bold;}
.vypisprod h2  {padding:0px !important;margin:5px 0px !important;}
.vypisprod {border:1px #339900 solid; padding: 0 5px; margin-bottom:10px; background:#f4f4f4;}
.popish2 {background: #cccccc; padding:4px 4px 4px 10px;font-size: 16px;border-left:15px #F1E200 solid;}
#imgCat {height: 110px; width:110px; border: 1px #339900 solid;margin:0 !important; text-align: center; padding:0 !important;}
.catname {text-decoration: none !important;  font-weight: bold !important;}
.afarba {text-decoration: none !important; padding:4px; margin-top:5px !important;margin-bottom:5px !important;
		 background: #d1d1d1;color:#000000 !important;	border:1px #4d4d4d solid;font-size:13px;}
.afarba:hover {background: #515151;color:#ffffff !important;}
#PopisPotomka {width:250px;}
input.inputboxquantity {width:15px;font-size:12px; text-align:center;}
.detalia {text-decoration: none !important; font-weight:bold !important;}
table.suvis {
border: 1px #339900 solid;
background: #f4f4f4;
}

table.suvis a { text-decoration: none; font-weight: bold;}
  div.pop-up-link {
        display: none;
        position: absolute !important;
        width: 254px !important;
        padding: 0px !importnat;
        background: transparent;
        color: #000000;
        z-index:10000 !important;
		overflow: hidden;
		margin:0px auto;
		text-align:center;
      }
	  
    div.pop-up-link img {

			
	} 
#vypisCatvpravo {

}
#pozicia {margin-left: 216px; margin-bottom:10px;height:310px;padding:0px;}
#pozicia .module {height:308px;}

#leftcolumn .module_menu a {color:#ffffff;text-decoration: none;}
#leftcolumn .module_menu a:hover {color:#ffffff;text-decoration: underline;}
.novinky-nadpis a { text-decoration:none !important; }
.novinky-nadpis { text-align:center; }
.tdclassnovinka { border:1px #cccccc solid; padding:3px;}
#fullkosik a  { color:#F1E200; text-decoration:none; font-weight: bold;}
#fullkosik a:hover  { text-decoration:underline;}
.vmChildDetail .addtocart_button1 { margin-top:3px;}
#prihlas a  { color:#F1E200; text-decoration:none;}
#prihlas a:hover { text-decoration:underline;}

#testspan, #testspan1 {
    display: block;
    width: 80px;
    height: 80px;
    right: 0;
    bottom: 0;
    position: absolute;

}
#imgCat2 #testspan, #imgCat21 #testspan {
    background: url(../images/icon1.png) no-repeat;
}
#imgCat1, #imgCat2, #imgCat3, #imgCat4 {
    width: 130px;
    min-height: 80px;
    position: relative;
    background: #fff;
	
}