/*---------------------------- Стандартные классы ----------------------------*/
* {
margin:0px;
padding:0px;
border:0px;
box-sizing:border-box;
-moz-box-sizing:border-box;/* переключаем Mozillaвскую блочную модель на IE'шную (тут ругается валидатор) */
}
html,body {
height:100%;
width:100%;
margin:0px;
padding:0px;
}
table {/* шобы не писать cellspacing="0" cellpadding="0", ширина таблицы всегда 100% - и это правильно :) */
width:100%;
border-collapse:collapse;
}
tr,td,ul,li { /* шобы всё было чётко и чтобы списки не пёрло в IE5 */
text-align:left;
vertical-align:top;
}
a {
color: #9068ab;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
ul {
list-style:none; /* чистим список от точек */
}
img { /* этому тегу IE'шная блочная модель не по нраву в Mozilla, пропускаем */
box-sizing:content-box;
-moz-box-sizing:content-box;
}
body {
text-align:center;
background:url('images/body.jpg') #fff 0% 0% repeat-x;
}
h2 {
width:100%;
height:20px;
padding:2px 25px 0 0;
display:block;
font:bold 14px tahoma;
color:#ed1a97;
text-align:right;
background:url('images/h2.gif') 100% 0% no-repeat;
}
h2 a {
color:#ed1a97;
}
h3 {
font:bold 12px tahoma;
color:#9068ab;
}
h3 a {
color:#9068ab;
}
#container {
width:702px;
height:100%;
margin:0px auto;
text-align:left;
}
/*----------------------------- header ----------------------------*/
#header {
height:525px;
}
#buttons {
height:46px;
padding:30px 0 0 5px;
}
#buttons img {
margin-right:7px;
}
#pix {
border:1px solid #fff;
}
#pix img {
display:block;
}
#menu li {
width:100%;
height:26px;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
position:relative;
background:url('images/menu_li.jpg') #ed1a97 0% 15px repeat-y;
}
#menu li.active {
background:url('images/menu_li_active.jpg') #b70060 0% 15px repeat-y;
}
#menu li#shadow {
width:100%;
height:10px;
background:url('images/menu_li_shadow.jpg') #fff 50% 0% no-repeat;
}
#menu li div {
width:100%;
height:15px;
background:url('images/menu_li_div.jpg') 0% 0% repeat-y;
}
#menu li.active div {
background:url('images/menu_li_active_div.jpg') 0% 0% repeat-y;
}
#menu li a {
width:100%;
height:26px;
padding:5px 0 0 40px;
display:block;
position:absolute;
top:0px;
left:0px;
font:11px tahoma;
color:#fff;
background:url('images/menu_li_a.gif') 30px 10px no-repeat;
}
#menu li.active a {
text-decoration:none;
}
/*----------------------------- footer ----------------------------*/
#footer {
width:100%;
min-width:700px;
height:42px;
margin-top:-42px;
position:relative;
text-align:left;
background:url('images/footer.gif') #7b4e98 0% 0%;
}
#footer_l2 {
width:100%;
height:42px;
border-top:2px solid #5d3e72;
padding:7px 7px 0 7px;
color:#fff;
font:10px tahoma;
background:url('images/footer_l2.gif') 0% 100% repeat-x;
}
#footer_l2 a {
color:#fff;
}
#counters {
position:absolute;
top:6px;
right:7px;
}
#counters img {
margin-left:5px;
}
/*----------------------------- content ----------------------------*/
#left {
width:37%;
height:100%;
border-left:1px solid #fff;
padding-bottom:75px;
font:11px tahoma;
color:#000;
background:url('images/left.jpg') 100% 100% no-repeat;
}
#left div.area {
padding-right:25px;
}
#right {
width:63%;
height:100%;
border-right:1px solid #fff;
padding-bottom:75px;
font:11px tahoma;
color:#000;
}
#right div.area {
padding-left:25px;
}
#content {
height:100%;
border-right:1px solid #fff;
border-left:1px solid #fff;
font:11px tahoma;
color:#000;
padding:0 0 75px 30px;
}
div.both {
width:100%;
clear:both;
overflow:hidden;
}
div.list {
width:100%;
padding:20px 0;
overflow:hidden;
clear:both;
}
div.list div.left {
width:105px;
float:left;
overflow:hidden;
text-align:center;
}
div.list div.left img {
border:1px solid #fabae0;
margin:0px auto;
display:block;
}
div.list div.right {
width:310px;
padding:10px 0 10px 10px;
float:right;
overflow:hidden;
}
#content div.list {
padding:10px 0;
}
#content div.list div.right {
width:565px;
}
div.list p.title {
padding:5px 0;
color:#9068ab;
}
div.hr {
height:3px;
font-size:1px;
background:url('images/div_hr.jpg') 50% 50% no-repeat;
}
div.newslist {
padding-top:20px;
width:100%;
overflow:hidden;
clear:both;
}
div.newslist p a {
color:#9068ab;
}
div.newslist p.date {
color:#9068ab;
}
div.newslist p.title {
font:bold 11px tahoma;
color:#9068ab;
}
div.newslist p.title a {
color:#9068ab;
}
#archive {
height:18px;
margin-top:20px;
padding:1px 0 0 23px;
clear:both;
display:block;
float:right;
color:#9068ab;
background:url('images/button_archive.gif') 0% 0% no-repeat;
}
div.text {
margin:20px 0;
font-size:12px;
line-height:18px;
text-align:justify;
}
form.form {
margin:10px 0;
}
form.form .red {
color:#ed1a97;
}
form.form div.left {
width:385px;
float:left;
}
form.form div.both {
padding:5px 0;
}
form.form div.error {
width:285px;
padding:6px 5px;
border:1px solid #ee299e;
float:right;
color:#ed1a97;
font:11px tahoma;
overflow:hidden;
display:block;
text-align:left;
}
label {
padding:2px 0;
float:left;
clear:left;
}
label.bold {
font-weight:bold;
}
form.form a {
color:#9068ab;
}
input.text {
height:21px;
padding:3px;
margin:1px 0;
color:#000;
font:12px tahoma,verdana,arial;
border:1px solid #b1b1b1;
background:#f5f5f5;
}
form.form input.text {
width:375px;
}
form.form select {
width:375px;
clear:left;
}
textarea {
padding:3px;
margin:1px 0;
color:#000;
font:12px tahoma,verdana,arial;
border:1px solid #b1b1b1;
background:#f5f5f5;
}
form.form textarea {
width:375px;
height:130px;
}
img.code {
margin-top:1px;
margin-right:10px;
float:left;
clear:left;
}
input.submit {
height:22px;
color:#fff;
font:bold 12px tahoma;
text-align:center;
cursor:pointer;
}
form.form input.submit {
width:93px;
background:url('images/input_submit_send.jpg') #ed1a97 0% 0% no-repeat;
}
div.hr2 {
height:3px;
font-size:1px;
background:url('images/div_hr2.gif') 50% 50% repeat-x;
}
select {
height:20px;
margin-top:3px;
padding:1px;
border:1px solid #b0b0b0;
display:block;
float:left;
overflow:hidden;
font:11px tahoma;
background:#f5f5f5;
}
form.articles {
width:100%;
padding:10px;
margin-top:15px;
border:1px solid #f9e9f2;
overflow:hidden;
clear:both;
background:#f9f7f8;
}
form.articles select {
width:77px;
margin-right:40px;
float:left;
clear:left;
}
form.articles input.submit {
width:32px;
margin-top:2px;
display:block;
float:left;
background:url('images/input_submit_ok.jpg') #ed1a97 0% 0% no-repeat;
}
div.detailed {
width:100%;
padding:30px 0;
font:12px tahoma;
overflow:hidden;
text-align:justify;
}
div.detailed div.left {
width:555px;
float:left;
overflow:hidden
}
div.detailed p.title {
font:bold 14px tahoma;
color:#9068ab;
}
div.detailed p.date {
margin-bottom:20px;
font:11px tahoma;
color:#9068ab;
}
div.detailed p.link {
margin:5px 0 15px 10px;
}
div.detailed p.link a {
font:11px tahoma;
color:#9068ab;
}
div.detailed p.link2 {
margin-top:15px;
font:11px tahoma;
text-align:right;
}
div.detailed p.link2 a {
color:#9068ab;
}
div.detailed div.right {
width:105px;
float:right;
overflow:hidden;
}
div.detailed div.right img {
border:1px solid #fabae0;
display:block;
}
div.nextprev {
width:100%;
padding-top:13px;
overflow:hidden;
text-align:center;
}
div.nextprev a {
padding:0 2px;
display:block;
float:right;
color:#9068ab;
}
div.nextprev a.right {
padding-right:13px;
background:url('images/arrow_right.gif') 100% 5px no-repeat;
}
div.nextprev a.left {
padding-left:13px;
background:url('images/arrow_left.gif') 0% 5px no-repeat;
}
div.nextprev div {
width:45%;
margin:0px auto;
}
div.nextprev div div {
width:auto;
padding:0 2px;
margin:0px;
float:right;
}
div.list2 {
width:100%;
padding:10px 0;
overflow:hidden;
clear:both;
text-align:justify;
}
div.list2 p.name {
font:bold 11px tahoma;
color:#9068ab;
}
#content div.vacant {
padding:0px;
margin-top:15px;
border:1px solid #f9e9f2;
}
#content div.vacant div.right {
width:563px;
}
#content div.vacant div.right p {
padding:2px 0;
}
#content div.vacant div.right p a {
color:#9067aa;
}
#content div.vacant div.left img {
border:0px;
}
a.arrow_right {
width:13px;
height:11px;
display:block;
float:right;
background:url('images/arrow_right.gif') 100% 5px no-repeat;
}
a.arrow_left {
width:13px;
height:11px;
display:block;
float:right;
background:url('images/arrow_left.gif') 0% 5px no-repeat;
}
div.pages2 {
width:100%;
padding:10px 0px;
overflow:hidden;
clear:both;
}
div.pages2 div.num {
float:left;
}
div.pages2 div.num a {
width:15px;
height:15px;
margin:1px;
border:1px solid #ececec;
float:left;
display:block;
color:#9067aa;
text-align:center;
background:#f7f7f7;
}
div.pages2 div.num a:hover {
color:#fff;
background:#9067aa;
}
div.pages2 div.num div {
height:15px;
margin:1px;
float:left;
display:block;
}
div.pages2 div.active {
width:15px;
border:1px solid #fff;
text-align:center;
font-weight:bold;
background:#fff;
}
div.pages2 div.nextprev {
width:30%;
padding-top:0px;
overflow:hidden;
float:right;
}
div.pages2 div.nextprev div {
width:auto;
}