/*-----------------------------------------------------------*/
/*CSS RESET*/
/* /////my own reset settings///*/
*{
    margin:0;
    padding:0;
}

img{
    border:0;
    margin:0;
    padding:0;
    vertical-align:bottom; /*treba pretoze FF pridava par pixelov na spodok obrazku sam odseba*/
}

table, form, input, select, ul, li, ol, label{
    margin:0;
    padding:0;
    font-family:arial,helvetica,sans-serif;
    letter-spacing : 0;
    font-size:1em;
}

body{
    font-family:arial,helvetica,sans-serif;
    letter-spacing : 0;
    border:0;
    margin:0;
    padding:0;
    color:#000;
    background:#fff url(./img/page_bg.gif) top left repeat;
    font-size:0.9em;
    text-align:left;
    line-height:1.2em;
    letter-spacing: normal;
}

.clear{
    clear:both
}
.clearl{
    clear:left
}
.clearr{
    clear:right
}
.right{
    text-align:right
}
.left{
    text-align:left
}
.center{
    text-align:center
}
.fleft{
    float:left
}
.fright{
    float:right
}

.errorText{
    color:#f00;
    padding-left:20px;
    background: transparent url(./img/err.png) center left no-repeat;
}

.helpMoney{
    cursor:help;
    border-bottom:1px dashed gray;
}

/*-----------------------------------------------------------*/
/*default links*/
a{text-decoration:underline;}
a:link{color:#8F2C30;}
a:visited{color:#8F2C30;}
a:active{color:#DE251E;}
a:hover{color:#DE251E;}

/*-----------------------------------------------------------*/
/*position and design of main divs*/

/*cela stranka - aj s tienom na boku*/
#page{
    width:930px;
    margin:0 auto 0 auto;
    background:transparent url(./img/page_shadow_bg.png) top left repeat-y;
}

/*obsah vo vnutri - bez tiena*/
#inpage{
    width:922px;
    margin:0 auto 0 auto;
    background-color:#fff;
}

/*hlavicka stranky = banner*/
#headpage{
    width:922px;
    height:135px;
    background:#840107 url(./img/head_bg.png) top left no-repeat;
}

/*nadpis webu*/
#headpage h1 {
    width:380px;
    height:100px;
    float:left;
    margin-top:15px;
    margin-left:20px;
}

#headpage h1 a {
    display: block;
    height:100px;
}

#headpage h1 a span {
    display: none;
}

/*div pre informacny vypis obsahu kosika a horne odkazy*/
#top_right_box{
    font-size:0.9em;
    color:#fff;
}

#top_right_box a{
    color:#fff;
    text-decoration:underline;
}

#top_right_box a:hover{
    color:#FBFC92;
    text-decoration:underline;
}

/*horne odkazy*/
#top_links{
    text-align:right;
    float:right;
    padding:0;
    margin:10px 15px 0px 0px;
}

/*informativny vypis obsahu kosika*/
#shop_basket_content{
    width:290px;
    padding-right:22px;
    margin-top:23px;
    float:right;
}

#shop_basket_content p{
    margin:0px 0px 5px 40px;
    padding:0;
 }


#mainmenu{
    margin:10px 12px 12px 12px;
    padding:0;
}

#mainmenu ul li{
    display:inline;
    list-style-type:none;
    float:left;
    margin:0;
    padding:0;
    text-align:center;
    border-right:1px solid #DBDBDB;
    background:#fff url(./img/menu_bg.gif) 0 -37px repeat-x;
}

#mainmenu ul li{
    display:inline;
}

#mainmenu ul li a{
    border:1px solid #DBDBDB;
    border-right-style:none;
    float:left;
    color:#747474;
    text-decoration:none;
    padding:7px 0px;
    font-weight:bold;
    /*width:127px; - set and count inline*/
}

#mainmenu ul li a:visited{
    color: #747474;
}

#mainmenu ul li a:hover, #mainmenu ul li .selected{
    color: #555 !important;
    background:  #FFF url(./img/menu_bg.gif) 0 0 repeat-x;
}


#contentpage{
    padding:20px 15px 16px 15px;
}

/*urceny pre vypis kategorii + vyhladavaci box*/
#main_left_box{
    width:209px;
    float:left;
    margin-bottom:10px;
}

#search_box{
    border:1px solid #DFB5B7;
    /*
    border:1px solid #DBDBDB;
    background: #fff url(./img/grad_big_bg.gif) top left repeat-x;*/
    background-color:#F8E0E0;
}

#search_box strong{
    display:block;
    background: #7F1D21 url(./img/title_bg.gif) top left repeat-x;
    color:#fff;
    padding:3px 10px;
    border-bottom:1px solid #DBDBDB;
}

