/*                               TOP MENU */
P.topmenuin {
	position: relative;
	width: 191px;
	margin: 0px;
	margin-top: 24px;
	padding: 0px;
	float: left;
}

.topmenu {
	font-family: Tahoma;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	letter-spacing: normal;
}

.topmenu a {
	font-family: Tahoma;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	color: #bbbbbb;
	text-align: center;
	letter-spacing: normal;
	text-decoration: none;
}

.topmenu a:hover {
	color: #ffffff;
	text-align: center;
	letter-spacing: normal;
	text-decoration: none;
}

P {
  padding: 0px;
  margin: 0px;
}




/*                               TOP RIGHT PANEL */
#toprightin {
	position: relative;
	left: 5px;
	width: 180px;
	height: 210px;
	padding: 0px;
	margin: 0px;
	float: left;
}


#toprightsearch {
	position: relative;
	left: 5px;
	width: 180px;
	padding: 0px;
	margin: 0px;
	float: left;
}


input.inputsearch {
	width: 95px;
	font-family: Tahoma;
	font-size: 12px;
	color: #ffffff;
	border: 1px solid #FEFEFE;
	background-color: #999999;
	padding: 2px;
	margin: 0px;
	float: left;
}


.selectsearch {
	font-family: Tahoma;
	font-size: 12px;
	color: #ffffff;
	border: 1px solid #FEFEFE;
	background-color: #999999;
	padding: 2px;
	margin: 0px;
	float: left;
}



/*                               H-acka a tucne pismo*/
H2.nadpiskolonky {
	position: relative;
	width: 98%;
	padding: 0px;
	margin: 0px;
	font-family: Tahoma;
	font-size: 13px;
	line-height: 26px;
	color: #bbbbbb;
	font-weight: bold;
	letter-spacing: normal;
}

H2.maintopin {
	position: relative;
	left: 17px;
	width: 98%;
	padding: 0px;
	margin: 0px;
	margin-top: 11px;
	font-family: Tahoma;
	font-size: 13px;
	line-height: 16px;
	color: #aaaaaa;
	font-weight: bold;
	letter-spacing: normal;
}

H1.nazovprodukt {
	position: relative;
	width: 98%;
	padding: 0px;
	margin: 0px;
	font-family: Tahoma;
	font-size: 13px;
	line-height: 22px;
	color: #bbbbbb;
	font-weight: bold;
	letter-spacing: normal;
}

B.space {
	font-size: 2px;
	line-height: 2px;
}

B.maintextw {
  color: #ffffff;
  font-weight: bold;
}

B.mininb {
  font-size: 11px;
  font-weight: normal;
}



/*                               MAIN LRFT */
#loginin {
	position: relative;
	left: 10px;
	width: 180px;
	padding: 0px;
	padding-bottom: 5px;
	margin: 0px;
	float: left;
}

#infoin {
	position: relative;
	left: 10px;
	width: 180px;
	padding: 0px;
	padding-bottom: 7px;
	margin: 0px;
}

P.infohref {
	position: relative;
	width: 180px;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	text-indent: 10px;
	background-image: url(../image/image_sipka.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}

#newin {
	position: relative;
	left: 10px;
	width: 180px;
	padding: 0px;
	margin: 0px;
}

