/* CS1 Background and text colours
-------------------------------------------------------------*/

/* фон */
html {
background: url(http://forumfiles.ru/files/0019/c1/a8/26264.jpg);
background-repeat: no-repeat;
background-attachment: fixed; 
background-position: top center;
background-color: #a8a4a4;
background-size: cover;
/*overflow-x: hidden !important;*/}

/* Шапка */
#pun-title table {
background-image : url(http://forumfiles.ru/files/0019/c1/a8/43239.jpg); 
background-repeat : no-repeat;
background-position: top center;
border: none;
width: 944px;
height: 316px;
margin-left: -35px;}

/* Тело форума */
#pun {
width: 944px; 
background-color: transparent; 
background-image: url(http://forumfiles.ru/files/0019/c1/a8/36320.jpg); 
background-attachment: scroll; 
background-repeat: repeat; 
background-position: top center;
}

.punbb {
padding: 0px 30px!important;
width: 944px;
margin-top: 0px !important;
}

/* Футер */
#pun-about p.container {
background-image : url(http://forumfiles.ru/files/0019/c1/a8/76018.jpg);
margin: 0px 0px -70px -35px;
background-position : center top;
background-repeat : no-repeat;
width: 944px;
height: 50px; 
overflow-x: hidden;
padding-bottom: 50px;
}






/* CS1.1 Фон и цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  {
background-color: transpanent;
color: #303a3a;
font-weight: normal;
font-style: normal;
}

#pun-admain .adformal, #pun-admain .adcontainer
{border: none;
border-color:  transparent;}

.punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: transparent;
color: #303a3a;
text-align:center; 
font-size: 12px; 
font-style: normal; font-family: "arial";
}


/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
    background-image: url(http://forumfiles.ru/files/0019/c1/a8/61757.jpg);
    background-color: #b7b7ab;
    color: #41504f;
    border-top: 6px solid #647e7d;
    border-bottom: 1px solid #647e7d;
    border-right: 1px solid #647e7d;
    border-left: 1px solid #647e7d;
    outline: 1px solid #cccdbf;
    box-shadow: 0 0 1px #fff inset, 4px -4px #9b5e63;
}

/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
    background-image: url(http://forumfiles.ru/files/0019/c1/a8/61757.jpg);
    background-color: #b7b7ab;
    color: #41504f;
}

/* Тень и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
 }

.punbb input { border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
    background-image: url(http://forumfiles.ru/files/0019/c1/a8/61757.jpg);
    background-color: #b7b7ab;
}





/* CS2 Ссылки
-------------------------------------------------------------*/

/* CS2.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, #pun-navlinks a, #pun-ulinks a {color: #744541;
  text-decoration: none;
  }

/* CS2.2 */
.punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active,  #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #3d5452; 
  text-decoration: none;
  }

.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
  color: #3d5452;
  text-decoration: none;
  }

#pun-ulinks a {
    font-size: 9px;
    color: #3d5452;
    text-transform: lowercase;
}

#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: none;
  color: #765249;
}


#pun-navlinks a, #pun-navlinks .container {
    color: #77524f;
}


#pun-navlinks a:hover {
    color: #465554;
}


/* CS3 Остальное 
-------------------------------------------------------------*/

/* CS3.1 Иконки*/

