html {

}

body {
    background-color: #ffffff;
    background-image: url('../../images/mainbckgrd.jpg');
    background-repeat: repeat;
    background-attachment:fixed;
    cursor: default;
}

/*главный заголовок с названием учреждения*/
#main_Title {
    position: relative;display: block;
    -moz-min-width: 900px;-ms-min-width: 900px;-o-min-width: 900px;-webkit-min-width: 900px;min-width: 900px;
    padding: 2px 0 3px 0;
    text-align: center;
    font-family: Georgia;font-weight: normal;font-size: 14px;color: #014282;
    -ms-text-shadow: 0px 1px 0px #f0f0f0;text-shadow: 0px 1px 0px #f0f0f0;

    background: #ffffff;
}

/*ШАПКА САЙТА*/
div.headerDiv {
    position: relative;
    height: 100px;
    -moz-min-width: 900px;-ms-min-width: 900px;-o-min-width: 900px;-webkit-min-width: 900px;min-width: 900px;
    border-top: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    z-index: 1;

    background: #ffffff;

    background: rgb(179,220,237);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNiM2RjZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(179,220,237,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(179,220,237,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(179,220,237,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(179,220,237,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(179,220,237,1) 0%,rgba(255,255,255,1) 100%);
    background: radial-gradient(ellipse at center,  rgba(179,220,237,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#ffffff',GradientType=1 );

    -webkit-box-shadow: 0px 0px 9px 0px #777777; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 9px 0px #777777; -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
    -o-box-shadow: 0px 0px 9px 0px #777777; -o-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
    -ms-box-shadow: 0px 0px 9px 0px #777777; -ms-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 9px 0px #777777; box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
}
/*таблица-логотип Департамента образования города Москвы*/
table.departTbl {
    position: absolute; top: 0px; left: 10px;
    z-index: 2;
}
table.departTbl td {
    /*border: 1px #000000 solid;*/
    vertical-align: middle;
}
table.departTbl td a#depart_logo {
    display: inline-block;
    margin: 8px 5px 0 0;
    cursor: pointer;
}
table.departTbl td span#span1 {
    display: inline-block; 
    font-family: Times New Roman;font-size: 8px;font-weight: bold; color: #58595b;
}
table.departTbl td span#span2 {
    display: inline-block; 
    font-family: Times New Roman;font-size: 8px;font-weight: bold; color: #58595b;
}
table.departTbl td span#span3 {
    display: inline-block; 
    font-family: Times New Roman;font-size: 8px;font-weight: bold; color: #008acd;
}

/*логотип Севастопольца*/
a#seva_logo {
    display: inline-block;position: absolute;
    top: 0px;right: 40px;
    cursor: pointer;
}

/* Надпись КВЕСТ-ИГРА "ХРАНИТЕЛИ ИСТОРИИ" */
h1.h1_gameName {
    position: absolute;display: inline-block;
    top: 36px;left: 230px;
    font-family: Georgia;font-weight: normal;font-size: 22px;color: #ffffff;

    -ms-text-shadow: 0px 0px 1px #111111, 0px 1px 2px #333333, 0px 1px 3px #444444;
    text-shadow: 0px 0px 1px #111111, 0px 1px 2px #333333, 0px 1px 3px #444444;
    letter-spacing: 0.1em;

    z-index: 2;

    -webkit-transform: scaleY(1.4);
    -moz-transform: scaleY(1.4);
    -ms-transform: scaleY(1.4);
    -o-transform: scaleY(1.4);
    transform: scaleY(1.4);
}

/* Анимированная картинка КОМПАС */
img.compas {
    position: absolute;display: inline-block;
    top: 10px;left: 145px;
    line-height: 0;

    -webkit-animation: rotation 9s infinite ease;	
	-moz-animation: rotation 9s infinite ease;
	-o-animation: rotation 9s infinite ease;
    -ms-animation: rotation 9s infinite ease;
    animation: rotation 9s infinite ease;
}

