* {
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    html {
        font: 14pt 'Fira Sans Extra Condensed', sans-serif;
        line-height: 1.6em;
        #text-shadow: 0px 0px 0px #000;

        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        bottom: 0px;
        #overflow: hidden;
    }

    body {
        width: 100%;
        display: flex;
        flex-flow: column nowrap;
    #    overflow: auto;
        background-color: #cccccc;
    }

    .body {
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        align-self: center;
    }
        .maindiv {
            background-color: rgba(255, 255, 255, 0.0);
            padding: 0px;
            padding-top: 0px;
            padding-bottom: 0px;
            width: 100%;
            margin-bottom: -9px;
            align-self:center;
        }


        .content_div {
            #background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,1) 100%); /* W3C */
            #background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
            background: #ffffff; /* Chrome10+,Safari5.1+ */
            order: 2;
            width: 100%;
        }
            article {
                padding: 60px;
                padding-top: 40px;
                height: 100%;
            }
                article ul {
                    padding-left: 40px;
                }
                    article li {
                        padding-left: 0px;
                        list-style-type: disc;
                    }

                    .li_custom {
                        list-style-type: none; /* Прячем исходные маркеры */
                        padding-left: 0px;
                    }
                    .li_custom:before   {
                        content: "•"; /* Сам маркер */
                        padding-right: 10px;
                        margin-left: -17px;
                        font-size: 20px;
                    }

                    .li_red:before {
                        color: red;
                    }
                    .li_green:before {
                        color: green;
                    }
        .menu_div {
            border-right:1px inset #ccc;
            width: 500px;
            padding: 0px;
            display: block;
            flex-flow: column nowrap;
            order: 1;
            resize: horizontal;
            background: #fff;
        }
            .menu1 {
            #    width: 300px;
            #    height: 100%;
            }

            .menu2 {
                display: flex;
                flex-flow: column wrap;
                padding: 20px;

            }
                .menu2 ul {
                    list-style-type: disc;
                    padding-left: 20px;
                }

                .menu2 li {
                    list-style-type: none;
                    padding-left: 10px;
                    padding-bottom: 10px;
                }


    .footer {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        background: #fff;
        width: 100%;
        align-self: center;
        height: 100px;
        text-align: center;
        border-top: 1px solid #ccc;
    }

    /* Контент и общие элементы */
    p {
        text-indent: 0em;
        padding-bottom: 1em;
        padding-left: 20px;
    }


    h1, h2 {
        padding-top: 0em;
        padding-bottom: 1em;
        padding-left: 10px;
        color: #003399;
    }

    ul {
    	padding-bottom: 20px;
    }

    abbr {
     border-bottom: 1px dashed blue; /* Подчеркивание текста */
     color: maroon; /* Цвет текста */
    }

    a {
        color: #003399;
        border-bottom: 1px solid;
        text-decoration: none;
    }

    a:hover {
        color: #0000ff;
        text-decoration: none;
        border-bottom: 0px solid;
    }


    h1.entry {
  		text-align:	right;
  		padding-bottom: 20px;
  	}

  	h2.entry {
  		padding-top: 40px;
  		padding-bottom: 20px;
  	}


  	img.entry {
  		border: 0px solid;
  		float:	left;
  		margin-right: 40px;
  		margin-bottom: 40px;
  	}

  	h3 {
  	    text-align: center;
    }

  	ul.entry {
  		font-weight: bold;
  		float:	left;
  		padding:	20px;
  	}

    .logo {
        width: 100%;
        border: 0px;
    }

    .preview.header {
		overflow: hidden;
	}

	h1.preview {
		padding-bottom: 20px;
		text-align:	left;
	}

	.floatleft {
        max-width: 100%;
        max-height: 320px;
    }

    figure {
        max-width: 320px;
        max-height: none;
        float: left;
        padding: 0px;
        padding-right: 20px;
        padding-bottom: 20px;
        text-align: center;
    }


	h3.preview {
	  padding:	0px;
	  padding-top:	15px;
	}

	ul.preview {
		font-style:	italic;
		padding:	40px;
		padding-top:	5px;
	}

	ul.preview li {
		display:	inline;
		padding:	10px;
	}

.ul_menu {
    color: #cccccc;
    cursor: pointer;
    text-decoration: none;
    #text-shadow: 0px 1px 0px #000;
    border-bottom: 1px dotted;
    font-weight: normal;
}
.ul_menu:hover {
    color: #ffffff;
}

.ul_menu_big {
#    color: #008080;
    color: #003399;
    font-size: 16pt;
    text-decoration: none;
    text-shadow: 0px 0px 1px #fff;
    text-transform: uppercase;
    font-weight: bold;
    cursor: default;
}

.ul_menu_big:hover {
    color: #000;
    cursor: default;
}

  a.menu {
    color: #000000;
    #text-shadow: 0px 0px 1px #ffffff;
    text-decoration: none;
    //font-size: 11pt;
    font-weight: bold;
  }
  a.menu:hover {
    color: #003399;
    text-decoration: none;
  }

      a.selected {
        color: #003399;
        font-size: 14pt;
        font-weight: bold;
        text-decoration: none;

      }

  figcaption {
    font-style: italic;
  }

  .bg_green{
    background-color: #ccffcc
  }

  th {
    text-align: left;
  }

  /* Таблица услуг */
  .uslugi-table {border-spacing: 1px; background: #cccccc; text-shadow: none; width: 100%;}
    .uslugi-table tr{ background: #003399; font-weight: bold; text-align: center;}
    .uslugi-table td{ background: #ffffff; padding: 10px;}
    .uslugi-table th{ background: #003399; padding: 10px; font-weight: normal; color: #fff; text-align: center;}

.price {
    clear: right;
}

.price-card {
    width: 25%;
    float: left;
    padding: 5px;
}


/* Спецпредложения */
.offer {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    width: 100%;
    padding: 0px;
    #background: #696;
}
    .offer > table{
        #border: 10px solid white;
        width: 25%;
        min-width: 200px;
    }

    .offer .div1{
        #background: #966;
        width: 50%;
        min-width: 300px;
        padding: 10px;
        align-self: center;
    }
        .offer .div1 > table{
            border: 10px solid white;
        }


    .offer .div2{
        display: flex;
        flex-flow: column nowrap;
        #background: #669;
        width: 50%;
        min-width: 300px;
        padding: 10px;
    }
        .offer .div2 > table{
            border: 10px solid white;
        }


.button_large {
    background: #4775A3;
    padding: 10px;
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0px;
}

.button_large:hover {
    background: #336699;
    padding: 10px;
    color: #fff;
    text-decoration: none;
}


.gold {
    font-size: 25px;
    font-weight: bold;
    color: gold;
    text-shadow: 0px 0px 15px yellow;
}

.silver {
    font-size: 16px;
    font-weight: bold;
    color: goldenrod;
}


/* Экраны среднего размера */
       @media screen and (max-width: 1200px) {
       /* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { */

            .body {
                flex-flow: column nowrap;
                height: auto;
                width: 100%;
            }

            .footer {
                width: 100%;
            }
            .maindiv {
                width: 100%;
            }
            .menu_div {
                width: 100%;
            }

            article {
                padding: 20px;
            }


        }



/* фоторама */
.fotorama__html div,
.fotorama__html a {
    display: block;
    height: 100%;
    /* Transparent links are not clickable in IE,
       but non-existent background fixes this.
      (Put an empty 1×1 image here to avoid
       errors in console.) */
    background: url(1px.gif);
}

.main_div_1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 0px;
    border-bottom: 1px solid lightgrey;
    border-top: 0px;
}
    .main_div_1_info {
        min-width: 400px;
        background: #ffffff;
        width: 100%;
        padding: 40px;
        text-align: center;
        font: 18pt 'Fira Sans Extra Condensed', sans-serif;
        font-weight: bold;
        vertical-align: middle;
        flex-grow: 2;
        color: #333333;
    }

.main_div_3 li a{display: block;color: #fff;height: 240px; background-size: cover;background-position: 50%;position: relative; outline: none; text-decoration: none;}
.main_div_3 li a:before{
    content: "";position: absolute;top: 0;bottom: 0;right: 0;left: 0;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    z-index: 0;
}
.main_div_3 li a:hover:before{background: linear-gradient(to bottom,rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);}
.main_div_3 li p{position: absolute;left: 20px;bottom: 20px;right: 20px; color: #ffffff; padding-bottom:0px; font: 12pt 'Fira Sans Extra Condensed', sans-serif;}

.main_div_3{
        background: #ffffff;
        height:auto;
        align-self: center;
        padding: 20px;
        border: 0px;
        min-width: 360px;
    }
    
    .main_div_2_info {
        background: #ffffff;
        width:100%;
        display: flex;
        flex-direction: column;
        padding: 10px;
    }

a.zakaz_button_href {
    background: #003399;
    font: 10pt !important;
    font-weight: bold;
    color: #ffffff !important;
    padding: 10px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
}
a.zakaz_button_href:hover {
    background: #000000;
}

a.main_menu_href {
    font: 20pt 'Fira Sans Extra Condensed';
    font-weight: bold;
    color: #003399 !important;
    text-decoration: none;
    border: 0px;
}
a.main_menu_href:hover {
    color: #000000 !important;
    text-decoration: none;
    border: 0px;
}

.zakaz_div {
    display: flex;
    flex-flow: row;
}

.zakaz_checkbox1 {
    display: flex;
}

.zakaz_checkbox2 {
    display: none;
}


.zakaz_fields_div {
    min-width: 400px;
}
.zakaz_textarea_div {
    margin-left: 20px;
    min-width: 400px;
}


a.zakaz_submit_href1 {
    background: #009040;
    width: 100%;
    display: block;
    font: 10pt !important;
    font-weight: bold;
    color: #ffffff !important;
    padding: 10px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
}
a.zakaz_submit_href1:hover {
    background: #000000;
}
a.zakaz_submit_href2 {
    background: #009040;
    width: 100%;
    display: none;
    font: 10pt !important;
    font-weight: bold;
    color: #ffffff !important;
    padding: 10px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
}
a.zakaz_submit_href2:hover {
    background: #000000;
}