<!--
body
{
 font-family:  Arial, sans-serif; 
 background:#f3ead0; 
 margin:0px;
 padding:0px;
 font-size: 80%;
 color: #000000;
 line-height:120%;
}


table
{
	border-collapse: collapse;
	width: 100%;
}

td
{
	margin: 0em;
	padding: 0em;
	vertical-align: top;
    font-family: Arial, sans-serif;
    color: #000000;
    font-size: 80%;
    line-height:120%;
}

table.bot td
{vertical-align: middle;}

.tab { border-collapse: separate; width:auto;}
.tab td {padding: 5 5 5 5px;}
.tab thead td {background-color:#dfd3b1; font-weight:bold; color:#7f450c;}


.tit {font-size:110%; font-weight:bold; font-style:italic; line-height:120%;}
.pages {word-spacing:4px; color:#ed0000;}
.i_border{border:6px #dfd3b1 solid;}
.red{color: #c66200;}
.grey{color: #808080;}


h1
{font-size: 200%; line-height:120%; font-weight:normal; margin:40 0 15 0px; color:#d07215; font-style:italic;}

h2
{font-size: 270%; line-height:100%; font-weight:normal; margin:0 0 10 0px; color:#2f73d7;}

h3
{font-size: 130%; line-height:100%; font-weight:normal; margin:0 0 5 5px; color:#2f73d7;}

h4
{font-size: 150%; line-height:100%; font-weight:normal; margin:0 0 10 0px;}

h5
{font-size: 110%; line-height:90%; font-weight:bold; margin:30 0 10 0px;}

a {color: #266cd2; text-decoration: underline; }
a:hover { text-decoration:none; color: #266cd2; }

a.a_big {font-size:110%; font-weight:bold; font-style:italic; line-height:130%; color:#266cd2; text-decoration: underline; }
a.a_big:hover {text-decoration: none; color: #266cd2;}

a.a_black {font-size:110%; font-weight:bold; font-style:italic; line-height:130%; color:#000000; text-decoration: underline; }
a.a_black:hover {text-decoration: none; color: #000000;}


a.a_gr {font-size:150%; line-height:120%; color:#266cd2; text-decoration: underline;}
a.a_gr:hover {text-decoration: none; color: #266cd2;}

    ul.menu
    {
        padding: 0 0 5 20px;
        margin-left: 10px;
    }
    ul.menu li
    {
         margin: 0 0 3 0px;
    }

hr {color: #e89e55; border:1px dotted #e89e55;}


    .blur .t,
    .blur .r,
    .blur .b,
    .blur .l,
    .blur .c
    {
        position: relative;
        z-index: 1;
        display: block;
        background-repeat: no-repeat;
        background-position: left top;
        left: 0; top: 0;
    }
    .blur .t { left: -10px; top: -10px; }
    .blur .r { background-position: right top; left: 20px; }
    .blur .b { background-position: right bottom; top: 20px; }
    .blur .l { background-position: left bottom; left: -20px; }
    .blur .c { left: 10px; top: -10px; margin-right: 10px; }

    #example { background: #aeb0b1; }
    #example .blur { background: #ffffff; //border: 1px solid #ffffff; }
    #example .blur .t { background-image: url('blur-t.gif'); }
    #example .blur .r { background-image: url('blur-r.gif'); }
    #example .blur .b { background-image: url('blur-b.gif'); }
    #example .blur .l { background-image: url('blur-l.gif'); }
    #example .blur .reducer { padding: 1em; }


/* выпадающее меню начало */

/* выпадающее меню конец */



/* делаем фотогалерею */

.thumbnails
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -3em 0 0 -4em;

/* Выравнивание по центру */
text-align: left;
}

.thumbnail
{
/* Убираем подчеркивание у элемента ins,
который был использован для совместимости со старыми версиями Internet Explorer */
text-decoration: none;

/* Следующее правило для Firefox 2 */
display: -moz-inline-box;

/* а это для остальных */
display: inline-block;

vertical-align: top;

/* Убираем выравнивание по центру */
text-align: left;

/* Отступы между блоками */
margin: 3em 3em 0em 4em;
 

}

.thumbnail .r
{
/* Если есть необходимость, то свойства padding, border, background и position со значением relative
лучше задавать у этого элемента -- это несколько расширит количество поддерживаемых версий браузеров */

/* Задаем минимальную ширину по тексту */
width: 12em;

/* Минимальная ширина в пикселях будет автоматически рассчитываться по ширине картинки */
float: left;

}

/* делаем фотогалерею конец*/



FORM {MARGIN:0px;}

input {
    font-size:12px;
 }




-->