#search_box p{
    padding:1px 8px 5px 8px;
    margin:0;
    font-size:0.9em;
}

#search_box .select_search, #search_box .input_search{
    width:180px;
    font-size:0.9em;
    margin:7px 0px 7px 0px;
    border:1px solid #6F6F6F;
    padding:1px;
    color:#6F6F6F;
}

#category_box{
    /*border:1px solid #DBDBDB;*/
    border:1px solid #DFB5B7;
    border-bottom-width:0;
    margin-top:15px;
    width:209px;
}

#category_box strong{
    display:block;
    background: #7F1D21 url(./img/title_bg.gif) top left repeat-x;
    color:#fff;
    padding:3px 10px;
    border-bottom:1px solid #DFB5B7;
}

#category_box a{
    display: block;
    height:100%;
    color:#3F3F3F;
    font-weight:bold;
    border-bottom: 1px solid #DFB5B7;
    padding: 6px 0;
    text-decoration: none;
    font-size:0.8em;
    background-image: url(./img/mn_triangle.gif);
    background-repeat:no-repeat;
}

#category_box ul{
    list-style-type:none;
    margin:0;
    padding:0;
    vertical-align: top;
    background-color:#F8E0E0;
}

#category_box ul li{

}

#category_box ul li .nosubcategory{
    background-image: url(./img/mn_triangle.gif) !important;
}
#category_box ul li .nosubcategory:hover{
    background-image: url(./img/mn_triangle_over.gif) !important;
}

#category_box ul li .selcolor{
    background-color:#fff;
}

#category_box ul li .topselected, #category_box ul li .topselected:hover{
    background-image: url(./img/mn_triangled_over.gif);
}

#category_box a:visited, #category_box a:active{
    color:#3F3F3F;
}

#category_box a:hover,#category_box a.selected {
    color:#3F3F3F;
    background-color:#fff;
}

#category_box ul li a{
    padding-left: 15px;
    background-position:4px center;
}

#category_box ul li a:hover, #category_box ul li a.selected{
    background-image: url(./img/mn_triangled_over.gif);
}

#category_box ul li ul li a{
    padding-left: 34px;
    background-position: 22px center;
    font-size:0.75em;
    color:#5F5F5F;
}
#category_box ul li ul li ul li a{
    padding-left: 60px;
    background-position: 48px center;
}

#category_box ul li ul li ul li ul li a{
    padding-left: 78px;
    background-position: 66px center;
}

#category_box ul li ul li ul li ul li ul li a{
    padding-left: 100px;
    background-position: 88px center;
}

/*urceny rpe vypis produktov*/
#main_right_box{
    width:668px;
    float:right;
}

#main_right_box .oddel{
    clear:both;
    height:10px;
}


.info_box_blank{
    border:1px solid #DBDBDB;
    padding:15px;
    background:#fff url(./img/grad_big_bg.gif) top left repeat-x;
    margin-bottom:15px;
}

.info_box_blank h2{
    color:#6F060A;
    margin:5px 5px 12px 5px;
    line-height:1.1em;
}

.info_box_blank p{
    margin:20px 5px 5px 5px;
}

.info_box{
    border:1px solid #DBDBDB;
    padding:15px;
    background:#fff url(./img/grad_big_bg.gif) top left repeat-x;
    margin-bottom:15px;
}

.info_box ul{
    list-style-position:inside;
    margin-left:5px;
}

.info_box h2{
    color:#6F060A;
    margin:5px;
    line-height:1.1em;
}

.info_box p{
    margin:20px 5px 5px 5px;
}

.info_box h3{
    color:#6F060A;
    margin: 15px 5px 5px 5px;
}

.ul_ok{
    list-style-image: url(./img/ok.png);
    margin: 5px 30px;
    padding:5px;
    vertical-align:middle;
    font-weight:bold;
    line-height:1.5em;
}


.product_box{
    float:left;
    width:204px;
    margin-right:6px;
    border:1px solid #DBDBDB;
    min-height:380px;height:auto !important;height:380px;
    padding:5px;
    font-size:85%;
    margin-bottom:5px;
}

.last{
    margin-right:0;
}

.product_box h3{
    color:#444198;
    margin:7px 5px;
    font-size:1.2em;
    text-align:center;
}

.product_box .linkkateg{
    color:#999;
    font-size:0.9em;
}
.product_box .linkkateg a{
    color:#999;
}

.product_box .obal_obrazok{
    text-align:center;
    min-height:180px;height:auto !important;height:180px;
}