div.icon {
        background: url(http://forumfiles.ru/files/0019/c1/a8/69890.jpg) no-repeat;
}

tr.inew div.icon {
        background: url(http://forumfiles.ru/files/0019/c1/a8/91075.jpg) no-repeat;
}

tr.iclosed div.icon {
        background: url(http://forumfiles.ru/files/0019/c1/a8/28596.jpg) no-repeat;
}

tr.isticky div.icon {
        background: url(http://forumfiles.ru/files/0019/c1/a8/50656.jpg) no-repeat;
}


/* CS3.2 Всё подряд*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main .post-author ul {text-align: center;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
.category h2 span{display: block;}
#pun-stats h2 span {visibility: visible;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}



/*---Прокрутка---*/
::-webkit-scrollbar-thumb:vertical {
background-color: #cecebf; height: 4px; border: 3px double #3f4e4e;
}

::-webkit-scrollbar-thumb:horizontal {
background-color: #cecebf; height: 4px; border: 3px double #3f4e4e;
}

::-webkit-scrollbar {
    background-color: #b3b2b2;
    height: 4px;
    width: 8px;
}

::selection {
    background: #425150 !important;
    color: #ccccbd;
}


#pun-viewforum.punbb div.icon {
    margin-top: 0 !important;
}





/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
    background: url(http://forumfiles.ru/files/0019/c1/a8/88795.jpg) 0 0 repeat-y;
    overflow: visible!important;
    margin: 5px 0px 0px 0px!important;
}
.punbb .post .post-author > ul {
    background: url(http://forumfiles.ru/files/0019/c1/a8/56572.jpg) 0 top no-repeat, url(http://forumfiles.ru/files/0019/c1/a8/12332.jpg) 0 bottom no-repeat;
    margin: 0px 0 -12px 0!important;
    padding: 9px 9px 9px 8px!important;
}



.punbb .post-content a, 
.punbb .post-content a:link {
color:#7a4341;
font-weight: bolder;
}
.punbb .post-content a:hover,
.punbb .post-content a:focus,
.punbb .post-content a:active {
color:#566b6a;
text-decoration: underline;
}

.punbb .pa-avatar img {
    border: 3px solid #9b5e63;
    margin-top: -5px;
    margin-bottom: 5px;
}




#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    right: 6px;
    top: 43px;
    background-image: url(http://forumfiles.ru/files/0019/c1/a8/61757.jpg);
    background-color: #cfcfc2;
    color: #41504f;
}



.category .container thead {display: none;}




td.tcr a {
    color: #725550 !important;
    background-repeat: no-repeat;
    background-position: left center;
    font-weight: bold;
}






#pun-index div.category h2, #pun-index #pun-stats h2 {
    background-image: url(http://forumfiles.ru/files/0019/c1/a8/12060.jpg);
    box-sizing: border-box;
    text-align: center;
    font-size: 14px!important;
    color: #cfd0c9;
    text-shadow: 1px 1px 1px #283c3b;
    position: relative;
    z-index: 5;
    font-family: intro;
    padding: 20px 40px 0;
    margin: 0px -24px 0px;
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
    height: 55px;
    letter-spacing: 1px;
    width: 922px;
}



.links1 {
    color: #cbcbbd !important;
    font-size: 7px;
    font-family: intro;
    text-transform: uppercase;
    letter-spacing: 1px;
}



.links1:hover {
    color: #96a9a9 !important;
    font-size: 7px;
    font-family: intro;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition-duration: 1s;
}



#quests {
    text-align: justify;
    display: block;
    overflow: auto;
    color: #e8e8e8;
    height: 150px;
    padding-top: 2px;
    padding-right: 4px;
    font-size: 10px;
    font-family: 'arial';
    margin-top: 5px;
    line-height: 14px;
}


.bestpost {
    color: #dcdcd9;
    font-size: 10px;
    line-height: 13px;
    position: absolute;
    text-align: justify;
}

.bestpost img {
    float: left;
    padding-right: 5px;
}


.lzlink {
    color: #dededd !important;
    font-family: intro;
    font-size: 8px;
    letter-spacing: 0.9px;
}


.pa-fld1 {
    width: 186px;
    background-color: #9b5e63;
    margin-top: -7px !important;
    margin-left: 6px !important;
    padding: 0px 0px 4px 0px;
    margin-bottom: 5px !important;
}



.pa-fld3 {
    width: 186px;
    background-color: #9b5e63;
    margin-top: 10px !important;
    margin-left: 6px !important;
    padding: 4px 0px 0px 0px;
    margin-bottom: 5px !important;
}





.cityr {
    background: url(http://forumfiles.ru/files/0019/c1/a8/55065.jpg);
    padding: 2em;
    width: 550px;
    margin-bottom: 15px !important;
    height: 550px;
}


.cityr a {
    color: #404e4d !important;
    font-weight: bold;
    font-family: 'tahoma';
    font-size: 9px;
}

.cityr img {
    max-width: 80%!important;
}


.cityr hr {
    opacity: 0 !important;
}

.cityrtitle {
    width: 85%;
    font-family: intro;
    color: #f4f5f1;
    text-shadow: 0 0 25px #c9cabc;
    font-size: 52px;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin: -10px 10px 0px 10px !important;
    text-decoration: none;
    padding: 2px 0 12px 0;
}

.cityrtitle2 {
    font-family: intro;
    text-align: center;
    font-size: 10px;
    background-color: #9b5e63;
    letter-spacing: 1px;
    color: #e2e1d8;
    width: 210px!important;
    height: 10px;
    padding: 6px 0px 8px 0;
    display: inline-block;
    margin: 0px 5px 0px 5px !important;
}

.cityrquo {
    font-size: 11px;
    color: #f4f5f1;
    letter-spacing: 1.0px;
    margin: -10px 15px 10px 10px !important;
    font-family: intro;
    width: 90% !important;
    background-color: #425050;
}

.cityrtext {
    background: #e4e3dcd6;
    padding: 2em 1em;
    height: 400px;
}

.cityrtext1 {
    text-align: justify;
    font-size: 10px;
    text-transform: none;
    line-height: 10px;
    overflow: auto;
    padding: 0 1em;
    height: 230px;
}

.cityrtext2 {
    text-align: justify;
    font-size: 11px;
    text-transform: none;
    font-family: arial;
    line-height: 15px;
    overflow: auto;
    background: #d6d4cb;
    padding: 5px 5px 5px 5px;
    height: 120px;
    width: 200px;
    margin: 10px 5px 0px 5px!important;
    display: inline-block;
}






#sam {
    position: absolute;
    top: 14px;
    margin-left: 301px;
}
#samhov {
    background: rgba(0, 0, 0, 0) url(http://forumfiles.ru/files/0019/c1/a8/28555.gif) repeat scroll 0 0;
    height: 271px;
    margin-top: -273px !important;
    opacity: 0;
    position: absolute;
    transition: all 0.5s linear 0s;
    width: 271px;
}

#sam:hover #samhov {
    opacity: 1;
    }










/******************
BASIC
******************/

#f2-wrap {
    margin: 20px auto;
    width: 550px;
    min-height: 300px;
    background: #fcfcfc;
    box-sizing: border-box;
    background-image: url(http://forumfiles.ru/files/0019/c1/a8/61757.jpg);
    padding: 200px 80px 40px 80px;
    position: relative;
    overflow: hidden;
}

#f2-wrap num {
    display: block;
    font: 900 normal 200px/1px 'Playfair Display',serif;
    letter-spacing: -10px;
    position: absolute;
    top: 50px;
    left: 10px;
    color: #79928f36;
}

#f2-wrap title {
    display: block;
    width: 300px;
    text-transform: uppercase;
    letter-spacing: 5px;
    position: absolute;
    color: #536d6c;
    top: 80px;
    left: 120px;
    font: 300 italic 14px 'intro',sans-serif;
}