P.newhref {
	position: relative;
	width: 180px;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	text-indent: 10px;
	background-image: url(../image/image_n.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}


input.inputlogin {
	width: 85px;
	font-family: Tahoma;
	font-size: 12px;
	color: #ffffff;
	border: 1px solid #FEFEFE;
	background-color: #A2A2A2;
	padding: 2px;
	margin: 0px;
	float: left;
}

.buttonlogin {
	width: 67px;
	height: 20px;
	font-family: Tahoma;
	font-size: 9px;
	color: #FEFEFE;
	background-image: url(../image/bg_button.gif);
	background-position: left;
	background-repeat: no-repeat;
	margin: 1px;
	padding: 2px;
	font-weight: bold;
	border: 0px;
}

.formnp {
	padding: 0px;
	margin: 0px;
}


/*                               MAINTEXT */

.maintext {
	font-family: Tahoma;
	font-size: 12px;
	line-height: 15px;
	color: #bbbbbb;
	font-weight: normal;
	text-align: left;
}

.maintext a {
	font-family: Tahoma;
	font-size: 12px;
	line-height: 15px;
	color: #ffffff;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.maintext a:hover {
	color: #cccccc;
	font-weight: normal;
	text-decoration: none;
}


.maintextleft {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 14px;
	color: #eeeeee;
	font-weight: bold;
	text-align: left;
}

.maintextleft a {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 14px;
	color: #dddddd;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

.maintextleft a:hover {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}


.maintextleftnb {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 13px;
	color: #eeeeee;
	font-weight: normal;
	text-align: left;
}

.maintextleftnb a {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 13px;
	color: #dddddd;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.maintextleftnb a:hover {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}



.maintextbottom {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 14px;
	color: #aaaaaa;
	font-weight: normal;
	text-align: left;
}

.maintextbottom a {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 13px;
	color: #aaaaaa;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.maintextbottom a:hover {
	color: #dddddd;
	font-weight: normal;
	text-decoration: none;
}




/*                               MAINMENU */
#menubottomin {
	position: relative;
	left: 2px;
	width: 190px;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	float: left;	
}

P.mainmenu {
	position: relative;
	width: 190px;
	padding: 0px;
	margin: 0px;
	margin-top: 2px;
	float: left;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 14px;
	text-indent: 13px;
	color: #aaaaaa;
	font-weight: normal;
	text-align: left;
}

.mainmenu a {
	width: 190px;
	display: block;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 20px;
	color: #aaaaaa;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	
}

.mainmenu a:hover {
	width: 190px;
	display: block;
	color: #dddddd;
	font-weight: normal;
	text-decoration: none;
	background-color: #333333;
}


P.mainmenub {
	position: relative;
	width: 190px;
	padding: 0px;
	margin: 0px;
	margin-top: 2px;
	float: left;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 14px;
	text-indent: 13px;
	color: #aaaaaa;
	font-weight: normal;
	text-align: left;
	background-color: #333333;
	background-image: url(../image/image_sipka.gif);
	background-position: 3px 5px;
	background-repeat: no-repeat;
}

.mainmenub a {
	width: 190px;
	display: block;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 20px;
	color: #eeeeee;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.mainmenub a:hover {
	width: 190px;
	display: block;
	color: #cccccc;
	font-weight: normal;
	text-decoration: none;
}

P.mainmenuc {
	position: relative;
	width: 190px;
	padding: 0px;
	margin: 0px;
	margin-top: 2px;
	float: left;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 14px;
	text-indent: 13px;
	color: #aaaaaa;
	font-weight: normal;
	text-align: left;
	background-color: #333333;
}

.mainmenuc a {
	width: 190px;
	display: block;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 20px;
	color: #dddddd;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	
}

.mainmenuc a:hover {
	width: 190px;
	display: block;
	color: #aaaaaa;
	font-weight: normal;
	text-decoration: none;
}

P.mainsubmenu {
	position: relative;
	left: 5px;
	width: 180px;
	padding: 0px;
	margin: 0px;
	margin-top: 2px;
	float: left;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 14px;
	text-indent: 12px;
	color: #aaaaaa;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #666666;
}

.mainsubmenu a {
	font-family: Tahoma;
	font-size: 12px;
	line-height: 20px;
	color: #dddddd;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.mainsubmenu a:hover {
	color: #bbbbbb;
	font-weight: normal;
	text-decoration: none;
}


P.mainsubmenub {
	position: relative;
	left: 5px;
	width: 180px;
	padding: 0px;
	margin: 0px;
	margin-top: 2px;
	float: left;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 14px;
	text-indent: 12px;
	color: #aaaaaa;
	background-image: url(../image/image_sipka.gif);
	background-position: 1px 5px;
	background-repeat: no-repeat;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #666666;
}

.mainsubmenub a {
	font-family: Tahoma;
	font-size: 12px;
	line-height: 20px;
	color: #dddddd;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

.mainsubmenub a:hover {
	color: #bbbbbb;
	font-weight: normal;
	text-decoration: none;
}




/*                               MAINCENETER & DIV OKNO */
#maincenterin {
	position: relative;
	left: 2px;
	width: 382px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainobsah {
	position: relative;
	left: 10px;
	width: 556px;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	float: left;
}

#mainobsah2 {
	position: relative;
	left: 10px;
	width: 556px;
	padding: 0px;
	padding-bottom: 10px;
	margin: 0px;
	margin-top: 10px;
	float: left;
}


DIV.produktokno {
	position: relative;
	width: 189px;
	height: 206px;
	float: left;
	margin: 0px;
	margin-right: 3px;
	margin-top: 3px;
	padding: 0px;
	background-color: #292929;
}

DIV.produktoknob {
	position: relative;
	width: 189px;
	height: 206px;
	float: left;
	margin: 0px;
	margin-top: 3px;
	padding: 0px;
	background-color: #292929;
}

DIV.oknoimage {
	position: relative;
	width: 189px;
	height: 129px;
	padding: 0px;
	margin: 0px;
	margin-top: 3px;
	float: left;
	text-align: center; 
}

.produktimage {
	border: 3px solid #464646;
}

DIV.oknonazov {
	position: relative;
	width: 189px;
	height: 29px;
	padding: 0px;
	margin: 0px;
	float: left;
}

H2.nazovprodukt {
	position: relative;
	left: 12px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 90%;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 14px;
	color: #ffffff;
	font-weight: bold;
}

DIV.oknopopis {
	position: relative;
	left: 15px;
	width: 170px;
	padding: 0px;
	margin: 0px;
	margin-top: 3px;
	float: left;
	text-align: left;
}

DIV.oknocena {
	position: relative;
	width: 83px;
	height: 38px;
	float: left;
	padding: 0px;
	margin: 0px;
	background-image: url(../image/bg_produkt_cena.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-align: center;
}

DIV.oknocenain {
	position: relative;
	left: 1px;
	width: 82px;;
	float: left;
	padding: 0px;
	margin: 0px;
	margin-top: 4px;
	font-weight: bold;
	text-align: center;
}

STRONG.cena {
  font-family: Tahoma;
	font-size: 12px;
	line-height: 16px;
	color: White;
	font-weight: bold;
}

STRONG.ecena {
  font-family: Tahoma;
	font-size: 11px;
	line-height: 12px;
	color: #a2a2a2;
	font-weight: normal;
}



/*                               Bottom */


#bottomleftin {
	position: relative;
	left: 2px;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	float: left;
}

#bottomrightlink {
	position: relative;
	left: 10px;
	width: 555px;
	margin: 0px;
	margin-top: 8px;
	padding: 0px;
	float: left;
}

#bottomrightcreated {
	position: relative;
	margin: 0px;
	margin-top: 6px;
	margin-right: 10px;
	padding: 0px;
	float: right;
}