/*
div.headerDivSub {
    position: relative;width: 1024px;
    margin: 0 auto 0 auto;
}
div.headerDivSub #titleName {
    position: absolute; display: inline-block;
    top:3px; left: 400px;
    font-family: 'OpenSansRegular', Georgia; font-size: 30px; font-weight: normal; color: #13426b;
    -ms-text-shadow: 2px 2px 0 #777; text-shadow: 1px 1px 0 #777;
}
.headContacts {
    position: absolute; display: inline-block;
    left: 20px; top: 5px;
}
.preambuleTel {
    position: relative; display: inline-block;
    width: 35px;height: 35px;
    background-image: url(/images/telicon.png);
    background-repeat: no-repeat;
    background-position: center center;

    -webkit-box-shadow: 0px 0px 5px 0px #000000; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px #000000; -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 0px 5px 0px #000000; -o-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -ms-box-shadow: 0px 0px 5px 0px #000000; -ms-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px #000000; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
.preambuleMail {
    position: relative; display: inline-block;
    width: 35px;height: 35px;
    background-image: url(/images/mailicon.png);
    background-repeat: no-repeat;
    background-position: center center;

    -webkit-box-shadow: 0px 0px 5px 0px #000000; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px #000000; -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 0px 5px 0px #000000; -o-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -ms-box-shadow: 0px 0px 5px 0px #000000; -ms-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px #000000; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
.contactText {
    font-family: 'OpenSansRegular', Georgia; font-size: 14px; font-weight: bold; color:#4b4b4b;
    -ms-text-shadow: 1px 1px 0 #cccccc; text-shadow: 1px 1px 0 #ccc;
    vertical-align: middle;
    padding: 0 0 0 10px;
}
.contactPreText {
    text-align: left;
    vertical-align: middle;
}
*/

/*блок с кнопками соцсетей*/

div#divSocialWrap {
    position: absolute; display: inline-block;
    top:72px;right: 0px;
    width: 150px;
}
/*div#divSocialTitle {
    padding: 0 0 0 5px;
}
div#divSocialTitle span {
    font-family: Georgia;font-size: 14px;font-weight: normal;color: #014282;
}
div#divSocialBtns {
    padding: 5px 0 0 0;
}
div#divSocialBtns a#vkBtn {
    background-image: url(../../images/socail_vk.png?v=0);
}
div#divSocialBtns a#fbBtn {
    background-image: url(../../images/socail_fb.png?v=0);
}
div#divSocialBtns a#twitBtn {
    background-image: url(../../images/socail_twit.png?v=0);
}
div#divSocialBtns a#okBtn {
    background-image: url(../../images/socail_ok.png?v=0);
}
div#divSocialBtns a#instaBtn {
    background-image: url(../../images/socail_insta.png?v=0);
}
div#divSocialBtns a#ytBtn {
    background-image: url(../../images/socail_yt.png?v=0);
}
div#divSocialBtns a {
    position: relative; display: inline-block;
    width: 32px;height: 32px;
    margin: 0 -4px 0 0;

    background-position: center center;background-repeat: no-repeat;

    -ms-border-radius: 16px;border-radius: 16px;
    border: 1px transparent solid;
    vertical-align: top;

    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;

    cursor: pointer;
}
div#divSocialBtns a:hover {
    border: 1px #b5b5b5 solid;

    -webkit-box-shadow: 0px 0px 8px 0px #0093D8;-webkit-box-shadow: 0px 0px 8px 0px rgba(0,147,216,1);
    -moz-box-shadow: 0px 0px 8px 0px #0093D8;-moz-box-shadow: 0px 0px 8px 0px rgba(0,147,216,1);
    -o-box-shadow: 0px 0px 8px 0px #0093D8;-o-box-shadow: 0px 0px 8px 0px rgba(0,147,216,1);
    -ms-box-shadow: 0px 0px 8px 0px #0093D8;-ms-box-shadow: 0px 0px 8px 0px rgba(0,147,216,1);
    box-shadow: 0px 0px 8px 0px #0093D8;box-shadow: 0px 0px 8px 0px rgba(0,147,216,1);
}*/

