/* Contao Open Source CMS :: Copyright (C) 2005-2010 Leo Feyer :: LGPL license */
body{margin:0;padding:0;font-size:100.01%;text-align:left;position:relative;}select,input,textarea{font-size:99%;}form{margin:0;padding:0;}img{border:0;}#left{float:left;}#right{float:right;}#main{width:auto;position:relative;}.inside{position:relative;text-align:left;}.block{overflow:hidden;}.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both;}
.invisible{width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline;}.custom{display:block;text-align:left;}.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/*
XHTML Reset by Sergey Dyagovchenko, http://d.sumy.ua/
based on:
    - http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
    - reset.css by Crisp Studio
    - http://developer.yahoo.com/yui/reset/
    - http://serenedestiny.com/blog/web-development/lets-create-the-perfect-css-reset/

update: 11-12-2010
*/
* {
    padding: 0;
    margin: 0;
    border:0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	outline: 0;
	font-size: 100.01%;
	vertical-align: baseline;
	background: transparent;
}

html {
    font-size: 68.75%
}

body {
	line-height: 1;
}

h1, h2, h3, h4, h5 {
    font-weight:normal;
}

a, a:visited, a:hover {
   outline: none; /* for Firefox*/
}

ul,ol {
    list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

*:focus {
    outline: 0;
    -moz-outline-style:none;
    outline: none; /* for Chrome and Safari */
}

form /* for Opera */ {
    margin: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

input, textarea, select {
   outline:none;
}

input::-moz-focus-inner {
    border:none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-spacing: 0;
    border-collapse: collapse;
}

	table td {
        padding: 0;
    }

th, td, caption {
	text-align:left;
}


/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* 120 dpi fix */
@media all and (min-resolution:120dpi) {
    html { font-size: 55%; }
    html, x:-moz-any-link { font-size:68.75%; }
}


#header { scrollbar-track-color:expression(this.runtimeStyle.scrollbarTrackColor = "#fff",((screen.deviceXDPI/screen.logicalXDPI) == 1) ? (document.body.style.fontSize = 1.0/(screen.logicalYDPI/96) +'em'):false); }
/* /120 dpi fix */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 8, 2011 */



@font-face {
    font-family: 'Cambria';
    src: url('https://www.ocpo.sumy.ua/files/assets/css/../font/cambriaz-webfont.eot?') format('eot'),
         url('https://www.ocpo.sumy.ua/files/assets/css/../font/cambriaz-webfont.woff') format('woff'),
         url('https://www.ocpo.sumy.ua/files/assets/css/../font/cambriaz-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'Cambria';
    src: url('https://www.ocpo.sumy.ua/files/assets/css/../font/cambriab-webfont.eot?') format('eot'),
         url('https://www.ocpo.sumy.ua/files/assets/css/../font/cambriab-webfont.woff') format('woff'),
         url('https://www.ocpo.sumy.ua/files/assets/css/../font/cambriab-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Cambria';
    src: url('https://www.ocpo.sumy.ua/files/assets/css/../font/cambriai-webfont.eot?') format('eot'),
         url('https://www.ocpo.sumy.ua/files/assets/css/../font/cambriai-webfont.woff') format('woff'),
         url('https://www.ocpo.sumy.ua/files/assets/css/../font/cambriai-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}

 /* Primary Styles
    Author: Sergey Dyagovchenko, http://d.sumy.ua/
 */
html, body
    {
        margin: 0;
        padding: 0;
        height: 100%;
    }

/* background:#FDFFFE url(https://www.ocpo.sumy.ua/files/assets/css/../images/bg_body_NY.png) repeat left;
*/

body
    {
        background: #FDFFFE url(https://www.ocpo.sumy.ua/files/assets/css/../images/bg_body.jpg) no-repeat top;
        font-family: Tahoma, Arial, sans-serif;
    }

#wrap
    {
        min-height:100%;
        margin: auto;
/*		background: url(https://www.ocpo.sumy.ua/files/assets/css/../images/footer_img.jpg) no-repeat bottom right;   */
    }

    #content_wrapper
        {
            padding-bottom: 182px;
        }

/*
	Base classes
*/
.error {
	color:#ff0000;
}

input.error,
select.error,
textarea.error {
	border-color:#ff0000 !important;
}

/*
	Headers
*/
h1, h2, h3, h4, h5, h6
{
	font:italic bold 1em/1em Cambria;
}

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }
h5 { font-size: .8em; }
h6 { font-size: .8em; font-weight: normal; }

p,li { font-size: 1em; }

p {
    line-height: 1.3em;
    text-indent: 1.5em;
    text-align: justify;
}

blockquote, q {
    padding-left: 5em;
    font-style: italic;
    font-family: Arial;
}

blockquote p {
    text-indent: 0;
}

a
{
    color:#4480BB;
}

a:hover,
a:visited {
    color:#2E4D6C;
}


strong, b
{
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}

em, i
{
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
}

strong em,
em strong {
	font-weight:bold;
    font-style: italic;
}

table {
	width:100%;
	margin-bottom: 1em;
}

table th,
table td {
	border:1px solid #ccc;
	padding:3px;
}

table th {
	background: #eee;
}

table p {
	text-indent: 0;
	text-align: left;
}

table th,
table th p {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}


/*
	Icons
*/
.ico,
.mime_icon
{
	padding: 2px 0 3px 24px;
	background-position: 0 2px;
	background-repeat: no-repeat;
}

/* single icon, button */
.btn
{
	display: block;
	text-decoration: none;
}

.s-ico
{
	display: block;
	overflow: hidden;
	text-indent: -9999px;/* hide text */
}
/*  my   */
a.support {
 display:inline-block;
 position:relative;/*�������� �� ������ ���� ��� ������*/
 text-decoration: underline; /*�������������*/
 cursor:pointer; /*��� �������*/
 color: #4480BB; /*���� ������*/
}
span.answer {
 display:none;
 margin-top:-3px; /*������ ������, "-" ����� ������� ��������� �����*/
 margin-left: 55px; /*������ �����, ����� �� ������������� �� ������*/
 text-align:left;
 color: #000;
 text-shadow: 0 1px 2px #fff, 0 0 10px #E0F1FF;
 text-decoration: none;
 opacity:.9;
 cursor:default; /*�������� ��� ������� �� �����������*/
 padding: 7px;
 width: 50%; /*������ ���������*/
 height:auto; /*������, ����� ������������� � ����������� �� ���������� ������*/
}
a.support:hover>span.answer {
 display:block;
}
/*������� ������� ������ � ����� � Chrome � Safari*/
a.support[tabindex="1"]:focus {
 outline: none;
}
span.answer:before {
 content:"";
 position:absolute; /*!����������������*/
 left: -7px; /*�������� �� ����*/
 top: 15px; /*�������� �� �����*/
 width: 7px; /*������ - �������� �����*/
 height: 15px; /*������*/
}
.linktip {
 background:#FD6E00;
 text-align:center;
 border-radius: 20px;
 border: 1px solid #ccc;
 color: #fff;
 font: normal bold 12px Arial;
 text-decoration: none;
 cursor:pointer;
 padding: 0 4px;
}
.tip {
 position:relative;
}
.tip>span>img {
 max-width: 100%;
 max-height: auto;
 margin: 3px;
 float: center;
}
.tip>a:hover~span.answer,
.tip>a:hover~span.answer-left {
 display:block;
}
.tip>a[tabindex="1"]:hover {
 outline: none;
}
.tip>a[tabindex="1"]:hover>em {
 background:#FF4F19;
}
/*    end of my    */
/*
    Header Styles
*/
    #header_wrap
        {
        padding-bottom: 17px;
        }

    #header
        {
			position: relative;
            width: 980px;
            height: 103px;
            background-color: #fff;
            margin: 0 auto;
            -moz-border-radius: 10px; /* Firefox */
            -webkit-border-radius: 10px; /* Safari, Chrome */
            border-radius: 10px; /* CSS3 */
        }

        #logo
            {
                width: 194px;
                height: 58px;
                float: left;
                padding: 13px 5px 0 15px;
            }

            #logo a
                {
                    display: block;
                    width: 194px;
                    height: 58px;
                    background: url(https://www.ocpo.sumy.ua/files/assets/css/../images/logo.png) no-repeat;
                }

        #shortcuts
            {
                width: 70px;
                height: 20px;
                float: right;
                padding: 6px 8px 0 0;
            }

            #shortcuts a
                {
                    display: block;
                    width: 19px;
                    height: 19px;
                    float: left;
                }

                #shortcuts a:hover
                    {
                        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAYElEQVQ4y2OQW3WNDYhbgPgJEP8nAz+B6mdjABLtZBqCjttBhr2ikmGvGKhkEBiPGjZq2KhhVDXsJ5UM+wwybBeVDNsOMkwRiG9QaBBIvyLIMBDmBGJ7IE4jA9tD9TMAAPdIm4OEw5FFAAAAAElFTkSuQmCC") no-repeat 0 0;
                    }

			     #shortcuts a span
                    {
					   display:block;
					   width:19px;
					   height:19px;
				    }

				#icon_home span
                    {
					   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJCAYAAADkZNYtAAAAVElEQVQY032PQRLAIAgDE/z/m9ODEwtIy4wHdzZGIAn9ANDIO2CEAGgKVJG0dAI5VKotelL4lSfRk1+/xFa/Gblb0vZH/mSSsGKVf/7KIK7t893sAZ0d7S9xSX4KAAAAAElFTkSuQmCC") no-repeat 50% 50%;
				    }

				#icon_mail span
                    {
					   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAIAAAC+zks0AAAAN0lEQVQI12VOQQ4AIAiS+P+by8VmIziJCFjlIAnAVs134Mkipl2DrGvOczC3WodafnZ3cP1/Og5CzFPMpP3OogAAAABJRU5ErkJggg==") no-repeat 50% 50%;
				    }

				#icon_sitemap span
                    {
					   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJCAYAAADkZNYtAAAAQUlEQVQY042O2woAMAhCtf//Z/cyKtaFBRFmHQSitHSpdrkdf5MzxSfJlfo+FboL0rqc2qij1pQ3chtAaiTxmtk/Sg003KoM1EsAAAAASUVORK5CYII=") no-repeat 50% 50%;
				    }


       #header ul
            {
                font-style: italic;
            }

       #header li
                {
                    float: left;
                    padding: 0 5px 0 10px;
                }

                #header li.first
                    {
                        list-style: none;
                        background:  none;
                    }

                #header li.active span,
				#header li a.trail
                    {
                        color: #4480bb;
                    }

        #header li a, #header li span {
            font-family: Cambria;
            font-style: italic;
        }

/*
	        #header li a
        {
            color: #000;
            text-decoration: none;
		}
*/

        #header li a
        {
            color: #2a75bf;
            text-decoration: none;
			font-weight: 600;
        }

            #header li a:hover
                {
                    text-decoration: underline;
                }

        #header_nav_top
            {
				position: absolute;
				top:42px;
				right:20px;
            }

            #header_nav_top ul
                {
                    font-size: 1.3em;
                }

                #header_nav_top li
                    {
                        height: 20px;
                        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMElEQVQI12NgYGAQAOL9QPwfiO8DsQEQM8yHCvxHkoCrQsYM9WgCIEUMMIn9UKMEAMZ3EjyGqnpwAAAAAElFTkSuQmCC") no-repeat left 5px;
                    }

        #header_nav_bottom
            {
				position: absolute;
				top:70px;
				right:20px;
            }

            #header_nav_bottom ul
                {
                    font-size: 1.4em;
                }

                #header_nav_bottom li
                    {
                        height: 28px;
                        padding: 0 11px 0 15px;
                        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMElEQVQI12NgYGAQAOL9QPwfiO8DsQEQM8yHCvxHkoCrQsYM9WgCIEUMMIn9UKMEAMZ3EjyGqnpwAAAAAElFTkSuQmCC') no-repeat left 6px;
                    }

                    #header_nav_bottom li.last
                        {
                            padding-right: 0;
                        }

/*
    Subheader
*/
#subheader
	{
		width: 980px;
		overflow: hidden;
		margin: auto;
		padding: 17px 0 28px 0;
		background: url(https://www.ocpo.sumy.ua/files/assets/css/../images/shadow.jpg) no-repeat bottom;
	}

	#subheader .slideshow {
		height: 361px;
	}
/*
    Content Styles
*/
    #container
        {
            width: 980px;
            margin: auto;
            -moz-border-radius: 10px; /* Firefox */
            -webkit-border-radius: 10px; /* Safari, Chrome */
            border-radius: 10px; /* CSS3 */
            background-color: #f9fdfd;
        }

   #content, #page #main
        {
            background-color: #fff;
            -moz-border-radius: 10px; /* Firefox */
            -webkit-border-radius: 10px; /* Safari, Chrome */
            border-radius: 10px; /* CSS3 */
        }

   #content
    {
        padding-top: 60px;
    }

	#index #content {
		padding: 30px 0;
	}
/*
    Left Section
*/
        #left
            {
                width: 245px;
                padding-top:10px;
                float: left;
                font: italic 1.3em Cambria;
            }

            #left .mod_navigation,
			#left .mod_customnav
                {
                    border-bottom: 1px solid #d4cfcb;
                    padding: 10px 0 15px 20px;
                }

            #left h3
                {
                    font-size: 1.2em;
                    line-height: 1em;
                    padding-bottom: 7px;
                    font-weight: bold;
                }

            #left li
                {
                    padding-bottom: 5px;
                }

            #left a
                {
                    text-decoration: none;
                }

                #left a:hover
                    {
                        text-decoration: underline;
                    }

                #left span.active
                    {
                        text-decoration: underline;
                    }

            #left .group_home
                {
                    padding-top: 20px;
                }

            #left  .group_education
                {
                    padding-bottom: 0!important;
                    border:  0!important;
                }

            .group_home li, .group_home a
                {
                    color: #54aedc;
                }

            .group_news li, .group_news a
                {
                    color: #6bc777;
                }

            .group_org li, .group_org a
                {
                    color: #f28c5a;
                }

            .group_methodics li, .group_methodics a
                {
                    color: #488895;
                }

            .group_education li, .group_education a
                {
                    color: #b263ad;
                }
/*
    Main Section
*/
        #main
            {
                width: 510px;
                float: left;
                padding: 0 15px 0 15px;
                min-height: 955px;
                font-size: 1.2em;
            }

        #page #main
            {
                padding:30px;
                width: 675px;
            }

        #main h1
            {
                padding-bottom: 1em;
            }

        #main h2, #main h3 {
            padding: 1em 0 .8em;
        }

        #main h4, #main h5, #main h6 {
            padding: .8em 0 .6em;
        }

        /* Table */
        #main table {
            width:100%;
        }

            .ce_text p,
			.ce_text ul, .ce_list ul,
			.ce_text ol, .ce_list ol
                {
                    padding-bottom: 1.3em;
                }

			.ce_text table p {
					padding-bottom: 0;
			}

        	.ce_text ul, .ce_list ul
        	{
                list-style: circle;
        	}

        	.ce_text ol, .ce_list ol
        	{
                list-style: decimal;
        	}

        	.ce_text li, .ce_list li
        	{
        		line-height: 1.5em;
        	}


            .ce_text ul, .ce_text ol,
            .ce_list ul, .ce_list ol
                {
                    padding-left:3em;
                }
/*
    Navigation module
*/
#main .mod_navigation
    {
        border-top:1px dotted #666;
	border-bottom: 1px dotted #666;
    }

#main .mod_navigation ul.level_1
    {
        padding-top: 1em;
    }

    #main .mod_navigation ul li
        {
            overflow: hidden;
        }

        #main .mod_navigation li.submenu a
            {
            }

#main .mod_navigation ul li,
.mod_sitemap li {
    line-height: 1.5em;
    padding-left: 24px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAC6SURBVCjPfdHhDoIgFAVg6jlq6x10vGdbrQfsR7bcskSTgE73gjAtirP5Qz/hsiNEWIuvpLUWhZCZbMQygEK31ll85rCNRPJnjQc6SosrzjgSUNiNRLLXGNATUmhQo6I3PU7YMwngSSBE4YbLeMwAmiUC3sP4Z0ekpjCbAeP/Mp60uBObAONjE+GR1RTYCbD+KL7XDMwTZvoDjL9XBC4PaGzHoNSdfWV3cUNDPVFZZbYsTiFWv8pOhb8BUJ5M7qO6PVQAAAAASUVORK5CYII=') no-repeat 0 2px;
}

/*
    Image element
*/
.ce_image {}

/* Image container */
.image_container {
    text-align: center;
    padding-bottom: 1em;
}

.image_container.float_left {
    padding-right:1em;
}

.image_container.float_right {
    padding-left:1em;
}

.image_container .caption {
    font-size: .8em;
    line-height: 1.2em;
    color:#666;
}

/*
    Gallery
*/
.ce_gallery {}

.ce_gallery td {
    padding:5px 0;
	border: 0;
}

/*
    Main content block
*/
#main .block {
    padding:0 0 1em;
}

