/* MAIN STYLES */

* {
        margin: 0;
        padding: 0;
}

html, body {
        height: auto;
}

body {
        background: #FFFFFF url('../images/body_bg.gif') repeat-x bottom;
        color: #555555;
        font: normal 8pt Arial, Helvetica;
}

table {font: normal 8pt Arial, Helvetica;}

h1 {
        color: #C6223D;
        font: bold 11pt Arial;
        padding: 10px auto;
        margin: 10px auto;
}

h2 {
        color: #C6223D;
        font: bold 9pt Arial;
        padding: 10px auto;
        margin: 10px auto;
}

h2.index_page {
        color: #C6223D;
        font: bold 11pt Arial;
        padding: 10px auto;
        margin: 10px auto;
}

a {color: #545454; font-weight: bold; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline;}

ul {
        list-style: url('../images/ul_li.gif') outside;
        margin: 1em 0 1em 20px;
}

/* IDS */

#body {
        max-width: 1600px;
}
* html #body {width: expression(document.body.clientWidth > 1600 ? "1600px" : "auto");}

#header {
		position:absolute; top:0px; left:0px;
        background: url('../images/hdr_bg.gif') repeat-x; 
		width:100%;
        height: 191px;
}
#logo {
		position:absolute; top:0px; left:0px;
        width: 496px;
        height: 191px;
}
#header #hdr {
        background: url('../images/hdr_bg.gif') no-repeat;
        height: 191px;
}

//html>body #hdr {margin-left: 496px;}
#hdr { position:absolute; top:0px; left: 496px; width:auto;}
#header #hdr #topmenu {height: 82px;}
#header #hdr #topmenu a {margin: 0; padding: 0; display: block; float: left;}
#header #hdr #topmenu .spacer {height: 37px;}
#header #hdr #banner {height: 109px;}
#header #hdr #banner .banner {border: 1px solid #A620A8; margin-top: 25px; float: left;}

#main {
        height: 100%;
}

#mid {margin-right: 0px; height: 100%; float:left;}


#left {
        width: 180px;
        height: 100%;
        padding: 0px 5px 0px  5px;
}

#content {
        padding: 5px 5px 5px 5px;
        height: 100%;
        font: normal 8pt Tahoma;
}

#right {
        width: 180px;
        height: 100%;
        padding: 0px 5px 0px  5px;
}
#leftmenu, #rightmenu {width: 180px;}

.menuh {
        background: url('../images/menuh_bg.gif') no-repeat right;
        height: 55px;
}
.menuh h1 {
        padding: 34px 7px 6px 7px;
        color: #FFFFFF;
        font: bold 13px Arial;
        text-align: right;
}

#menu1, #menu2, #menu3, #menu4, #menu5 {height: 55px; margin: 10px 0 10px 0;}
#menu1 {background: url('../images/menu_1.gif') no-repeat left;}
#menu2 {background: url('../images/menu_2.gif') no-repeat left;}
#menu3 {background: url('../images/menu_3.gif') no-repeat left;}
#menu4 {background: url('../images/menu_4.gif') no-repeat left;}
#menu5 {background: url('../images/menu_5.gif') no-repeat left;}
#menu6 {background: url('../images/menu_6.gif') no-repeat left;}

a.menu {
        display: block;
        background: url('../images/menu_arr.gif') no-repeat left;
        border-bottom: 1px solid #E4E4E4;
        color: #555555;
        font-weight: bold;
        padding: 3px 10px 3px 25px;
        text-decoration: none;
}
a.menu:hover {background-color: #FFD9D9; color: #000000; text-decoration: none;}


.takru {
        display: block;
        background: url('../images/menu_arr.gif') no-repeat left;
        border-bottom: 1px solid #E4E4E4;
        color: #555555;
        font-weight: bold;
        padding: 3px 10px 3px 25px;
        text-decoration: none;
}

.takru:hover .takru:hover {background-color: #FFD9D9; color: #000000; text-decoration: none;}


#authform {
        width: 180px;
        height: 208px;
        background: url('../images/auth_form.gif') no-repeat;
}
#authform .inpgr {
        color: #7E575E;
        padding: 10px 10px 10px 45px;
}
#authform .inp {width: 120px;}
#authform ul {margin: 0; list-style: url('../images/bullet.gif') outside;}

#counters {padding: 10px 0 0 30px; z-index: 100;}
#counters img {margin-bottom: 7px;}

#footer {
        height: 200px;
}

#footer_l {
        background: url('../images/bottom_l.gif') no-repeat bottom; right;
}
#footer_l #banner_100 {border: 1px solid #D97587; width: 100px; height: 100px;}

#footer_left {}

#footer_mid {
        height: 200px;
        text-align: right;
        background: url('../images/bottom_banner_bg.gif') no-repeat center;
}
#footer_mid #banner_bottom {
width: 468px;

}

#footer_r {
        background: url('../images/bottom_girl.gif') no-repeat right;
}