/*кнопка Написать нам*/
/*
a#btn_SendRequest {
    position: absolute;display: inline-block;
    top: 75px;right: 151px;
    padding: 5px 20px 6px 20px;
    cursor: pointer;

    font-family: Georgia; font-size: 18px; color: #ffffff;
    -ms-text-shadow: 0px 1px 1px #616161;text-shadow: 0px 1px 1px #616161;
    text-decoration: none;

    background: #6bba70;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiYmE3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzYwYTU2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YWI3NzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #6bba70 0%, #60a568 44%, #6ab773 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6bba70), color-stop(44%,#60a568), color-stop(100%,#6ab773));
    background: -webkit-linear-gradient(top,  #6bba70 0%,#60a568 44%,#6ab773 100%);
    background: -o-linear-gradient(top,  #6bba70 0%,#60a568 44%,#6ab773 100%);
    background: -ms-linear-gradient(top,  #6bba70 0%,#60a568 44%,#6ab773 100%);
    background: linear-gradient(to bottom,  #6bba70 0%,#60a568 44%,#6ab773 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bba70', endColorstr='#6ab773',GradientType=0 );

    border: 1px #ffffff solid;
    -ms-border-radius: 2px;border-radius: 2px;

    -webkit-box-shadow: 1px 1px 4px 0px #000000;-webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 4px 0px #000000;-moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.5);
    -o-box-shadow: 1px 1px 4px 0px #000000;-o-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.5);
    -ms-box-shadow: 1px 1px 4px 0px #000000;-ms-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 4px 0px #000000;box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.5);

    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
}
a#btn_SendRequest:hover {
    -webkit-box-shadow: 0px 0px 13px 0px #000000;-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 13px 0px #000000;-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.7);
    -o-box-shadow: 0px 0px 13px 0px #000000;-o-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.7);
    -ms-box-shadow: 0px 0px 13px 0px #000000;-ms-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 13px 0px #000000;box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.7);
}
*/

/*БЛОК С ОСНОВНЫМ СОДЕРЖИМЫМ*/
.contentDiv {
    position: relative;
    width: 900px;
    margin: 0px auto 0 auto;
    padding: 0px 15px 20px 25px;
    
    -ms-border-radius: 4px;border-radius: 4px;

    background-color: #ffffff;

    -webkit-box-shadow: 0px 0px 9px 0px #000000; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 9px 0px #000000; -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
    -o-box-shadow: 0px 0px 9px 0px #000000; -o-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
    -ms-box-shadow: 0px 0px 9px 0px #000000; -ms-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 9px 0px #777777; box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
}

.contentSubDiv {
    
}
.contentSubDivAnim {
    /*-webkit-animation: show 0.6s linear;	
	-moz-animation: show 0.6s linear;
	-o-animation: show 0.6s linear;
    -ms-animation: show 0.6s linear;
    animation: show 0.6s linear;*/
}