#main .mod_article,
#main .ce_text {
    padding:0;
}

/*
    Downloads
*/
.ce_download {}

.ce_download .mime_icon {
    line-height: 2em;
}

.ce_downloads {}
.ce_downloads .mime_icon {
    line-height: 2.5em;
}

.ce_download h2, .ce_download h3,
.ce_downloads h2, .ce_downloads h3 {
    line-height: 2em;
}

/*
    Hyperlink
*/
.ce_hyperlink {
    line-height: 1.3em;
}

/*
    Top link
*/
.ce_toplink {
    text-align: right;
}

.ce_toplink a {

}

/*
	Right block
*/
#right
	{
		width: 190px;
		padding-right: 5px;
		float: right;
	}

#right p {
	font: bold italic 1.3em Cambria;
}
/*
  ssa  Pedagogi_foto
*/
.img-desc_0 {
  position: relative;
  display: block;
  min-height: 320px;
  width: 180px;
 }
.cite_0 {
  font-size: 11px;
  margin-top: 5px;
  margin-left: 0px;
  line-height: 1.1;
  background: #111;
  filter: alpha(opacity=55);
  opacity:.55;
  color: #fff;
  bottom: 0;
  left: 0;
  width: 170px;
  min-height: 60px;
  padding: 5px;
  border-top: 1px solid #999;
  border-radius: 10px;
 }
