@import 'fonts/font.css';

body, td {font-family: Trebuchet, sans-serif; font-size: 14px; font-weight: normal; color: #000000;}
body {margin: 0; padding: 0; background-color: #FFFFFF;}

h1 {font-family: 'helveticaneuecyrultralight', 'Trebuchet', sans-serif; font-size: 52px; font-style: normal; color: #000000; font-weight: normal; margin: 0 0 10px 0; letter-spacing: 4px;}

h2 {font-family: 'helveticaneuecyr', 'Trebuchet', sans-serif; font-size: 36px; font-style: normal; font-weight: bold; margin: 30px 0 10px 0; letter-spacing: 1px;}

h3 {font-family: Trebuchet, sans-serif; font-size: 24px; font-style: normal; color: #000000; font-weight: normal; margin: 0 0 10px 0;}

h4 {font-family: Trebuchet, sans-serif; font-size: 18px; font-style: normal; color: #000000; font-weight: normal; margin: 20px 0 4px 0;}

p {margin: 0 0 30px 0;}

img.menupic {border: 0; margin: 0 0 10px 0;}

a {text-decoration: underline; color: #2a87ad;}
a:hover {text-decoration: underline; color: #2a87ad;}

a.menulink {font-size: 15px; font-weight: normal; color: #2a87ad; text-decoration: none; border-bottom: 1px solid #bfe1ef; line-height: 23px;}
a.menulink:hover { color: #4aa7cd; }
td.menutd {font-size: 15px; font-weight: normal; color: #a0a0a0; padding: 0 0 5px 0; line-height: 23px;}

a.menu2link {font-size: 20px; font-weight: normal; color: #00cf27; text-decoration: none; border-bottom: 1px solid #00cf27;}
a.menu2link:hover {color: #40ef67;}
td.menu2td {font-size: 20px; font-weight: normal;}

.menu2text {color: #cacaca; font-size: 20px;}

a.menu3link {font-family: Trebuchet, sans-serif; font-size: 17px; font-weight: normal; color: #fff; text-decoration: none; background-color: #5ebfe7; padding: 4px 8px;}
a.menu3link:hover {color: #fff; background-color: #8ad7fd;}

span.pagenow {color: #000000; font-family: Trebuchet, sans-serif; background-color: #dadada; padding: 4px 8px; font-size: 17px;}

table.suğmenu td {font-size: 11px; font-weight: normal; color: #2a87ad;}

span.tail {color: #000000;}


.item {display: inline-block; text-align: left; vertical-align: top; width: 300px;}
.itemphoto {border: 0px solid red; position: relative; max-width: 300px;}
/*img.itempic {border: 0px solid #606060; margin: 40px 0 6px 0;}*/
img.itempic {width: 100%; max-width: 250px; border: 0px solid #606060; margin: 0 0 6px 0;}
.realphotocontainer {position: absolute; bottom: 70px; right: 20%; width: 100px; height: 100px; text-align: left; border: 0px solid red; font-size: 12px;}
.realphoto {margin: 0 0 -10px 0;}
.realtag {line-height: 16px; background-color: #5ebfe7; padding: 5px; color: #fff; letter-spacing: 1px;}
 
div.formator {width: 200px; border: 0px solid red;}
div.subbuket { text-align: left; margin-left: 50px; border: 0px solid red;}

span.title {font-family: Trebuchet, sans-serif; font-size: 13pt; font-weight: bold;}
span.type {font-family: Trebuchet, sans-serif; font-size: 11pt; font-weight: normal; font-style: italic;}
span.description {font-family: Trebuchet, sans-serif; font-size: 10pt;}
span.cost {font-family: Trebuchet, sans-serif; font-size: 28pt; font-weight: bold; color: #000000;}
span.oldcost {font-family: Trebuchet, sans-serif; font-size: 15pt; font-weight: normal; text-decoration: line-through; color: #a0a0a0;}
span.rub {font-family: Trebuchet, sans-serif; font-size: 18pt; font-weight: bold; color: #000000; line-height: 12px;}
span.size {font-family: Trebuchet, sans-serif; font-size: 11pt; color: #000000;}



span.title_s {font-family: Trebuchet, sans-serif; font-size: 12pt; font-weight: bold;}
span.type_s {font-family: Trebuchet, sans-serif; font-size: 10pt; font-weight: normal; font-style: italic;}
span.description_s {font-family: Trebuchet, sans-serif; font-size: 9pt;}
span.cost_s {font-family: Trebuchet, sans-serif; font-size: 18pt; font-weight: bold; color: #000000;}
span.oldcost_s {font-family: Trebuchet, sans-serif; font-size: 11pt; font-weight: normal; text-decoration: line-through; color: #a0a0a0;}
span.rub_s {font-family: Trebuchet, sans-serif; font-size: 13pt; font-weight: bold; color: #000000;}
span.size_s {font-family: Trebuchet, sans-serif; font-size: 9pt; color: #000000;}

span.title_b {font-family: Trebuchet, sans-serif; font-size: 24pt; font-weight: bold; line-height: 28px;}

span.gray {font-size: 12pt; color: #bcbcbc;}
span.smallgray {font-size: 10pt;}
span.smallgray {font-size: 10pt; color: #bcbcbc;}
span.smallblack {font-size: 10pt; color: #000000;}

a.small {font-size: 10pt; text-decoration: underline; color: #2a87ad;}
a.small:hover {font-size: 10pt; text-decoration: underline; color: #2a87ad; }

span.small {font-size: 10pt;}

span.phone {font-size: 26px; color: #000000; font-family: Georgia, serif; text-decoration: none; color: #000;}
span.phonecode {font-size: 18px; color: #000000; font-family: Georgia, serif; text-decoration: none; color: #000;}

span.adress {font-size: 17px;}
a.address {color: #2a87ad; text-decoration: none; border-bottom: 1px solid #bfe1ef;}
a.address:hover {color: #888888;}

span.counter {font-size: 22pt; color: #000000;}

/*
div.op_note1 {width: 100px; height: 94px; margin: 0 0 0 0; background-image: url('/confs/2008/newtech/img/op_note1.gif'); }
div.cl_note {width: 100px; height: 94px; background-image: url('/confs/2008/newtech/img/cl_note.gif')}

div.publication {width: 278px; height: 270px; padding: 0 5px 0 0; float: left; text-align: center; border: 0px solid red;}
*/


div.shift { padding: 0 0 0 100px;}

span.colorquotes {font-size: 32px;}

.courier {width: 150px;}
.zakazbutt {text-decoration: none; border: 0px solid #000; border-radius: 3px; padding: 12px 15px; color: #fff; letter-spacing: 1px; font-size: 16px; background-color: #2b9e39;}



.perestroika {
    display: table;
}

.pervy {
    display: table-cell;
}

.vtoroy {
    display: table-cell;
}

.perevorot {
    display: table;
    width: 100%;
}

.nikolaipervy {
    display: table-cell;
}

.nikolaivtoroy {
    display: table-cell;
}



@media screen and (max-width: 960px) {

body, td {font-size: 13px;}
h1 { font-size: 36px; }
h2 {font-size: 24px;}


a.menu2link {font-size: 16px; line-height: 24px;}
.menu2text {font-size: 16px; line-height: 24px;}

a.menu3link {font-size: 14px; line-height: 32px; padding: 5px 10px;}
span.pagenow {font-size: 14px; line-height: 32px; padding: 5px 10px;}


.item {width: 170px;}
.itemphoto {width: 170px; max-width: 170px;}
img.itempic {width: 170px;}
.realphotocontainer {bottom: 20px; right: 0%; width: 70px; height: 100px; font-size: 11px; border: 0px solid red;}
.realphoto {width: 70px; margin: 0 0 -10px 0;}
.realtag {line-height: 18px; padding: 5px; letter-spacing: 1px;}

div.formator {width: 170px; border: 0px solid green;}
div.subbuket {margin-left: 40px;}

span.title {font-size: 18px;}
span.type {font-size: 14px;}
span.description {font-size: 13px;}
span.cost {font-size: 21px;}
span.oldcost {font-size: 18px;}
span.rub {font-size: 18px; line-height: 21px;}
span.size {font-size: 16px;}

span.gray {font-size: 13pt;}
span.smallgray {font-size: 11pt;}
span.smallgray {font-size: 11pt;}
span.smallblack {font-size: 11pt;}

.courier {width: 120px;}
.zakazbutt { padding: 10px 15px; font-size: 14px; }


    .perestroika {
        display: table;
		width: 95%;
    }
    .pervy {
        display: table-header-group;
		width: 100% !important;
    }
    .vtoroy {
        display: table-row-group;
		width: 100% !important;
    }
    .tretiy {
        display: table-footer-group;
		width: 100% !important;
    }
    .perevorot {
        display: table;
    }
    .nikolaipervy {
        display: table-footer-group;
    }
    .nikolaivtoroy {
        display: table-header-group;
    }


}