/*ПАНЕЛЬ НАВИГАЦИИ*/
/*div.divNavigation {
    position: relative;
    margin: 120px 0 0 0;
    z-index: 9;

    background: #1e5799;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
    background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
    background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
    background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
    background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );

    -webkit-box-shadow: 0px 0px 7px 0px #000000; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 7px 0px #000000; -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 0px 7px 0px #000000; -o-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
    -ms-box-shadow: 0px 0px 7px 0px #000000; -ms-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 7px 0px #000000; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
}
div.navBtnsWrap {
    position: relative;
    height: 55px;
    margin: 0 auto 0 auto;
}
div.navBtnsWrap a {
    position: relative;display: inline-block;
    height: 43px;float: left;
    border-right: 1px #fff solid;
    cursor: pointer;

    padding: 6px 20px 6px 20px;
    font-family: Georgia; font-size: 19px;font-weight: normal;color:#ffffff;
    -ms-text-shadow: 0px 1px 1px #616161;text-shadow: 0px 1px 1px #616161;
    text-decoration: none;

    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
}
div.navBtnsWrap a:hover {
    -webkit-box-shadow: 0px 0px 16px 0px #0098DF;-webkit-box-shadow: 0px 0px 16px 0px rgba(0,152,223,1);
    -moz-box-shadow: 0px 0px 16px 0px #0098DF;-moz-box-shadow: 0px 0px 16px 0px rgba(0,152,223,1);
    -o-box-shadow: 0px 0px 16px 0px #0098DF;-o-box-shadow: 0px 0px 16px 0px rgba(0,152,223,1);
    -ms-box-shadow: 0px 0px 16px 0px #0098DF;-ms-box-shadow: 0px 0px 16px 0px rgba(0,152,223,1);
    box-shadow: 0px 0px 16px 0px #0098DF;box-shadow: 0px 0px 16px 0px rgba(0,152,223,1);
}
div.navBtnsWrap a#about {
    border-left: 1px #fff solid;
}
a#about {
    padding: 16px 20px 0px 20px;
    height: 39px;
}
a#contacts {
    padding: 16px 20px 0px 20px;
    height: 39px;
}*/
/*div.navBtnsWrap a#aHome {
    display: inline-block;
    padding: 0px 16px 0 16px;
    width: 40px;height: 55px;

    background-image: url('../../images/tohome.png?v=1');
    background-repeat: no-repeat;
    background-position: center center;
    
    border-left: 1px #fff solid;

    cursor: pointer;
}*/
/*div.subsection {
    position: absolute;display: none;
    border: 1px #CCCCCC solid;
    z-index: 9;

    -webkit-box-shadow: 0px 0px 7px 0px #000000; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 7px 0px #000000; -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 0px 7px 0px #000000; -o-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
    -ms-box-shadow: 0px 0px 7px 0px #000000; -ms-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 7px 0px #000000; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);
}
div.subsection a {
    position: relative;display: block;
    width: 250px;
    cursor: pointer;

    border-bottom: 1px #cccccc solid; 

    padding: 5px 10px 5px 10px;
    font-family: Georgia; font-size: 17px;color:#ffffff;
    text-decoration: none;

    background-color: #014282;

    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
}
div.subsection a:hover {
    color: #000000;
    background-color: #FFFFFF;
}
.navSubMenuIcon {
    background-image: url(../../images/rect_white.png);
    background-repeat: no-repeat;
    background-position: 97% 10px;
}
.navSubMenuIcon:hover {
    background-image: url(../../images/rect_black.png);
    background-repeat: no-repeat;
    background-position: 97% 10px;
}*/

/* НАВИГАЦИЯ, КНОПКИ ПЕРЕХОДА НА СТРАНИЦЫ */
div.navDivWrap {
    position: relative;
    width: 900px;
    margin: 0px 0px 10px 0px; padding: 5px 0px 5px 0px;

    border-bottom: 2px #ececec solid;
}
div.navDivWrap img {
    position: relative;display: inline-block;
    vertical-align: top;line-height: 0;
}
div.navDivWrap a.aNav {
    position: relative;display: inline-block;
    margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px;
    vertical-align: top;

    text-decoration: none;
}
div.navDivWrap a.aNav:hover span#rules {
    color: #e41414;
}
div.navDivWrap a.aNav:hover span#results {
    color: #F5D100;
}
div.navDivWrap a.aNav span {
    position: relative;display: inline-block;
    margin: 5px 0 0 0;

    font-family: Calibri; font-size: 16px; color: #422201; font-weight: normal; font-style: normal;
}

