/*
-----------------------------------------------
Style Sheet
Site: Fond Podilska Gromada
Author: Inetart
        Olga Litvinenko
        http://www.inetart.ru
        info@inetart.ru
        +7 (495) 768-07-23
----------------------------------------------- */

html {border:0 none;height:100%;margin:0px;padding:0px}
body {margin:0;padding:0;font-size:100.01%;height:100%;text-align:center;font-family:Arial, Helvetica, sans-serif}

.layout {background:url(../images/img_top.jpg) no-repeat top center;width:1000px;height:auto !important;min-height:100%;height:100%;position:relative;margin:0 auto;padding:0;text-align:left}
.guarant {height:87px}

/*-- COMMON --------------------- */
p, h1, h2, h3, h4, h5, h6, ul, li, dl, dd, dt, blockquote, pre, form, fieldset, table, th, td {margin:0;padding:0}

a:link {outline:none;text-decoration:underline;color:#008cff}
a:hover {text-decoration:none}
a:visited {text-decoration:underline;color:#008cff}
a img {border:medium none}

sup, sub {vertical-align:middle;position:relative;font-size: 75%}
sup {bottom: 0.5em}
sub {top: 0.5em}

table {font-size:12px;color:#111}
table {border-collapse:collapse;border:1px solid #969696}
tbody, tr, td {border:1px solid #969696}
td {padding:2px}
table.textall, table.textall tbody, table.textall tr, table.textall td {border: 0}

.left {float:left}
.right {float:right}
.clear {clear:both}

.w1 {width:455px;padding:0 0 45px 0}
img.img  {float: left; padding: 0 10px 10px 0}


/*-- HEADER --------------------- */
#header {position:relative;height:263px}
#logo {position:relative;top:37px;left:27px;color:#000;font-size:9px;height:140px;width:240px}
#logo .title {display:block;text-indent:-7000px}
a#logo {background:none;display:block;padding:0;height:140px;width:240px;cursor:pointer}
#logo img {position:absolute;top:0;left:0}

.contacts {position:absolute;top:12px;right:25px}
.contacts p {font-size:20px;color:#000}
.contacts p span {color:#008cff}
.contacts a {font:normal 12px Verdana, Arial, Helvetica, sans-serif;color:#008cff;text-decoration:underline;display:block;background:url(../images/icon_mail.gif) no-repeat 0 4px;padding:0 0 0 20px}
.contacts a:hover {text-decoration:none}
/*-- CONTENT --------------------- */
#content {width:690px;float:right}
.navigation {width:200px;float:left}
.wrap {padding:0 25px 0 45px}

#content h2 {font-size:20px;color:#008cff;font-weight:normal;margin:0 0 5px 0;line-height:30px;text-align:left}
.text {font-size:12px;line-height:18px;margin-bottom:20px;text-align:justify}
.text p {margin:0 0 20px 0}
.text ul {margin:5px 0 5px 40px}
.text ul li {line-height:18px}

.item {margin-bottom:20px}
.item p, #article p {margin-bottom:5px}
.item p b, #article p b {font-size:11px;font-weight:bold;}
.text .item {border-bottom: 1px solid #ccc}
.text .item h2 a {font-size:14px;font-weight:bold;line-height:20px;}
.text h3 {font-size: 12px; margin-top:7px}

dl#news {list-style-type:none;font-family:Verdana, Arial, Helvetica, sans-serif;margin:0 0 0 40px;float:left;width:190px;padding:20px 0 45px 0}
dl#news dt {font-size:18px;color:#00aeef;padding:30px 0 0 0}
dl#news dt a {color:#00aeef;text-decoration:underline}
dl#news dt a:hover {text-decoration:none}
dl#news dd {font-size:12px}
dl#news dd a {font-size:10px;color:#008cff;text-decoration:underline}
dl#news dd a:hover {text-decoration:none}

#article p#attachments, #attachments {margin:0;padding:0}
#attachments span {display: block; margin:0; padding:2px 0 2px 5px;}
#attachments span img {position:relative;top:0;left:0;vertical-align:middle}
#attachments span span {display: inline; margin-left:5px;padding:0}

#article h3 {font-size:12px}

#sections { position:relative; left:-12px}
#sections div {float:left;width:205px;margin:0 23px 0 0;font-size:11px}
#sections h3 {background:url(../images/icon_arrow.gif) no-repeat 0 3px;font-size:14px;color:#ff5126;text-transform:uppercase;margin:0 0 10px 0;padding:0 0 0 12px}
#sections h3 a {text-decoration:none;color:#ff5126}
#sections h3 a:hover {text-decoration:underline}
#sections p {padding:0 0 10px 12px}

#menu {padding:0 0 44px 0;font-family:Verdana, Arial, Helvetica, sans-serif}
#menu dl {width: 220px;list-style-type:none;margin-top:-12px}
#menu dt {padding-right:12px;line-height:21px;cursor: pointer;margin:12px 0 0 0;font-size:12px;color:#000;padding:0;font-weight:bold;overflow:hidden;clear:both}
#menu dd {display:none;clear:both}
#menu dt a {color:#000;text-decoration:underline;display:block;padding:0 12px 0 0;float:left;outline:none}
#menu dt a:hover, #menu dt a.active {text-decoration:none;background:#ff5126 url(../images/menu_hov_r.gif) no-repeat top right}
#menu dt a:hover span, #menu dt a.active span {background:url(../images/menu_hov_l.gif) no-repeat top left}
#menu dt span {display:block;padding:0 0 0 12px}

#menu ul {list-style-type:none;padding:10px 0 0 20px;_padding:5px 0 0 20px}
#menu li {padding:0 0 0 10px;text-align:left;font-size:12px;line-height:16px;margin:0 0 2px 0;background:url(../images/icon_line.gif) no-repeat 0 8px}
#menu li a {color:#111;text-decoration:underline;}
#menu li a:hover {text-decoration:none}
#menu li a.active {font-weight:bold;}

#pool {width:170px;font-size:12px;margin:60px 0 20px 12px}
.textall #pool{margin: 0 0 15px 0}
#pool p {padding:0 0 1px 0;float:left}
.textall #pool p{margin: 0}
#pool p.clear {clear:both}
#pool p.question {margin:0 0 17px 0}
#pool p.res {padding-left: 10px}
#pool input {float:left;width:20px;cursor:pointer}
#pool label {float:right; }
#pool label.small {width:140px;}
#pool label.big {width:450px;}

#pool button {border:medium none;background:none;margin:15px 0 0 0;cursor:pointer}
#pool a.rezalts {color:#008cff;text-decoration:underline;display:block;margin:10px 0 0 10px}
#pool a.rezalts:hover {text-decoration:none}


.btn {display:block;height:17px;text-decoration:none;font-size:11px;line-height:17px;padding:0 8px 0 0;background:url(../images/btn_r.gif) no-repeat top right;float:left}
.btn b {background:url(../images/btn_l.gif) no-repeat top left;display:block;line-height:17px;padding:0 0 0 8px;font-weight:normal}

.notFound {color:#008CFF; font-size:24px; font-weight:normal; margin:10px 0 0 -260px; text-align: center}

/*-- FOOTER --------------------- */
#footer {height:87px;width:1000px;margin:-75px auto 0 auto;position:relative;text-align:left;border-top:1px solid #bdbdb6}
#footer .info {font-size:11px;line-height:18px;color:#a1a1a1;padding:20px 0 0 50px}
#footer .extra {font-size:10px;color:#000;margin:3px 0 0 0  }
#footer .extra a, #footer .copyright a {color:#000;text-decoration:underline}
#footer .extra a:hover, #footer .copyright a:hover {text-decoration:none}
#footer .extra span {padding:0 12px}
#footer .copyright {float:right;width:200px;font-size:11px;line-height:18px;color:#a1a1a1;padding:20px 50px 0 0; text-align:right;}

#search {position:absolute;top:20px;right:25px}
#search input {width:150px;height:17px;border:1px solid #999;color:#999;font:normal 12px Arial, Helvetica, sans-serif;float:left;margin:0 10px 0 0}
#search button {border:1px solid #999;background:#999;font:normal 12px Arial, Helvetica, sans-serif;color:#454545;height:21px;cursor:pointer }

.sizer {display:block; text-align: right; height:18px;}
.sizer ul {list-style-type: none;}
.sizer li {float:right;}
.sizer a {display:block; float:left; height:18px; border:none; width:18px;}
.sizer a.px11 {background:url(../images/ico/11px.gif) no-repeat 50% 50%;}
.sizer a.px13 {background:url(../images/ico/13px.gif) no-repeat 50% 50%;}
.sizer a.px16 {background:url(../images/ico/16px.gif) no-repeat 50% 50%;}
.sizer li.print {border-right: 1px solid #cccccc; padding-right: 8px}
.sizer li.print a {background:url(../images/ico/print.gif) no-repeat;}

#content_loading{ background: url(../images/ajax-loader.gif) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size: 11px; }

.banner {margin:0 0 10px 0;text-align:center; display: block}
.banner p {margin: 0 auto}

#jquery-overlay { position: absolute;top: 0;left: 0;z-index:101;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 105;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative;background-color: #f7f7ed;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {     position: absolute;top: 0;left: 0;height: 100%;width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev { left: 0;float: left;}
#lightbox-nav-btnNext { right: 0;float: right;}
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif;background-color: #f7f7ed;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px;color: #666;}
#lightbox-container-image-data #lightbox-image-details { width: 70%;float: left;text-align: left;}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left;padding-bottom: 1.0em;}
#lightbox-secNav-btnClose { width: 66px;float: right;padding-bottom: 0.7em;}

/*-- FLOAT CLEARING --------------------- */
.clearfix:after, .wrap:after, #sections:after {content:".";clear:both;height:0;visibility:hidden;display:block}
.clearfix, .wrap, #sections {display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix, *html .wrap, *html #sections {height:1%}
.clearfix, .wrap, #sections {display:block}
/* End hide from IE-mac */