@charset "utf-8";
/*Code by Fio
author url: http//www.vonfio.de
copyright: Creative Commons Attribution-Share Alike 3.0 Unported License
*/


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead, {background: transparent;border: 0;font-style: inherit;font-weight: inherit;margin: 0;padding: 0;outline: 0;vertical-align: baseline;} table {border-collapse: collapse;border-spacing: 0;}






@charset "UTF-8";
@font-face{font-family:'FuturaNewDemi';src:url(../fonts/FuturaNewDemi-Reg.eot);src:url(../fonts/FuturaNewDemi-Reg.woff2) format("woff2"),url(../fonts/FuturaNewDemi-Reg.woff) format("woff"),url(../fonts/FuturaNewDemi-Reg.ttf) format("truetype"),url(../fonts/FuturaNewDemi-Reg.svg#FuturaNewDemi-Reg) format("svg"),url(../fonts/FuturaNewDemi-Reg.eot?#iefix) format("embedded-opentype");font-weight:400;font-style:normal}
@font-face{font-family:'FuturaNewBook';src:url(../fonts/FuturaNewBook-Reg.eot);src:url(../fonts/FuturaNewBook-Reg.woff2) format("woff2"),url(../fonts/FuturaNewBook-Reg.woff) format("woff"),url(../fonts/FuturaNewBook-Reg.ttf) format("truetype"),url(../fonts/FuturaNewBook-Reg.svg#FuturaNewBook-Reg) format("svg"),url(../fonts/FuturaNewBook-Reg.eot?#iefix) format("embedded-opentype");font-weight:400;font-style:normal}
@font-face{font-family:'FuturaNewLight';src:url(../fonts/FuturaNewLight-Reg.eot);src:url(../fonts/FuturaNewLight-Reg.woff2) format("woff2"),url(../fonts/FuturaNewLight-Reg.woff) format("woff"),url(../fonts/FuturaNewLight-Reg.ttf) format("truetype"),url(../fonts/FuturaNewLight-Reg.svg#FuturaNewLight-Reg) format("svg"),url(../fonts/FuturaNewLight-Reg.eot?#iefix) format("embedded-opentype");font-weight:400;font-style:normal}
@font-face{font-family:'AmazingGroteskDemi';src:url(../fonts/AmazingGrotesk-DemiBold.eot);src:url(../fonts/AmazingGrotesk-DemiBold.woff2) format("woff2"),url(../fonts/AmazingGrotesk-DemiBold.woff) format("woff"),url(../fonts/AmazingGrotesk-DemiBold.ttf) format("truetype"),url(../fonts/AmazingGrotesk-DemiBold.svg#AmazingGrotesk-DemiBold) format("svg"),url(../fonts/AmazingGrotesk-DemiBold.eot?#iefix) format("embedded-opentype");font-weight:400;font-style:normal}
@font-face{font-family:'GlyphiconsHalflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons-halflings-regular) format("svg"),url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype");font-weight:400;font-style:normal}
*{padding:0;margin:0}




html {
    background: #ffffff none repeat scroll 0 0;
    color: #000;
    font: 400 14px/20px Times new roman, Helvetica, sans-serif;
margin:      0px 0px 0px 0px;
}



body {
font-family:"FuturaNewBook",Arial,"Helvetica Neue",Helvetica,sans-serif;
font-size:16px;
padding:     0px 0px 0px 0px;
margin:      0px 0px 0px 0px;
color:#293237;
background-color:  #ffffff;
background-repeat: no-repeat;
background-attachment: fixed;  
}





@media all and  (min-width: 750px) {
.headsearchbox{
display: inline-block;
}
}

@media all and  (max-width: 749px) {
.headsearchbox{
display: block;
height: 40px;
max-width: 100%;
}
}




.accessibility.disabled{
border: 0px solid #000000;
text-align: center;
display: inline-block!important;

left: 10px;
top: 10px;
display: inline-block;
vertical-align: top;
}




.accessibility{
border: 0px solid #000000;
text-align: center;
position: absolutee!important;
display: none;
vertical-align: top;
}




.black-and-white  .accessibility, .white-and-black  .accessibility,  .font-aaa .accessibility, .font-aa .accessibility  {
border: 0px solid #000000;
text-align: center;

display: inline-block!important;

vertical-align: top;

}



.color-switch{
border: 0px solid #000000;
display: inline-block;
vertical-align: top;
margin: 5px 5px;
}


.font-switch{
border: 0px solid #000000;
display: inline-block;
vertical-align: top;
margin: 5px 5px;
}



.bw{
border: 1px solid #fff;
display: inline-block;
vertical-align: top;
color: #000;
background: #fff;
width: 20px;
height: 20px;
cursor: pointer;
text-align: center;
}

.inverse{
border: 1px solid #fff;
display: inline-block;
vertical-align: top;
color: #fff;
background: #000;
width: 20px;
height: 20px;
cursor: pointer;
text-align: center;
}

.font-normal{
border: 1px solid #fff;
display: inline-block;
vertical-align: top;
color: #000;
background: #fff;
width: 20px;
height: 20px;
cursor: pointer;
text-align: center;
}

.font-middle{
border: 1px solid #fff;
display: inline-block;
vertical-align: top;
color: #000;
background: #fff;
width: 20px;
height: 20px;
cursor: pointer;
text-align: center;
}

.font-big{
border: 1px solid #fff;
display: inline-block;
vertical-align: top;
color: #000;
background: #fff;
width: 20px;
height: 20px;
cursor: pointer;
text-align: center;
}


.font-big sup {
    font-size: 80%;
    line-height: 0;
    position: relative;}
  






















* {
    margin:  0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

p {
    margin:  10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family:"FuturaNewBook",Arial,"Helvetica Neue",Helvetica,sans-serif;
}





:focus {
outline: none;
border: 0px solid #000000;
border-style: none;
}




/* background (clouds) */




#all {
background: #ffffff;
min-width:450px;
border: 0px solid #000000;
}




td,tr {
    font-family:"FuturaNewBook",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size:   16px;
    color:       #000000;
}

#contenttext ul li {
margin: 0px 0px 0px 20px;
}

.thumb img { 
border: 1px solid #afafaf; 
color: #ffffff;


} 
.thumb img:hover { 
border: 1px solid #445880; 
color: #ffffff;
} 






.page-header{ 
border: 0px solid #afafaf; 
margin: 0px 0px 25px 0px;
padding-bottom: 0px;
} 

#contenttext h1 {
    
    color: #3954a5;
    font-size: 20px;
    padding: 0px 0px 10px 5px;
    font-family: "AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
    border-bottom: 1px dotted #3954a5;
line-height: 36px;
font-weight: normal;
}


.igallery_title{
    
    color: #1c6efc;
    font-size: 20px;
    padding: 0px 0px 0px 5px;
    font-family: "AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
    
line-height: 36px;
font-weight: normal;
}









#contenttext h2 {
    color: #666666;
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
    font-family: "AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
margin-bottom: 10px;
border-bottom: 0px solid #ececec;
}
#contenttext h3 {
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    font-family: AmazingGroteskDemi, Times new roman, Helvetica, sans-serif;
}
#contenttext h4 {
    color: #666666;
    font-size: 12px;
    margin-bottom: 5px;
    font-family: "AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
}

.moduletable h1 {
    color: #cc0000;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
   font-family: "AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
    
}
.moduletable h2 {
    color: #5d3229;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    font-family: "AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.moduletable h3 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 1px;
   font-family: "AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;


}
.readmore {
    color: #3fda1b;
    font-size: 13px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: right;
    font-family: "AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
    border: 0px solid #ff0000;
height: 25px;

}











a:link, a:visited {
color:#293237;
text-decoration:none;

}
a:hover, a:focus {
text-decoration:none;color:#3954a5;opacity:.99;outline:0
}





/******** shablon ********/


@media  (min-width: 50px) {

#head-bg { 
width: 100%;
display: block;
padding: 0px 0px 0px 0px;
margin: 0px auto;
border: 0px solid #ff0000; 
background-color: #3954a5;
}}



#head { 
width: 100%;

display: block;
padding: 0px 0px 0px 0px;
margin: 0px auto;
border: 0px solid #000000; 

}




#panel { 
max-width: 1600px;
padding: 10px 0px 0px 0px;
margin: 0px auto; 
border: 1px solid #000; 
background-color: #fff;
}









@media (min-width: 1200px){
#simvolika { 
display: none;
}}

