/* @override http://www3.itobchod.sk/users/www3.itobchod.sk/user_defined.css */

body
{
	font-family	: Tahoma,Verdana,Helvetica,sans-serif;
	font-size	: 10px;
	color		: #000000;
	margin		: 0px;
    background: #ffffff none repeat scroll 0%;
    margin: 0px;
    padding: 0px;
}

input, textarea
{
	/* border		: 1px solid #000000; */
	font-family	: Helvetica;
	font-size	: 10px;
}
li
{
    list-style-position: outside;
    padding-left	: 0px;
    padding-right	: 0px;
    /*padding		: 1px;*/
}
ul
{
 list-style-position: outside;
}

hr
{
	border		: 0px solid #000000;
	border-bottom	: 1px solid #000000;
	height		: 1px;
}
h1
{
   font-size      : 18px;
   padding-top    : 5px;
   padding-bottom : 10px;
}
h2, h3
{
    font-family: Tahoma;
    color: #000000;
    font-weight: bold;
    padding: 3px 0px 6px 0px;
}
h2 { font-size: 16px; }
h3 { font-size: 14px; }

a
{
	color		: #000;
	text-decoration	: underline;
}
a:hover
{
	text-decoration	: none;
}
fieldset
{
	border		: 1px solid #aaaaff;
	color		: #003;
}
fieldset legend
{
	font-weight	: normal;
	color		: #003;
	font-size	: 12px;
}
fieldset.register_name
{
   width        : 200px;
   float        : left;
}
label
{
   border: 1px solid Black;
}
form { margin: 0px; padding: 0px; }

.logo
{
	/* float		: left; */
	border		: 0px solid #000000;
	width		: 100%;
	height		: 127px;
	margin		: 0px;
/*	font-size	: 24px;
	text-align	: center;
	font-weight	: bold;
	padding		: 10px 0px 10px 0px;
*/
}
.general {
	width		: 1000px;
	margin		: 0px auto 0px auto;
}