.product_box .img_product{
    border:1px solid #fff;
    display:inline-block;
    min-height:126px;height:auto !important;height:126px;
    margin:0;
}
.product_box .img_product img{
    margin:2px;
    padding:0;
    vertical-align:bottom; /*treba pretoze FF pridava par pixelov na spodok obrazku sam odseba*/
}

.product_box .img_product:hover{
    border:1px solid #DBDBDB;
}


.product_box .price{
    text-align:center;
    margin:2px;
    color:#555555;
}

.product_box .price strong{
    color:#f00;
}

.product_box em{
    text-decoration:line-through;
    color:#3F3F3F;
}

.product_box p{
    margin:2px 5px;
}

.product_box ul{
    margin:2px 5px;
    list-style-position:inside;
}

.product_box form{
    text-align:center;
    margin:0;
    padding:0;
}

.product_box form input {
    width:1.2em;
    margin:0;
    padding:0;
}

.product_box input.button_small{
    width:86px;
}

.product_box .popis{
    min-height:86px;height:auto !important;height:86px;
}

.prihlasenieBox{
    width:280px;
    padding:10px;
    font-size:90%;
}

.borderRight{
    border-right:1px solid #DBDBDB;
}

.prihlasenieBox h3{
    margin:5px 0px 10px 0px;
    color:#9F6500;
}

.prihlasenieBox label{
    display:inline-block;
    width:70px;
    color:#666;
}
.prihlasenieBox input{
    width:140px;
    margin-bottom:10px;
}
.prihlasenieBox .button_inlarge{
    width:192px;
    margin-bottom:10px;
}




/*///////////////buttons/////////////////////*/
.button_small{
    background: transparent url('./img/bg_button_small.gif') no-repeat top left;
    height: 24px;
    width:86px;
    padding:0;
    margin:0;
    vertical-align:middle;   
    display: inline-block;
    line-height: 14px;
    color: #8F2C30;
    border:none;
    font-weight:bold;
    cursor:pointer; 
}

.button_small_col{
    background: transparent url('./img/bg_button_small_col.gif') no-repeat top left;
    height: 24px;
    width:86px;
    padding:0;
    margin:0;
    vertical-align:middle;
    display: inline-block;
    line-height: 14px;
    color: #8F2C30;
    border:none;
    font-weight:bold;
    cursor:pointer;
}

.button_extrasmall{
    background: transparent url('./img/bg_button_extrasmall.gif') no-repeat top left;
    height:24px;
    width:65px;
    padding:0;
    margin:0;
    vertical-align:middle;
    display: inline-block;
    line-height: 14px;
    color: #8F2C30;
    border:none;
    font-weight:bold;
    cursor:pointer;
}


.button_extrasmallLink{
    background: transparent url('./img/bg_button_extrasmall.gif') no-repeat top left;
    height:24px;
    width:65px;
    padding:0;
    margin:0;
    vertical-align:middle;
    display: block;
    line-height: 24px;
    color: #8F2C30;
    border:none;
    font-weight:bold;
    cursor:pointer;
    text-decoration:none;
    text-align:center;
}

.button_large{
    background: transparent url('./img/bg_button_big.gif') no-repeat top left;
    height:24px;
    width:192px;
    padding:0;
    margin:0;
    vertical-align:middle;
    display: block;
    line-height: 24px;
    color: #8F2C30;
    border:none;
    font-weight:bold;
    cursor:pointer;
    text-decoration:none;
    text-align:center;
}

.button_inlarge{
    background: transparent url('./img/bg_button_big.gif') no-repeat top left;
    height:24px;
    width:192px;
    padding:0;
    margin:0;
    vertical-align:middle;
    display: inline-block;
    line-height: 14px;
    color: #8F2C30;
    border:none;
    font-weight:bold;
    cursor:pointer;
    text-decoration:none;
    text-align:center;
}

.button_extrasmall:hover,.button_small:hover,.button_small_col:hover,.button_large:hover,.button_inlarge:hover, .button_extrasmallLink:hover{
    background-position: bottom right;
    color: #8F2C30;
}
/*//////////////////buttons/////////////////////////////*/


/*-------------tables start-------------------*/

#table_shopBasket  {/*font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;*/
text-align: left;
font-weight: normal;
font-size: 0.9em;
color: #000;
width: 640px;
background-color: #fafafa;
border: 1px #AFAFAF solid;
border-collapse: collapse;
border-spacing: 0px;
margin:20px 0px 20px 0px;
}

#table_shopBasket th{
font-size:1em;
font-weight:bold;
text-align: center;
background-color:#822125;
border: 1px solid #BFBFBF;
padding:4px;
color:#fff;
}

