/* ОБЩИЕ */
header {
width: 80%;
height: auto;
float: left;
text-align: left;
}

#buy {
width: 20%;
height: 25px;
float: left;
padding: 20px 0 10px 0;
text-align: right;
}

#buy a{
font: 120% Roboto Bold;
color: white;
border-radius: 6px;
background-color: Crimson;
padding: .3rem 2rem;
}

#buy a:hover {
background: url(../img/bg.gif);
}

#click {
width: 160px;
height: 25px;
float: left;
text-align: center;
}

#click a {
display: block;
border-radius: 6px;
background-color: Crimson;
color: white;
font: 120% Roboto Bold;
padding: .3rem 0;
margin-top: 20px;
}

#click a:hover {
background: url(../img/bg.gif);
}

#price {
width: 100%;
height: auto;
clear: both;
text-align: right;
}

#price span {
font: 130% Roboto Bold; 
color: Gray;
margin-top: 20px;
}


s {
font: 130% Roboto Bold;
text-decoration: line-through;
color: Pink;
}

.line2 {
width: 100%;
height: auto;
clear: both;
font: normal italic 80% Roboto;
color: Pink;
text-align: right;
}

.line3  {
width: 48%;
height: auto;
float: left;
text-align: left;
}

.line4  {
width: 48%;
height: auto;
float: left;
text-align: right;
}

#column1 {
width: 30%;
height: auto;
float: left;
padding: 1%;
text-align: center;
}

#column2 {
width: 66%;
height: auto;
max-height: 800px;
float: left;
padding: 1%;
text-align: center;
}

#column2 .discount {
position: absolute; top: 260px; left: 45%; 
width: 7%; height: auto; transform: rotate(25deg);
}

#column2 .all {
position: absolute; top: 260px; right: 27%; 
width: 7%; height: auto; transform: rotate(-25deg);
}

#column2 img {width: 100%;
height: auto;
}

#supply, .supply {width: 50%;
text-align: right;
height: 25px;
float: left;
margin-top: 20px;
}

#supply a, .supply a{
font: 120% Roboto Bold;
color: white;
border-radius: 6px;
background-color: Crimson;
padding: .3rem 2rem;
}

#supply a:hover, .supply a:hover {
background: url(../img/bg.gif);
}

.care {width:100%; font-weight:700; font-style: italic; color: #09f; margin-top: 10px;}
.doc {width:100%; height: 1500px; border: none;}

/* ТАБЛИЦА */
table {
width: 100%;
margin-top: 2%;
}

tr:first-child td, tr:last-child td {
background: Silver;
color: White;
font-weight: bold;
height: 30px; 
text-align: center; 
white-space: nowrap; 
}

tr:nth-child(even) {
background: #eee;
}

th {color: #09f; font-weight: 700; padding-left: 20px; background: White; text-align: left;}
td {padding: 1px 5px;}

td .link {
color: Crimson;
font-weight: bold;
}
td .link:hover {
color: Silver;
}

td b:hover {
color: Crimson;
}

.tco td + td {
text-align: center; 
}

/* tr td: nth-child (1n + 2) {text-align: left; }*/


/* МЕДИА ЗАПРОС для ширины в 1000px */
@media only screen and (max-width : 1000px){

#column1 {
display:none;;
}
#column2 {
width: 98%;
}
#column2 .discount {top: 250px; left: 45%; 
width: 10%;
}
#column2 .all {top: 240px; right: 15%; 
width: 10%;
}
}

/* МЕДИА ЗАПРОС для ширины в 600px */
@media only screen and (max-width : 600px){

#column2 .discount {top: 190px; left: 10%; width: 20%;
}
#column2 .all {top: 185px; right: 15%; width: 20%;
}
}