body {
    margin: 0;
    padding: 0;
    background: url("img/bright_squares.png") #808080;
    font-family: calibri, "Helvetica Neue", tahoma,"Times New Roman" ;
    min-width: 960px;
}

.wrap {
    display: block;
    margin: 0;
    padding: 2px 2px 0;
    height: 100%;
}
.scroll {
    width: 200%;
    height: 136px;
}
.trimm {
    margin-top: 8px;
    overflow: hidden;
    border-radius: 2px;
    height: 120px;
}
.scroll-content {
    position: absolute;
    top: 48px;
    left: 12px;
    right: 12px;
    padding: 0 16px;
    height: 136px;
    border-radius: 10px;
    box-shadow: 1px 1px 4px grey inset, 1px 1px 4px grey;
}
.site {
    position: relative;
    margin-right: 16px;
    width: 160px;
    height: 120px;
    float: left;
}
.site, .site a {
    border-radius: 2px;
}
.site a {
    display: none;
    color: #f5f5f5;
    line-height: 120px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;

}
.site:hover a {
    display: block;
    background: rgba(58, 58, 58, 0.7);
}
.site[data-title="privivka"] {background: url("img/prev_privivka.gif");}
.site[data-title="medtourism"] {background: url("img/prev-medtour.gif");}
.site[data-title="endocrin"] {background: url("img/prev-endocrin.gif");}
.site[data-title="spid"] {background: url("img/prev_spid.gif");}
.site[data-title="hospital"] {background: url("img/prev-hospital.gif");}
.site[data-title="virology"] {background: url("img/prev-virology.gif");}
.site[data-title="niito"] {background: url("img/prev-niito.gif");}
.site[data-title="medgen"] {background: url("img/prev-medgen.gif");}
.site[data-title="surgery"] {background: url("img/prev-surgery.gif");}
.site[data-title="jhamshira"] {background: url("img/prev-hamshira.gif");}
.site[data-title="symposium"] {background: url("img/prev-symp.gif");}
.site[data-title="uzmedinfo"] {background: url("img/prev-uzmedinfo.gif");}
.site[data-title="ses"] {background: url("img/prev-ses.gif");}
.site[data-title="rpc"] {background: url("img/rpc.gif");}
.site[data-title="infectology"] {background: url("img/Infectology_prev.jpg");}
.site[data-title="sogliq"] {background: url("img/sogliq_prev.jpg");}