@media (min-width: 800px) and (max-width: 1199px)  {

#simvolika { 
width: 269px;
height: 70px;
display: block;
padding: 5px 0px 5px 0px;
margin: 10px auto;
border: 0px solid #000000; 
background-repeat: no-repeat;
transition-duration: .3s;
}



#simvolika:hover { 
width: 269px;
height: 70px;
display: block;
padding: 0px 0px 10px 0px;
margin: 10px auto;
border: 0px solid #000000; 
background-repeat: no-repeat;
transition-duration: .3s;
}
} 







@media (min-width: 750px) and (max-width: 799px) {
#simvolika { 
width: 200px;
height: 55px;
display: block;
padding: 5px 0px 5px 0px;
margin-left: -100px;
border: 0px solid #000000; 
background-repeat: no-repeat;
transition-duration: .3s;
position: absolute;
top:55px;
left: 50%
}

#simvolika:hover { 
width: 200px;
height: 55px;
display: block;
padding: 0px 0px 10px 0px;
margin-left: -100px;
border: 0px solid#000000; 
background-repeat: no-repeat;
transition-duration: .3s;
position: absolute;
top:55px;
left: 50%
}

#simvolika img { 
width: 200px;
height: 55px;

}

}




@media (min-width: 400px) and (max-width: 749px) {
#simvolika { 
width: 200px;
height: 55px;
display: block;
padding: 5px 0px 5px 0px;
margin-left: -100px;
border: 0px solid #000000; 
background-repeat: no-repeat;
transition-duration: .3s;
position: absolute;
top:105px;
left: 50%
}

#simvolika:hover { 
width: 200px;
height: 55px;
display: block;
padding: 0px 0px 10px 0px;
margin-left: -100px;
border: 0px solid#000000; 
background-repeat: no-repeat;
transition-duration: .3s;
position: absolute;
top:105px;
left: 50%
}

#simvolika img { 
width: 200px;
height: 55px;

}

}















@media (min-width: 50px) and (max-width: 399px) {
#simvolika { 
width: 150px;
height: 41px;
display: block;
padding: 5px 0px 5px 0px;
margin-left: -75px;
border: 0px solid #000000; 
background-repeat: no-repeat;
transition-duration: .3s;
position: absolute;
top:105px;
left: 50%
}

#simvolika:hover { 
width: 150px;
height: 41px;
display: block;
padding: 0px 0px 10px 0px;
margin-left: -75px;
border: 0px solid#000000; 
background-repeat: no-repeat;
transition-duration: .3s;
position: absolute;
top:105px;
left: 50%
}

#simvolika img { 
width: 150px;
height: 41px;

}


}














.content { 
max-width: 1200px;
padding: 0px 0px 0px 0px;
margin: 0px auto;
border: 0px solid #ff0000; 
min-height: 650px;
}





.article-info-term {
display: none;
}

.create{

color: #9b9b9b;
    font-size: 11px;
    font-weight: normal;
    font-family: "AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
}





#content { 
margin-top: 20px;
padding: 0px 0px 0px 0px;
border: 0px solid #000000; 

background-color:  #ffffff;
}


#system-message-container{ 
padding: 5px 0px 5px 0px;
margin: 0px auto; 
border: 0px solid #cc0000; 
color:#CC0000;
} 

#gallery{
max-width: 1190px;
border-top: 0px solid #ffbb38;
padding: 5px 5px 5px 5px;
margin: 20px auto;
content: '';
display: block;
clear: both;
}


#gallery2{
max-width: 782px;
padding: 5px 70px 5px 70px;
margin: 0px auto;
text-align: center;
display: block;
max-height: 100px;
overflow: hodden;
border: 0px solid #1c6efc;

float: left;
}




#gallery H3{
margin: 0px 0px 15px 0px;
padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #3497db;
    color: #666666;
     font-family: "AmazingGroteskDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 22px;
    font-weight: bold;   
    
}







#gallery a:link, #gallery a:visited {
color:#000000;
text-decoration:none;
opacity: 1;
}
#gallery a:hover {
color:#00bbd3;
text-decoration:underline;
background:none;
text-decoration:none;
opacity: 1;
}






#fotogallery{
padding: 10px;
display:inline-block;
}



#videogallery{
padding: 10px;
display:inline-block;
}


#videogallery{
padding: 10px;
display:inline-block;
}


#videogallery{
padding: 10px;
display:inline-block;
}


#videogallery .slide-desc-text a, #fotogallery .slide-desc-text a{
color: #ffffff;
}

#videogallery .slide-desc-text a:hover,  #fotogallery .slide-desc-text a:hover{
color: #ececec;
}






#bottom{
background: #222;
padding: 0px;
margin: 20px 0px 0px 0px;
min-height: 100px;
color: #ffffff;
border-top: 0px solid #ffbb38;

}

#bottom td{
color: #ffffff;
}



#bottomleft { 
height: 227px;
width: 100%;
margin: 0px 0px 0px 0px;
border: 0px solid #ff0000;
color:#ffffff; 
font-size: 12px;
font-weight: bold;
background-color:#82cd60;
border-radius: 90% 0% 0% 0%;
left: 0px;

}


#modulesleft{ 
padding: 10px 10px 10px 10px;
right: 0px;
bottom 0px;
border: 0px solid #cc0000;
}


#modulesright{ 
padding: 10px 10px 10px 10px;
left: 0px;
bottom 0px;
border: 0px solid #cc0000;
}