.img-desc {
  position: relative;
  display: block;
  height: 250px;
  min-height: 250px;
  width: 160px;
  float: left;
  margin-left: 8px;
 }
.cite {
  font-size: 11px;
  margin-left: 10px;
  line-height: 1.1;
  background: #111;
  filter: alpha(opacity=55);
  opacity:.55;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 130px;
  height: 80px;
  min-height: 80px;
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #999;
  border-radius: 10px;
 }
/*  ssa  Pedagogi_foto zaproshennya */
.img-desc_zapr {
  position: relative;
  display: block;
  height: 130px;
  min-height: 130px;
  width: 120px;
  float: left;
  margin-left: 8px;
  overflow: hidden;
 }
.cite_zapr_pip {
  float: left;
  font-size: 14px;
  margin-left: 5px;
  margin-bottom: 15px;
  line-height: 1.4;
  background: #EDEBEB;
  filter: alpha(opacity=55);
  opacity:.70;
  color: #59025f;
  width: 330px;
  height: 30px;
  min-height: 30px;
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  border-top: 0px solid #999;
  }
.cite_zapr_pr {
  float: left;
  font-size: 12px;
  margin-left: 5px;
  margin-bottom: 15px;
  line-height: 1.4;
  background: #EDEBEB;
  filter: alpha(opacity=55);
  opacity:.70;
  color: #054c14;
  width: 330px;
  height: 30px;
  min-height: 30px;
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  border-top: 0px solid #999;
 }
.cite_zapr {
  float: left;
  font-size: 12px;
  margin-left: 5px;
  margin-bottom: 15px;
  line-height: 1.4;
  background: #EDEBEB;
  filter: alpha(opacity=55);
  opacity:.70;
  color: #000000;
  width: 330px;
  height: 30px;
  min-height: 30px;
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  border-top: 0px solid #999;
 }
 .img-desc_hud {
  position: relative;
  display: block;
  height: 101px;
  min-height: 101px;
  width: 150px;
  float: left;
  margin-left: 8px;
 }
 .img-desc_biblioteka {
  position: relative;
  display: block;
  height: 150px;
  min-height: 150px;
  width: 200px;
  float: left;
  margin-left: 0px;
  margin-right: 10px;
 }
 .img-desc_dekor {
  position: relative;
  display: block;
  height: 101px;
  min-height: 101px;
  width: 80px;
  float: left;
  margin-left: 39px;
  margin-right: 39px;
 }
  .cite_zapr_hud {
  float: left;
  font-size: 12px;
  text-align: justify;
  margin-left: 5px;
  line-height: 1.4;
  background-color: rgba(255, 208, 140, 0.5);
  filter: alpha(opacity=55);
  opacity:.95;
  color: #000000;
  width: 492px;
  height: 100px;
  min-height: 100px;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 1px;
  border-top: 0px solid #999;
 }
 .cite_zapr_tehn {
  background-color: rgba(217, 187, 151, 0.5);
 }
 .cite_zapr_turist {
  background-color: rgba(229, 143, 96, 0.5);
 }
 .cite_zapr_ekolog {
  background-color: rgba(191, 255, 158, 0.5);
 }
 .cite_zapr_fizkult {
  background-color: rgba(157, 208, 246, 0.5);
 }
 .cite_zapr_dekor {
  background-color: rgba(217, 89, 89, 0.5);
 }
  .cite_zapr_man {
  background-color: rgba(247, 239, 2, 0.5);
 }
 .cite_zapr_radius_hud {
  border-radius: 10px;
 }
 .img-desc_radius_hud {
  border-radius: 10px;
  overflow: hidden;
 }
