img, div, td, tr, p {behavior: url("iepngfix.htc");}



html, body { height:100%; width: 100%; margin:0; padding:0;}



body {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size:9pt;

font-size-adjust:none;

font-style:normal;

font-variant:normal;

font-weight:normal;

color:#333333;

background: #f3f5f8 url("images/top_body.jpg") top repeat-x;

/*background: #F8F8F8;



background: url(images/body-polosa000.jpg) 0 220px repeat-x;*/

}

a { color:#000000; text-decoration:underline;}

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



h2 {color: #000000; font-size:10pt; font-weight:bold; margin:0; }

h1 {color: #808040; font-size:11pt; margin:0; }

h3 {color:#004488; font-size:10pt; margin:0 0 10px 0;}





input {

background-color: #f8f8f8; /*#DED1A5*/

border: #cccccc 1px dotted;

color: #333333;

font-size:10pt;

height:16px;

padding:0px 5px ;

}

textarea {

background-color:#f8f8f8;

border: #cccccc 1px dotted;

color: #333333;

font-size:10pt;

padding:0px 5px 5px 5px;

}

input.button {

background:url("/images/button_all.jpg") repeat-x  top;

border:#000000 1px solid;

font-family:Lucida Grande,Verdana,Arial;

color: #ffffff;

cursor:pointer;

font-size:9pt;

font-weight: normal;

letter-spacing: 0 pt;

height:18px;

margin-left:5px;

padding: 0px 10px 3px 10px;

text-decoration:none;

vertical-align:middle;

text-align:center;

}

input.button:hover {

background:url("/images/button_all_hover.jpg") repeat-x bottom;

border:#000000 1px solid;

font-family:Lucida Grande,Verdana,Arial;

color:#ffffff;

cursor:pointer;

font-size:9pt;

font-weight: normal;

letter-spacing: 0pt;

height:18px;

margin-left:5px;

padding:0px 10px 5px 10px;

text-decoration:none;

vertical-align:middle;

}



#haupt {

width:100%;

margin: 0px 0px;

height:100%;

}

#top {

	height:100px;

	text-align:left;

	padding: 70px 0px 0 0;

	position: relative;

/*	background:url("/images/top.jpg") top left no-repeat ;*/

}



#ico {

	position: absolute;

width:200px;

	height:16px;

	top:10px;

	right:0px;

	float:right;

	text-align:right;

	border-bottom:#CCCCCC 0px dotted;

	padding: 0px 15px 10px 15px;

	visibility: visible;

}



#ico a {

cursor:pointer;}



a.ico_home {     

float:left;                                 

display:block;

background: url(/images/home0.png) left top no-repeat;                            

width:16px;

height:16px;

margin:5px; cursor: pointer;

}

a.ico_home:hover {                                      

background: url(/images/home0.png) left bottom no-repeat;

}

a.ico_karta {     

float:left;                                 

display:block;

background: url(/images/karta0.png) left top no-repeat;                            

width:16px;

height:16px;

margin:5px; cursor: pointer;

}

a.ico_karta:hover {                                      

background: url(/images/karta0.png) left bottom no-repeat;

}

a.ico_email {     

float:left;                                 

display:block;

background: url(/images/email0.png) left top no-repeat;                            

width:16px;

height:16px;

margin:5px; cursor: pointer;

}

a.ico_email:hover {                                      

background: url(/images/email0.png) left bottom no-repeat;

}

a.ico_find {     

float:left;                                 

display:block;

background: url(/images/find0.png) left top no-repeat;                            

width:16px;

height:16px;

margin:5px; cursor: pointer;

}

a.ico_find:hover {                                      

background: url(/images/find0.png) left bottom no-repeat;

}



#logo {

	position: absolute;

	width:50%;

	height:170px;

	top:0px;

	margin-left:45px;

	float: left;

	padding: 0px;
	z-index: 10;

}

#slogan {

	position: absolute;

	top:70px;

	margin-left:300px;

	float: left;

	color:#000/*435056*/;

	font-size: 13pt;

	text-shadow: #ρρρρρρ 3px 1px 1px;

	font-weight: bold;

        font-family: Arial, Helvetica, sans-serif;

}

#slogan ul {

margin-left:10px;

text-align: left;