#bottomright { 
width:100%;
height: 380px;
margin: 0px 0px 0px 0px;
border: 0px solid #ff0000;
color:#ffffff; 
font-size: 13px;
font-weight: bold;
background-color:#2c2e34;
border-radius: 0% 90% 0% 0%;
right: 0px;

}




#online-pro{ 
position: relative;
float:right;
width:240px;
height: 50px;
border: 0px solid #0000cc;
}


#online-pro a{
text-decoration:none;
color: #ffffff;
outline:none;
}

#online-pro a:hover{
text-decoration:none;
color: #afafaf;
outline:none;

}
 


#vikodek-bg h1 { 

color:#ffffff; 
font-size: 28px;
font-weight: bold;
font-family: Times new roman, Helvetica, sans-serif;
text-decoration:none;
} 





#contenthead { 
width: 706px;
height:220px;
padding: 0px 0px 0px 0px;
border: 0px solid #cc0000; 
background:url(../images/bg-shadov.jpg)  no-repeat ;
} 






#language { 
width:248px;
height:49px;
padding: 0px 3px 0px 3px;
margin: 0px 0px 0px 2px;
border: 0px solid #afafaf; 
float: left;
}








#important1 { 
width:193px;
height:90px;
padding: 10px 20px 0px 20px;
margin: 0px 0px 0px 0px;
border: 0px solid #cc0000; 
float: left;

background: url(../images/hr-vertikal.png) right no-repeat;
}


#important2 { 
width:193px;
height:90px;
padding: 10px 20px 0px 20px;
margin: 0px 0px 0px 0px;
border: 0px solid #cc0000; 
float: left;
background: url(../images/hr-vertikal.png) right no-repeat;
}

#important3 { 
width:193px;
height:90px;
padding: 10px 20px 0px 20px;
margin: 0px 0px 0px 0px;
border: 0px solid #cc0000; 
float: left;
}








#slogan {
width:700px;
height:25px; 
padding: 0px 6px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0px solid #ccffff; 
float: left;

}

#slogan h3 { 
font-size:23px;
color:#ff0000;
font-family:  Monotype Corsiva;
font-weight:bold;
}


@media (min-width: 1460px) {
#contenttext{
max-width: 1450px; 
padding: 0px 0px 30px 0px;
}
#breadcrumbs{
max-width: 1450px; 
padding: 0px auto;
}


}


@media (min-width: 1250px) and (max-width: 1459px) {
#contenttext{
max-width: 1200px;
padding: 0px 0px 30px 0px; 
}
#breadcrumbs{
max-width: 1200px; 
padding: 0px auto;
}

}



@media (min-width: 1016px) and (max-width: 1249px) {

#contenttext{
max-width: 1000px; 
padding: 0px 0px 30px 0px;
}
#breadcrumbs{
max-width: 1000px; 
margin: 0px auto;
}
}


@media(max-width: 1015px) {
#contenttext{
max-width: 800px; 
padding: 0px 5px 0px 5px;

}
#breadcrumbs{
max-width: 800px; 
margin: 0px auto;
border: 0px solid #cccccc;
}
}


#breadcrumbs li{
display: inline-block;
padding: 5px;
border: 0px solid #cccccc;
}



#contenttext {

color:#000000;
min-height: 400px;
margin: -5px auto;

border: 0px solid #cccccc;
background-color:  #ffffff;
}


.search .result-text{
border-bottom: 1px solid #ececec;
text-align: justify;
padding-left: 20px;
}



.blog .clearfix .span6 {
border-top: 5px solid #ececec;
border-left: 1px solid #ececec;
border-right: 1px solid #ececec;
border-bottom: 1px solid #ececec;

padding: 5px 5px 20px 5px;
margin-top: 10px;
background-color:  #ffffff;
border-radius: 10px;
}

.item-page{

border: 0px solid #ececec;
padding: 5px 5px 30px 5px;
margin-top: 0px;
background-color:  #ffffff;
border-radius: 10px;
}
 
.table-striped{
border-top: 5px solid #ececec;
padding-top: 20px;
margin-top: 20px;
}





.list-title{
border: 0px solid #ececec;
padding-top: 5px;
}



#kontakt h2 { 
color:#ffed00; 
font-size: 18px;
font-weight: bold;

} 








#madein { 
width:948px;
height:300px;
padding: 0px 0px 0px 0px;
margin: 0px auto;
border: 1px solid #cc0000; 
background:url(../images/0trans.png);
position: relative;
} 







#slogan2 h1 { 
font-size:17px;
color:#1baefb;
font-family:  Arial, sans-serif;
font-weight:bold;
}




#tools{ 
width:978px;
height:40px;
padding: 5px 0px 0px 22px;
margin: 0px 0px 0px 0px;
border: 0px solid #cc0000;
background:url(../images/chachipen-leftbg.jpg) repeat-y 0 0px; 
} 
#submenu{ 
width:978px;
height:40px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0px solid #cc0000;
background:#646262; 
} 

#Log{ 
width:298px;
height:157px;
padding: 5px 0px 0px 20px;
margin: 0px 0px 0px 0px;
border: 0px solid #cc0000; 
background:url(../images/Log.png);
color: #ffffff;
} 

#Log .userdata{ 
border: 0px solid #cc0000; 
} 



#Log #modlgn-username{ 

padding: 0px 0px 0px 0px;
margin: 2px 0px 2px 50px;
border: 0px solid #cc0000; 
} 

#Log #modlgn-passwd{ 

padding: 0px 0px 0px 0px;
margin: 2px 0px 8px 42px;
border: 0px solid #cc0000; 
} 

#Log .button  { 
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 185px;

}



.registration{ 
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
border: 0px solid #1ea311; 
width: 480px;
}

#member-registration{ 
padding: 5px 5px 5px 5px;
margin: 0px 0px 5px 0px;
border: 0px solid #1ea311;
border-radius: 10px; 
width: 490px;
color: #f0ffc5;
background: #8bce84;
background:url(../images/registrationbg.jpg);
}

.required{ 
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 5px;
border: 0px solid #1ea311; 

}
.hasTip{ 
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 5px;
border: 0px solid #1ea311; 

}


.hasTip required{ 
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 5px;
border: 2px solid #1ea311; 
background: #000000;
}

#contenttext #user-registration{ 
padding: 5px 5px 5px 5px;
margin: 0px 0px 5px 0px;
border: 0px solid #1ea311;
border-radius: 10px; 
width: 490px;
color: #000000;
background: #8bce84;
background:url(../images/registrationbg.jpg);
}




 fieldset{ 
border: 0px solid #1ea311;


}



#login-form{ 
padding: 5px 5px 5px 5px;
margin: 4px 0px 0px 40px;
border: 0px solid #1ea311;

width: 250px;
color: #ffffff;


}

#login-form ul{
margin: 0px 0px 0px 20px;

}


#login-form .button{
margin: 0px 0px 0px 200px;

}


#login-form .inputbox{
margin: 0px 0px 3px 10px;

}

#login-form #modlgn-username{

margin: 0px 0px 3px 21px;
}










