body{
    margin:0;
    color: #fff;
    background-color: #210f0d;
    font-family: Tahoma, "Trebuchet MS", Verdana;
    font-size: 100%;
    line-height: 1.5em;
}
a {
    text-decoration: none;
}
#site{
    max-width:1920px;
    margin:0 auto;
    background-image: url('background.jpg');
    background-repeat: no-repeat;
}
.main {
    height:976px;
    display: flex;
}
.main .left {
    width: 640px;
}
.main .left .pane {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 100px 50px 100px 70px;
}
.main .left .pane h1 {
    border-left:7px solid #f50532;
    padding-left:25px;
    margin:0;
    font-size: 40px;
    line-height: 1em;
    font-style: italic;
    padding-top: 15px;
    padding-bottom: 10px;
}
.main .left .triangle {
    width: 640px;
    height: 300px;
    background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0.8) 50%, transparent 50%, transparent 100%);
}
.main .right {
    flex-grow: 4;
}
#top {
    width: 100%;
    display: flex;
}
#top .logo {
    background-color: #f50532;
    flex-grow: 2;
    min-width: 640px;
}
#top .logo img{
    display: block;
    margin: 0 auto;
}
#top .menu {
    background-color: rgba(255, 255, 255, 0.9);
    flex-grow: 3;
    padding: 0 40px;
}
#top .menu ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    margin: 0;
}
#top .menu ul li {
    padding: 0 20px;
}
#top .menu ul li a {
    display: block;
    padding: 30px 5px;
}
#top .menu ul li.active a {
    border-bottom: 3px solid #e10d36;
}
#top .menu a{
    color: #383836;
}
#top .phone-icon {
    background-color: rgba(242, 181, 15, 0.9);
    padding: 20px 25px;
}
#top .phone {
    flex-grow: 1;
    background-color: rgba(245, 5, 50, 0.9);
}
#top .phone p {
    text-align: center;
    margin: 30px;
    font-size: 20px;
}
#top .phone a {
    color: #fff;
    font-style: italic;
}
footer {
    background-color: #f6172c;
    text-align: center;
}
.contact_page {
    border-top:1px solid #fff5b9;
    background-color: #ffb900;
    display:flex;
    color: #fff;
}
.contact_page a{
    color: #de2c06;
}
.contact_page .form{
    padding-left: 90px;
    min-width: 580px;
}
.contact_page .form div{
    margin: 10px 0;
}
.contact_page .form input{
    width: 100%;
}
h2 {
    border-left:7px solid #f50532;
    padding-left:25px;
    padding-top: 15px;
    padding-bottom: 10px;
}
input[type="text"],input[type="password"] {
    border: 1px solid #e02709;
    background-color: #f5172c;
    font-size: 100%;
    line-height: 1.5em;
    color: #fff;
    padding: 10px;
}
select {
    border: 1px solid #e02709;
    background-color: #f5172c;
    font-size: 100%;
    line-height: 1.5em;
    color: #fff;
    padding: 10px;
    width: 100%;
}
input[type="text"]::placeholder,input[type="password"]::placeholder {
    color: #fff;
}
textarea {
    padding: 10px;
    border: 1px solid #e02709;
    background-color: #f5172c;
    font-family: Tahoma, "Trebuchet MS", Verdana;
    font-size: 100%;
    line-height: 1.5em;
    color: #fff;
    width: 100%;
    height: 300px;
}
textarea::placeholder {
    color: #fff;
}
input[type="submit"] {
    border: 1px solid #e02709;
    background-color: #f5172c;
    font-size: 100%;
    line-height: 1.5em;
    color: #fff;
    padding: 10px;
}
.content {
    border-top:1px solid #fff5b9;
    background-color: #ffb900;
    display:flex;
    color: #fff;
}
.content .left img{
    display:block;
}
.content .left_bg {
    background-image: url('left_bg.jpg');
    width: 640px;
}
.content .left_bg h1{
    margin-left: 10px;
}
.content .menu {
    list-style: none;
    padding: 0;
    margin: 0 0 0 20px;
}
.content .menu a{
    color:#fff;
}
.content .cart {
    float: right;
}
.content .right {
    padding: 0 150px 0 90px;
    flex-grow: 1;
}
.content a{
    color: #de2c06;
}
#filter_form select {
    width: auto;
}
table.normal{
    border-collapse: collapse;
    font-size: 0.75em;
}

table.normal td{
    border:1px solid #C1DAD7;
    padding:2px 4px;
}

table.normal th{
    letter-spacing:2px;
    font-weight: normal;
    border:1px solid #C1DAD7;
    color:#fff;
    text-transform: uppercase;
    padding:3px 40px;
}

table.outside{
    border:1px solid #fff;
    padding: 15px;
}

table.fields tr > td:first-child{
    text-align: right;
}
/*
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
 *
 * Use of this source code is governed by the Apache License, Version 2.0.
 * See the COPYING file for details.
 */

/*
 * Standard styling for goog.ui.Dialog.
 *
 * @author ssaviano@google.com (Steven Saviano)
 * @author attila@google.com (Attila Bodis)
 * TODO: change colors
*/
.modal-dialog {
background: #c1d9ff;
border: 1px solid #3a5774;
color: #000;
padding: 4px;
position: absolute;
outline: none;
}

.modal-dialog a,
.modal-dialog a:link,
.modal-dialog a:visited  {
color: #06c;
cursor: pointer;
}

.modal-dialog-bg {
background: #666;
left: 0;
position: absolute;
top: 0;
}

.modal-dialog-title {
background: #e0edfe;
color: #000;
cursor: pointer;
font-size: 120%;
font-weight: bold;

/* Add padding on the right to ensure the close button has room. */
padding: 8px 31px 8px 8px;

position: relative;
_zoom: 1; /* Ensures proper width in IE6 RTL. */
}

.modal-dialog-title-close {
/* Client apps may override the URL at which they serve the sprite. */
background: #e0edfe url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -528px 0;
cursor: default;
height: 15px;
position: absolute;
right: 10px;
top: 8px;
width: 15px;
vertical-align: middle;
}

.modal-dialog-buttons,
.modal-dialog-content {
background-color: #fff;
padding: 8px;
}

.goog-buttonset-default {
font-weight: bold;
}