.cite_zapr_radius {
  border-radius: 10px;
  padding-top: 15px;
  padding-bottom: 1px;
 // font-size: 12px;
  text-decoration: underline;
 }
.img-desc_ntv {
  position: relative;
  display: block;
  float: left;
  width: 110px;
  height: 162px;
  min-height: 162px;
  margin-left: 15px;
  padding-left: 20px;
 }
 .img-desc_radius_ntv {
  border-radius: 10px;
  overflow: hidden;
  width: 88px;
 }
 .cite_ntv {
  position: absolute;
  font-size: 12px;
  text-align: center;
  line-height: 1.3;
  border-top: 1px solid #999;
  border-radius: 10px;
  color: #000000;
  background-color: rgba(217, 187, 151, 0.8);
  filter: alpha(opacity=95);
  opacity: .95;
  bottom: 0;
  left: 0;
  width: 115px;
  height: 42px;
  min-height: 42px;
  margin: 0px;
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
 }
/* ----------------------- prokrutka --------*/
#toTop {
width: 80px;
height: 20px;
line-height: 2em;
border: 1px solid #ccc;
border-radius: 12px;
background: #f7f7f7;
text-align: center;
padding: 2px;
position: fixed;
bottom: 20px; /* otstup knopky ot nyzhneho kraya stranyts*/
right: 30px;
cursor: pointer;
display: none;
color: #333;
font-family: verdana;
font-size: 11px;
}
#toTop:hover {
  background: #D9D9D9;
  font-weight: bold;
}
.viddil{
background: rgb(220, 250, 245);
height: 40px;
padding-left: 10px;
border: 1px;
border-radius: 10px;
padding-top: 10px;
}
.hr_title {
    /* Чтобы спрятать часть линий, которые
    ** будут вылазить за пределы блока */
    overflow: hidden;
    /* Выравнивание заголовка по центру,
    ** можно использовать left, right */
    text-align: right;
    /* Тут можно добавить другие стили для заголовка */
    font-size: 12px;
    font-style: italic;
    padding-right: 5px;
    color: #ADADAD;
}
.hr_title:before,
.hr_title:after {
    /* Обязательно указываем пустое свойство content,
    ** иначе псевдоэлементы не появятся на сайте */
    content: "";
    /* Указываем что наши линии будут строчно-блочные и
    ** выравнивание по высоте - по центру */
    display: inline-block;
    vertical-align: middle;
    /* Задаем ширину 100% и выбираем высоту линии,
    ** в нашем примере она равна 4 пикселям */
    width: 100%;
    height: 2px;
    /* Добавляем цвет для линии */
    background-color: #ADADAD;
    /* Добавляем пседоэлемантам возможность изменить
    ** позицию линии, для создания отступов от текста */
    position: relative;
}
.hr_title:before {
    /* Смещаем левую линию на 100% влево, чтобы линия
    ** встала рядом с текстом слева */
    margin-left: -100%;
    /* Указываем в пикселях отступ линии от текста заголовка */
    left: -6px;
}
.hr_title:after {
    /* Смещаем правую линию на 100% вправо, чтобы
    ** линия встала рядом с текстом справа */
    margin-right: -100%;
    /* Указываем в пикселях отступ линии от текста заголовка */
    right: -6px;
}
.img_pedagogical_collective{
	text-align: center;
	min-height: 250px;
	padding-bottom: 15px;
}
/* Нашi гуртки */
.all_edu_group {
  display:table;
  width: 100%;
  background-color: #FFFFFF;
}
.edu_group_row {
  display: table-row;
  height: 80px;
  max-height: 80px;
  width: 100%;
}
.edu_group_cell {
  display: table-cell;
  width: 230px;
  max-width: 230px;
  padding: 2px;
  text-align: center;
  vertical-align: middle;
  border-radius: 10px;
  cursor: pointer;
}
.edu_group_cell span{
  display: block;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}