#footer_r #copy {padding-top: 128px; font: normal 10px Arial;}
.copy1 {color: #B90525; padding: 2px 0; margin: 1px; float: left;}
.copy2 {color: #FFFFFF; background: #B90525; padding: 2px; margin: 1px; float: left;}
.copy2 a {color: #FFFFFF; text-decoration: none; font: normal 10px Arial;}
.copy2 a:hover {color: #FFFFFF; text-decoration: underline;}

#3random {
        text-align: center;
        width: 100%;
}

/* CLASSES */

.inp {
        color: #7E575E;
        border-top: 2px solid #767676;
        border-right: 1px solid #767676;
        border-bottom: 1px solid #767676;
        border-left: 2px solid #767676;
}

.random {
        width: 174px;
        color: #545653;
        text-align: center;
        padding-top: 10px;
}
.random img {border: 3px solid #FB8E89; margin: 10px;}

.divider_vert {
        width: 1px;
        background: #F1CED4;
}

.inf {
        background: #FFF6F9;
        padding: 10px;
        margin-bottom: 20px;
}
.inf ul {list-style: url('../images/arr1.gif') outside;}

.info {margin-bottom: 20px;}
.info img {border: 1px solid #F886B9; margin-right: 20px;}
.info .table {background: #FD9095; height: 100%; margin: 0;}
.info .tab1 {background: #FFF3F3; padding: 5px;}
.info .tab2 {background: #FFFFFF; padding: 5px;}

.mobinf, .mobinfo {margin-bottom: 20px; text-align: center;}

.mobinf table, .mobinfo table {width: auto; margin: auto; text-align: center;}
.mobinf img.thumb {border: 2px solid #FE8F88; margin: 5px 0;}
.mobinf td {padding: 5px;}
.mobinf .tr1 {background: #FFF6F7;}
.mobinf .tr2 {background: #FFFFFF;}
.mobinf a, .mobinfo a {display: block;}
.mobinf a.mob, .mobinfo a.mob {color: #F673A9;}
.mobinf a.eng, .mobinfo a.eng {display: inline; color: #000000;}
.mobinf a.eng:hover, .mobinfo a.eng:hover {color: #545454;}

.mobinfo img.thumb {border: 7px solid #FE8F88; margin: 10px 0;}
.mobinfo a.desc {font-size: 10pt;}

.navi {
        background: #FBE1E4;
        text-align: center;
        padding: 5px 20px;
}
.navi a {display: inline;}
.navi a:hover {color: #DD3A3F;}

.navi a.selected {color: #DD3A3F;}

.index {background: #FFF6F8 url('../images/index_bg.gif') repeat-x top;}
.index h1 {font: bold 8pt Arial, Helvetica; color: #665A5D; margin: 0; padding: 0;}
.index_c {background: url('../images/index_left.gif') repeat-y left;}
.index_main {background: url('../images/index_girl.gif') no-repeat bottom left; font-weight: bold; color: #665A5D; padding: 20px 30px 55px 100px;}
* html .index_main {height: 110px;}
.index_bottom {background: url('../images/index_bottom.gif') no-repeat bottom right; height: 45px;}

.last_news {background: #FEFAF9 url('../images/last_news.gif') no-repeat top left; padding: 10px 30px; min-height: 125px;}
.last_news ul {list-style: url('../images/arr1.gif') outside;}
.last_news li {padding: 10px auto;}
.last_news hr {margin: 5px auto; border-bottom: 1px solid #F7CED7; height: 1px; color: #F7CED7;}
.last_news a {color: #A7122C; font-weight: normal; text-decoration: underline;}
.last_news a:hover {color: #000000;}

.last_add {width: 185px; text-align: center;}
.last_add h6 {background: #FDF6F7; color: #5A5655; font: normal 9pt Arial; padding: 5px auto; margin-bottom: 10px; height: 20px;}
.last_add img {border: 3px solid #FC908A;}

.middle {width: auto; margin: auto; padding: auto;}

.cat_friends {
        color: #000000;
        font: bold 11pt Arial;
        padding: 0px 0px 0px 60px;
        margin: 35px auto;
        
}

.last_news2 {background: #FEFAF9; padding: 10px 20px ; min-height: 125px;}
.last_news2 ul {list-style: url('../images/arr1.gif') outside;}
.last_news2 li {padding: 10px auto;}
.last_news2 hr {margin: 20px auto; border-bottom: 1px solid #F7CED7; height: 1px; color: #F7CED7;}
.last_news2 a {color: #A7122C; font-weight: normal; text-decoration: underline;}
.last_news2 a:hover {color: #000000;}

.my_rek {background: #FEFAF9; padding: 10px 20px ; min-height: 20px; text-align: center;}
.my_rek ul {list-style: url('../images/arr1.gif') outside;}
.my_rek li {padding: 10px auto;}
.my_rek a {color: #A7122C; font-weight: normal; text-decoration: underline;}
.my_rek a:hover {color: #000000;}