#table_shopBasket th a:link {color: #000;}
#table_shopBasket th a:visited {color: #000;}
#table_shopBasket th a:active {color: #000;}
#table_shopBasket th a:hover {color: #000;}

#table_shopBasket td{
    
font-size:0.9em;
border-bottom:1px solid #BFBFBF;
color:#3F3F3F;
border-top:1px solid #BFBFBF;
border-right: 1px #BFBFBF solid;
/*background:#EFEFEF url("img/table_grad_row.gif") repeat-x;*/
background-color:#fff;
padding:4px;

}
#table_shopBasket img{padding: 0; vertical-align: middle;text-align: center;}

#table_shopBasket tr.parny td{/*background:#EFEFFF url("img/table_grad_row2.gif") repeat-x;*/background-color:#F0F0EE;}

#table_shopBasket tfoot tr td{
background-color:#4F0003;
padding:8px 4px;
font-size:0.9em;
font-weight:bold;
color:#fff;}

#table_shopBasket tbody tr:hover td{
/*background: #C9C9C9 url("img/table_grad_row_hover.gif") repeat-x;*/
/*background-color:#EFF1FF;*/
/*color:#3F3F3F;*/
}

/*#table_shopBasket input{margin:0px; padding:0px;}*/
#table_shopBasket span.button {
    margin:0px;
    padding:0;
}

#table_shopBasket span.button input{margin:0px;
    padding: 3px 5px 7px 5px;
    font-size:1em;
}
/*-------------tables end-------------------*/

#table_shopBasketInfo{
text-align: left;
font-weight: normal;
font-size: 0.9em;
color: #000;
width: 640px;
background-color: #fafafa;
border: 1px #AFAFAF solid;
border-collapse: collapse;
border-spacing: 0px;
margin:10px 0px 20px 0px;
}

#table_shopBasketInfo td{
font-size:0.9em;
border-bottom:1px solid #BFBFBF;
color:#3F3F3F;
border-top:1px solid #BFBFBF;
/*border-right: 1px #BFBFBF solid;*/
/*background:#EFEFEF url("img/table_grad_row.gif") repeat-x;*/
background-color:#fff;
padding:4px;}

#table_shopBasketInfo tr.parny td{
    background-color:#F0F0EE;
}

#table_shopBasketInfo tr.zvyrazni td{
    background-color:#FAFA94;
    font-size:1.1em;
    
}


/*///////////////////////////start TOVAR - 1 na celu stranku//////////////////////////*/
#tovar{
    font-size:0.9em;
}

#tovar .nazov{
    margin:7px 0px;
    font-size:larger;
}
#tovar .obrazok{
    margin:10px 20px 10px 5px;    
    padding:0;
    vertical-align:bottom; /*treba pretoze FF pridava par pixelov na spodok obrazku sam odseba*/
    float:left;
}


#tovar .ikonky{
    float:right;
}

#tovar .linkkateg{
    font-size:small;
    margin:4px 0px;
}

#tovar .cenaDph{
    margin: 3px 0px;
    padding:4px;    
    color:#000;
}

#tovar .cenaDph strong{
    font-size:1.7em;
    color:#D94600;
    padding:5px;
}
#tovar .cenaDph em{
    font-size:0.9em;
    color:#7F7F7F;
}

#tovar .cenaBezDph{
    margin: 3px 0px;
    padding:4px;
    font-size:small;
    color:#5F5F5F;
}
#tovar .cenaDph em{
    font-size:0.9em;
    color:#7F7F7F;
}

#tovar .staraCena{
    margin: 2px 0px;
    padding:4px;
    font-size:small;
    color:#9F9F9F;
}

#tovar .usetrite{
    margin: 2px 0px;
    padding:4px;
    font-size:110%;
    color:#D94600;
}

#tovar .dalsieInfo{    
    color:#3F3F3F;
    margin:10px 0px;
    float:right;
    width:200px;
}

#tovar .dalsieInfo em{
    font-weight:bold;
}

#tovar #tovarTopInfo{
    display:block;
}
#tovar #tovarTopInfo em{
    font-weight:bold;
}

#tovar .popis{
    clear:both;
    color:#3F3F3F;
    margin:5px 0px;
}
#tovar .fileDownload{
    clear:both;
    color:#3F3F3F;
    margin:8px 0px;
    padding:5px;
    border:1px solid #DBDBDB;
}

#tovar .popis ul{
    margin:2px 5px;
    list-style-position:inside;
}