.login{ 
padding: 5px 5px 5px 5px;
margin: 0px 0px 5px 0px;
border: 0px solid #1ea311;
border-radius: 10px; 
width: 300px;
color: #ffffff;
background: #000000;

}



#username{ 

padding: 0px 0px 0px 0px;
margin: 2px 0px 2px 53px;
border: 0px solid #cc0000; 
} 

.login-fields{ 

padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 5px;
border: 0px solid #cc0000; 
} 

#password{ 

padding: 0px 0px 0px 0px;
margin: 2px 0px 8px 42px;
border: 0px solid #cc0000; 
} 
.login .button  { 
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 250px;

}

#advertising{ 
width:465px;
height:152px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0px solid #cc0000;

} 

#put { 
width:983px;
height:20px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 1px solid #1ea311; 
text-align: left;
}





 
.ttabletop { 
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0px solid #000000;
width: 1000px;

} 
.ttable { 
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0px solid #000000;
width: 1000px;

} 

.centertable { 
padding: 0px 0px 0px 0px;
margin: 0px auto;
border: 0px solid #000000;
} 
.tablecenter { 
padding: 0px 0px 0px 0px;
margin: 0px auto;
border: 0px solid #000000;


} 




.stableborder { 
padding: 5px 5px 5px 5px;
margin: 0px auto;
border: 1px solid #e5e5e5;
} 

.stable { 
padding: 5px 5px 5px 5px;
margin: 0px auto;
border: 0px solid #000000;


} 
 













.highslide-gallery{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 640px;
border: 0px solid #ff0000;
}



#contenttext ul, ol, ol li {
margin: 5px 0px 0px 15px;
}

#user-registration{
width: 753px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #afafaf;

}

#jform_email-lbl{ 

color: #6b0202;
}




#jform_email-lbl {

margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid #afafaf;
}


#jform_email {

margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #afafaf;
}



#left_out{
max-width: 285px;

margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid #afafaf;
}

#left_out img{
border-radius: 5px ;
opacity: 0.9;
}

#left_out img:hover{
border-radius: 5px ;
opacity: 1;
}









.poll {
	
	width: 230px;
	text-indent: 5px ;
	line-height: 20px;
	margin: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px ;
	font-size: 11px;
	background:url(../images/foot.png) bottom right repeat-x;
	
}


.mceItemTable00{
	
	width: 220px;
	text-indent: 5px ;
	line-height: 20px;
	margin: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px ;
	font-size: 11px;
	background:url(../images/foot.png) bottom right repeat-x;
	
}


.item-page h2  {
color: #000000;
font-size:15px;
font-weight:bold;
}
.item-page h2 a  {
font-size:15px;
}







/* Tooltips */
.tooltip {
    display: block;
    font-size: 11px;
    line-height: 1.4;
    opacity: 0;
    position: absolute;
    visibility: visible;
    z-index: 103000;
}
.tooltip.in {
    opacity: 0.8;
}
.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}
.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}
.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}
.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}
.tooltip-inner {
    background-color: #000;
    border-radius: 4px;
    color: #fff;
    max-width: 200px;
    padding: 8px;
    text-align: left;
    text-decoration: none;
}
.tooltip-arrow {
    border-color: transparent;
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #000;
    border-width: 5px 5px 0;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #000;
    border-width: 5px 5px 5px 0;
    left: 0;
    margin-top: -5px;
    top: 50%;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #000;
    border-width: 5px 0 5px 5px;
    margin-top: -5px;
    right: 0;
    top: 50%;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000;
    border-width: 0 5px 5px;
    left: 50%;
    margin-left: -5px;
    top: 0;
}

.items-more{

padding: 15px 0px 10px 25px;
border: 0px solid #CC0000;
}


/-------------------*pagination*----------------------/


.pagination p.pull-right {
float: none;
text-align: center;
}
     
.pagination  {
display: inherit;
text-align: center;

border: 0px solid #CC0000;
display: inherit;
text-align: center;


}
     


.counter{
padding: 15px 0px 10px 25px;
border: 0px solid #CC0000;
text-align: center;
}




#contenttext .pagination ul {
    margin: 10px 10px 10px 0;
    padding: 0;
transform: skew(-25deg, 0deg);

}
#contenttext .pagination ul li {
    display: inline-block;
border:0px solid#000 ;
background-color: #ececec;
 padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
transition: all 400ms ease 0s;  
}


#contenttext .pagination li.active {
    display:inline-block;
border:0px solid #eb4947 ;
background-color: #1c6efc;
 
}

#contenttext .pagination li:hover {
    display: inline-block;
border:0px solid#eb4947 ;
background-color: #1c6efc;
 transition: all 400ms ease 0s;
}

@media screen and (min-width: 450px) {
.pagination li a {
    border: 0px solid#eb4947;
    font-size: 14px;
    display: block;
    text-decoration: none;
transform: skew(25deg, 0deg);
padding: 5px 20px 5px 20px;   
}
.pagination li.active a {
    border: 0px solid#eb4947;
    font-size: 14px;
    display: block;
    text-decoration: none;
transform: skew(25deg, 0deg);
padding: 5px 20px 5px 20px;   
}
span.pagenav {
padding: 5px 20px 5px 20px;  
}
}

@media screen and (max-width: 449px) {
.pagination li a {
    border: 0px solid#eb4947;
    font-size: 13px;
    display: block;
    text-decoration: none;
transform: skew(25deg, 0deg);
padding: 5px 10px 5px 10px;   
}
.pagination li.active a {
    border: 0px solid#eb4947;
    font-size: 13px;
    display: block;
    text-decoration: none;
transform: skew(25deg, 0deg);
padding: 5px 10px 5px 10px;   
}

span.pagenav {
padding: 5px 10px 5px 10px;  
}


}







.pagination li:first-child a {

    border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
    border-radius: 0 3px 3px 0;
}



.pagination span, .pagination span a:hover {
    background-color: #f5f5f5;
    color: #999999;
}
span.pagenav {
    background: #fcb436 none repeat scroll 0 0;
    color: #fff;
 border: 0px solid#eb4947;
    font-size: 14px;
    display: block;
    text-decoration: none;
}

.pagination-start span.pagenav, .pagination-prev span.pagenav, .pagination-end span.pagenav, .pagination-next span.pagenav {
    background-color: #f5f5f5;
    color: #444;

}






/* ++++++++++++++  icons  ++++++++++++++ */

ul.actions
{
        text-align:right;
        padding:0 ;
        width:100%;
        margin:0
}

ul.actions li
{
        display:inline
}

ul.actions a
{
        text-decoration:none
}


.cat_child_h3 {
	
	margin: 0px auto;
            padding: 0px auto;
	border: 0px solid #ff0000;
	min-height:  35px;
            text-align: center;
	}


.cat_child {
margin: 50px 0px 0px 0px;
	padding: 0px auto;
	border: 0px solid #000000;
}






.cat_child_h3 a:link {
color:#5B5B5B;
text-decoration:none;
border: 0px solid #000000;
}
.cat_child_h3 a:visited {
color:#5B5B5B;
text-decoration:none;
border: 0px solid #000000;

}


.cat_child_h3 a:hover {
color:#e7a709;
text-decoration:underline;
background:none;
text-decoration:none;
border: 0px solid #000000;

}






/* ++++++++++++++  dropDown  ++++++++++++++ */


.toggle {
	
	margin: 0 0 0 0px;
	text-align: left;
	border: 0px solid #ccc;
	}
.toggle .content {
margin: 10px 0px 10px 0px;
	text-align: left;
	border: 0px solid #ccc;
	
	}
.toggle .toggler {
	font-size: 11px;
	}

.toggler {
	margin: 0 0 0 14px;
	}


.adsmanager-grid .desc{

border: 0px solid #e7e7e7;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 5px;

}

.categorydescription{
border: 0px solid #e7e7e7;
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:#afafaf;
}


#contenttext #adshome h2{
font-size: 13px;
text-align: center;
}




.scrollup{ 
width:40px; 
height:40px; 
opacity:0.3;
position:fixed; 
bottom:50px; 
right:50px; 
display:none; 
text-indent:-1px; 
background: url('../images/top.png') no-repeat; 
z-index: 201; 
outline: none;
}

.scrollup:hover{
 width:40px; 
height:40px; 
opacity:0.3; 
position:fixed; 
bottom:50px; 
right:50px; 
display:none; 

background: url('../images/top-a.png') no-repeat;  
z-index: 201; 
outline: none;
}












#test1 {
	background-color:#282723;
	color:#fff;
	font: normal normal 14px Tahoma;
	padding-top: 7px;
margin: 5px 5px 5px 5px;
	height: 200px;
	width: 150px;
border: 0px solid #e7e7e7;
float: left;


}


#test2 {
	background-color:#282723;
	color:#fff;
	font: normal normal 14px Tahoma;
	padding-top: 7px;
margin: 5px 5px 5px 5px;
	height: 200px;
	width: 150px;
border: 0px solid #e7e7e7;
float: left;
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0);
}









#floating {
	background-color: #3954a5;
	color:#fff;
	font-family: "FuturaNewDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size: 13px;
	padding-top: 0px;
	width: 100% ;
width: 100%;
	border: 0px solid #000000;
	z-index: 99999;
	opacity: 1;
text-transform: uppercase;
min-height: 83px;
}










@media (max-width: 750px) {
#gallery2{
max-width: 1000px;
padding: 5px 5px 5px 5px;
margin: 20px auto;
content: '';
display: block;
clear: both;
border-top: 1px solid #1c6efc;
border-bottom: 1px solid #1c6efc;
display: none;
}
 
}















.fixed {
	position: fixed;
	top: 0px;


	z-index: 9999;
 -webkit-box-shadow: 0 5px 6px -6px #000;
       -moz-box-shadow: 0 5px 6px -6px #000;
            box-shadow: 0 5px 6px -6px #000;
}
footer {
	
	text-align: center;
	color: #FFF;
	
	
	margin: 0 auto;
}



/******** FOOTER ********/





#footslider{

padding: 20px 0px 20px 0px;
margin: 0px auto;
height: 57px;
color: #999999;
border: 0px solid #000000;
border-style: none;
border: 0px solid #000000;
outline: none;
}

#bot{
margin: 0px auto;
color: #4d6a79;
overflow: hidden;
border: 0px solid #ff0000;
}

#bot td{
color: #fff;
}

#bot ol, #bot ul li, #bot ul  {
background: none;
border: 0px;
margin-left: 10px;
}




#bottom1{
max-height: 150px;
margin:0px auto;
padding: 10px 10px 10px 10px ;
color: #fff;
border: 0px solid #ffffff;
float: left;
text-align: left;
}



#bottom2{

margin:0px auto;
padding: 10px 10px 10px 10px ;
color: #fff;
border-left: 0px solid #ffffff;
float: left;
text-align: left;
}


#bottom3, #bottom4{

margin:0px auto;
padding: 10px 10px 10px 10px ;
color: #fff;
border: 0px solid #ffffff;
float: left;
text-align: left;
}

@media (min-width: 800px)   {
#bottom1, #bottom2, #bottom3, #bottom4{
width: 20%;
margin-left: 1%;
margin-right: 1%;

}

#bot h3{
font-size: 14px;
color:#fff;
border-bottom: 1px dotted #fff;
padding:5px;
}
}


@media (max-width: 799px)   {
#bottom1, #bottom2, #bottom3, #bottom4{
width: 100%;


}
#bot h3{
font-size: 14px;
color:#fff;
border-bottom: 0px dotted #fff;
padding:5px;
}

#bot .moduletable{
width: 250px;
text-align: left;
margin: 0px auto;
border: 0px solid#ffffff;
}
}





#footer{

max-width: 1000px;
min-height: 100px;
margin:0px auto;
padding: 0px 0px 20px 0px ;

color: #ffffff;
border-bottom: 1px solid #afafaf;
}


#footer .menu li{
list-style-type: none;
margin-top: 10px;
margin-left: 0px;
}

#footer ul.menu{
border: 0px solid #afafaf;
margin-top: 5px;
}


#footer a:link, #footer a:visited{
text-decoration:none;
color: #ffffff;
outline:none;

}

#footer a:hover{
text-decoration:none;
color: #999999;
outline:none;

}







#footer h2  {
color: #ececec;
font-size:14px;
font-family:  Times new roman, Helvetica, sans-serif;
font-weight:bold;
}


#design{
max-width: 1000px;
height: 80px;
margin:0px auto;
padding: 0px 0px 0px 0px ;
text-align: right;
color: #ffffff;
border: 0px solid #afafaf;
}

#design a{
color: #ffffff;
}


#design a:hover{
color: #fec006;
}





#web-design{
float:left;
max-width:333px;
height: 80px;
margin:0px 0px 0px 0px ;
padding: 0px 0px 0px 0px ;
text-align:left;
border: 0px solid #afafaf;

}

/*end foter*/



#bottom-map{
height: 350px;
margin: 0px 0px 0px 0px;
border: 0px solid #ff0000;
}







#foot_center td{
color: #ececec;
}



#web{
z-index: 0;

}
#karta {
margin: -50px 0px 0px 0px;
border: 0px solid #ff0000;

}


#headkarta {
margin: 0px 0px 0px 0px;
height: 100px;
border: 0px solid #ff0000;
z-index: 0;
background: #ffffff;
z-index: 100;
position: relative;
           -webkit-box-shadow: 0 5px 6px -7px #000;
           -moz-box-shadow: 0 5px 6px -7px #000;
            box-shadow: 0 5px 6px -7px #000;
}