.edu_group_cell a{
  text-decoration: none !important;
  opacity: 1;
  font-weight: bold;
  display: block;
  height: 51px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  color: #005dff;
  padding-top: 25px;
}
.edu_group_cell:hover{
  background: #C0C0C0;
  color: #FFF700;
  text-decoration: none !important;
  opacity: 1;
}
.edu_group_cell_inserted{
  display: table-cell;
  width: 230px;
  max-width: 230px;
  padding: 2px;
  text-align: center;
  vertical-align: middle;
  border-radius: 10px;
  cursor: default;
  background: #C0C0C0;
  color: #FFF700;
  font-weight: bold;
  text-decoration: none !_important;
  opacity: 1;
}
.edu_group_cell a:hover{
  background: #C0C0C0;
  color:  #fff700;
}
.edu_group_cell_img {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 80px;
  max-width: 80px;
  height: 80px;
  max-height: 80px;
}
.edu_group_cell_img:hover{
  background-color: #FFFFFF;
}
.edu_group_cell_xudozhno_estetichnij {
  background: #FCE8C8;
}
.edu_group_cell_naukovo_texnichnij {
  background: #EADECD;
}
.edu_group_cell_gumanitarno_ozdorovchij {
  background: #FFC798;
}
.edu_group_cell_socialno_reabilitacijnij {
  background: #EAAFAF;
}
.edu_group_cell_turistsko_krajeznavchij {
  background: #F0C9B3;
}
.edu_group_cell_fizkulturno_sportivnij {
  background: #CEE8FA;
}
.edu_group_cell_ekologo_naturalistichnij {
  background: #DEFED0;
}
.edu_group_cell_doslidnicko_eksperimentalnij {
  background: #F8F686;
}
.a_edu_group_all{
  display: block;
  width: 80px;
  height: 80px;
}
.a_edu_group_all span {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.a_turistsko_krajeznavchij {
  background: url(http://ocpo.sumy.ua/files/images/Logo/turistsko_krajeznavchij.png) no-repeat;
  background-size: contain;
}
.a_turistsko_krajeznavchij:hover {
  background: url(http://ocpo.sumy.ua/files/images/Logo/turistsko_krajeznavchij_BK.png) no-repeat;
  background-size: contain;
}
.a_turistsko_krajeznavchij_inserted {
  background: url(http://ocpo.sumy.ua/files/images/Logo/turistsko_krajeznavchij_BK.png) no-repeat;
  background-size: contain;
}
.a_xudozhno_estetichnij {
  background: url(http://ocpo.sumy.ua/files/images/Logo/xudozhno_estetichnij.png) no-repeat;
  background-size: contain;
}
.a_xudozhno_estetichnij:hover {
  background: url(http://ocpo.sumy.ua/files/images/Logo/xudozhno_estetichnij_BK.png) no-repeat;
  background-size: contain;
}
.a_xudozhno_estetichnij_inserted {
  background: url(http://ocpo.sumy.ua/files/images/Logo/xudozhno_estetichnij_BK.png) no-repeat;
  background-size: contain;
}
.a_gumanitarno_ozdorovchij {
  background: url(http://ocpo.sumy.ua/files/images/Logo/gumanitarno_ozdorovchij.png) no-repeat;
  background-size: contain;
}
.a_gumanitarno_ozdorovchij:hover {
  background: url(http://ocpo.sumy.ua/files/images/Logo/gumanitarno_ozdorovchij_BK.png) no-repeat;
  background-size: contain;
}
.a_gumanitarno_ozdorovchij_inserted {
  background: url(http://ocpo.sumy.ua/files/images/Logo/gumanitarno_ozdorovchij_BK.png) no-repeat;
  background-size: contain;
}
.a_ekologo_naturalistichnij {
  background: url(http://ocpo.sumy.ua/files/images/Logo/ekologo_naturalistichnij.png) no-repeat;
  background-size: contain;
}
.a_ekologo_naturalistichnij:hover {
  background: url(http://ocpo.sumy.ua/files/images/Logo/ekologo_naturalistichnij_BK.png) no-repeat;
  background-size: contain;
}
.a_ekologo_naturalistichnij_inserted {
  background: url(http://ocpo.sumy.ua/files/images/Logo/ekologo_naturalistichnij_BK.png) no-repeat;
  background-size: contain;
}
.a_naukovo_texnichnij {
  background: url(http://ocpo.sumy.ua/files/images/Logo/naukovo_texnichnij.png) no-repeat;
  background-size: contain;
}
.a_naukovo_texnichnij:hover {
  background: url(http://ocpo.sumy.ua/files/images/Logo/naukovo_texnichnij_BK.png) no-repeat;
  background-size: contain;
}
.a_naukovo_texnichnij_inserted {
  background: url(http://ocpo.sumy.ua/files/images/Logo/naukovo_texnichnij_BK.png) no-repeat;
  background-size: contain;
}
.a_socialno_reabilitacijnij {
  background: url(http://ocpo.sumy.ua/files/images/Logo/socialno_reabilitacijnij.png) no-repeat;
  background-size: contain;
}
.a_socialno_reabilitacijnij:hover {
  background: url(http://ocpo.sumy.ua/files/images/Logo/socialno_reabilitacijnij_BK.png) no-repeat;
  background-size: contain;
}
.a_socialno_reabilitacijnij_inserted {
  background: url(http://ocpo.sumy.ua/files/images/Logo/socialno_reabilitacijnij_BK.png) no-repeat;
  background-size: contain;
}
.a_fizkulturno_sportivnij {
  background: url(http://ocpo.sumy.ua/files/images/Logo/fizkulturno_sportivnij.png) no-repeat;
  background-size: contain;
}
.a_fizkulturno_sportivnij:hover {
  background: url(http://ocpo.sumy.ua/files/images/Logo/fizkulturno_sportivnij_BK.png) no-repeat;
  background-size: contain;
}
.a_fizkulturno_sportivnij_inserted {
  background: url(http://ocpo.sumy.ua/files/images/Logo/fizkulturno_sportivnij_BK.png) no-repeat;
  background-size: contain;
}
.a_doslidnicko_eksperimentalnij {
  background: url(http://ocpo.sumy.ua/files/images/Logo/doslidnicko_eksperimentalnij.png) no-repeat;
  background-size: contain;
}
.a_doslidnicko_eksperimentalnij:hover {
  background: url(http://ocpo.sumy.ua/files/images/Logo/doslidnicko_eksperimentalnij_BK.png) no-repeat;
  background-size: contain;
}
.a_doslidnicko_eksperimentalnij_inserted {
  background: url(http://ocpo.sumy.ua/files/images/Logo/doslidnicko_eksperimentalnij_BK.png) no-repeat;
  background-size: contain;
}
/* end Нашi гуртки */
/* table ЗПО */
blockquote:before, blockquote:after,q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
/*End NULL*/
.simple-little-table {
	width: 99%;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background: transparent;
	margin: 5px;
	border:#ccc 1px solid;
	border-collapse:separate;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
	line-height: 1.2;
}
.simple-little-table th {
	font-weight:bold;
	padding: 10px 5px 5px 10px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.simple-little-table th:first-child{
	text-align: center;
	padding-left:20px;
}
.simple-little-table tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.simple-little-table tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.simple-little-table tr{
	text-align: center;
	padding-left:20px;
}
.simple-little-table tr td:first-child{
	text-align: left;
	padding-left: 5px;
	border-left: 0;
}
.simple-little-table tr td {
	padding: 5px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
	vertical-align: middle;
}
.simple-little-table tr:nth-child(even) td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #red,  #f6f6f6);
}
.simple-little-table tr:last-child td{
	border-bottom:0;
}
.simple-little-table tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.simple-little-table tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.simple-little-table tr:hover td{
	background: #CFF1F7;
	background: -webkit-gradient(linear, left top, left bottom, from(#CFF1F7), to(#B7EBF4));
	background: -moz-linear-gradient(top,  #CFF1F7,  #B7EBF4);
	color: #696969;
	text-shadow: none;
}
.simple-little-table a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
.simple-little-table a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
.simple-little-table a:active,
.simple-little-table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
/* end table ЗПО */
/* RizniTvorchi */
.DIV_RizniTvorchi {
	display: flex;
	justify-content: space-between;
	height: 230px;
	min-height: 230px;
	padding-bottom: 30px;
}
.DIV_RizniTvorchi_column {
	max-width: 325px;
	margin: 0px;
}
.DIV_RizniTvorchi_p {
	color: #005285;
	font-weight: bold;
	text-align: center;
	padding: 0px;
	height: 52px;
	min-height: 52px;
	text-indent: 0;
	background-color: #e9f6ff;
	border-radius: 11px;
}
/* end RizniTvorchi */
 /*
    Footer Styles
 */

/*
    Subfooter
*/
        #subfooter
            {
                clear: both;
                height: auto;
                padding-top: 70px;
				overflow:hidden;
            }

            #subfooter #phone
                {
                    width: 350px;
                    height: 162px;
					padding-top: 30px;
                    float: left;
                    background: url(https://www.ocpo.sumy.ua/files/assets/css/../images/phone.jpg) no-repeat 10px 30px;
                }

                #subfooter #phone img
                    {
                        float: right;
                        padding-top: 112px;
                    }

/*
    `Footer
*/
#footer
	{
		position: relative;
		background-color: #f2f7f6;
		width: 980px;
		height: 250px;
		margin: auto;
		margin-top: -143px;
		-moz-border-radius: 10px 10px 0 0; /* Firefox */
		-webkit-border-radius: 10px 10px 0 0; /* Safari, Chrome */
		border-radius: 10px 10px 0 0; /* CSS3 */
	}

/*
    Copyright block
*/
#copy
    {
		position: absolute;
		top:35px;
		left:30px;
        width: 112px;
        height: 45px;
    }

#copy p {
    font-size: 1.1em;
    text-indent: 0;
    text-align: left;
}

        #footer ul
            {
                font-size: 1.2em;
            }

        #footer a, #footer span
            {
                color: #000;
                text-decoration: none;
            }

#footer a11
            {
            color: #4480BB;
            text-decoration: none;
        }

			#footer a:hover {
				text-decoration: underline;
			}

			#footer span.active,
			#footer a.trail {
				color:#4480BB;
			}

        #footer li
            {
                float: left;
                height: 15px;
                border-left:1px solid black;
                padding: 0 10px;
            }

            #footer li.first
                {
                    border-left:  none;
                }

        #footer_nav_top
            {
				position: absolute;
				top:26px;
				left:180px;
                                z-index: 1;
            }

        #footer_nav_bottom
            {
				position: absolute;
				top:60px;
				left:180px;
                                z-index: 1;
            }

        #developed
            {
				position: absolute;
				top:85px;
				right:35px;
                width: 78px;
                height: 50px;
            }
/*
	Contao Modules CSS
*/

/*
	Module News
*/

.mod_newslist {

}

.mod_newslist .info,
.mod_newsarchive .info,
.mod_newsreader .info {
	font-size:.8em;
    line-height: 2em;
    color:#666;
    text-indent: 0;
}

.mod_newslist .layout_latest h2,
.mod_newsarchive .layout_latest h2 {
    font-weight: normal;
}

.mod_newslist h2 a,
.mod_newsarchive h2 a
{ text-decoration: none; }

.mod_newslist h2 a:hover,
.mod_newsarchive h2 a:hover
{ text-decoration: underline; }

.mod_newslist .teaser {
	/*padding:10px 0;*/
}

.mod_newslist .more,
.mod_newsreader .back,
.mod_newsarchive .back
{
    text-indent: 0;
}
.mod_newslist .more a,
.mod_newsreader .back,
.mod_newsarchive .back
{
	font-size:.8em;
	line-height: 3em;
}

.mod_newslist .layout_latest,
.mod_newsarchive .layout_latest
    {
        padding:1.5em 0;
        border-bottom: 1px dotted #ccc;
    }

    .mod_newslist .first,
    .mod_newsarchive .first
    {
        padding-top:0;
    }

/*
	News reader
*/
.mod_newsreader .back {
	border-top:1px dotted #ccc;
}

/*
    News gallery
*/
.ce_news_gallery {
    padding:2em 0;
}

.ce_news_gallery table {
    width: 100%;
}

/*
    News archive menu
*/
.mod_newsmenu {}

.mod_newsmenu .year {
    float:left;
}

.mod_newsmenu .level_2 {
    padding-top:.5em;
}

.mod_newsmenu .level_2 li {
    line-height: 1.5em;
}

.mod_newsmenu li {
    padding-left: 1.5em;
}

/*
    Pagination
*/
#main .pagination {
    padding-top:1em;
    color:#666;
}

.pagination p
    {
        float: right;
        font-size:.9em;
    }

 .pagination li
    {
        float: left;
    }

 .pagination a
    {
        color: #067cb1;
        padding: 0 2px;
    }

 .pagination span
    {
        padding: 0 2px;
    }

/*
	Book Navigation
*/
#main .mod_booknav {
	padding-top: 1em;
	border-top: 1px dotted #ccc;
}

.mod_booknav li {
	float:left;
}

.mod_booknav .prev {
	width:40%;
	text-align: left;
}

.mod_booknav .up {
	width:20%;
	text-align: center;
}

.mod_booknav .next {
	width:40%;
	text-align: right;
}

/*
	Breadcrumb module
*/
#main .mod_breadcrumb {
	padding-bottom: 1em;
	margin-bottom:1em;
	border-bottom: 1px dotted #ccc;
	font:italic normal 1em Cambria;
}


/*
    Article module
*/
.mod_article
    {
    }

/*
	Module Sitemap
*/
.mod_sitemap {

}

.mod_sitemap ul {
}

.mod_sitemap ul ul {
    padding-top:.5em;
}

.mod_sitemap li {
    padding-bottom: .5em;
}

.mod_sitemap .first {
}

.mod_sitemap .last {
}

/*
	Module search
*/
#main .mod_article .search
	{
		overflow: visible!important;
	}

	.search .mod_search
		{
			height: auto;
			padding: 0;
		}

		.search .mod_search .relevance {
			color:#333;
			font-weight: normal;
		}

		.search .mod_search .context {
			padding:5px 0;
		}

		.search .mod_search .highlight {
			background: #FFEA00;
		}

		.search .mod_search .url {
			padding:3px 0;
			color:#333;
			font-size:.8em;
		}

/*
    Search
*/

    .mod_search
        {
          height: 40px;
          padding: 113px 0 0 10px;
        }

        .mod_search .formbody
            {
                position: relative;
                height: 80px;
            }

        .mod_search input.text
            {
                border: 1px solid #afaeaf;
                width: 186px;
                height: 18px;
                position: absolute;
                padding: 4px 4px 4px 35px;
                font-size: 1.2em;
                -moz-border-radius: 10px; /* Firefox */
                -webkit-border-radius: 10px; /* Safari, Chrome */
                border-radius: 10px; /* CSS3 */
                z-index: 0;
                font-family: Cambria;
                font-style: italic;
            }

        .mod_search input.submit
            {
                position: absolute;
                top: 5px;
                left: 6px;
                width: 25px;
                height: 20px;
                background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAVCAYAAACzK0UYAAACEUlEQVRIx7WVPWhaURTHzReBpjSlkGYI7dQl0DHZW0ihIVuGQrJkCN0K7eInYgxoMkh1axFFEFyUYgYzBgm6qCC0iCQZikMzPIJfrSkhPn2n/yP3FQnPFxW98OPKu+/e373nnvM0GI1GQw8ei/4pmASzOu/qovXwIfgAPoOv4Ez83gVzo5BsgUvwF9y43W5C37ZYLNxXwEfwfFgJh+MTuAbk9/spl8tRJpOhbDZL0WiUXC4Xmc3mBsa/gEfDSDaB5HQ6KZ1OE7dWq9Xp2+12p8/n8+T1evlEv4F1UMkSqJtMJkomk/8X1WqFQoFsNhuLJDGvb8l7DpHH46FyuUx6TZZlCgQCLPkDdgaR7LEkEomQoii6Eh5PpVJktVqbmOMaRLINbmOxGDWbzb4kItvCdxZbAz95w11w+r/iwbegHAwG7z0Jt0QioS5wrLFrR5egJVK+cxLO+3NcvFIqlXQFfGc+n09dRCvDlsGpGI+CJ6qEa+RQrY9KpaKZYfwsHo+roeIwPOtxB2YRtvW7dbIITrjSw+EwFYtFqlar1Gg0qFarkSRJxM8xroAfYGXYzwpf3DeuF7vdroRCIeJ74sVR6WqIrsR7U8NKJsA8OIKozpUtQsM7/87JAWTwYhRf4QXwEuyD1+CNuNADcZrkKCS9eAB+CdHGuCQG8T+jhnBskmlwIUSOcUmYd0K0Ok7JzKBz/gHjKgJSvw3Y4wAAAABJRU5ErkJggg==") no-repeat;
                border: 0;
                z-index: 3;
                cursor: pointer;
            }

            #query_type
                {
                    position: absolute;
                    top: 50px;
                    left: 5px;
                }

/*
	Module Slider
*/
.mod_slider {
	text-align: center;
}

#subfooter .mod_slider {
	margin-bottom:40px;
}

#subfooter .mod_slider a {
	padding-right: 0;
}

/*
    Module Quick Poll
*/
.mod_quickpoll {
    border-top:1px dotted #ccc;
    padding-top: 1em!important;
}

.mod_quickpoll .title {
    font-weight: bold;
    line-height: 2em;
}

.mod_quickpoll .description {
    padding:.4em 0;
}

.mod_quickpoll .radio_container {
    padding-bottom: 1em;
}

.mod_quickpoll .radio_container span {
    display: block;
    line-height: 1.5em;
}

.mod_quickpoll .submit_container {

}

.mod_quickpoll .submit_container input.submit {
    padding:5px 10px;
    cursor: pointer;

    border:2px solid #666;
    -moz-border-radius: 8px; /* Firefox */
    -webkit-border-radius: 8px; /* Safari, Chrome */
    border-radius: 8px; /* CSS3 */
}

.mod_quickpoll .resultslink {
    float:right;
}

.mod_quickpoll .stoptext {
    font-size:.7em;
}

.mod_quickpoll .totaltext {
    line-height: 1.5em;
}

.mod_quickpoll .graph {

}

.mod_quickpoll .graph .label {
    padding:1em 0 .6em;
}

.mod_quickpoll .results {
    border:1px solid #eee;

    -moz-border-radius: 8px; /* Firefox */
    -webkit-border-radius: 8px; /* Safari, Chrome */
    border-radius: 8px; /* CSS3 */
}

.mod_quickpoll .results div {
    line-height: 1.5em;
    text-indent: 1em;

    -moz-border-radius: 8px; /* Firefox */
    -webkit-border-radius: 8px; /* Safari, Chrome */
    border-radius: 8px; /* CSS3 */
}

.mod_quickpoll .color1 { background: #008200; color:#fff; }
.mod_quickpoll .color2 { background: #067cb1; color:#fff; }
.mod_quickpoll .color3 { background: #FFEA00; }
.mod_quickpoll .color4 { background: #afaeaf; }
.mod_quickpoll .color5 { background: #6CE26C; }
.mod_quickpoll .color6 { background: #C05151; color:#fff; }

/*
    Module Photoalbum
*/
/* List */
.mod_photoalbumslist {}

.mod_photoalbumslist .layout_preview {
    float:left;
    width: 50%;
    height:400px;
}

.mod_photoalbumslist .layout_preview .title {
    text-align: center;
    font: 1.1em/2em Arial;
}

.mod_photoalbumslist .meta {
    padding:0 2em;
    font-size: .8em;
    text-align: center;
}

.mod_photoalbumslist .meta p {
    text-indent: 0;
    text-align: center;
}

/* Preview */
.mod_photoalbumsviewer {

}

.mod_photoalbumsviewer .layout_fullsize .meta {
    padding:1em 0;
    line-height: 1.5em;
    overflow: hidden;

    border: 1px dotted #ccc;
    border-width: 1px 0;
}

.meta .date,
.meta .event,
.meta .place,
.meta .photographer {
    font-size: .9em;
}

.meta .date {
    font: italic 1em Arial;
}

.meta .info {
    float:left;
    padding-right: 2em;
    margin-right: 2em;
    border-right: 1px dotted #ccc;
}

.mod_photoalbumsviewer .meta .description,
.mod_photoalbumsviewer .meta .description p {
    text-align: left;
}

.mod_photoalbumsviewer .layout_fullsize .title {
    display: none;
}

.mod_photoalbumsviewer .album {
    padding-top:2em;
}

.mod_photoalbumsviewer .album .image_container {
    float:left;
    width:33%;
    height:250px;
}

.mod_photoalbumsviewer .album .no-descr {
    height:auto;
}


.album .caption {
    padding:10px 20px;
    text-align: center;
}

.album p {
    text-align: center;
    text-indent: 0;
}

/*
    FancyBox specific
*/
#fancybox-title-over p {
    text-indent: 0;
    text-align: left;
}
/*
    Forms styles
*/
    #question_form
        {
            width: 565px;
            height: 210px;
            float: right;
            position: relative;
        }

        #question_form label,
        #question_form p.error {
            display: none;
        }

        #question_form input,
		#question_form select
            {
                width: 186px;
                height: 18px;
                border: 1px solid #afaeaf;
                position: absolute;
                padding: 4px;
				font:italic 1.2em Cambria;
                -moz-border-radius: 10px; /* Firefox */
                -webkit-border-radius: 10px; /* Safari, Chrome */
                border-radius: 10px; /* CSS3 */
            }

        /*
            for FireFox
        */
        #question_form select optgroup,
        #question_form select option {
            font:italic 1em Cambria;
        }

        #question_form select optgroup {
            font-weight: bold;
        }
			/*
				Special for Opera
			*/
			.opera select {
				border-radius:0!important;
			}
/*
			.opera #question_form select,
			#question_form select optgroup,
			#question_form select option {
				font-style: italic;
				font-family: 'Georgia';
			}
*/

			#question_form option {
				font-size:1em;
			}

			#question_form optgroup option {
				padding-left:1.3em;
			}

			#question_form .empty {
				color:#999;
			}

        #question_form textarea
            {
                top:66px;
				left:0;
				position: absolute;
                width: 335px;
                height: 126px;
                padding: 3px;
                font:italic 1.3em Cambria;
                border: 1px solid #afaeaf;
                -moz-border-radius: 10px; /* Firefox */
                -webkit-border-radius: 10px; /* Safari, Chrome */
                border-radius: 10px; /* CSS3 */
            }

        #question_form .row_0 p
            {
				font:bold italic 1.5em Cambria;
                padding: 5px 0 25px;
                text-indent: 0;
            }

        #question_form .subject
            {
                top: 30px;
                left: 0;
				height: 28px;
				width: 553px;
            }

        #question_form .fullname
            {
                top: 66px;
                left: 358px;
            }

        #question_form .email
            {
                top: 102px;
                left: 358px;
            }

		#question_form .captcha
			{
                top: 138px;
                left: 358px;
				text-align: center;
			}

        #question_form .submit
            {
                top: 174px;
                left: 358px;
                width: 196px;
                height: 26px;
                border: 0;
                color: #fff;
				font:bold italic 1.3em Cambria;
                cursor: pointer;
                background: url(https://www.ocpo.sumy.ua/files/assets/css/../images/send_button.jpg) no-repeat;
            }

/*
    Module OCPO MAP
*/
#mod_ocpo_map {
    position: relative;
    padding-bottom: 10px;
}

#ocpo_map_depts {
    position: absolute;
    display: none;
    width:360px;
    height:auto;
    right: 10px;
    top:60px;
    padding:10px;
    z-index: 100;

    border:2px solid #ccc;
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari, Chrome */
    border-radius: 10px; /* CSS3 */

    background: #fff;
}

#ocpo_map_depts .city {
    display:none;
}

#ocpo_map_depts h2 {
    line-height: 1em;
    padding:0 0 .5em;
    border-bottom: 1px dotted #ccc;
}

#ocpo_map_depts .close {
    float:right;
    border-bottom: 1px dotted #4480BB;
    text-decoration: none;
}

/* vCard */
#ocpo_map_depts .vcard {
    padding: .5em 0;
}

#ocpo_map_depts .vcard div {
    line-height: 1.2em;
}

#ocpo_map_depts .vcard .org {
    font-weight: bold;
    font-size: 1em;
    padding-bottom: .5em;
    line-height: 1em;
}

#ocpo_map {
	background: url('https://www.ocpo.sumy.ua/files/assets/css/../../../system/modules/z_ocpo/html/sumy-map.jpg') no-repeat 0 0;
	width:523px;
	height: 675px;
}

#mod_ocpo_map .point-block {
    position: absolute;
    top:0;
    left:0;
	overflow: visible;
    width: 220px;
    z-index: 0;
}

#mod_ocpo_map .active {
    z-index: 100;
}

.point-block .point {
	position: absolute;
	top:-12px;
	left:-12px;
    width:25px;
    height:25px;
	background: url('https://www.ocpo.sumy.ua/files/assets/css/../../../system/modules/z_ocpo/html/point.png') no-repeat 0 0;
    color:#fff;
    cursor:pointer;
}

.point-block .city {
	position: absolute;
	top:-13px;
	left:-6px;
	padding:3px 6px 4px 20px;
	background: #fff;
    color:#000;
    border:2px solid #ff0000;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* CSS3 */
    cursor:pointer;
}

#mod_ocpo_map .active .city {
    border-color:#fff;
    background:#ff0000;
    color:#fff;
}

/*
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}
.divScroller
{
    position: relative;
    height:115px;
    width:100%;
}

    .divScroller .content
    {
        position: absolute;
        width: 725px;
        width:83%;
        top: 15px;
        left: 38px;
        left:8%;
        overflow: hidden;
    }

    /* scroller buttons */
    .divScroller .next,
    .divScroller .prev
    {
        position: absolute;
        width:23px;
        height:75px;
        top:35%;
        padding:0!important;
        background: url("https://www.ocpo.sumy.ua/files/assets/css/../js/jquery.divScroller/arrows.png") no-repeat;
    }

    .divScroller .next
    {
        left:95.5%;
        background-position: 100% 0;
    }

        .divScroller .next.inactive
        {
            background-position: 100% 0;
        }

    .divScroller .prev
    {
        left:2%;
        background-position: 0 0;
    }

        .divScroller .prev.inactive
        {
            background-position: 0 0;
        }

    /*
        Hide inactive
    */
    .divScroller .inactive {
        display: none;
    }

    /* items container */
    .divScroller .items
    {
		width:10000px;
		overflow: hidden;
    }

    .divScroller .item
    {
        float: left;
        width:auto;
        height:auto;
        text-align: center;
        overflow: hidden;
    }
.tip-yellowsimple {
	z-index:1000;
	text-align:left;
	border:1px solid #c7bf93;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:6px 8px;
	min-width:50px;
	max-width:300px;
	color:#000;
	background-color:#fff9c9;
	/**
	 * - If you set a background-image, border/padding/background-color will be ingnored.
	 *   You can set any padding to .tip-inner instead if you need.
	 * - If you want a tiled background-image and border/padding for the tip,
	 *   set the background-image to .tip-inner instead.
	 */
}
.tip-yellowsimple .tip-inner {
	font:12px/16px arial,helvetica,sans-serif;
}

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-yellowsimple .tip-arrow-top {
	margin-top:-6px;
	margin-left:-5px; /* approx. half the width to center it */
	top:0;
	left:50%;
	width:9px;
	height:6px;
	background:url(https://www.ocpo.sumy.ua/files/assets/css/../js/poshytip/tip-yellowsimple/tip-yellowsimple_arrows.gif) no-repeat;
}
.tip-yellowsimple .tip-arrow-right {
	margin-top:-4px; /* approx. half the height to center it */
	margin-left:0;
	top:50%;
	left:100%;
	width:6px;
	height:9px;
	background:url(https://www.ocpo.sumy.ua/files/assets/css/../js/poshytip/tip-yellowsimple/tip-yellowsimple_arrows.gif) no-repeat -9px 0;
}
.tip-yellowsimple .tip-arrow-bottom {
	margin-top:0;
	margin-left:-5px; /* approx. half the width to center it */
	top:100%;
	left:50%;
	width:9px;
	height:6px;
	background:url(https://www.ocpo.sumy.ua/files/assets/css/../js/poshytip/tip-yellowsimple/tip-yellowsimple_arrows.gif) no-repeat -18px 0;
}
.tip-yellowsimple .tip-arrow-left {
	margin-top:-4px; /* approx. half the height to center it */
	margin-left:-6px;
	top:50%;
	left:0;
	width:6px;
	height:9px;
	background:url(https://www.ocpo.sumy.ua/files/assets/css/../js/poshytip/tip-yellowsimple/tip-yellowsimple_arrows.gif) no-repeat -27px 0;
}
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('https://www.ocpo.sumy.ua/files/assets/css/../js/jquery.fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('https://www.ocpo.sumy.ua/files/assets/css/../js/jquery.fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('https://www.ocpo.sumy.ua/files/assets/css/../js/jquery.fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('https://www.ocpo.sumy.ua/files/assets/css/../js/jquery.fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('https://www.ocpo.sumy.ua/files/assets/css/../js/jquery.fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('https://www.ocpo.sumy.ua/files/assets/css/../js/jquery.fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('https://www.ocpo.sumy.ua/files/assets/css/../js/jquery.fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('https://www.ocpo.sumy.ua/files/assets/css/../js/jquery.fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('https://www.ocpo.sumy.ua/files/assets/css/../js/jquery.fancybox/fancybox.png');
	background-position: -40px -182px;
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('https://www.ocpo.sumy.ua/files/assets/css/../js/jquery.fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('https://www.ocpo.sumy.ua/files/assets/css/../js/jquery.fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('https://www.ocpo.sumy.ua/files/assets/css/../js/jquery.fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('https://www.ocpo.sumy.ua/files/assets/css/../js/jquery.fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('https://www.ocpo.sumy.ua/files/assets/css/../js/jquery.fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('https://www.ocpo.sumy.ua/files/assets/css/../js/jquery.fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('https://www.ocpo.sumy.ua/files/assets/css/../js/jquery.fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('https://www.ocpo.sumy.ua/files/assets/css/../js/jquery.fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }