/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0
}
 
body {
font:100%/0.0;
background-color:#A98C64;
background-image:url(../images/Tb.jpg);
}

h1, h2, h3, h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	position:relative;
	font-weight:normal;
	color:#950e0e;
}

h1{
	margin:0 0.1em 0.3em 0.3em;
	font-size:220%;
	font-style:italic;
}

h2{
	font-size:170%;
}

h3{
	font-size:140%;
}

h4{
	font-size:120%;
	font-style:italic;
	font-weight:bold;
	color:#000;
}

 
/***** OTHERS *****/

table {
	border: 0px;
	border-collapse: collapse;
	width:100%
}

table td{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 0px;
}

table.free {
	width: auto;
}

table.n {
	width: 341px;
}

td.archive {
	color: #9B2D40;
	padding-left: 15px;
	padding-right: 15px;
	text-align: right;
}

td.archive a {
	color: #9B2D40;
	text-decoration: none;
}

td.news {
	color: #493027;
	text-align: justify;
}

td.news a{
	color: #9B2D40;
	text-decoration: underline;
}

td.text {
	text-align: justify;
}

td.text a {
	color: #9B2D40;
	text-decoration: underline;
}

tr.xpage {
	text-align: center;
	width: 280px;
}

tr.xpage table{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: auto;
}

tr.xpage td {
	color: #553B18;
	padding: 3px;
	text-align: center;
	width: auto;
}

.tmenu {
	color: #880D0F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	white-space: nowrap;
}

.tmenu a{
	color: #880D0F;
	text-decoration: none;
}

.tmenu a:hover{
	color: #9e0709;
	text-decoration: none;
}

.menu {
	color: #ede6cb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	white-space: nowrap;
}

.menu a{
	color: #ede6cb;
	text-decoration: none;
}

.menu a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

.news_date {
	color: #9B2D40;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding-bottom: 10px;
}

.pic {
	border: 0px;
	border-style: none;
}