#detailImgDiv{
    border:4px solid #F8E0E0;
    display:block;
    position:absolute;
    top:50px;
    left:50px;
    display:none;
    min-height:100px;height:auto !important;height:70px;
    min-width:100px;width:auto !important;width:70px;
    background: #F7F7FC url(img/progress.gif) center center no-repeat;
}
#detailImgDiv img{
    vertical-align:bottom; /*treba pretoze FF pridava par pixelov na spodok obrazku sam odseba*/
}
/*///////////////////////////end TOVAR - 1 na celu stranku//////////////////////////*/

/*spodna cast stranky*/
#bottompage{
    clear:both;
    padding:10px;
    text-align:center;
    color:#fff;
    font-size:0.8em;
    background:#750D0D url(./img/bottom_bg.gif) top left repeat-x;
    font-weight:bold;
    margin-top:10px
}
#bottompage a{
    color:#fff;
}

/*-------------forms start-------------------*/
.frm_gen {width:98%; color: #333; font: normal 0.9em "Lucida Grande", Helvetica, Verdana, Arial, sans-serif; margin: 0; margin-top:15px;}
.frm_gen fieldset {margin-bottom: 10px; border: none;	border-top: 1px solid #DBDBDB;}
.frm_gen legend {color: #333;padding-left: 0; padding: 0 2px;	font-weight: bold; padding-bottom:10px;	font-size:1.1em;}
.frm_gen fieldset ol {margin: 0; padding: 0;}
.frm_gen fieldset li {list-style-type: none;	padding: 7px 5px;	margin-top: 5px; border-bottom: 1px solid #DBDBDB; }
.frm_gen fieldset li.blockname{font-size:110%;list-style-type: none;	padding: 7px;	margin-top: 0px; background-color:#DFDFDF;}
.frm_gen fieldset li.frm_li_hide {list-style-type: none;	padding: 0px;	margin: 0px; border-width: 0px; visibility: hidden;}
.frm_gen .help {color: #6F6F6F; margin: 5px 2px 2px 150px; visibility: hidden;}
.frm_gen .inlinehelp {color: #6F6F6F; margin: 5px 2px 2px 0px; /*visibility: hidden;*/ display: inline;}
.frm_gen .frm_heslo, .frm_gen .frm_edit, .frm_gen .frm_select, .frm_gen .frm_textarea, .frm_gen .frm_file {color: #000; border: 1px solid #A5ACB2; background-color: #fff; padding:1px; margin:0;  font: normal 1.1em "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;}
.frm_gen .error_ctrl {background-color: #FFE0E0; border:1px solid #f00;}
.frm_gen .ok_ctrl {background-color: #E0FFE0; border:1px solid #78EF77;}
.frm_gen .error_ok_img {padding:1px; padding-left:6px; height: 20px; width: 20px; vertical-align:middle;}
.frm_gen em {font-weight: bold;	font-style: normal; color: #f00;}
.frm_gen label, .frm_gen .labtxt {display: inline-block; line-height: 1.8; vertical-align: top;width: 150px; color: #333;}
.frm_gen .labtxt{padding: 7px 5px;}
.frm_gen .frm_filebox {display: inline-block;}
.frm_gen .frm_btn {font-weight: bold;background-color:#870707; margin: 0 0 0 150px; padding: 2px 5px; border: 1px solid #9F9F9F; color: #fff; cursor: pointer;}
.frm_gen .frm_btn:hover {background-color:#DF373E;}
.frm_gen fieldset fieldset {border: none;margin: 3px 0 0;}
.frm_gen fieldset fieldset legend {padding: 0 0 5px;font-weight: normal;}
.frm_gen fieldset fieldset label {display: block;	width: auto;}
.frm_gen fieldset fieldset label {margin-left: 150px;}
.fhide {visibility: hidden;}
.fshow {visibility: visible;}
.ferror_str{color: #f00;padding: 2px;}
/*-------------forms end-------------------*/

/*STRANKOVANIE*/
.pages{clear:both;text-align:center;font-size: 110%;color: #000;margin: 10px 5px 10px 5px; font-family: arial, geneva, verdana, helvetica, tahoma, sans-serif; font-weight: bold;display:block;}
.pg{display:inline-block;margin:0 5px 0 0;text-align:center;}
a.pg{border:1px solid #F8E0E0;color:#943B3F;padding:2px 8px;text-decoration:none;}
a.pg:link{text-decoration:none;}
a.pg:visited{text-decoration:none;}
a.pg:active{text-decoration:none;}
a.pg:hover{background:#943B3F;border-color:#F8E0E0;color:#fff;text-decoration:none;}
.pg strong{border:0;color:#000;font-size:110%;font-weight:bold;padding:2px 6px;}
/*strankovanie end*/