.btn {
  background: #fcb436;
color:#ffffff;
  border: 2px solid #eee;
  height: 38px;
  width: 125px;
  overflow: hidden;
  display: block;
  text-align: center;
  line-height: 38px;
   font-size: 13px;
    font-weight: bold;
float:right;
  /*Переход*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
  
  
  
  /*Тень*/
  -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
}
.btn:hover {
background-color: #1c6efc;
color:#ffffff;
 font-size: 13px;
    font-weight: bold;
}





#jform_contact_name{
max-width: 400px;
height: 50px ;
border: 1px solid #cccccc;
border-radius: 5px ;
font-size:   30px;
}


#jform_contact_name:hover, #jform_contact_email:hover, #jform_contact_emailmsg:hover, #jform_contact_message:hover {
border: 1px solid #8dbf41;
}
#jform_contact_name:hover, #jform_contact_email:hover, #jform_contact_emailmsg:hover, #jform_contact_message.active {
border: 1px solid #8dbf41;
}


#jform_contact_email{
max-width: 400px;
height: 50px ;
border: 1px solid #cccccc;
border-radius: 5px ;
font-size:   30px;
}

#jform_contact_emailmsg{
max-width: 400px;
height: 50px ;
border: 1px solid #cccccc;
border-radius: 5px ;
font-size:   30px;
}


#jform_contact_message{
max-width: 400px;
max-height: 200px ;
border: 1px solid #cccccc;
border-radius: 5px ;
font-size:   30px;
}


#contact-form{
max-width: 450px;
border: 0px solid #cccccc;

}









/************************************************************************************
social
*************************************************************************************/


.i  {
    display: block;
    line-height: inherit;
    position: inherit;
    transition: all 0.6s ease 0s;
    z-index: inherit;
  background-color: #333;
    border-radius: 50%;
max-height: 50px;

}
#social .social li:hover, #social .social li:active, #social .social li:focus {


    transform: rotateY(180deg);

}

#social .social li:hover .i, #social .social li:active .i, #social .social li:focus .i {
    background-color: #1e1e1e;
    transform: rotateY(180deg);
 border-radius: 50%;
}

#social .social li:first-child {
    margin-left: 0;
}
#social{
margin-top: 15px;
    float: none;
    margin-bottom: 0;
    text-align: center;
}
#social ul {
    float: none;
}
#social ul li {
    display: inline-block;
    float: none;
margin-right: 10px;
margin-top: 10px;
 vertical-align: top;
}











/******** tabs ********/

.3tabs_buttons {
height: 35px;
margin: 0px auto;
border:  1px solid #999;
}

#contenttext .tabs_buttons tab3 {
height: 35px;
margin: 0px 30px 0px 30px  ;
border:  1px solid #999;
}





/***********search***************/

.btn-group .inputbox { 
 border: 1px solid #1c6efc;
    border-radius: 5px;
    font-size: 15px;
    padding: 5px;
    width: 258px;
margin: 20px 0px 0px 0px  ;
}

.btn-group{ 
 border: 0px solid #1c6efc;
width: 260px;
margin: 0px auto;

  }









.btn-group .btn {
margin-top: -35px;

  background: #fcb436;
color:#ffffff;
  border: 2px solid #eee;
  height: 38px;
  width: 125px;
  overflow: hidden;
  display: block;
  text-align: center;
  line-height: 38px;
   font-size: 13px;
    font-weight: bold;
   float: right;
  /*Переход*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
  
  
  
  /*Тень*/
  -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
display: none;


}

.btn-group .btn:hover {
background-color: #1c6efc;
color:#ffffff;
 font-size: 13px;
    font-weight: bold;
}












.search .button { 
padding: 0px 5px 2px 5px;
margin: 0px 0px 0px 3px;
height:22px;
border: 1px solid #ff1b1b; 
border-radius: 5px;
background-color: #a20016; 
color: #ffffff;
}


.search .button:hover { 
padding: 0px 5px 2px 5px;
margin: 0px 0px 0px 3px;
height:22px;
border: 1px solid #ff1b1b; 
border-radius: 5px;
background-color: #bc051e; 
color: #ffffff;
}


.word{ 
border: 0px solid #cc0000; } 


.phrases{ 
border: none;
margin: 10px 0px 20px 0px;
} 


.result-created{ 
border: none;
margin: 0px 0px 20px 0px;
display: none;
} 



.only{ 
border: none;
margin: 0px 0px 20px 0px;
display: none;
} 

.form-limit{ 
border: none;
margin: 0px 0px 20px 0px;
display: none;
} 

.counter { 
text-align: center;
font-weight:bold;

} 


.result-category{ 
display: none;
} 


.result-title{
font-weight: bold;
margin: 20px 0px 5px 0px;

} 




.phrases-box{ 
border: none;
margin: 10px 0px 10px 0px;
} 



/***********end search***************/









@media (min-width: 900px) {


#reload{
 display: none;  
}}


@media (min-width: 800px) {
#search{
 display: none;  
}}






@media (max-width: 899px) {


#reload{
    
    border: 0px solid #000000;
    margin: 0px auto;
    opacity: 0.9;
padding: 0px 0px 10px 0px;
position: relative;
z-index: 201;
}

#reload .menu{
    max-width: 680px;
min-height: 305px;
    border: 0px solid #ff0000;
   margin: 0px auto;

}


#reload ul {
    

    border: 0px solid #181818;
    margin: 0px auto;
}


#reload .moduletable ul li {
display: inline; 
margin: 5px 0px 0px 0px;


}


#reload li {
    z-index: 10;
    width: 220px;
height:56px ;
 border: 0px solid #181818;
    margin: 5px 0px 0px 0px;
opacity: 0.9;
display: inline; 
    margin-right: 5px;
}


#reload li:hover {
opacity: 1;
}





#reload img {
    z-index: 10;
    width: 220px;
height:56px ;
border: 0px solid #181818;
position: relative;
margin: 5px 0px 0px 0px;
}

#reload  .image-title {
    border: 0px solid #181818;
    margin: 0px 0px 0px -220px;
padding: 5px 5px 5px 48px;
z-index: 11;
  width: 167px;
height:45px ;
position: absolute;
color: #fff;
    font-size: 13px;
    font-weight: bold;
    font-family: Times New Roman, Helvetica, sans-serif;
}




}






.btn-mini{ 
display: none;
} 








.link-image{ 
display: block-inline;
opacity: 0.9;
} 
.link-image:hover{ 
display: block-inline;
opacity: 1;
} 


/*останні новини*/

#panel {
text-align: center;
border: 0px solid #cc0000; 
max-width: 1164px;
float: left;


}

#panel h3{
color: #3954a5;
text-align: left;
margin: 10px 30px; 
text-transform: uppercase;
}


#panel li{
display: inline-block;
width: 32%;
margin: 0.5%;
border: 0px solid #cc0000; 
height: 80px;
overflow: hidden;
text-align: left;
list-style-type: none;
}

#panel li a:hover{

margin-left: 10px;
padding: 0px 0px 0px 0px;
}



#panel li a{
display: block;
color: #000;
padding: 0px 10px 0px 0px;
transition-duration: .3s;
}

#panel li a:hover{
display: block;
color: rgb(0, 0, 238);
transition-duration: .3s;
}