#f2-wrap fin {
display:block;
width:180px;
height:30px;
background:#e8f2ed;
position:absolute;
bottom:60px;
right:-50px;
}

#f2-wrap .f2-txt {
text-align:justify;
font:normal normal 11px arial;
position:relative;
color:#444
}

#f2-wrap h1 {
font:800 normal 14px/9px 'Playfair Display', serif;
text-transform:uppercase;
padding:25px 0px 5px 15px;
letter-spacing:-1px;
color:#014f28;
}

#f2-wrap h2 {
font:300 italic 13px/9px 'Lato',sans-serif;
text-transform:uppercase;
padding:25px 0px 5px 15px;
letter-spacing:4px;
color:#000;
}

#f2-wrap b {color:#014f28; text-transform:uppercase;}
#f2-wrap i {color:#014f28;}
#f2-wrap a {color:#014f28; font:700 normal 11px 'Playfair Display',serif; text-decoration:none;}

#f2-wrap .f2-txt textarea {
width:100%; 
height:80px; 
max-width:100%;
border:1px solid #ddd;
}

#f2-wrap ln {
display:block;
width:100%;
height:1px;
background:#ddd;
margin-top:50px;
margin-bottom:50px;
}


/******************
FACE CLAIM
******************/

#f2-wrap .f2-fc {
margin-bottom:30px;
width:100%;
border-collapse:collapse;
color:#444;
}