.page_title {
	color:#3367D5;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

.top
{
    width: 100%;
    background: #FFFFFF url(/images/web/topbannerrepeater.png) repeat-x scroll 0 0;
    text-align: left;
    font-size: 0px;
    line-height: 0px;
    padding: 0px;
    margin: 0px;
}

.top_menu /* horne menu */
{
	color: #000000;
	font-size: 12px;
	text-align: right;
	padding-bottom: 2px;
    	background-color: #ffffff;
}
.top_menu a { font-weight: bold; color: #000000; text-decoration: none; }
.top_menu a:link { }
.top_menu a:visited { }
.top_menu a:hover { text-decoration: underline; }

/*ROZLOZENIE*/
.content_column{
	/* width: 980px; */
	/* padding: 0px 5px 0px 5px; */
}


.left_column /* lavy stlpec */
{
	width              : 190px;
	font-family        : Tahoma;
	font-size          : 10px;
}
.right_column /* pravy stlpec */
{
	width              : 190px;
	font-family        : Tahoma;
	font-size          : 10px;
    /* background-color   : #ffffff; */
    /* border		: 0px solid lightblue; */
}

.middle_column{
	/* width: 650px; */
	margin: 0px 5px;
}
/*------------------*/

.left_column a, .right_column a
{
	color             : #000000;
	text-decoration   : none;
}
.left_column a:hover, .right_column a:hover
{
    text-decoration: underline;
}

.left_box, .rightbox
{
	border: 1px solid #aaaaff;
	background-color: white;
	width: 174px;
	padding: 3px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 3px;
}
.left_column .box
{
  /* border: 1px solid #f0f0f0; */
  /* background: #ffffff; */
  font-family: Arial;
  font-size: 10px;
  font-style: normal;
  text-align: left;
  margin-bottom: 10px;
  background: transparent url(/images/web/content_center.gif) repeat-y scroll 0 0;
  /* padding: 3px; */
}

.right_column .box
{
  /* border: 1px solid #f0f0f0; */
  /* background: #ffffff; */
  font-family: Arial;
  font-size: 10px;
  font-style: normal;
  text-align: left;
  margin-bottom: 10px;
  background: transparent url(/images/web/content_center160.gif) repeat-y scroll 0 0;
  /* padding: 3px; */
}

.left_column .box_name /* box */

 {
    /* background-color: #eeeeee; */
    /* border-bottom: 1px solid #d0d0d0;
 */
	margin: 0px;
        margin-bottom: 2px;
	color: #ffffff;
	font-size: 12px;
        font-family: Tahoma;
	padding: 5px 0px;
	font-weight: bold;
	text-align: center;
	/* background: transparent url(/images/web/head_center.gif) repeat-x scroll 0 0; */
  	background: transparent url(/images/web/box_bg.png) no-repeat scroll left top;
	height: 35px;
}

.right_column .box_name /* box */

 {
    /* background-color: #eeeeee; */
    /* border-bottom: 1px solid #d0d0d0;
 */
	margin: 0px;
        margin-bottom: 2px;
	color: #ffffff;
	font-size: 12px;
        font-family: Tahoma;
	padding: 5px 0px;
	font-weight: bold;
	text-align: center;
	/* background: transparent url(/images/web/head_center.gif) repeat-x scroll 0 0; */
  	background: transparent url(/images/web/box160_bg.png) no-repeat scroll left top;
	height: 35px;
}
.big_box_name
{
  margin: 0px;
  margin-bottom: 5px;
  color: #fff;
  font-size: 12px;
  font-family: Tahoma;
  padding: 5px 0px;
  font-weight: bold;
  text-align: center;
  background: transparent url(/images/web/box2_bg2.png) no-repeat scroll center top;
}


.box_body
{
	margin: 0px;
	padding: 2px !important;
}
.box_name_inverse
{
	color: white;
	background-color: #3367D5;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	text-align: left;
	padding-bottom: 1px;
}

.comboBoxWidget
{
	font-family: Tahoma;
	font-size: 10px;
}

.body, .body_nomenu
{
	margin		: 0px 140px 0px 210px;
	border	: 1px solid #aaaaff;
	padding-bottom	: 30px;
	display: block;
}
.body_nomenu
{
	width		: 963px;
}
.rightbox
{
	float		: right;
	margin		: 0px;
	width		: 190px;
	padding		: 0px;
}
.login						/* modul mod_login */
{
	margin-left		: auto;
	margin-right		: auto;
	padding-top	: 70px;
	width		: 100%;
	padding-bottom	: 20px;
	text-align	: center;
}
.poznamka
{
	font-size	: 10px;
}
.register-body
{
	border		: 0px solid black;
}
.register					/* registracia noveho uzivatela - mod_register */
{
	margin		: auto;
	padding		: 20px;
	border		: 1px solid #ccccff;
	width		: 500px;
	background-color: #ffff66;
	text-align	: justify;
}
.form-background
{
	width		: 400px;
	background-color: #eeeeff;
	padding		: 10px;
	border		: 1px solid #ddddff;
}
.login_form, .login_form2, .input_box
{
	padding		: 1px;
	margin-bottom	: 1px;
}
.login_form2, .input_box				/* formular pri registracii */
{
	background-color: #ffffff;
}
.login_form input
{
	font-size	: 12px;
}
.form-name					/* meno formularoveho boxu */
{
	padding		: 1px 3px 1px 1px;
	float		: left;
	width		: 200px;
	font-size	: 12px;
}
.error_message
{
	color		: #ff0000;
	text-align	: center;
	font-weight	: bold;
	padding		: 5px;
}
.h_menu
{
	margin		: 5px 0px 5px 0px;
	background-color: #eeeeee;
	padding		: 1px;
	text-align	: right;
}
.h_menu_a
{
	color		: #000000;
	text-decoration : none;
	padding		: 3px 5px 3px 5px;
}
.h_menu_a:hover
{
	text-decoration	: underline;
}
.h_menu_a#active
{
	font-weight	: bold;
}
.h_menu_wide
{
	margin		: 5px 0px 5px 0px;
	background-color: #eeeeee;
	padding		: 1px;
	text-align	: right;
	width		: 710px;
}
.h_info
{
	margin		: 5px 0px 5px 0px;
	padding		: 1px;
	text-align	: justify;
	border-bottom	: 1px solid #eeeeff;
}
.select_box
{
	font-size	: 10px;
	width		: 150px;
}
.css-button
{
	color		: #000000;
	text-decoration	: none;
	padding		: 1px 3px 1px 3px;
}
.css-button:hover
{
	text-decoration	: underline;
}
.css-button-red
{
	color		: red;
	text-decoration	: none;
	padding		: 1px 3px 1px 3px;
}
.css-button2
{
	color		: #003;
	text-decoration	: none;
	padding		: 1px 3px 1px 3px;
	border		: 1px solid gray;
	background-color: silver;
	margin-left	: 3px;
}
.css-button2:hover
{
	background-color: gray;
}

.button-register				/* tlacidlo REGISTER */
{
	width		: 200px;
	font-size	: 12px;
}
#center
{
	text-align	: center;
}
.form-error					/* cerveny input box, pri neuplnych udajoch */
{
	border-color	: #ff0000;
}
.form-text-focused
{
	border-style	: double;
}
.footer
{
    border-top: 0px solid black;
    background-color: #000;
    padding: 5px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

/* Podstranky */
.pages
{
	font-size	: 11px;
	margin-top	: 2px;
	margin-bottom	: 2px;
	padding-top	: 3px;
	padding-bottom	: 3px;
	padding-left	: 20px;
	border		: 1px solid #ccccff;
	font-weight	: bold;
}
.pages a
{
	color		: black;
	padding		: 0px 2px 0px 2px;
}
.pages a#pages_active
{
	font-weight	: bold;
	text-decoration	: none;
}

.pages2
{
	font-size	: 11px;
	margin-top	: 2px;
	margin-bottom	: 2px;
	padding-top	: 3px;
	padding-bottom	: 3px;
	padding-left	: 20px;
	border		: 1px solid #ccccff;
	font-weight	: normal;
}
.pages2 a
{
	color		: black;
	padding		: 0px 2px 0px 2px;
}
.pages2 a#pages_active
{
	font-weight	: bold;
	text-decoration	: none;
}



/* univerzalny styl pre vytvaranie tabuliek*/
.mod_admin-table
{
	float		: left;
	border		: 0px solid black;
	background-color: white;
	padding		: 3px 1px 3px 1px;
}

.mod_admin-row
{
	float		: left;
	width		: 100%;
}
.mod_admin-col	/* tlacidla */
{
	float		: left;
}
#mod_admin-col1
{
	background-color: #ffffff;
}
#mod_admin-col2
{
	background-color: #f5f5f5;
}
#mod_admin-col1:hover, #mod_admin-col2:hover
{
	background-color: #003;
	color		: white;
}

.un_nadpis1
{
	font-size	: 16px;
	font-weight	: bold;
	margin-bottom	: 3px;
}

/* reporter */
.table_text {
	color		: #3367D5;
	font-size	: 11px;
	font-weight	: normal;
}
.table_head {
	color: #3367D5;
	font-size: 11px;
	font-weight: bold;
}


/* calendar */
.date {
	color: #444444;
	font-size: 11px;
}

.calendarMonth {
	color: #444444;
	text-align: center;
	font-size: 11px;
}

.calendarDayTitle {
	color: #444444;
	font-size: 11px;
	font-weight: bold;
}

.calendarDay {
	font-size: 11px;
}

/* settings */
select.comboBoxWidget {
	width: 170px;
	font-size: 11px;
	margin-top: 0px;
}
input.formInput {
	font-size: 11px;
	height: 13px;
}
option.formInput
{

}

input.formButton {
	border-width: 1px;
	border-style: solid;
	border-color: #296C98 #1E4C7B #1E4C7B #296C98;
	width: 50px;
	margin-left: 4px;
	margin-right: 2px;
	margin-top: 1px;
	color: #3367D5;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdasna, sans-serif;
	padding: 0px;
	text-align: center;
}

select.formInput
{
	font-size: 11px;
}
.center
{
	text-align: center;
}
.right
{
	text-align: right;
}
.left
{
	text-align: left;
}
.podrobny_rozpis tr
{
	background-color: #eeeeee;
}
.gap20
{
	margin-top	: 20px;
}
.error_message
{
	font-weight: bold;
	text-align: center;
	color: red;
}
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }
.bold {font-weight: bold; }


.leftmenu {
}

.leftmenu ul
{
    margin: 0px;
	padding-left: 0px;
	border-width: 0px;
}

ul.left_menu{
	border-width: 0px;
	border-style: none;
}
ul.third{
	text-indent: 25px;
	border-width: 0px;
	border-style: none;
}
.leftmenu li /* tenke ciary medzi polozkami kategorii v lavom menu */
{
	list-style: none;
	border-top: 1px solid #CCCCCC;
}
.leftmenu li a /* lave menu - text */
{
	display: block;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	
    padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 1px;
	
}
.leftmenu li a:hover, #l2 a:hover, #l3 a:hover, #l4 a:hover
{
	/* display: block; */
	/*padding-left: 3px;
    text-decoration: underline;*/
    text-decoration: none;
	padding-left: 2px;
	padding-right: 0px;
    border: 1px solid #080808;
    padding-top: 0px;
	padding-bottom: 0px;
}

.selected /* lave menu zvolena kategoria */
{
	/* display: block; */
	/* background-color: #000000; */
	/* color: white; */
	font-weight: bold;
}

.selected:hover /* lave menu - zvolena kategoria - hover */
{
	/* display: block; */
	/* background-color: #ffffff; */
	color: #000000;
	font-weight: bold;
	/* border-color: White; */
}

table.table
{
    border              : 0px solid black;
    font-family	: Arial;
    font-size	: 10px;
    color		: #000000;
    text-align: center;
    width: 99%;
    margin: 0px auto 0px auto;
}

.nazov
{
	width: 450px;
}

.row td { padding-bottom: 5px; border-bottom: 1px solid #d0d0d0; }
.row_odd
{
    /* background-color    : #f0f0f0; */
}
.row_even
{
    /* background-color    : #fafafa; */
}
.row:hover
{
    /* background-color    : yellow; */
    /* cursor              : pointer; */
}

.tablehead
{
    /* background-color: #000099; */
    background: transparent url(/images/web/head_center.gif) repeat scroll 0 0;
    height: 20px; 
    font-family: Tahoma;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}

.tablehead a, .tablehead a:hover, .tablehead a:visited
{
    color: #ffffff;
    text-decoration: underline;
    font-size: 12px;
}

.tablehead td
{
 text-align: center;
 padding: 2px 10px 2px 10px;
}
table.dlazd_header {
 width: 99%;
}


.red /* cena produktu, cervene zvyraznovace */
{
	/* vertical-align: middle; */
	/* color: #000090; */
    /* background-color: #000000; */
    /* font-size: 12px; */
	/* font-weight: bold; */
}

.marker /* zobrazovac podstranok */
{
    margin-bottom: 5px;
    font-weight: bold;
    line-height: 30px;
}
.marker a, .marker a:link, .marker a:visited
{
	color: #000000;
	text-decoration: none;
    font-weight: normal;
}
.marker a:hover
{
	color: #aaaaaa;
	text-decoration: underline;
}
.marker_point, .marker_point_common, .marker_point_selected {
 padding: 5px 8px;
 border: 1px solid #333333;
 background-color: #eee;
}

.marker a.marker_point:hover, .marker a.marker_point_common:hover {
 border-color: #db7200;
 text-decoration: none;
 color: #000;
}
.marker a.marker_point:focused, .marker a.marker_point_common:focused {
 background-color: #8D0B09;
 color: #fff;
}

.marker_point_selected {
 font-weight: bold;
 border-color: #000000;
 background-color: #333333;
 color: #fff;
}

table.product
{
    width               : 630px;
    border              : 0px solid black;
	font-family	: Arial;
	font-size	: 12px;
	font-weight: normal;
	text-align: left;
}
table.product a, table.product a:hover, .prods_poznamka { text-decoration: none; }

table.akcie
{
    width: 300px;
    border              : 1px solid black;
    font-family	: Arial;
    font-size	: 12px;
    font-weight: normal;
    text-align: left;
    cursor: pointer;
}
.predajdph
{
	width:60px;
}
.tpl
{
    /* padding             : 20px; */
}

.body_in {
	/* border	: 1px solid lightblue; */
	display: block;
    background-color: #ffffff;
}

.body_in_w1 {
    /* width: 650px; */
    margin-left: 210px;
    margin-right: 130px;
}

.body_in_w2 {
    width: 850px;
}
.s_all {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    border	: 0px solid black;
}
.s_left {
    vertical-align: top;
    width : 6px;
}
.d_left {
    width : 6px;
    height : 370px;
}

.s_right {
    vertical-align: top;
    width : 9px;
}
.d_right {
    width : 9px;
    height : 370px;

}
.css_button
{
    padding             : 1px 3px 1px 3px;
    border              : 1px solid silver;
    float               : left;
}
.css_button a
{
    text-decoration     : none;
}
.css_button:hover
{
    text-decoration     : none;
    background-color    : #f0f0f0;
}
.user_h_menu
{
    width               : 100%;
    background-color    : #fafafa;
    padding             : 0px;
}

.products .nazov { text-align: left; }
h4.prods_nazov { padding: 0px; margin: 0px; }
h4.prods_nazov { text-decoration: none; font-weight: bold; font-size: 11px; }
h4.prods_nazov { text-decoration: none; }
div.prods_popis { text-decoration: none; }


div.dlazd_img { height: 170px; margin: 2px 0px; border-top: 1px dotted #aaaaff; border-bottom: 1px dotted #aaaaff; padding: 2px;}
div.dlazd_img img { border: 1px solid black }
div.prod_img
{
	/*width: 		170px;*/
	height: 		200px;
	vertical-align: middle;

}
div.dlazd_popis { padding: 0px 5px; }
.oldPrice{ text-decoration: line-through; } /* stara cena pri zobrazeni splu s akciovou */
.newPrice{ color: #ff0000; font-size: 110%; font-weight: bold; font-family: Trebuchet MS; } /* akciovva cena */
.dlazd_nazov { color: #aa0000; background-color: #f0f0f0; font-weight: bold; padding: 2px; } /* nazov akcioveho boxu */

.dlazd_prodnazov { font-family: Tahoma; color: #000090; text-align: center; font-weight: bold; height: 45px; font-size: 11px; } /* nazov produktu */
.dlazd_prodnazov a, .dlazd_prodnazov a:visited { color: #000090; text-decoration: none; }
.dlazd_prodnazov a:hover { color: #000000; text-decoration: underline; }

.dlazd_info { padding: 2px; font-size: 90%; font-weight: bold; } /* informacie s cenou, zarukou a obj. kodom */

.stroke { text-decoration: line-through; }

h1.prod_detail_nazov { font-family: Tahoma; font-size: 16px; font-weight: bold; padding-bottom: 5px; color: #000090; padding: 0px; margin: 0px; margin-bottom: 3px;}
.prod_detail_kategoria { font-weight: bold; margin-bottom: 3px; }
.prod_detail_kategoria a,
.prod_detail_kategoria a:visited,
.prod_detail_kategoria a:hover { font-weight: normal; text-decoration: underline; }

#clanok_mainbox { text-align: justify; }
.prod_detail_left { width: 300px; }
.prod_detail_right { width: 310px; }

#produkt_otazka { background-color: silver; }

.centerbox_nadpis {
	background: transparent url(/images/web/box2_bg2.png) no-repeat scroll 0 0;
	padding-left: 20px; color: white;
}

.text_nazov { text-align: left; }
.text_dealer_nazov { text-align: left; }
.text_predaj_dph { width: 140px; }
.text_dealer_predaj_dph { width: 150px; font-size: 10px; }
.text_stav { width: 90px; }
.text_obrazok { width: 55px; }
table.products { border-spacing: 0px; }

.produkt_right_side { width: 49%; }
.produkt_left_side { width: 49%; }

div.zmena_zobrazenia_box { float: right; margin: 5px 0px 0px 0px; }
div.zmena_zobrazenia { font-size: 80%; text-align: right; padding-right: 3px; float: left;}

input.box_lepsiacena, textarea.box_lepsiacena { width: 90%; }


div.prod_detail_cena {margin-bottom: 15px; }
div.prod_detail_cena .cena_text {color: red; font-size: 20px; }
div.prod_detail_cena .stara_cena_text { color: black; font-size: 18px; text-decoration: line-through;}
div.produkt_popiska {color: #000; font-size: 12px; padding-top: 4px;}


div.prod_objednat { font-size: 12px; padding: 5px 8px; background-color: #e0e0e0; border-top: 3px solid #000; color: #000; text-align: center; margin-top: 5px;}
div.prod_objednat input {font-size: 12px; }


/* BEGIN CASOVA OS */
.casova_os
{

}

.casova_os_krok
{
    background-color: #E0E0E0;
}

.casova_os_cislo_kroku
{
    color: black;
}

.casova_os_popis_kroku
{

}

.casova_os_cislo_kroku_aktualny
{
    color: white;
    font-weight: bold;
}

.casova_os_popis_kroku_aktualny
{
    text-decoration: underline;
}

.casova_os_krok_aktualny
{
    background-color: black;
}

.casova_os_sipka
{
    color: black;
}

.casova_os_sipka_aktualny
{
    
}

/* END CASOVA OS */.casova_os_krok_aktual
{
    background-color: #111111;
}
.casova_os_text_aktual
{
    color: #111111;
}

.produkt_popiska
{
    color: #8D8B8D;
}

.produkt_popis2
{
    margin-top: 10px;
}

.produkt_poznamka
{
    margin-top: 10px;
}

.box_name
{
    background:none repeat scroll 0 0 #202020;
    color:#FFFFFF;
    font-family:Tahoma;
    font-size:12px;
    font-weight:bold;
    margin:0 0 5px;
    padding:6px 0;
    text-align:center;
}

.box
{
    border: 1px solid #202020;
    background-color: #E0E0E0;
}

.right_column .box
{
    border: 0px !important;
}

.left_column .box
{
    border: 0px !important;
}