#panel li p{
height: 60px;
border: 0px solid #cc0000;
margin: 0px;
}

.publishdate {
color: #ccc;
bottom: 0px;

}
 
/*кінець останні новини*/


/*анонси*/

.announce {
text-align: center;
display: inline-block;
border: 0px solid #3954a5;
max-width: 780px;
}

.announce .publishdate{
float: left;
    max-width: 72px;
	height: 50px;
    margin-right: 10px;
    border-right: 1px dotted #3954a5;
    text-align: center;
	padding: 5px;
}

.announce .number {
    font-family: "FuturaNewDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 31px;
    line-height: 31px;
    color: #3954a5;
    
}



.announce .text {
    font-size: 68.75%;
    color: #3954a5;
    text-transform: uppercase;
    font-family: "FuturaNewDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding-right: 3px;
}







.announce h3{
color: #3954a5;
text-align: left;
margin: 10px 30px; 
}


.announce li{
display: inline-block;
width: 48%;
margin: 0.5%;
border: 0px solid #cc0000; 
height: 90px;
overflow: hidden;
text-align: left;
list-style-type: none;
}

.announce li a:hover{

margin-left: 10px;
padding: 0px 0px 0px 0px;
}



.announce li a{
display: block;
color: #000;
padding: 0px 10px 0px 0px;
transition-duration: .3s;
}

.announce li a:hover{
display: block;
color: rgb(0, 0, 238);
transition-duration: .3s;
}




.announce li p{
height: 60px;
border: 0px solid #cc0000;
margin: 0px;
}

.publishdate {
color: #ccc;
bottom: 0px;

}
 
/*кінець анонси новини*/

/*All categories*/


#level2  h3{
width: 100%;
height: 100px;
display: table-cell;
vertical-align: middle;
text-transform: uppercase ;
cursor: pointer;
color: #293237;
border: 0px solid#000;
}

.bb{
background: url(../images/right.png);
width: 11px;
height: 100px;
float: right;
background-position-y: 50%;
background-repeat: no-repeat;
 -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;

}

.active .bb{
background: url(../images/down.png);
width: 11px;
height: 100px;
float: right;
background-position-y: 50%;
background-repeat: no-repeat;
 -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;

}




#level2 {
width: 100%;
margin: 5px 0px 5px 0px;
box-sizing: border-box;
padding: 5px;
    border-bottom: 1px dotted #ccc;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: rgb(204, 204, 204);
display: block;

}




#level2.active {
background-color: #f9f9f9;

}



#level3 {
width: 100%;

box-sizing: border-box;



border: 0px solid#000;
display: block;
}

#level3  h3{
height: auto;
text-transform: none ;
display: block;
font-weight: normal;

border: 0px solid#000;
}
#level3  h3 a{
height: auto;
text-transform: none ;
display: block;
font-weight: normal;
padding: 5px 5px 5px 5px;
border: 0px solid#000;
}

#level3  h3 a:hover{
background-color: #ffffff;
}



.collapse{
display: none;}
@media (min-width: 750px) {
.test{
display: block;
float:left;
width: 30%;
margin: 0px 1.5% 0px 1.5%;
}}

@media (max-width: 749px) {
.test{
display: block;
float:left;
width: 90%;
margin: 0px 5% 0px 5%;
}}
/* end All categories*/










/*news*/

@media (min-width: 800px)  {
.items-row .span6{

width: 47%;
margin: 0px 0.5% 0px 0.5%;
min-height: 250px;
overflow: hidden;
display: inline-block;
top:0px;
}

.items-row .span6 iframe{
width: 100%!important;
height: 350px!important;

}


}




@media (min-width: 450px) and (max-width: 799px) {

.items-row .span6{
border: 0px solid#000;
width: 70%;
margin: 0px 14% 0px 14%;

overflow: hidden;
display: block;
top:0px;
}


.items-row .span6 iframe{
width: 100%!important;
height: 350px!important;

}

}





@media (max-width: 449px) {

.items-row .span6{
border: 0px solid#000;
width: 93%;
margin: 0px 2.5% 0px 2.5%;

overflow: hidden;
display: block;
top:0px;
}

.items-row .span6 iframe{
width: 100%!important;
height: 350px!important;

}


}







.items-row .span6 .thumbnail img {
border: 0px solid#000;
display:none;
}

.items-row .span6 .item-image img{
border: 0px solid#000;
width: 100%;

}
@media (min-width: 350px) {
.items-row .span6 .item-image {
border: 0px solid#000;
max-width: 100%;
height: 250px;
overflow: hidden;

}
}


@media (max-width: 349px) {
.items-row .span6 .item-image {
border: 0px solid#000;
max-width: 100%;
height: auto;
overflow: hidden;

}
}





@media (min-width: 1250px) {
.items-row .span6 .item-image img {
margin-top: -20%;
}
}


@media (min-width: 600px )  and  (max-width: 799px )    {
.items-row .span6 .item-image img {
margin-top: -20%;
}
}


@media  (max-width: 799px ){
.thumbnail img{
width: 100%!important;
height: auto!important;
}
}











/*news - 3kolonki*/
#contenttext .items-row .span4 h2{
font-family: "FuturaNewDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
line-height: 24px;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 500;
font-size: 120%; 
}


.items-row .span4:hover a{
text-decoration:none;color:#3954a5;opacity:.99;outline:0
}