/* Span с количеством игроков */
span.gamerCount {
    position: absolute;left: 48%;top: 8px;
    font-family: Calibri; font-size: 18px; color: #a05201; font-weight: bold; font-style: normal;
}
span.gamerCount span {
    font-family: Calibri; font-size: 18px; color: #422201; font-weight: bold; font-style: normal;
}

/* Кнопка ЛИЧНЫЙ КАБИНЕТ и стили для блока сопутствующих кнопок */
div.navDivWrap a#aPersonCab {
    position: absolute;display: inline-block;
    right: 10px;
    margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px;
    vertical-align: top;

    text-decoration: none;
    font-family: Calibri; font-size: 16px; color: #422201; font-weight: normal; font-style: normal;
}
div.navDivWrap a#aPersonCab:hover span {
    color: #e41414;
    border-bottom: 2px #e41414 dashed;
}
span.personCab {
    border-bottom: 2px #422201 dashed;
}
a#lBtnExit {
    position: absolute;display: none;
    width: 28px;height: 28px;
    margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
    right: -4px;top: 3px;
    
    -ms-border-radius: 2px;border-radius: 2px;

    background-image: url('../../images/btnExit.png');
    background-repeat: no-repeat;
    background-position: center center;

    cursor: pointer;

    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

a#lBtnExit:hover {
    -webkit-box-shadow: 0px 0px 9px 0px #000000; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 9px 0px #000000; -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
    -o-box-shadow: 0px 0px 9px 0px #000000; -o-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
    -ms-box-shadow: 0px 0px 9px 0px #000000; -ms-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 9px 0px #777777; box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
}

div#divLoginPanel {
    position: absolute;display: none;
    padding: 5px 10px 5px 10px;
    -ms-opacity: 0;opacity: 0;
    width: 175px;

    z-index: 9;
    
    -ms-border-radius: 2px;border-radius: 2px;
    border: 1px #ffffff solid;

    background: rgb(249,252,247);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZmNmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY5ZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,252,247,1)), color-stop(100%,rgba(245,249,240,1)));
    background: -webkit-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
    background: -o-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
    background: -ms-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
    background: linear-gradient(to bottom,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 );

    -webkit-box-shadow: 0px 4px 21px 0px #888888; -webkit-box-shadow: 0px 4px 21px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 4px 21px 0px #888888; -moz-box-shadow: 0px 4px 21px 0px rgba(0,0,0,0.3);
    -o-box-shadow: 0px 4px 21px 0px #888888; -o-box-shadow: 0px 4px 21px 0px rgba(0,0,0,0.3);
    -ms-box-shadow: 0px 4px 21px 0px #888888; -ms-box-shadow: 0px 4px 21px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 4px 21px 0px #888888; box-shadow: 4px 4px 21px 0px rgba(0,0,0,0.3);
}

a.aLogin {
    position: relative;display: block;
    margin: 2px 0px 0px 0px;padding: 0px 0px 0px 2px;
    width: 175px;

    border-bottom: 1px transparent dashed;

    font-family: Calibri; font-size: 13px; color: #422201; font-weight: normal; font-style: normal;
    text-decoration: none;
}
a.aLogin:hover {
    color: #e41414;
    border-bottom: 1px #e41414 dashed;
    background-color: #f7ecd4;
}
a.aRemember {
    color: #8e4901;
}