#f2-wrap .f2-fc-th {
    padding-bottom: 5px;
    padding-top: 30px;
    font: 700 normal 18px 'Playfair Display',serif;
    color: #627c7b;
    text-align: center;
    text-transform: uppercase;
}

#f2-wrap .f2-fc-pb {
    width: 50%;
    text-align: right;
    border-right: 1px solid #68827f;
    padding-right: 5px;
    color: #333;
    font: 400 normal 10px/10px 'tahoma',serif;
    text-transform: uppercase;
}

#f2-wrap .f2-fc-cn {
width:50%; 
text-align:left; 
padding-left:5px;
}

#f2-wrap .f2-fc-cn a {
    text-decoration: none;
    font: 400 normal 10px/10px 'tahoma',serif;
    text-transform: uppercase;
    color: #627c79;
}

/******************
MEMBER DIRECTORY
******************/

#f2-wrap .f2-md {
width:100%;
margin-top:30px;
}

#f2-wrap .f2-md-alias {
font:800 normal 16px 'Playfair Display',serif;
letter-spacing:1px;
color:#014f28;
text-transform:lowercase;
}

#f2-wrap .f2-md-contact {
font:300 italic 11px 'Lato',sans-serif;
color:#333;
text-transform:uppercase;
margin-left:10px;
border-bottom:1px solid #a4d6bd;
}

#f2-wrap .f2-md-chars {
text-align:right;
margin-top:25px;
margin-bottom:40px;
}


#f2-wrap .f2-md-charname {
text-transform:uppercase;
font:600 normal 11px 'Playfair Display',serif;
height:16px;
}

#f2-wrap .f2-md-charname a { 
text-decoration:none;
font:600 normal 11px 'Playfair Display',serif;
color:inherit;
}  

#f2-wrap .f2-md-chardetails {
font:300 normal 10px 'Lato',sans-serif;
color:#333;
text-transform:uppercase;
padding-bottom:5px;
}


#f2-apprep {
margin:20px auto;
width:450px;
min-height:250px;
background:#fcfcfc; 
box-sizing:border-box;
box-shadow:2px 2px 1px #ddd;
padding:180px 80px 60px 80px;
position:relative;
overflow:hidden;
}

#f2-apprep .f2-rep-ttl {
color:#e8f2ed;
font:900 normal 80px 'Playfair Display',serif;
letter-spacing:-8px;
text-transform:uppercase;
position:absolute;
top:-30px;
left:-5px;
}

#f2-apprep sub {
display:block;
width:400px;
text-transform:uppercase;
text-align:right;
letter-spacing:5px;
position:absolute;
color:#000;
top:50px;
right:10px;
font: 300 italic 14px 'Lato',sans-serif;
}

#f2-apprep .f2-rep-txt {
text-align:justify;
font:normal normal 11px arial;
position:relative;
top:-60px;
color:#444;
}

#f2-apprep .f2-rep-txt b {
text-transform:uppercase;
font:800 normal 12px 'Playfair Display',serif;
color:#014f28;
}  

#f2-apprep .f2-rep-txt a {
text-decoration:none;
text-transform:uppercase;
font:300 italic 12px 'Lato',sans-serif;
color:#014f28;
}

