body {
	font-family: "Courier New", Courier, monospace; font-size: 11px;
	background-color: White; /*background-image: url(img/triadiss-back.gif); background-position: center bottom; background-repeat: no-repeat;	*/
	margin: 0; padding: 0;
}

a {color: Black; text-decoration: underline; }
a:hover {color: Silver; text-decoration:none; } 
a img { border: none;}

h1 {font-size:16px; font-weight: bold; text-transform: uppercase; color: Black; margin: 0 0 10px 0; padding: 0;} 
h1 a { color: Black; text-decoration: none;}

h2 {font-size:14px; font-weight: bold; text-transform: uppercase; color: Gray; margin: 0 0 10px 0; padding: 0;} 
h2 a { color: Gray; text-decoration: none;}

h3 {font-size:13px; font-weight: bold; color: Silver; margin: 0 0 10px 0; padding: 0;} 
h3 a { color: Silver; text-decoration: none;}

h4 {font-size:12px; font-weight: bold; color: Gray; margin: 0 0 10px 0; padding: 0;} 
h4 a { color: Gray; text-decoration: none;}

h5 {font-size:11px; font-weight: bold; color: Black; margin: 0 0 10px 0; padding: 0;} 
h5 a { color: Black; text-decoration: none;}

p { line-height: 140%; margin: 0 0 10px 0; padding: 0; }

form { margin: 0; padding: 0;}
input, select, textarea { font-size: 11px; }

td { padding: 3px; vertical-align: top;}

hr { height: 1px; }

#wrapping { width: 980px; margin: auto; }
#head { height: 65px; padding-top: 25px; width: 100%; }

.logo { 
	float: left;  margin-right: 25px;
}

.lang { float: right; padding-top: 18px; } 
.lang a { display: block; width: 12px; height: 8px; float: left; text-decoration: none; margin: 5px; }
.lang a.bg { background-image: url(img/bg.gif); background-repeat: no-repeat; }
.lang a.bg-sel { background-image: url(img/bg-hover.gif); background-repeat: no-repeat;}
.lang a.en { background-image: url(img/en.gif); background-repeat: no-repeat;}
.lang a.en-sel { background-image: url(img/en-hover.gif); background-repeat: no-repeat;}

.topmenu {	float: left; padding-left: 220px; padding-top: 18px; font-size: 14px; color: gray;}
.topmenu a {
	 display: block; float: left; height: 12px; padding: 18px 10px 0 0; margin-left: 10px; 
	 text-decoration: none; color: #818181;
	 background-image: url(img/topmenu-line.gif); background-position: right; background-repeat: no-repeat;
}
.topmenu a:hover {color: Black;}
.topmenu a.end {  background-image: none; padding: 18px 0px 0 0; }