/*                               zarovnania tabuliek */

.tdr {
  text-align: right;
}

.tdc {
  text-align: center;
}

.trgray {
  background-color: #222222;
}

.trsilver {
  background-color: #393939;
}

.trsilver2 {
  background-color: #eeeeee;
}

.trgreen {
  background-color: #555555;
}

.btb {
  border-top: 1px solid #333333;
}

.btbr {
  border-top: 1px solid #333333;
  text-align: right;
}

.bbb {
  border-bottom: 1px solid #555555;
}

.bbb2 {
  border-bottom: 1px solid #333333;
}

.bdw {
  border: 1px dotted #888888;
}

.imageb {
  border: 1px solid #cccccc;
}

.tablesilver {
  background-color: #4a4a4a;
}

.tdpl {
  padding-left: 4px;
}

/*                               nejake tie inputy */
input.inputmini {
	margin: 0px;
	padding: 1px;
	font-family: Tahoma;
	font-size: 11px;
	color: #222222;
	font-weight: normal;
	border: 1px solid #AFAFAF;
}

.button {
	width: 67px;
	height: 20px;
	font-family: Tahoma;
	font-size: 10px;
	color: #FEFEFE;
	background-image: url(../image/bg_button.gif);
	background-position: left;
	background-repeat: no-repeat;
	margin: 1px;
	padding: 2px;
	font-weight: bold;
	border: 0px;
}


.buttonobj {
	height: 20px;
	font-family: Tahoma;
	font-size: 11px;
	color: #222222;
	border: 1px solid #666666;
	background-color: #ffffff;
	margin: 1px;
	padding: 2px;
	font-weight: bold;
}


input.input {
	width: 150px;
	font-family: Tahoma;
	font-size: 12px;
	color: #ffffff;
	border: 1px solid #FEFEFE;
	background-color: #777777;
	padding: 3px;
	margin: 0px;
	float: left;
}

.textarea {
	width: 400px;
	height: 60px;
	font-family: Tahoma;
	font-size: 12px;
	color: #ffffff;
	border: 1px solid #FEFEFE;
	background-color: #777777;
	padding: 3px;
	margin: 0px;
	float: left;
}



/*                               definicia list */
#lista {
	position: relative;
	left: 2px;
	width: 382px;
	float: left;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px; 
	margin: 0px;
	margin-top: 2px;
	background-color: #292929;
}

#listabottom {
	position: relative;
	left: 2px;
	width: 382px;
	float: left;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px; 
	margin: 0px;
	margin-top: 2px;
	background-color: #292929;
}


/*                               recenzia tovaru */
B.nazovrecenzie {
  font-family: Tahoma;
	font-size: 13px;
	font-weight: bolder;
	line-height: 22px;
	display: block;
	background-color: #393939;
	color: #dddddd;
	border-bottom: 1px solid #999999;
}


input.re_input {
	width: 200px;
	font-family: Tahoma;
	font-size: 12px;
	color: #ffffff;
	border: 1px solid #FEFEFE;
	background-color: #777777;
	padding: 3px;
	margin: 0px;
	float: left;
}

.re_textarea {
	width: 300px;
	height: 80px;
	font-family: Tahoma;
	font-size: 12px;
	color: #ffffff;
	border: 1px solid #FEFEFE;
	background-color: #777777;
	padding: 3px;
	margin: 0px;
	float: left;
}

input.pridajrecenziu {
	width: 300px;
	margin: 0px;
	padding: 2px;
	font-family: Tahoma;
	font-size: 12px;
	color: #7E7E7E;
	font-weight: normal;
	border: 1px solid #AFAFAF;
}


.ta_pridajrecenziu {
	width: 300px;
	height: 130px;
	margin: 0px;
	margin-top: 2px;
	padding: 2px;
	font-family: Tahoma;
	font-size: 12px;
	color: #7E7E7E;
	font-weight: normal;
	border: 1px solid #AFAFAF;
}

.re_select {
	width: 140px;
	margin: 0px;
	margin-top: 2px;
	padding: 2px;
	font-family: Tahoma;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	border: 1px solid #FEFEFE;
	background-color: #777777;
}

input.buttonrecenzia {
  background-color: efefef;
	margin: 0px;
	margin-top: 2px;
	padding: 2px;
	font-family: Tahoma;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	border: 1px solid #FEFEFE;
	background-color: #777777;
}

/* FOTOALBUMY*/


H2.nazovkategorie {
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 18px;
	color: #cccccc;
	font-weight: bold;
	background-color: #666666;
}