/*СТИЛИ ДЛЯ ПОДВАЛА*/
.footerDiv {
    position: relative;
    -moz-min-width: 900px;-ms-min-width: 900px;-o-min-width: 900px;-webkit-min-width: 900px;min-width: 900px;
    height: 30px;
    margin: 5px auto 0px auto;

    background: rgb(179,220,237);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNiM2RjZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(179,220,237,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(179,220,237,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(179,220,237,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(179,220,237,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(179,220,237,1) 0%,rgba(255,255,255,1) 100%);
    background: radial-gradient(ellipse at center,  rgba(179,220,237,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#ffffff',GradientType=1 );

    -webkit-box-shadow: 0px 0px 9px 0px #000000; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 9px 0px #000000; -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
    -o-box-shadow: 0px 0px 9px 0px #000000; -o-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
    -ms-box-shadow: 0px 0px 9px 0px #000000; -ms-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 9px 0px #777777; box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.4);

    z-index: 1;
}
.copyRight {
    position: absolute; right: 25px; top: 3px;
    font-family: Arial; font-size: 11px; color: #646464; font-weight: normal; font-style: normal;
}
div.footerDiv a#sitemap {
    position: absolute;display: inline-block;
    height: 20px;
    left: 20px; top: 1px;
    padding: 7px 0 0 10px;
    text-decoration: none;
    font-family: Arial; font-size: 12px; color: #000000; font-weight: bold; font-style: normal;
    -ms-text-shadow: 1px 1px 0 #ffffff;text-shadow: 1px 1px 0 #ffffff;
    cursor: pointer;
}

div.footerDiv a#sitemap:hover {
    text-decoration: underline;
}
div.footerDiv a#mainsite {
    position: absolute;display: inline-block;
    height: 20px;
    left: 113px; top: 1px;
    padding: 7px 0 0 10px;
    text-decoration: none;
    font-family: Arial; font-size: 12px; color: #000000; font-weight: bold; font-style: normal;
    -ms-text-shadow: 1px 1px 0 #ffffff;text-shadow: 1px 1px 0 #ffffff;
    cursor: pointer;

    border-left: 1px #CCC solid;
}
div.footerDiv a#mainsite:hover {
    text-decoration: underline;
}

/*ПАНЕЛЬ СО СЧЁТЧИКАМИ*/
.leftPanelDiv {
    position: fixed;
    left: 0px; bottom: 50px;
    width: 112px;
    z-index: 99;
}
.leftPanelOneDiv {
    margin: 3px 0 3px 3px;
}
.hideLeftDiv {
    position: relative; display: table-cell;
    width: 110px; height: 21px;
    padding: 0 0 0 10px;
    background-color: #00ADEF;
    
    background-position: right center; background-image: url('../../images/arrshow.png'); background-repeat: no-repeat;
    
    -ms-border-radius: 4px; border-radius: 4px;
    
    text-align: left; vertical-align: middle;  
    font-family: 'OpenSansRegular', Georgia; color: #fff; font-size: 14px;
    
    cursor: pointer;
    
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;    
}
.hideLeftDiv:hover {
    background-color: #014282;
}
.lefDivWrap {
    position: relative; left: -95px;
    -ms-border-radius: 4px; border-radius: 4px;
    border: 1px #CCCCCC solid;
    margin: 15px 0 0 0;
    background-color: rgba(255,255,255,0.1);
}

/*Счётчики в подвале*/
#divCounters {
    position: relative;display: inline-block;
    top: 0px;left: 450px;
}
#divCounters div {
    position: relative;display: inline-block;
}