#f2-apprep fin {
display:block;
width:180px;
height:30px;
background:#e8f2ed;
position:absolute;
bottom:40px;
right:-50px;
}

/*******
APP
********/

#f2-app   {
margin:20px auto;
background:#fcfcfc;
box-sizing:border-box; 
box-shadow:2px 2px 1px #ddd;
position:relative;
overflow:hidden;
width:500px;
height:600px;
padding-top:100px;
}

#f2-app first {
display:block;
font:900 normal 80px 'Playfair Display',serif;
letter-spacing:-8px;
position:absolute;
top:-40px;
left:-10px;
color:#ddd;
text-transform:uppercase;
}

#f2-app last {
display:block;
color:#e8f2ed;
font:900 normal 80px 'Playfair Display',serif;
letter-spacing:-8px;
text-transform:uppercase;
position:absolute;
top:5px;
left:-10px;
}

#f2-app fin {
display:block;
width:180px;
height:30px;
background:#e8f2ed;
position:absolute;
bottom:40px;
right:-50px;
z-index:0;
}

#f2-app .f2-ap-alias {
text-align:right;
text-transform:uppercase;
letter-spacing:2px;
position:absolute;
bottom:45px;
right:140px;
z-index:2;
width:350px;
color:#000;
font: 300 italic 14px 'Lato',sans-serif;
}

#f2-app .f2-ap-av {
width:230px;
height:400px;
display:inline-block;
filter:grayscale(80%);
}

#f2-app .f2-ap-av2 {
width:210px;
height:180px;
padding:20px 0px;
filter:grayscale(90%)
}

#f2-app .sideimg {
height:400px;
width:100px;
filter:grayscale(90%);
position:relative;
top:-127px;
}

#f2-app .f2-ap-inner {
width:500;
position:relative;
top:10px;
}

#f2-app .f2-ap-freeform {
background:#fcfcfc;
width:300px; 
height:330px;
display:inline-block;
margin-left:50px;
position:relative;
top:40px;
overflow:auto;
padding-right:10px;
text-align:justify;
font:normal normal 11px arial;
color:#444;
}

#f2-app .f2-ap-outer {
position:absolute;
top:110px;
left:0px;
transition:all 1.8s ease-in-out 0s;
-webkit-transition:all 1.8s ease-in-out 0;
-moz-transition:all 1.8s ease-in-out 0s;
-o-transition:all 1.8s ease-in-out 0s;
-ms-transition:all 1.8s ease-in-out 0s;
}


#f2-app .f2-ap-info {
position:absolute;
float:right;
top:0px;
left:230px;
background:#fcfcfc;
width:270px;
height:400px;
box-sizing:border-box;
padding:0px 30px;
}

#f2-app .f2-ap-field {
background:#e8f2ed;
margin-bottom:5px;
padding:7px 10px 10px 10px;
border-top:3px solid #b8dbc9;
position:relative;
text-align:center;
text-transform:uppercase;
font:300 normal 12px 'Lato',sans-serif;
color:#444;
}

#f2-app:hover .f2-ap-outer {
left:500px;
transition:all 1.8s ease-in-out 0s;
-webkit-transition:all 1.8s ease-in-out 0;
-moz-transition:all 1.8s ease-in-out 0s;
-o-transition:all 1.8s ease-in-out 0s;
-ms-transition:all 1.8s ease-in-out 0s;
}

#f2-app .f2-ap-freeform b, .f2-ap-freeform i { 
color:#b8dbc9;}

#f2-app .f2-ap-freeform h1 {
font:800 normal 14px/9px 'Playfair Display', serif;
text-transform:uppercase;
padding:25px 0px 5px 15px;
letter-spacing:-1px;
color:#014f28;
}

#f2-app .f2-ap-freeform h2 {
font:300 italic 13px/9px 'Lato',sans-serif;
text-transform:uppercase;
padding:25px 0px 5px 15px;
letter-spacing:4px;
color:#000;
}