DIV.fotoalbum {
  position: relative;
  float: left;
  width: 556px;
  padding: 0px;
  padding-bottom: 2px;
  margin: 0px;
  margin-top: 10px;
  border-bottom: 2px solid #666666;
}


DIV.fotoalbumin {
  position: relative;
  float: left;
  width: 556px;
  padding: 0px;
  margin: 0px;
  margin-top: 5px;
  font-size: 11px;
  line-height: 14px;
}

DIV.fotoalbumin2 {
  position: relative;
  float: left;
  width: 548px;
  padding: 0px;
  padding-left: 8px;
  margin: 0px;
  margin-top: 2px;
  font-size: 11px;
  line-height: 14px;
}

DIV.fotoalbumfoto {
  position: relative;
  float: left;
  width: 128px;
  height: 158px;
  padding: 2px;
  padding-top: 6px;
  margin: 0px;
  margin-right: 5px;
  margin-top: 6px;
  text-align: center;
  border: 1px solid #5f5f5f;
}

B.morefoto {
  display: block;
  margin-top: 2px;
  float: right;
}

B.morefoto a {
  font-size: 11px;
  font-weight: bold;
  color: #dddddd;
}

B.morefoto a:hover {
  font-size: 11px;
  font-weight: bold;
  color: #aaaaaa;
}

B.pocetfoto {
  display: block;
  margin-top: 2px;
  float: left;
  font-weight: normal; 
  font-size: 11px;
}

B.backfoto {
  display: block;
  width: 100%;
  margin-top: 2px;
  float: left;
  text-align: center;
}

B.backfoto a {
  font-size: 11px;
  font-weight: bold;
  color: #dddddd;
}

B.backfoto a:hover {
  font-size: 11px;
  font-weight: bold;
  color: #aaaaaa;
}
#clareot1{
	 position: relative;
	 bottom:7px;
	 left:10px;	 
	 width: 555px;
	 float: left;
	 margin: 0px;
	 padding: 0px;
}
ul.clareot1{
	padding: 0px;
	margin: 0px;
}

li.clareot1 {
   list-style: none;
	list-style-type: none;
	float: left;
	padding: 0px;
	margin: 0px;
	font-family: Tahoma, Times New Roman;
	font-size: 9px;
	font-weight: normal;
	color: #aaaaaa;
	letter-spacing: normal;
}


.clareot1 a {
	font-family: Tahoma, Times New Roman;
	font-size:9px;
	font-weight: normal;
	line-height: 10px;
		color: #aaaaaa;
	letter-spacing: normal;
	text-decoration: none;
}


.clareot1 a:hover {
	font-weight: normal;
		color: #dddddd;
	text-decoration: none;
}
#clareot2{
	 position: relative;
	 bottom:7px;
	 left:100px;	 
	 width: 555px;
	 float: RIGHT;
	 margin: 0px;
	 padding: 0px;
}
ul.clareot2{
	padding: 0px;
	margin: 0px;
}

li.clareot2 {
   list-style: none;
	list-style-type: none;
	float: left;
	padding: 0px;
	margin: 0px;
	font-family: Tahoma, Times New Roman;
	font-size: 9px;
	font-weight: normal;
		color: #aaaaaa;
	letter-spacing: normal;
}


.clareot2 a {
	font-family: Tahoma, Times New Roman;
	font-size:9px;
	font-weight: normal;
	line-height: 10px;
	color: #aaaaaa;
	letter-spacing: normal;
	text-decoration: none;
}


.clareot2 a:hover {
	font-weight: normal;
			color: #dddddd;
	text-decoration: none;
}
.maintextnadpis {
	font-size: 13px;
	line-height: 16px;
	font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  color: #ffffff;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-align: left;
}
/*

# {
	position: relative;
	width:;
	height:;
	float: left;
	padding: 0px;
	margin: 0px;
	background-image:;
	background-position: left top;
	background-repeat: no-repeat;
}

*/