/*УНИВЕРСАЛЬНЫЕ СТИЛИ для выделения кнопок при наведении мышкой*/
/*стиль для гиперссылок*/
.hLink {
    text-decoration: none;
    color:#993300;
    cursor: pointer;
}
.hLink:hover {
    text-decoration: underline;
}
.lBtnHover {
    position: relative; display: inline-block;
    margin: 10px 0;
    padding: 3px 12px;
    font-family: 'OpenSansRegular', Georgia; font-size: 14px; color: #000000;
    -ms-border-radius: 4px; border-radius: 4px;
    border: 1px #fff solid;
    text-decoration: none;

    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */

    -webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.lBtnHover:hover {
    -webkit-box-shadow: 0px 0px 8px 0px #000000; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 8px 0px #000000; -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
    -o-box-shadow: 0px 0px 8px 0px #000000; -o-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
    -ms-box-shadow: 0px 0px 8px 0px #000000; -ms-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 8px 0px #000000; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
}

.lBtnsColorGreen {
    font-family: 'OpenSansRegular', Georgia; font-size: 14px; color: #3D9C1D;
}
.lBtnsPadding {
    padding: 3px 12px;
}
.lblError {         /*стиль для метки оповещения*/        
    position: relative; display: inline-block;
    font-family: 'OpenSansRegular', Georgia; font-size: 14px; color: #FFC4C4;
}
.lblSuccess {       /*стиль для метки оповещения*/ 
    position: relative; display: inline-block;
    font-family: 'OpenSansRegular', Georgia; font-size: 14px; color: #9DFF9D;
}
.lblNull {
    position: relative; display: block;
    margin-top: 20px;
    font-family: 'OpenSansRegular', Georgia; font-size: 15px; color: #ccc;
}

/*Общий стиль для текстбоксов*/
.txtBoxUniverse {
    padding: 3px;
    
    border: 1px #ccc solid;
    -ms-border-radius: 2px;
    border-radius: 2px;
    
    background: #c0c0c0; /* Old browsers */

    font-family: 'OpenSansRegular', Georgia; font-size: 14px; color: #2D2D2D;
    text-align: left;
    -webkit-box-shadow: 1px 1px 4px 0px #000000, inset 1px 1px 4px 0px #000000; -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.8), inset 1px 1px 4px 0px rgba(0,0,0,0.8);
    -moz-box-shadow: 1px 1px 4px 0px #000000, inset 1px 1px 4px 0px #000000; -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.8), inset 1px 1px 4px 0px rgba(0,0,0,0.8);
    -o-box-shadow: 1px 1px 4px 0px #000000, inset 1px 1px 4px 0px #000000; -o-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.8), inset 1px 1px 4px 0px rgba(0,0,0,0.8);
    -ms-box-shadow: 1px 1px 4px 0px #000000, inset 1px 1px 4px 0px #000000; -ms-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.8), inset 1px 1px 4px 0px rgba(0,0,0,0.8);
    box-shadow: 1px 1px 4px 0px #000000, inset 1px 1px 4px 0px #000000; box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.8), inset 1px 1px 4px 0px rgba(0,0,0,0.8);
}
.txtBoxUniverse:focus {
    background: #D6D6D6;
}
/* плавное изменение прозрачности  placeholder-а при фокусе в любом текстбоксе */
.placeHolder::-webkit-input-placeholder {font-family: 'OpenSansRegular', Georgia; font-size: 14px; color: #5C5C5C;}
.placeHolder::-moz-placeholder {font-family: 'OpenSansRegular', Georgia; font-size: 14px; color: #5C5C5C;}
.placeHolder:-moz-placeholder {font-family: 'OpenSansRegular', Georgia; font-size: 14px; color: #5C5C5C;}
.placeHolder:-ms-input-placeholder {font-family: 'OpenSansRegular', Georgia; font-size: 14px; color: #5C5C5C;}


/*Стили для кнопок переключения страниц*/
.tdPageLBtnsMain {
    position: relative;
    margin: 10px auto 10px auto;
}
.tdPageLBtnsMain td {
    padding: 4px;
}
.spanTxtPageLBtns {
    font-family: Calibri; font-size: 14px; font-weight: bold; color: #0066CC;
}
.spanNumPage {
    font-family: Calibri; font-size: 14px; font-weight: bold; color: #846470;
}
.spanNumPageLBtns {
    font-family: Calibri; font-size: 14px; font-weight: bold; color: #846470;
    padding: 0px 5px 2px 5px;
    text-decoration: none;

    -webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.spanNumPageLBtns:hover {
    background-color: #0066CC;
    color: #ffffff;
}
.spanArrowPageLBtns {
    padding: 0px 5px 2px 5px;
    font-family: Calibri; font-size: 16px; font-weight: bold; color: #0066CC;
    text-decoration: none;

    -webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.spanArrowPageLBtns:hover {
    background-color: #0066CC;
    color: #ffffff;
}