/*------------------------profile---------------------------*/
.profile {	float: right; margin-left: 20px; border: solid #d9d9d9 1px; padding: 1px 3px 1px 3px;}
.profile a { text-decoration: none; color: #818181;}
.profile a:hover { color: Black;}

.profile-panel { border: solid #d9d9d9 1px; padding: 5px 20px 5px 20px; margin-bottom: 15px; background-color: #f5f5f5; }
.profile-panel.reg { background-color: #eaeaea; }
.profile-panel table { border-collapse: collapse; }
.profile-panel td { padding: 5px 20px 5px 5px; vertical-align: middle; }
.profile-panel h5 span { font-size: 10px; color: gray;  }

.profile-panel input { border: solid #d9d9d9 1px; }
.profile-panel textarea { border: solid #d9d9d9 1px; }

.profile-panel .profile-btn { cursor: pointer;   }

.track {	height: 18px; line-height: 16px; font-size: 10px; color: #818181; background-image: url(img/arrow-track.gif); background-repeat: no-repeat; background-position: center left; 
	padding-left: 10px; margin-bottom: 25px;}
.track a {	color: #818181; padding: 0 10px 0 0px; background-color: white; text-decoration: none; }
.track a:hover {	color: Black; }

/*------------------------col---------------------------*/
.col-left { float: left; width: 200px; margin-bottom: 25px; }
.col-middle { float: left; width: 540px; margin-bottom: 25px; }
.col-right {	float: left; width: 240px; margin-bottom: 25px; }

/*------------------------menu---------------------------*/
.menu { font-size: 12px; font-family: "Courier New", Courier, monospace; text-transform: lowercase;   }
.menu a { display: block; height: 25px; text-decoration: none;
	background-image: url(img/menu-line.gif); background-position: bottom left; background-repeat: no-repeat;
	margin-bottom: 10px; margin-right: 10px;
}
.menu a.menu-sel { color: Gray;}

.submenu { font-size: 11px; font-weight: normal; margin-bottom: 10px; color: Gray; padding-left: 10px; }
.submenu a { display: block; height: 20px; text-decoration: none; color: Gray;
	 background-image: none; margin-bottom: 5px;
}
.submenu a.selected { font-weight: bold;}

.col-right h1 {font-size:16px; font-weight: bold; text-transform: uppercase; color: Gray; margin: 0 0 10px 0;} 

/*------------------------rotate---------------------------*/
.rotate-img {  text-align: center; margin-bottom: 10px; width: 520px; overflow: hidden;}
.rotate-img img { height: 400px;}

.rotate-nav { height: 20px; text-transform: uppercase; }
.rotate-left {	float: left; display: block; width: 30px; background-image: url(img/arrow-left.gif); background-repeat: no-repeat; background-position: center; text-decoration: none; }
.rotate-right { float: right; display: block; width: 30px; background-image: url(img/arrow-right.gif); background-repeat: no-repeat; background-position: center; text-decoration: none; }

.rotate-nav div { float: left; text-align: center; width: 480px; font-weight: bold; }
.rotate-nav div span { color: Gray; }

/*------------------------events---------------------------*/
.events { padding-top: 20px; }
.events div { float: left; width: 310px; margin-right: 25px; margin-bottom: 35px;}
.events div img { float: left; margin-right: 15px; border: solid Gray 1px; }
.events div h3 {
	font-size:12px; color: Black; margin-bottom: 5px; 
}
.events div h3 a { color: Black; }

.events div p { padding: 0; margin: 0;  }
.events div p a { color: Gray; }

.events div.right-end {	margin-right: 0;}

/*------------------------content---------------------------*/
.content {
	float: left; width: 780px; margin-bottom: 35px;	 overflow: hidden; 
}

.exib-pic {float: left; width: 300px; margin-right: 40px; }
.exib-pic img { border: solid Silver 1px; margin-bottom: 10px;}
.exib-info {float: left; width: 438px;}

/*------------------------pic-panel---------------------------*/
.pic-panel { float: left; width: 183px; margin: 0 5px 20px 5px; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.pic-panel .thumb-frame {/* height: 122px; overflow: hidden; */ margin-bottom: 5px;}
.pic-panel .thumb-frame img { border: solid Silver 1px;  }
.pic-panel h4 { margin: 0px 0px 5px 0px; text-transform: uppercase; font-size: 11px; font-family: "Courier New", Courier, monospace;   }
.pic-panel h5 { margin: 0px 0px 2px 0px; 
	/*background-image: url(img/information.gif); background-repeat: no-repeat; background-position: 10px center;*/
}
.pic-panel h5 a {
	text-decoration: underline;
}
.pic-panel p { margin: 0px 0px 3px 0px;  font-size: 10px; line-height: normal;  }

.buy { padding: 10px 0px 0px 0px; font-weight: bold;}
.buy a { background-color: Silver; color: White; padding: 1px 10px 1px 10px; border: solid Gray 1px; text-decoration: none;}
.buy a:hover { background-color: Gray; }

.sold {
	color: #b22222;
}

.bottom-menu { width: 100%; text-align: center; margin-bottom: 20px;	color: #818181;}
.bottom-menu a {  text-decoration: none; color: #818181;}
.bottom-menu a:hover {color: Black;}

/*------------------------shoping cart---------------------------*/
.cart {	width: 100%; border-collapse: collapse; }
.cart th { padding: 5px; border: solid  Silver; border-width: 1px 0 1px 0;	}
.cart td { padding: 10px 5px 10px 0px; vertical-align: middle; border: solid  Silver; border-width: 0 0 1px 0;	}
.cart td img { border: solid 1px Silver; }

.footer {
	color: #7f7f7f; text-align: center; font-size: 10px; margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

.pagination { text-align: center;  clear: both; padding: 3px; color: #818181; font-size: 10px;}
.pagination a {  color: #818181;  padding: 3px; margin: 0 5px 0 5px; text-decoration: none; }
.pagination a.sel {  border: solid #d9d9d9 1px; }
.pagination a:hover {  color: Black;  }

.date {	font-weight: bold;}

.more { font-size: 10px; color: Gray; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.more a { color: Gray; text-decoration: none; }
.more a:hover { color: Black; }