list-style: none;

margin-top: 8px;

margin-bottom: 15px;

color:#000/*435056*/;

font-size: 15pt;

letter-spacing:0.5pt;

font-weight: bold;

text-shadow:none;

}

#slogan ul li {

text-align: left;

list-style: none;

margin: 0  0 7px 0;



}

#slogan li a {

cursor:pointer;

color:#435056;

padding: 0 10px 0px 0;

}

#bottom_right {

	position: absolute;

	top: 20px;

	float: right;

text-align: right;

padding: 10px 50px 0px 0px;

/*font-family:Avanti, Arial, Helvetica, sans-serif;

	font-weight:bold;*/

	font-size:10pt;

	color:#ffFFFF;

}



#tematik {

	/* background: url(/images/karandash.png) 0px 20px no-repeat; */

	position: absolute;

	float: left;	

	left:380px;

	width:500px;

	height:0px;

	top: 10px;

	margin-left:0px;

	padding: 10px; 
	color:#CCCCCC;

}

#top-tel {

	float:right;

	margin-right:280px;

border-bottom:#FFFFFF 0px solid;

padding: 3px; 

text-align: right;

vertical-align:bottom;

border-top: #808040 0px solid;

border-left: #CCCCCC 0px solid;

border-right: #CCCCCC 0px solid;

/*font-style:italic;*/

}

#top-menu {

clear:both;

height:28px;

border-bottom:#FFFFFF 0px solid;

/*background:url(images/polosa_hosting.png) repeat-x;*/

background:url(jq/d.jpg) repeat-x;

color:#FFFFFF;

 width: 100%; 

 padding: 0; 

 margin: 0px; 

 text-align: center;

 border-top: #f2f2f2 1px solid;

border-left: #CCCCCC 0px solid;

border-right: #CCCCCC 0px solid;

/*font-style:italic;*/

}

*html #top-menu {

 text-align: center;

}



    #top-menu ul {list-style: none; margin: 0 50px; padding: 0;  height:28px; display: inline-table; table-layout: auto; text-align:center; }

	*html #top-menu ul {list-style: none; margin: 0 50px; padding: 0;  height:28px;  display: inline-table; table-layout: auto; text-align:center;}

	#top-menu li {float: left; margin: 0; padding: 0; height:28px;}

	#top-menu li a {float:left;  display:block; height:28px; color:#000; font-size:10pt; text-decoration:none;}

	#d a {background:url(jq/d.jpg) repeat-x 0 0px;  color:#fff; height:28px;}

	#d a:hover {background:url(jq/d.jpg) repeat-x 0 -50px;  color:#fff;  cursor: pointer; height:28px;}

	#d div {float:left;  display:block; height:21px; padding: 7px 15px 0px 15px; margin:0;  font-size:10pt; font-weight:bold; text-decoration:none;}

	#d img {border:none; height:28px;}

	#d .select {color: #fff; background:url(/jq/d.jpg) repeat-x 0 -50px; cursor:default; }

	

#top-menu li img {

margin: 0px;

padding: 0;

display:block;

float:left;

width:1px;

}

#top-menu-shade {

background:url(images/menu-shade.png) repeat-x;

height:7px;

width: auto;

border-top: #435056 4px solid;

border-left: #CCCCCC 0px solid;

border-right: #CCCCCC 0px solid;}

#main {

padding: 0px 10px 20px 10px;

border-bottom: #435056 2px solid;

border-left: #CCCCCC 0px solid;

border-right: #CCCCCC 0px solid;

background: # /*#E2E9EF url(images/haupt.jpg) repeat-y*/;

height:100%;

}

#footer {

/*position:relative; 

margin-top:-100px; */

padding: 7px 10px 3px 10px;

background:url(images/menu-shade.png) top repeat-x;

font-size:8pt;

}



div#content {

padding: 0px 15px 15px 15px;

}

#left {

padding: 0px 15px 15px 5px;

height:100%;

width:200px;

border-right: silver 3px solid;

}

#right {

padding: 0px 5px 15px 15px;

height:100%;

width:200px;

border-left: silver 3px solid;



}



/*CLASSES*/