#med {
    display: block;
    z-index: 1;
}
.main {
    bottom: 4px;
    position: relative;
    top: 150px;
}
.construct,.screen {
    border-radius: 2px;
    margin: 0 auto;
    box-shadow: 0 0 4px #000;
}
.construct {
    background:  url("img/constr_back.png") no-repeat, url("img/double_lined.png");
    margin: 8px;
    padding: 8px;
}
.construct h2 {
    padding-left: 500px;
    text-align: center;
    margin-top: 8px;
}
#text {
    padding-left: 500px;
    font-style: italic;
    font-size: 18px;
}
#prev {
    color: red;
    font-size: 28px;
    line-height: 12px;
}
.prev {
    color: #3a3a3a;
    font-weight: bolder;
    font-size: 20px;
    font-style: normal;
}
.downtext {
    padding-left: 500px;
    text-align: center;
    margin-top: 40px;
    font-size: 18px;
}
.downtext br {
    margin: 0 0 30px 0;
}
.screen {
    padding: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
}
.hidden {
    display: none;
}
.info {
    display: none;
    height: 596px;
    /*margin: 1px;*/
    border-radius: 2px;
    box-shadow: inset 1px 1px 4px #f5f5f5, 1px 1px 4px #000;
    padding-top: 4px;
    /*background: url("img/paper_3.png");*/
    background: url("img/black-Linen.png");
}
.info img {
    display: block;
    border: 1px solid grey;
    border-radius: 2px;
    margin: 0 auto;
    background: lightgrey;
    text-align: center;
    line-height: 480px;
    box-shadow: 0 2px 4px grey;
}
.info p {
    margin: 0;
    padding: 4px 12px;
    text-align: justify;
    /*color: #3e3e3e;*/
    color: #f5f5f5;
    line-height: 1.1em;
}
.info>p>a {
    text-decoration: none;
    color: #6871ca;
}
.info>p>a:hover {
    /*color: #3a3f75;*/
    color: #f5f5f5;
    text-decoration: underline;
}
.selected {box-shadow: inset 0 0 32px 2px #ffb466;}

/* =========== */
#slideshow #slidesContainer {
    margin:0 auto;
    width:560px;
    height:263px;
    overflow:auto; /* разрешаем прокрутку */
    position:relative;
}
#slideshow #slidesContainer .slide {
    margin:0 auto;
    width:540px;
    height:263px;
    background: #f5f5f5;
}
/**
* Slideshow controls style rules.
*/
.control {
    display:block;
    width:40px;
    height:130px;
    text-align: center;
    text-decoration: none;
    position:absolute;
    cursor: pointer;
    z-index: 5;
    font-size: 60px;
    line-height: 130px;
    background: rgba(75, 75, 75, 0.5);
    color: rgba(211, 211, 211, 0.3);
    box-shadow: 1px 1px 1px #000;
}
.control:hover {
    box-shadow: inset 1px 1px 3px #f5f5f5, 1px 1px 3px #000;
    color: #f5f5f5;
    background: rgba(0, 0, 0, 0.5);
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -transition: 1s;
}
#leftControl {
    top:3px;
    left:4px;
    border-radius: 8px 0 0 8px;
}
#rightControl {
    top:3px;
    right:4px;
    border-radius: 0 8px 8px 0;
}
#uphead {
    text-align: center;
    background: #003366;
    color: #f5f5f5;
    line-height: 40px;
    display: block;
    margin: 0;
}
#uphead a {
    text-decoration: none;
    color: #f5f5f5;
}
#uphead a:hover:after {
    content: attr(data-title);
    position: absolute;
    right: 50%;
    margin-right: -228px;
}
.clear {
    clear: both;
}
#countdown {
    padding: 60px 0 30px 340px;
    text-align: center;
}
#countdown:before {
    content: 'До запуска';
    position: relative;
    font-size: 24px;
    top: -46px;
    margin-left: -20px;
    left: 272px;
    color: #696969;
}
#countdown .position {
    font-weight: bold;
    display: inline-block;
    color: #f5f5f5;
    background: #6871ca;
    margin: 2px;
    line-height: 52px;
    width: 40px;
    border-radius: 10px;
    border: 1px solid darkgrey;
    box-shadow: inset 0 0 3px #010101;
}
.countDays, .countHours, .countMinutes, .countSeconds {
    margin: 4px;
    position: relative;
}
.countDays:after, .countHours:after, .countMinutes:after, .countSeconds:after {
    position: absolute;
    left: 50%;
    top: 40px;
    width: 40px;
    margin-left: -20px;
    color: #696969;
}
.countDays:after {
    content: 'дней';
}
.countHours:after {
    content: 'часов';
}
.countMinutes:after {
    content: 'минут';
}
.countSeconds:after {
    content: 'секунд';
}
.countDiv:after {
    content: ':';
    font-size: 20px;
    font-weight: bold;
}
.footer {
    padding: 4px 12px;
    margin: 0;
}
.footer p {
    width: 800px;
    padding: 0;
    line-height: 1em;
    margin: .5em 0 0;
    font-size: 13px;
    text-align: justify;
    text-indent: 15px;
}
.footer a {
    text-decoration: none;
    color: #808080;
}
.footer a:hover {
    text-decoration: underline;
}
#network {
    margin: 0;
    padding-left: 440px;
}
#network>div {
    width: 560px;
    border: 1px solid #074c99;
    border-radius: 50%/50%;
    margin: 0 auto;
}
#leftlist {
    float: left;
}
#rightlist {
    float: right;
}
#leftlist, #rightlist, .screen {
    height: 584px;
}
#leftlist, #rightlist {
    border-radius: 2px;
    box-shadow: 0 0 4px #000000;
    margin: 0 10px;
    width: 214px;
}
.center {
    display: block;
    text-align: center;
    padding: 4px;
    color: #fdfdfd;
    background: url("img/black-Linen.png");
    border-radius: 2px 2px 0 0;
}
.list {
    height: 560px;
    list-style-type: none;
    margin: 8px 0 0;
    padding: 0;
    overflow: auto;
    text-indent: 14px;
    width: 214px;
    font-size: 14px;
    line-height: 15px;
}
.list a {
    display: block;
    text-decoration: none;
    color: #074c99;
    margin: 2px;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -transition: .3s;
}
.list a:hover {
    color: ghostwhite;
    background: #074c99;
}