.items-row .span4:hover  .item-image{
opacity: 1;
 background: #3954a5;
  background: -webkit-linear-gradient(left top,#3954a5,#314890);
  background: -o-linear-gradient(bottom right,#3954a5,#314890);
  background: -moz-linear-gradient(bottom right,#3954a5,#314890);
  background: linear-gradient(to bottom right,#3954a5,#314890);
  color: #fff;
  
}



.items-row .span4  .item-image:before{
display: block;
  color: #fff;
  opacity: 0;
  font-weight: bold;
  content: "Детальніше";
   position: absolute;
  font-size: 20px;
  border: 0px solid#000;
  -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}





.items-row .span4:hover  .item-image:before{
display: block;
  color: #fff;
  opacity: 1;
  font-weight: bold;
  content: "Детальніше";
    position: absolute;
  font-size: 20px;
  border: 0px solid#000;
  -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}





@media (min-width: 1250px)  {

.items-row .span4  .item-image:before{
  margin-left: 135px;
  margin-top: 0px;
}

.items-row .span4:hover  .item-image:before{

  margin-left: 135px;
  margin-top: 90px;
}

}

@media (min-width: 1016px) and (max-width: 1249px) {

.items-row .span4  .item-image:before{
  margin-left: 100px;
  margin-top: 0px;
}

.items-row .span4:hover  .item-image:before{

  margin-left: 100px;
  margin-top: 90px;
}
}


@media (min-width: 800px) and (max-width: 1016px) {

.items-row .span4  .item-image:before{
  margin-left: 80px;
  margin-top: 0px;
}

.items-row .span4:hover  .item-image:before{

  margin-left: 80px;
  margin-top: 80px;
}
}






@media (min-width: 550px) and (max-width: 799px) {

.items-row .span4  .item-image:before{
  left: 50%;
  margin-left: -50px;
}

.items-row .span4:hover  .item-image:before{
 margin-left: -50px;
    left: 50%;
margin-top: 23%;	
}
}


@media (min-width: 400px) and  (max-width: 549px) {

.items-row .span4  .item-image:before{
  left: 50%;
  margin-left: -50px;
}

.items-row .span4:hover  .item-image:before{
 margin-left: -50px;
    left: 50%;
margin-top: 28%;	
}
}



@media (min-width: 0px) and  (max-width: 399px) {

.items-row .span4  .item-image:before{
  left: 50%;
  margin-left: -50px;
}

.items-row .span4:hover  .item-image:before{
 margin-left: -50px;
    left: 50%;
margin-top: 35%;	
}
}










.items-row .span4:hover  .item-image img{
opacity: 0.3;
 -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}






@media (min-width: 800px)  {
.items-row .span4{

width: 30%;
margin: 0px 1.5% 30px 1.5%;
min-height: 250px;
overflow: hidden;
display: inline-block;
top:0px;
}

.items-row .span4 iframe{
width: 100%!important;
height: 350px!important;

}




}




@media (min-width: 450px) and (max-width: 799px) {

.items-row .span4{
border: 0px solid#000;
width: 70%;
margin: 0px 14% 30px 14%;

overflow: hidden;
display: block;
top:0px;
}


.items-row .span4 iframe{
width: 100%!important;
height: 350px!important;

}






}





@media (max-width: 449px) {

.items-row .span4{
border: 0px solid#000;
width: 95%;
margin: 0px 2.5% 30px 2.5%;

overflow: hidden;
display: block;
top:0px;
}

.items-row .span4 iframe{
width: 100%!important;
height: 350px!important;

}


}







.items-row .span4 .thumbnail img {
border: 0px solid#000;
display:none;
}

.items-row .span4 .item-image img{
border: 0px solid#000;
width: 100%;

}
@media (min-width: 800px) {
.items-row .span4 .item-image {
border: 0px solid#000;
width: 100%;
height: 200px;
overflow: hidden;

}
}


@media (max-width: 799px) {
.items-row .span4 .item-image {
border: 0px solid#000;
width: 100%;
height: auto;
overflow: hidden;

}
}





@media (min-width: 1250px) {
.items-row .span4 .item-image img {
min-height: 200px;
}
}


@media (min-width: 1016px )  and  (max-width: 1249px )    {
.items-row .span4 .item-image img {

min-height: 200px;
}
}


@media (min-width: 800px )  and  (max-width: 1015px )    {
.items-row .span4 .item-image img {
min-width: 300px;
min-height: 200px;
margin-left:-30px;
}
}


@media (min-width: 0px )  and  (max-width: 799px )    {
.items-row .span4 .item-image img {
min-width: 300px;
min-height: 300px;

}
}


@media  (max-width: 799px ){
.thumbnail img{
width: 100%!important;
height: auto!important;
}
}















/*анонси*/
@media (min-width: 1000px) {
.list-title .publishdate{
float: left;
    max-width: 72px;
	height: 50px;
    margin-right: 10px;
    border-right: 1px dotted #3954a5;
    text-align: center;
	padding: 5px;
}

.list-title .number {
    font-family: "FuturaNewDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 31px;
    line-height: 31px;
    color: #3954a5;
    
}



.list-title  .text {
    font-size: 68.75%;
    color: #3954a5;
    text-transform: uppercase;
    font-family: "FuturaNewDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding-right: 3px;
}



.list-title{
   border-bottom: 1px dotted #3954a5;
   padding: 5px;
}



.list-title .expired{
padding: 5px;
border: 0px dotted #3954a5;
color: #3954a5;
}




}



table.category.table{
width: 100%;
}
table.category.table tr:nth-child(2n){
background: #f5f8ff;
}





@media (max-width: 999px) {
.list-title .publishdate{

    max-width: 72px;
	height: 50px;
    margin: 0px auto;
    border-right: 0px dotted #3954a5;
    text-align: center;
	padding: 5px;
}

.list-title .number {
    font-family: "FuturaNewDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 31px;
    line-height: 31px;
    color: #3954a5;
    
}



.list-title  .text {
    font-size: 68.75%;
    color: #3954a5;
    text-transform: uppercase;
    font-family: "FuturaNewDemi",Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding-right: 3px;
}



.list-title{
   border-bottom: 1px dotted #3954a5;
   padding: 5px;
   color: #3954a5;
}

.list-title .expired{
padding: 5px;
border: 0px dotted #3954a5;
color: #3954a5;
}

}


 
/*кінець анонси новини*/





/
#headsearch{
border: 0px solid #fff;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #314890;
}


#search-top {
border: 0px solid#ff0000;
max-width: 1450px;
margin: 0px auto;
text-align: right;
padding: 5px 5px 5px 5px;
/*height:35px;*/
}



.sb-icon-search {
border: 0px solid#314890;
width:20px;
height:20px;
background-image: url(../images/search.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
 
    padding: 5px 5px 5px 5px;
    cursor: pointer;
    right: 0px;
vertical-align: top;
    position: relative;
    display: inline-block;
    margin: 0px;
}



.sb-icon-eye {
border: 0px solid#314890;
width:20px;
height:20px;
background-image: url(../images/eye.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
 
    padding: 5px 5px 5px 5px;
    cursor: pointer;
    right: 0px;
vertical-align: top;
    position: relative;
    display: inline-block;
    margin: 0px;
}






.icon-social {
border: 0px solid#fff;
width:70px;
height:30px;
background-color: #3954a5;
  top: -5px;  
 right: 0px;
    padding: 5px 5px 5px 5px;
 vertical-align: top;
  
    position: relative;
    display: inline-block;
    margin: 0px;
}


.icon-social ul.social-top li{
list-style-type: none;
display: inline-block;
}









#search-form {
border: 0px solid#ff0000;
margin-right: 5px;
display: inline-block;
height: 30px;
}





#mod-search-searchword119{
max-width: 0px;
border: 0px solid#000;
border-radius: 0px;
padding: 0px 0px 0px 0px;
height: 30px;
transition-duration: .3s;
}

@media (min-width: 580px){
#mod-search-searchword119.open-search{
max-width: 400px;
border: 0px solid#000;
border-radius: 0px;
padding: 5px 5px 5px 5px;
height: 30px;
transition-duration: .3s;
}}
@media (max-width: 579px){
#mod-search-searchword119.open-search{
max-width: 250px;
border: 0px solid#000;
border-radius: 0px;
padding: 5px 5px 5px 5px;
height: 30px;
transition-duration: .3s;
}}

/* кінець пошук зверху*/




@media (max-width: 600px) {

.telegramblock{
max-width: 250px;
text-align: center;  
margin: 0 auto;   
}   

}