.name_page {

border-bottom:#eeeeee 0px solid;

color: #808040; 

font-size:10pt;

font-weight:bold;

letter-spacing: 0.5pt;

text-align:center;

margin:0px 0px 1px 0px;

padding: 3px 0px 3px 0px; 

text-align:center;

}

.name_page  a {

/*color: #506479; */

color:#808040;

text-decoration:none;

}

.title {

border-bottom: #000000 1px dotted;

padding: 5px 5px 7px 0px;

color: #000000;

font-size: 14pt;

font-weight: normal;

letter-spacing: 0.5pt;

text-align: left;

}

.navigation ul { margin:0; padding-left:10px; font-size:9pt; font-weight:bold; }

.navigation ul a {color: #000000; text-decoration:none; }

.navigation ul a:hover {display:block; color: #808040; text-decoration:none; }

.navigation ul li {

display:block; 

margin:2px 0px 2px 2px;

list-style:none;

padding: 2px 3px 3px 3px; 

border-bottom:#eeeeee 1px solid;

}

.curent_branch {

display:block; 

margin:5px 0px 5px 0px;

list-style:none;

padding: 3px 3px 3px 3px; 

border-bottom: #000000 /*#08787C*/  0px solid; 

 background-color:#f9d447; /*#08787C ;*/ 

color: #000000; 

text-decoration: none;}





.nav_tel { color:#808040; text-decoration:underline;}

.nav_tel:hover { color:#808040;  text-decoration:underline;}

.tel {

text-align:left;

padding: 0px 20px 0 0;

/*font-family: Avanti, Arial, Helvetica, sans-serif;*/

font-size:10pt;

font-weight: bold;

color:#435056;

font-style:italic;

}

.red_middle {font-size:10pt; color: #CC0000;}

.red_big {font-size:12pt; color: #CC0000; padding-right: 0px;}



td.nav { padding: 0px 20px 5px 10px; font-size:8pt; }

.nav { color: #576C82; font-size:8pt; }

.nav a { color: #576C82; text-decoration: underline;}



.news_text  {

text-decoration: none;

/*background-color:#F2F2F2;*/

border: #BEBEBE 0px dotted;

border-right: #eeeeee 0px solid; 

border-left: #eeeeee 0px solid; 

border-top: #eeeeee 0px solid; 

color:#757575;

margin:5px;

padding:5px;

text-align:left;

}



.news_table  { border-collapse:collapse; border-spacing:0; width:95%; }

.news_arhive  { color:#000000; font-size:8pt;}

.news_data  { color:#666666; font-size:8pt;}

.news_header {/*color:#1F527B;*/ font-weight:bold;}

.news_header a { color:#003366; font-weight:bold;}

.news_separator, td.news_separator {/* background:url(images/menu-shade.png) repeat-x; padding-top:5px;*/

background: #F5F5F5 url("/images/line.gif") repeat scroll center top; 

color:#000000;

border-left: #7695B4 3px solid;

letter-spacing: 1px;

margin:20px 0 5px;

padding:2px 10px;

}

.news_separator a { color:#003366; font-weight:bold; }

.news_nav { 

margin: 10px 0px 20px 0;

color:#333333; 

font-weight: bold;

}

.news_numer {  

float:left;

}

.news_numer a {  

margin: 10px 10px 20px 10px;

color:#000000; 

padding:3px;

 border: #000000 1px dotted;

}

.news_numer a:hover { 

background-color:#F2F2F2;

 border:  #CC0000 1px dotted;

color:#cc0000; 

padding:3px;

}





a.show_page {

background:url("/images/show_page.gif") repeat scroll center top transparent;

cursor:pointer;

display:block;

float: right;

height:16px;

margin:0 2px;

width:16px;

}

a.show_page:hover  {

background:url("/images/show_page.gif") repeat scroll center bottom transparent;

}



.news_sep { 

 /*background: #F5F5F5 url("/images/line.gif") repeat; color:#757575;*/

border-top:  #f2f2f2 0px solid;

letter-spacing: 0px;

margin:0px 0 0 0px;

padding:5px;

}



.separator {

background:#F5F5F5; /*color:#757575;*/

border-left: #003366 3px solid;

letter-spacing: 0px;

margin:0px 0 0 5px;

padding:2px 10px;}



.scriptcode {

background-color:#F2F2F2;

border:1px dotted #BEBEBE;

color:#757575;

margin:5px;

padding:5px;

}

.container {

border-left: #CCCCCC 1px solid;

border-right: #CCCCCC 1px solid;

border-bottom: #CCCCCC 1px  solid;

border-top: #435056 4px  solid;

background: #ffffff url(images/menu-shade.png) repeat-x; 

padding: 3px 0px 3px 3px;

margin: 0px 0px 0px 0px;

font-size:9pt;

color:#576C82;

font-style: normal;

}

.comment_polosa {

background-color:transparent;

background-image:url("images/comment_polosa.gif");

background-repeat:repeat;

border:silver 1px solid;

color:black;

display:block;

font-size:95%;

margin-left:5px;

margin:3px 3px 3px 3px;

padding:3px;

}



/*for search*/

#search form {margin:0; padding:0;}

#search {

width:500px;

	float:right;

	text-align:right;

	border-bottom:#CCCCCC 0px dotted;

	padding: 0px 30px 0px 15px;

}



input.i { 

margin:0 5px 0 0;

padding:0 5px;

background: url(/images/universal_button.jpg) bottom no-repeat ;

border:0;

width:39px; 

height:16px;

vertical-align:middle;

}

input.i:hover { 

margin:0 5px 0 0;

padding:0 5px;

background: url(/images/universal_button.jpg)  top no-repeat ;

border:0;

width:39px; 

height:16px;

cursor: default;

vertical-align:middle;

}

input.qq { 

margin:0 5px 0 0;

/*border: silver 1px solid;*/

border: silver 1px solid;

padding:0 5px;

height:16px;
width:100px; 

color:#666666; 

background-color:#ffffff;

font-size:10pt; 

font-weight: normal;

vertical-align:middle;

}

input.search {height:18px;}



.tables {
background-color: #999;
border: #666 0px solid;
/*border-collapse: collapse; */
border-spacing: 1px; 
font-size:9pt;
}

.tables td {border: #666 0px solid; font-size:9pt; padding:3px; background-color: #F9D447;}

.tables th {border: #666 0px solid; font-size:9pt; font-weight: bold; background-color: #E0E0E0; padding:3px;}

td.header {border: #666 0px solid; font-size:9pt; font-weight: bold; padding:3px 20px; background-color: #F4F4F4;
    text-align: left;}




.gallery img { border: #CCCCCC 1px dotted;}

a:hover.gallery img { border:  #CCCCCC 1px dotted; background:url(/images-design/zoom.gif) center no-repeat;}



.kartinka {border: #CCCCCC 1px  dotted;}

.kartinka  img  {border: #CCCCCC 1px dotted;}



.teni { border:#8a5609 1px solid;  border-bottom:#8a5609 3px  solid;   border-right:#DED1A5 3px solid; }



/* for sender */

.error {

color:#CC0000;

}

input.error {

border:1px dotted red;

float:left;

margin: 0px;

}

textarea.error {

border:1px dotted red;

float:left;

}

#MessageForm label.error {

display:inline-block;

float:left;

clear:both;

}

#MessageForm label.error, label.error {

color:red;

font-style:italic;

}

.loading_box {

    display:none;

    background: #eeeeee;

    border:1px solid #cccccc;

    margin-bottom:10px;

    padding:5px;

}

.success_msg { font-size: 10pt; font-weight: bold; color: #55BB55; text-align:center;}

.error_msg { font-size: 10pt; font-weight: bold; color: #BB5555; text-align:center;}



.feat_prod_box_details  {

clear:both;

margin:0;

padding:0;

}

.contact_form {

border:  #CCCCCC 1px dotted;

border-top: #f2f2f2 20px  solid;

background: url(images/menu-shade.png) repeat-x; 

margin:20px 10px 0px 15px;

padding: 20px 15px 10px 15px;

position:relative;

width:440px;

font-size:9pt;

color:#666666;

}

.form_subtitle {

background-color:#f2f2f2;

border:  #cccccc 0px solid;

border-top:  #cccccc 0px solid;

color:#000000;

font-weight:bold;

font-size:9pt;

height:20px;

left:7px;

line-height:20px;

padding:0 7px;

position:absolute;

text-align:center;

top:-20px;

width: auto;

}

.select {color:#808040;}