html,body { margin:0; padding:0 }
body { font:normal 0.81em/1.38em Arial, Helvetica, sans-serif; color:#1f2326; text-align:center }
a { color:#5c1479; text-decoration:underline }
a:hover { color:#be4509; text-decoration:underline }
a.dashed { color:#5c1479; text-decoration:none; border-bottom:#5c1479 1px dashed }
a.dashed:hover { color:#be4509; text-decoration:none; border-bottom:#be4509 1px dashed }
a img { border:none }
p { margin:0 0 16px 0 }
div.spacer { height:1px; clear:both; overflow:hidden }

form { margin:0; padding:0 }
.textInput { padding:2px; font:normal 1em/1.17em Arial, Helvetica, sans-serif; color:#1f2326 }
.button { font:normal 1em/1.17em Arial, Helvetica, sans-serif; color:#1f2326 }

#headerLine { height:24px; background:#f4f4f4 }
#header { height:207px; position:relative; margin:0 auto; text-align:left; width:1000px }
#header .logo { position:absolute; top:35px; left:38px }
#header .il { position:absolute; top:24px; left:326px }
#header .text { position:absolute; top:40px; left:680px }
#header .text p { margin:0 0 6px 0; padding:0 0 0 20px }
#header .text p span { margin:0 3px 0 -20px }

#mat { height:325px; background:#f98f15 url(/img/mat.jpg) 0 0 repeat-x }
#mat .matWrapper { margin:0 auto; height:325px; width:1000px; position:relative; overflow:hidden }
#mat .matWrapper div { height:325px; width:904px; padding:0 50px 0 46px; position:absolute; top:0; left:0; z-index:2 }
#mat .head { float:right; margin:25px 0 0 0 }
#mat .text { float:left; display:inline; margin:0 65px 0 0 }

#content { padding:28px 45px 45px 46px; width:909px; margin:0 auto; text-align:left }

h1 { font-size:1.69em; line-height:1.08em; margin:0 0 16px 0; padding:0; font-weight:normal }

a.file_pdf { width:140px; height:52px; display:block; background:#fef2e7 url(/img/pdf.gif); padding:16px 16px 0 67px }

.column1 { float:left; width:310px; display:inline; margin:0 20px 0 0 }
.column2 { float:left; width:300px; display:inline; margin:0 26px 0 0 }
.column3 { float:left; width:243px }

.menuT { margin:0; padding:24px 0 14px 0; list-style:none; width:243px; height:60px; background:#73358c url(/img/menu_t.png) }
.menuT li { margin:0; padding:0 30px 10px 32px; background:url(/img/li_menu.gif) 18px 8px no-repeat; color:#FFFFFF }
.menuT li a { color:#FFFFFF }
.menuT li a:hover { color:#d4c2dc }
.menuB { width:243px; position:absolute; background:#313437 url(/img/menu_b.png) bottom left no-repeat }
.menuB form { padding:16px 17px 0 23px; overflow:hidden; height:36px }
.menuB form .close { float:right; margin:4px 0 0 0; display:none }
.menuB form p { padding:0 0 0 9px; margin:0 0 20px 0 }
.menuB form p a { color:#ffffff; text-decoration:none; border-bottom:#ffffff 1px dashed }
.menuB form p a:hover { color:#e0cde8; text-decoration:none; border-bottom:#e0cde8 1px dashed }
.menuB form .textInput { width:195px; margin:0 0 10px 0 }
.menuB form textarea { height:145px }

#chars .tabs { margin:0 auto; padding:0; border:none; border-collapse:collapse; width:1000px; }
#chars .tabs td { margin:0; padding:0; text-align:center; height:45px }
#chars .tabs td a { display:block; color:#5c1479; text-decoration:none; padding:15px 20px 0 20px; height:30px; cursor:pointer }
#chars .tabs td a:hover { color:#be4509; text-decoration:none}
#chars .tabs td a:focus { outline:none }
#chars .tabs td a span { border-bottom:#5c1479 1px dashed; }
#chars .tabs td a:hover span { border-bottom:#be4509 1px dashed; }
#chars .tabs td.active { background:#f4f4f4 url(/img/tab_l.gif) 0 0 no-repeat }
#chars .tabs td.active a { background:url(/img/tab_r.gif) top right no-repeat; color:#be4509; cursor:default }
#chars .tabs td.active a:hover { color:#be4509 }
#chars .tabs td.active a span { border:none }
#chars .tabs td.active a:hover span { border:none }
#chars .tabs td.first a { padding-left:41px; padding-right:41px }
/*#chars .tabs td.last a { padding-left:43px; padding-right:43px }*/

#chars .content { background:#f4f4f4 }
#chars .content .cnt { width:604px; text-align:left; margin:0 auto; padding:41px 350px 35px 46px }

#footer { height:168px; position:relative; width:1000px; margin:0 auto; text-align:left }
#footer .copy { position:absolute; top:40px; left:46px; width:50% }
#footer .copy p { margin:0 0 6px 0 }
#footer .cosmos { position:absolute; top:44px; right:61px }

.components { margin:0; padding:0; border:none; border-collapse:collapse }
.components td { margin:0; padding:15px; vertical-align:top; border-bottom:#dcdcdc 1px solid; background:#f4f4f4 }
.components tr.odd td { background:#efefef }
.components tr.head td { font-weight:bold; font-size:1.08em }

ul { margin:0 0 16px 0; padding:0; list-style:none }
ul li { margin:5px 0 5px 0; padding:0 0 0 20px; background:url(/img/li.gif) 0 10px no-repeat }

#adresa {
display: none;
position: absolute;
width: 100%;
height: 2250px;
top: 0px;
z-index: 100;
background: #FFFFFF;
}
#adresa #container {
margin: 0 auto;
position: relative;
width: 660px;
}
#control {
position: relative;
text-align: left;
left: 95%;
width: 57px;
}
#adresa th {
background: #73358C;
color: #FFFFFF;
border-radius: 5px;
}
#adresa td {
border: 1px solid black;
border-radius: 5px;
text-align: center;
font-size: 14px;
}
.first {
background: #F98F15;
color: #FFFFFF;
}
.second {
background: #FEF2E7;
}
.third {
background: #F4F4F4;
}