.pr {
	background-image: url(../images/br.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

.xpage {
	color: #553B18;
	font-weight: bold;
	padding: 3px;
	text-align: center;
}

.xpage a{
	color: #553B18;
	text-decoration: underline;
}
#top_div{
	position: absolute;
	left: 214px;
	top: 40px;
}



/* _______________________ TEMPLATE  _______________________ */


#page_name {color:#444; padding-left:20px}

#content {padding:28px 80px 60px 15px}

#site_map {position:absolute; top:5px; right:20px; font-size:0.8em; font-weight:bold}

#menoo {position:absolute; top:90px; left:245px; font-weight:none; font-size:0.9em}
#menoo ul{list-style:none; padding-left:28px}
#menoo li{display:inline; padding:0 30px 0 3px; margin-right:30px}

#lang {position:absolute; top:5px; right:200px; font-size:0.8em; color:#666}
#lang ul{list-style:none}
#lang li{display:inline; padding-left:7px; font-weight:bold}
#lang a, #site_map a:visited {color:#0b71ac}
#c_name {position:absolute; top:20px; left:220px}
#logobox td {padding:20px; width:33%; text-align:center; vertical-align:middle}

#cont_left {width:25%; padding:40px 30px 40px 35px; color:#c85e5e}
#cont_right {width:75%; padding:40px 10% 0 20px}

.facts_box {list-style:square; padding:0 0 0.4em 0.8em}
.facts_box li{padding:0 0 1em 0.4em}

#rukovodstvo {width:150px; padding:0 30px 0 0}
#nagradi_td {padding:0 0 0 40px}
#nagradi {margin-bottom:60px}


div#content {margin: 0px 0px 4em 2%}
div.product_display {min-height: 215px; float: left; margin: 40px 1em 60px 0px; position: relative; height: 215px}
div.product_display div.image {z-index: 2; left: 30px; position: absolute; top: -5px}
div.product_display div.info {min-width: 135px; z-index: 2; min-height: 16em; width: 11em; position: relative; height: 16em}
div.product_display div.info h3 {font-weight: bold; font-size: 1em; float: left; margin: 0px 0px 0.6em; position: relative}
div.product_display div.info div.short_desc {clear: left; font-size: 0.8em; margin-bottom: 1em}
.clear {clear: both; font-size: 1px; min-height: 1px; width: 1px; line-height: 1px; height: 1px}

div.nomy {float:left}
.chakrulo {color:#782B47}

.head {
	color: #782B47;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#par {color:#C02026;}
#prod {font-size:75%}
#text-al {padding:top}
#small-font {font-size:80%}
#h1-color {color:#5c080b}


/***** Content *****/
.blue {
color:#30add7;
padding:0.4em 0 0.8em 0;
font-size:1.2em
}
.wrap {}
#header {
background:url(../images/t_m.jpg) top repeat-x;
height:100px;
color:#333
}
#logo {width:250px}
#logo img {padding:15px 10px 5px 25px}
#m_r {width:100px}


#navigation {
background:url(../images/cont_shad.jpg) top right no-repeat;
width:200px;
font-size:1em;
line-height:1.4;
color:#222222;
padding:13px 5px 30px 15px
}
#navigation h2{color:#d9f0f4; padding:10px 0 0 0}
#navigation table {width:100%}

#navigation ul {color:#333; padding:0; list-style:none}
#navigation li {line-height:1.0; padding:5px 0}

#menu {width:100%; font-weight:none; font-size:0.9em}
#menu ul{list-style:none; padding-left:28px}
#menu li{display:inline; padding:0 30px 0 3px}


#navbox_navi {}
#navbox_top_left { height:20px; width:15px; vertical-align:bottom}
#navbox_top_middle {background:url(../images/nav_top_middle.jpg) repeat-x bottom; height:20px}
#navbox_top_right { height:20px; width:15px; vertical-align:bottom}
#navbox_bottom_left { height:26px; width:15px}
#navbox_bottom_middle {background:url(../images/nav_bottom_middle.jpg) repeat-x top; height:26px}
#navbox_bottom_right { height:26px; width:15px}
#navbox_middle_left {background:url(../images/nav_middle_left.jpg) repeat-y left; width:15px}
#navbox_middle_right {background:url(../images/nav_middle_right.jpg) repeat-y right; width:15px}


#page_name {color:#444; padding-left:20px}

#content {padding:28px 80px 60px 15px}

#site_map {position:absolute; top:5px; right:20px; font-size:0.8em; font-weight:bold}

#menoo {position:absolute; top:90px; left:245px; font-weight:none; font-size:0.9em}
#menoo ul{list-style:none; padding-left:28px}
#menoo li{display:inline; padding:0 30px 0 3px; margin-right:30px}

#lang {position:absolute; top:5px; right:200px; font-size:0.8em; color:#666}
#lang ul{list-style:none}
#lang li{display:inline; padding-left:7px; font-weight:bold}
#lang a, #site_map a:visited {color:#0b71ac}
#c_name {position:absolute; top:20px; left:220px}
#logobox td {padding:20px; width:33%; text-align:center; vertical-align:middle}

#cont_left {width:25%; padding:40px 30px 40px 35px; color:#c85e5e}
#cont_right {width:75%; padding:40px 10% 0 20px}

.facts_box {list-style:square; padding:0 0 0.4em 0.8em}
.facts_box li{padding:0 0 1em 0.4em}

#rukovodstvo {width:150px; padding:0 30px 0 0}
#nagradi_td {padding:0 0 0 40px}
#nagradi {margin-bottom:60px}


div#content {margin: 0px 0px 4em 2%}
div.product_display {min-height: 330px; float:left; margin: 40px 1em 60px 0px; position: relative; height: 215px; }
div.product_display div.image {z-index: 2; position: absolute; bottom: -10px;}
div.product_display div.info {min-width: 135px; z-index: 2; min-height: 16em; width: 11em; position: relative; height: 16em}
div.product_display div.info h3 {font-weight: bold; font-size: 1em; float: left; margin: 0px 0px 0.6em; position: relative}
div.product_display div.info div.short_desc {clear: left; font-size: 0.8em; margin-bottom: 1em}
.clear {clear: both; font-size: 1px; min-height: 1px; width: 1px; line-height: 1px; height: 1px}



div.nomy {float:left}
.chakrulo {color:#782B47}
.head {
	color: #782B47;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div.data {font-size:70%}
.data TABLE {
	MARGIN-TOP: 1em;
}
.data TABLE TH {
	PADDING-RIGHT: 0em; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.75em; VERTICAL-ALIGN: top; PADDING-TOP: 0em; TEXT-ALIGN: left
}
.data TABLE TD {
	PADDING-RIGHT: 0em; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.75em; VERTICAL-ALIGN: top; PADDING-TOP: 0em; TEXT-ALIGN: left
}
.data TABLE TH {
	FONT-SIZE: 0.85em; PADDING-TOP: 0px; BORDER-BOTTOM: #b7b7b7 1px solid
}
.data TABLE TD.n {
	TEXT-ALIGN: right
}
.data TABLE P {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 0.5em
}
.data TABLE P.before_list {
	MARGIN-BOTTOM: -1em
}
.data TABLE OL {
	MARGIN-BOTTOM: 0px
}
.data TABLE UL {
	MARGIN-BOTTOM: 0px
}
.data TABLE LI {
	MARGIN: 0px 0px 0px 23px
}
.data TABLE .hover TD {
	COLOR: black; 
}

.phone {
	FONT-SIZE: 0.9em;
}


#par {color: #C02026}
#prod {font-size:75%}
#text-al {padding:top}
#small-font {font-size:80%}


div.infopanel
{	
	width: 270px;
	min-height: 350px;
	height: expression('187px');
	font-size: 110%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#950e0e;
	
}
div.infopanel ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.infopanel ul li
{	
	margin: 0;
	padding: 0 0 1em 0;
}

div.infopanel_mid 
{
	z-index:1;
	left: 0px;
	position:relative;
	top:-37px;
}
div.infopanel_menu 
{
	padding-bottom: 50px;
	margin: 0px 30px 0px 40px;
	padding-top: 50px;
}
.category {color:#4e1127}
.bif-font {font-size:120%}
a img {
	color:#ede6cc;
	text-decoration: none;
}

/* _______________________ (MODULE)  _______________________ */
#body_popup                         {font-size:11px; text-align:left; background-color:#fff; padding:10px; margin:8px}
#module_intro                       {color:#999999}
.module_form_headers                {margin-top:5px; padding:5px; background-color:#f5f5f5; border:1px solid #ddd}

#module_header                      {padding:5px; background:#fff url(../images/header.gif) repeat-x right 0px; height:30px}
#module_header h2,h3,h4,            {font-size:17px; display:inline}
#module_content                     {padding:5px}
#module_content .formleft,.formright  {font-style:normal; line-height:1.5em;margin-bottom:5px}
#module_content  em                 {font-style:italic}

/* _______________________ MODUL _______________________ */
.button                             {background-color:#eec00a; color:#fff; border: 1px solid #eec00a}
.mod_search_title                   {padding:4px; font-size:14px; font-weight:bold; background-color:#eee; }
.mod_search_text                    {padding:8px; color:#000}
.mod_search_footernavi              {padding:2px; border-bottom: 0px solid #ccc; margin-bottom:5px}
.mod_search_highlight               {color:#000; font-weight:bold; background-color:#eee; padding:1px}
.mod_search_pages                   {padding:4px; border:1px solid #ccc; margin-top:10px}
.mod_search_pages a:link, 
.mod_search_pages a:visited         {padding-left:2px; padding-right:2px}
.mod_searchbox                      {margin-top:20px; padding:10px; background-color:#f5f5f5; border:1px solid #ddd}

/* _______________________ MODUL _______________________ */
#mod_contact_box                    {position:relative; padding:15px}
#mod_contact_box label              {font-style:italic}
.mod_contact_infobox                {margin-top:2px; padding:4px; border-bottom:1px solid #ccc}
.mod_contact_left                   {margin-bottom:2px} /* float:left; width:140px; margin:3px */
.mod_contact_left_star              {color:#eec00a; font-size:14px}
.mod_contact_right                  {margin-bottom:5px} /*  float:left; width:300px; margin:3px */
.mod_contact_right small            {font-size:12px;color:#eec00a;}

/* _______________________ MODUL _______________________ */
.mod_gal_imgcontainer               {float:left; padding:7px; border: 1px solid #ddd; margin:3px}
.mod_gal_header                     {color:#333; background-color:#F4F4F4; padding:5px; border-bottom:1px solid #ddd}
.mod_gal_img                        {padding:0}
.mod_gal_kbsize                     {color:#999; text-align:center; margin-top:3px}

/* _______________________ MODUL _______________________ */
.mod_comment_header                 {color:#666; background-color:#f5f5f5; padding:3px}
.mod_comment_body                   {padding:10px; margin-bottom:10px}
.mod_comment_highlight              {border:2px solid #eec00a}
.mod_comment_changed                {color:#ccc; font-size:10px}


a.page_navigation:link,
a.page_navigation:visited          {font-weight:normal;color:#777; border:1px solid #ddd; background-color:#F8F8F8;text-decoration: none;padding-bottom:1px;padding-left:4px;padding-right:4px;padding-top:1px}

a.page_navigation:hover,
a.page_navigation,.page_navigation  {font-weight:normal;color:#fff; border:1px solid #eec00a; background-color:#eec00a;text-decoration: none;padding-bottom:1px;padding-left:4px;padding-right:4px;padding-top:1px;}


/* _______________________ TOOLTIP) _______________________ */
.overlib_body                      {font-size:11px; background-color:#ffffff;color:#333333}
.item_title                        {font-weight: normal;background-color:#dddddd; color:#666666}
.overlib_border                    {background-color:#eec00a}

.glossar                           {margin-right:10px;margin-top:2px; padding:4px; background-color:#f5f5f5; border:1px solid #ddd}

.formleft                           {float:left;width:180px;padding:2px}
.formright                          {float:left;width:270px;padding:1px}
.formright  small                   {color:#eec00a; font-size:10px}
.regerror                           {color:#eec00a}
.absmiddle                          {vertical-align:middle}
