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

body {background: #CD9933 url(/images/b0.gif) repeat; text-align: center;}

body * {font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; position: relative;}



div, p, h1, h2, h3, h4, h5, img, a:link, a:visited, a:hover, a:active, ul, li {position: relative;}



img {padding: 0; border: none;}

div {display: block; margin: 0; padding: 0; position: relative;}



#root {background: #FFFFCD url(/images/b1.gif) repeat; width: 764px; margin: auto; text-align: left;}



/* header */



div#header {display: block; height: 153px; overflow-y: hidden;}

#header.main h1 {display: block; font-size: 1em; padding: 0; margin: 0 auto; width: 347px; height: 34px; overflow-y: hidden; padding-top: 100px; text-indent/**/: -2000px; background-image: url(/images/mainheader.gif); background-repeat: no-repeat;}



/* main area :: restangles */



div#content {width: 685px; background-color: #fff; margin: 10px auto; padding: 0 0 15px 0}



div.colleft, div.colright {width: 338px !important; width: 338px; height: 137px; text-align: left; overflow-y: hidden; position: relative;}

div.colleft {margin: 2px 2px 0 3px; float: left; clear: left;}

div.colright {margin: 2px 3px 0 0; float: right; clear: right;}



/* main area :: restangles :: custom backgrounds */


div#t1, div#t2, div#t3, div#t4 {overflow: hidden;}
div#t1 {background: #CC6600 url(/images/in2.jpg) no-repeat; margin-top: 3px;}

div#t2 {background: #996600 url(/images/in4.jpg) no-repeat; margin-top: 3px;}

div#t3 {background: #993300 url(/images/in1.jpg) no-repeat;}

div#t4 {background: #CC9900 url(/images/in3.jpg) no-repeat;}


div#t5 {display: block; background: #feda77 url(/images/in5.gif) no-repeat 100% 0; margin: 2px 3px 10px 3px !important; margin: 2px 1px 10px 6px;}

div#t5 a:link, div#t5 a:visited, div#t5 a:hover, div#t5 a:active {color: #9c3001; display: block; font-weight: bold; text-align: right; padding: 8px 67px 8px 100px; font-size: 10pt; background-image: url(/images/in5_lft.jpg); background-repeat: no-repeat; text-decoration: none;}

/* MARY X-MASS & HAPPY NEW YEAR */

div#t5 {background-image: url(/images/t5.jpg);}
div#t5 a:link, div#t5 a:visited, div#t5 a:hover, div#t5 a:active {color: #541800; background-image: none; padding-right: 90px;}

/* main area :: restangles:: headers */

div.colleft h2, div.colright h2 {display: block; color: #fff; font-size: 9.5pt; margin: 0; padding: 0; height: 100px; white-space: nowrap; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;}

div.colleft h2 {text-align: right; width: 150px; padding: 9px 4px 0 0;}

div.colright h2 {width: 50px; margin-left: 190px; padding: 9px 8px 0 0;}



/* main area :: restangles :: links */



div.colleft a:link, div.colleft a:visited, div.colleft a:hover, div.colleft a:active, 

div.colright a:link, div.colright a:visited, div.colright a:hover, div.colright a:active

{display: block; color: #fff; text-decoration: none; font-size: 7.5pt; position: absolute; margin-top: -109px; margin-right: 0; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; height: 57px; padding-top: 80px;}



div.colleft a:link, div.colleft a:visited, div.colleft a:hover, div.colleft a:active {text-align: right; width: 150px; padding-right: 189px;}

div.colright a:link, div.colright a:visited, div.colright a:hover, div.colright a:active {padding-left: 190px; width: 140px;}



/* main area :: philosophy */



div#philosophy {width: 528px; margin: 13px 10px 0; text-align: left; color: #983500; position: relative; float: left; clear: left;}

div#philosophy h2 {font-size: 9pt; margin: 0; padding: 0;}

div#philosophy p {font-size: 9pt; margin: 0; padding: 0;}

div#google_ad {width: 120px; height: 240px; margin: 13px auto 0; position: relative; float: right; clear: right;}


/* footer */



div#footer {background-image: url(/images/botslogan.gif); border: 0px solid red; background-repeat: no-repeat; min-height: 47px; clear: both; position: relative;}

div#footer .smalllogo {position: absolute; top: 5px; right: 5px; height: 35px; overflow: hidden;}
div#footer img.smalllogo {top: 90px; right: 0; height: 47px;padding-top: 5px; padding-right: 5px;}
.livehelp {display: block; margin: 15px -10px 0 10px; padding: 0; width: 160px; text-align: right;}



/* footer :: bottom menu */

div#adwords_bottom {padding-bottom: 10px;text-align: center;}


.botmenu {font-size: 8pt; color: #9A6601; margin: 0 170px; text-align: center;}

.botmenu a:link, .botmenu a:visited, .botmenu a:hover, .botmenu a:active {color: #9A6601; text-decoration: none;} 

.botmenu a:hover, .botmenu a:active {color: #983500; text-decoration: underline; }





/* ************************************************************************************************ */

/*																									*/

/*									INTERNAL # 1													*/

/*																									*/

/* ************************************************************************************************ */



/*  internal page :: header logo w/link */



div#biglogo {height: 114px; background-image: url(/images/biglogo_int.gif); background-repeat: no-repeat; text-align: left;}

div#biglogo a:link, div#biglogo a:visited, div#biglogo a:hover, div#biglogo a:active {text-indent: -2000px; display: block; width: 350px; height: 114px; text-decoration: none;}



/*  internal page :: top menu */



div#topmenu {display: block; left: 0; margin: -25px 0 0 0; background-image: url(/images/en/topmenu_int.gif); background-repeat: no-repeat; height: 32px; padding-left: 30px;}

div#topmenu a:link, div#topmenu a:visited, div#topmenu a:hover, div#topmenu a:active {display: block; float: right; height: 32px; text-decoration: none; text-indent: -5000px;}

.a1 {width: 161px;}

.a2 {width: 121px;}

.a3 {width: 141px;}

.a4 {width: 144px;}


#languages {display: block; position: absolute; top: -17px !important; top: -20px; left: 3px !important; left: 6px;}
#languages a:link, #languages a:visited, #languages a:hover, #languages a:active {margin-right: 3px;}
div.langs {padding-left: 30px; padding-top: 10px;}



div#rightcolumn a.lang:link, div#rightcolumn a.lang:visited, div#rightcolumn a.lang:hover, div#rightcolumn a.lang:active {width: 35px; text-decoration: none; color: #996600; text-indent: 0; font-size: 9pt; font-weight: bold; margin-top: 5px; margin-right: 3px;}



div#philosophy a.lang:link, div#philosophy a.lang:visited, div#philosophy a.lang:hover, div#philosophy a.lang:active {display: block; float: right; width: 25px; text-decoration: none; color: #996600; text-indent: 0; font-size: 9pt; font-weight: bold; margin-top: 5px; text-align: right;}



/*  internal page :: top menu */



div#contentint {background-image: url(/images/content_bot1.gif); background-repeat: no-repeat; background-position: 0 100%; border-bottom: 1px solid #FFFFCD; text-align: left; margin: 0 0 10px 0;}

div#contentint.int2, div#contentint.int3 {background-image:  url(/images/content_bot2.gif); background-repeat: no-repeat; background-position: 0 100%; margin: -1px 0 0 0;}

div#contint1 {margin: 0 0 15px 29px; }

div#contint1 h1 {font-size: 9.5pt; color: #CC6601; margin: 0; padding: 0; display: block; position: relative;}



div#rightcolumn {display: block; width: 183px; float: right; padding-bottom: 25%; background-image: url(/images/rightmenu_top.gif); background-repeat:  no-repeat; }

div#contentint.int2 div#rightcolumn, div#contentint.int3 div#rightcolumn { border-top: 1px solid #FFFFCD;}

ul#rightmenu {position: relative; display: block; padding: 0; margin: 15px 0 0 0; list-style: none;}

ul#rightmenu li {display: block; margin: 0; padding: 0; border: 1px solid transparent !important; border: none;}

#rightmenu li a:link, #rightmenu li a:visited, #rightmenu li a:hover, #rightmenu li a:active {display: block; width: 155px; margin: 0; padding: 4px 0 3px 28px; font-size: 9pt; color: #CC6601; font-weight: bold; text-decoration: none; background-image: url(/images/spacer.gif); background-repeat:  no-repeat;} 

#rightmenu li a:hover, #rightmenu li a:active, 

#rightmenu li a.act:link, #rightmenu li a.act:visited, #rightmenu li a.act:hover, #rightmenu li a.act:active {background-image: url(/images/ring.gif); background-repeat:  no-repeat; background-position: 0 3px;}

#rightmenu li a.act:link, #rightmenu li a.act:visited, #rightmenu li a.act:hover, #rightmenu li a.act:active {cursor: ponter;}

#rightmenu li a:visited {color: #CC9900;}





#mainint {position: relative; width: 546px; margin: -8px 0 0 0; background-image: url(/images/ZIEDAS.jpg); background-repeat:  no-repeat; background-position: 100% 0; border: 0px solid transparent}



div#contentint.int2 #mainint  {margin: 0 0 0 84px; background-image: url(/images/content_right2.gif); background-repeat: no-repeat; background-position: 100% 0; width: 460px; border-top: 1px solid #FFFFCD;}

div#contentint.int3 #mainint  {margin: 0; background-image: url(/images/content_right2.gif); background-repeat: no-repeat; background-position: 100% 0; width: 460px; border-top: 1px solid #FFFFCD;}

div#contentint.int2 #mainint.narrow {width: 410px;}

div#contentint.int3 #mainint.narrow {width: 545px;}

img.imgmain {margin: 8px 150px 0 0;}



div#mottos {width: 135px; float: left; clear: left;}

div#mottos p {padding: 0; text-align: right; margin: 33px 28px 33px 0; color: #CC9933; font-size: 10.5pt; font-weight: bold;}
div#mottos p img {margin: 0px -14px 0 -14px}

div#mottos.wide {width: 185px; float: left; clear: left;}



#mainint h2, #mainint p {color: #993300;}

#mainint h2 {font-size: 1em; margin: 23px 0 15px;}

#mainint p, #mainint ul li {font-size: 8pt; margin: 7px 15px 7px 0;}

.maininttext {width: 400px; display: block; position: relative; float: left; margin-bottom: 20px;}

div#contentint.int2 .maininttext {float: none;}

#mainint.narrow .maininttext, div#contentint.int2 .maininttext {width: 350px;}

div#contentint.int3 .maininttext {width: 300px;}



#mainint a:link, #mainint a:visited, #mainint a:hover, #mainint a:active {color: #9A6601;}

#mainint a:visited {color: #660000}

#mainint a:hover, #mainint a:active {color: #983500}



/* additional */

div#kus {background-image: url(/images/kusochek.gif); width: 154px; height: 148px; left: 0; margin-top: -54px; margin-bottom: -104px;}



/* news */

div#news {display: block; padding-bottom: 20px;}

div#news h2  {font-size: 11pt;}

#mainint div#news p {margin: 0 40px 0 10px; font-size: 9pt;}

#mainint div#news span.date {display: block; margin: 5px 40px 10px 10px; font-size: 8pt; color: #CD9933}

#mainint div#news h3  {margin: 15px 0 10px 20px; font-size: 9pt; color: #993300}

#mainint div#news h3 span {font-weight: normal; font-size: 7.5pt; color: #CD9933; padding-left: 10px;}

#mainint div#news .announce_int p {padding-left: 35px; margin-left: 20px; font-size: 8pt; background-image: url(/images/logolist.gif); background-repeat: no-repeat; }

a.more_int:link, a.more_int:visited, a.more_int:hover, a.more_int:active {font-size: 8pt; display: block; margin: 5px 40px 0 55px;}



/* common classes */



.cb {display: block; clear: both;}

.rb {border: 1px dotted red;}

.spltr {display: block; clear: both; height: 1px; overflow-y: hidden; font-size: 1px;}



.fleft {float: left; margin: 0 10px 10px 0;}

.fright {float: right; margin: 0 0 10px 10px;}

.aleft {text-align: left;}

.aright {text-align: right;}



#mainint ul.logolist, #philosophy ul.logolist {list-style: none; margin: 0 0 0 10px; padding: 0;}

#mainint ul.logolist li, #philosophy ul.logolist li {display: block; background-image: url(/images/logolist.gif); background-repeat: no-repeat; background-position: 0 4px; margin: 0; padding: 0 5px 3px 40px !important; color: #9c3000; min-height: 30px; height: auto !important; height: 30px;}

#philosophy ul.logolist li {font-size: 9pt; margin: 5px 0 0 0}



/* FEEDBACK MODULE */



#feedback form {display: block; width: 300px; margin: 0; padding: 20px; font-size: 9pt;}

#feedback form label {display: block; float: left; width: 140px; padding: 3px 0 0 0; margin: 0 0 10px 0; color: #9c3000; clear: left;}

#feedback form input {width: 150px; font-size: 9pt; clear: right;}

#feedback form input.subbut {width: 150px; margin: 0 0 0 145px !important; margin: 0 0 0 148px}

#feedback form textarea {display: block; clear: both; width: 293px; font-size: 9pt; margin: 10px 0 0 0;}

div#mainint.feedback h2, div#mainint.feedback h3 {font-size: 10pt; color: #CC6601; margin: 20px 0 0 0; padding: 0; display: block; position: relative;}

div#mainint.feedback h3 {font-size: 9pt;}



#feedbacks {margin: 20px 40px 20px 20px;}

#feedbacks p {font-size: 9pt;}

#feedbacks p.datetime {font-size: 8pt}







.top5 {margin-top: 3px;}

div.widecontent div.maininttext {width: 545px; margin-right: -100px;}

.b, a.b:link, a.b:visited, a.b:hover, a.b:active {font-weight: bold;}
.u, a.u:link, a.u:visited, a.u:hover, a.u:active {text-decoration: underline;}
a.u:hover, a.u:active {text-decoration: none;}