#f2-app .f2-ap-freeform ln {
display:block;
width:100%;
height:1px;
background:#ddd;
margin-top:50px;
margin-bottom:30px;
}

#f2-app .f2-ap-freeform::-webkit-scrollbar {width:5px;}
#f2-app .f2-ap-freeform::-webkit-scrollbar-track {background:#fcfcfc; border:1px solid #ddd;}
#f2-app .f2-ap-freeform::-webkit-scrollbar-thumb {background:#e8f2ed;}











#f22-wrap {
    margin: 20px auto;
    width: 550px;
    min-height: 300px;
    background: #fcfcfc;
    box-sizing: border-box;
    background-image: url(http://forumfiles.ru/files/0019/c1/a8/61757.jpg);
    padding: 200px 80px 40px 80px;
    position: relative;
    overflow: hidden;
}

#f22-wrap num {
    display: block;
    font: 900 normal 200px/1px 'Playfair Display',serif;
    letter-spacing: -10px;
    position: absolute;
    top: 50px;
    left: 10px;
    color: #79928f36;
}

#f22-wrap title {
    display: block;
    width: 300px;
    text-transform: uppercase;
    letter-spacing: 5px;
    position: absolute;
    color: #536d6c;
    top: 80px;
    left: 120px;
    font: 300 italic 14px 'intro',sans-serif;
}

#f22-wrap .f2-txt {
    text-align: justify;
    font: normal normal 11px arial;
    position: relative;
    color: #444;
}

#f22-wrap .f22-fc {
    margin-bottom: 30px;
    width: 100%;
    border-collapse: collapse;
    color: #444;
}

#f22-wrap .f22-fc-th {
    padding-bottom: 5px;
    padding-top: 30px;
    font: 700 normal 18px 'Playfair Display',serif;
    color: #627c7b;
    text-align: center;
    text-transform: uppercase;
}



.f22-text {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}


















#facefon {
    background-color: #c1c1b5;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.16);
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 35px 5px 25px;
    width: 500px;
    background-image: url(http://forumfiles.ru/files/0019/c1/a8/61757.jpg);
}
#faceprivet hi {
    color: #9b5e63;
    font-family: intro;
    font-size: 40px;
    font-weight: bold;
    padding: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
#faceprivet2 {
    font-family: verdana;
    font-size: 11px;
    line-height: 9px;
    margin-top: 30px;
    text-align: justify;
    width: 450px;
}
.leftimg {
    float: left; /* Выравнивание по левому краю */
    padding: 0px 10px 0px 0px; /* Отступы вокруг картинки */
   }



#faceprivet2 a {
    color: #5e7877 !important;
    font-size: 10px;
    font-family: intro;
    text-transform: uppercase;
    letter-spacing: 1px;
}



#faceprivet2 a:hover {
    color: #9b5e63 !important;
    font-size: 10px;
    font-family: intro;
    text-transform: uppercase;
    letter-spacing: 1px;
}



.tooltip {
    border: none;
    text-decoration: none;
    position: relative;
    padding: 0px 2px;
    color: #dcdcd7 !important;
    font-family: intro;
    letter-spacing: 0.7px;
}

.tooltip span {
  margin-left: -999em;
  position: absolute;
  }

.tooltip:hover span {
  font-family: Verdana;
  position: absolute;
  left: -51px;
  top: 24px; 
  z-index: 99;
  margin-left: 0;
  }

.top {
    z-index: 200;
    position: absolute;
    color: #293333;
    font-family: Verdana;
    font-size: 9px;
    text-transform: lowercase;
    font-weight: normal;
    padding: 5px;
    background-color: #b6b6aa;
    width: 170px;
    border: 2px solid #9c6664;
}

.ams {
    color: #cccdbf !important;
    font-family: intro;
    margin: 0 3px 0 3px !important;
    font-size: 10px;
}