/* WEBFONTS
--------------------------------------------------------- */
@import url(fonts/molot/stylesheet.css);

@font-face {
font-family: 'molot';
src: url('fonts/molot/molot-webfont.eot');
src: local('molot'), url('fonts/molot/molot-webfont.woff') format('woff'), url('fonts/molot/molot-webfont.ttf') format('truetype'), url('fonts/molot/molot-webfont.svg#webfont5vD850aV') format('svg');
font-weight: normal;
font-style: normal;
}
.fb-like.fb_iframe_widget>span, .fb-like.fb_iframe_widget iframe {
    width: 150px !important;
}
/******************************/
/****** Joomla Templates ******/
/******************************/
#header-outer { padding: 10px 0px 0px 0px; }
#copyright-outer { padding: 10px 0px; }
.autohidewide #wide-outer { display: none; }
@media screen and (min-width:480px){
#header-outer { height: 100px; padding: 10px 0px 0 0; }
}
@media screen and (min-width:767px){
#copyright-outer { height: 50px; width: 100% ; display:none }
#header-outer {  }
._2p3a {width:100%!important}
.autohidewide #wide-outer { display: block; }
}
h3.h3title span {        color: #000;
    font-family: molot, impact;
    font-weight: normal;
    line-height: 34px;
    padding: 2px 0;
    transition: all 0.7s ease 0s;}

h3.h3title a {text-decoration:none}

h3.h3title span:hover {padding-left:4px!important}
#topleft a {    }

.h1title {border-bottom: 1px solid #dedede;
color: #666;
font-size: 24px;
padding-bottom: 5px;
margin-bottom: 10px;}

a.forlogo {   background: transparent url("/templates/xronikidesign/images/logoo.gif") no-repeat scroll -3px -10px;
    color: #000;
    display: block;
    float: left;
    font-family: roboto;
    font-size: 10px;
    height: 20px;
    letter-spacing: 0.14em;
    padding-top: 70px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: bottom;
    width: 30%;
    z-index: 9999;
	background-size:100%;
	transition: all 0.7s ease 0s;
}
a.forlogo:hover {background: transparent url("/templates/xronikidesign/images/logoo2.gif") no-repeat scroll -3px -10px;	background-size:100%}
a.forlogo span {padding-left:4px}
.forbanner {float:right; width:70% }
.forbanner img {max-width: 100% !important; height:auto }

.articleBody {    font-size: 18px;
    line-height: 24px; clear: both;}
.item-page.replika .multithumb {width:200px; height: auto}
.footer .custom {font-size:15px; padding:12px}
/******************************/
/****** Joomla Templates ******/
/******************************/
#top-float { float: left; width: 100%; padding: 0px 0px; }
#banner-float { float: left; width: 100%; }
#advert-float, #footer-float { float: left; width: 100%; padding: 15px 0px 0px 0px; }
#wide-float { float: left; width: 100%; padding: 0px 0px 15px 0px; }
#wide2-float { float: left; width: 100%; }

@media(max-width:1200px){
.menucontainer {}
}



@media screen and (min-width:767px){
#top-float, #banner-float, #advert-float, #footer-float { width: 100%; }
#toolbar .menu a {font-size:18px}
#toolbar .menu li {padding: 6px 12px!important;}
#toolbar .menu li:hover,
#toolbar ul.menu li.deeper:hover{background-color:#ededed ;}
.page-header h2, .contact h1 {padding-bottom:10px; line-height: 1.3;}

.leftcenter {float:left;     width: calc(75% - 20px);}

}
/******************************/
/****** Joomla Templates ******/
/******************************/
#header-inner { margin: 0 auto; }
#top-inner, #banner-inner, #advert-inner, #upper-inner, #body-inner, #bottom-inner, #footer-inner, #copyright-inner { margin: 0 auto;  }

@media screen and (min-width:767px){
#top-inner, #header-inner, #banner-inner, #advert-inner, #upper-inner, #body-inner, #bottom-inner, #footer-inner, #copyright-inner 
{ width: 100%;    }
#bottom-outer {height:100px}
}
/******************************/
/****** Joomla Templates ******/
/******************************/

.logo {
    margin: 15px 0 10px;
}
.logo img {width:100%}
#logo { max-width: 300px; margin: 0 auto; padding: 0px 15px; }
a {transition: all 0.7s ease 0s; color:#244a96}
a:hover {color:#cc0000!important}
#copyright, #designer { text-align: center; }
#spacer { height: 20px; }
@media screen and (min-width:480px){
#logo { text-align: center; max-width: none; padding: 0px 0px 0px 15px; }
}
@media screen and (min-width:767px){
#logo { padding: 0px; }
#topleft { float: left;   padding: 8px 10px;}
#topright { float: right; }
#copyright { float: left; margin: 15px 0px 0px 0px; }
#designer { float: right; margin: 15px 0px 0px 0px; }
}
/******************************/
/****** Joomla Templates ******/
/******************************/
@media screen and (min-width:767px){
#body-right-only { float: left; width: 650px; }
#body-left-only { float: right; width: 650px; }
#body-left-right { float: right; width: calc(67% - 25px); margin-left: 25px; }
#body-right-center { float: left; width: 700px; }
#body-left-center { float: right; width: 700px; }
#body-left-right-center { float: left; width: 530px; margin-left: 20px; }
#right-right-only { float: right; width: 300px; }
#left-left-only { float: left; width: 300px; }
#left-left-right { float: left; width: 33%; }
#right-left-right { float: right; width: 25%; }
#right-right-center { float: right; width: 250px; }
#left-left-center { float: left; width: 250px; }
#left-left-right-center { float: left; width: 200px; }
#right-left-right-center { float: right; width: 200px; }
.junewsultra.sidenews {padding-left:12px}

}
@media screen and (min-width:767px){
.centerright #layer-right-center { float: left; width: 480px; }
.centerright #center-right-center { float: right; width: 200px; }
.centerleft #layer-right-center { float: right; width: 480px; }
.centerleft #center-right-center { float: left; width: 200px; }
.centerright #layer-left-center { float: left; width: 480px; }
.centerright #center-left-center { float: right; width: 200px; }
.centerleft #layer-left-center { float: right; width: 480px; }
.centerleft #center-left-center { float: left; width: 200px; }
.centerright #layer-left-right-center { float: left; width: 310px; }
.centerright #center-left-right-center { float: right; width: 200px; }
.centerleft #layer-left-right-center { float: right; width: 310px; }
.centerleft #center-left-right-center { float: left; width: 200px; }
.centerright #layer-center-only { float: left; width: 750px; }
.centerright #center-center-only { float: right; width: 200px; }
.centerleft #layer-center-only { float: right; width: 750px; }
.centerleft #center-center-only { float: left; width: 200px; }
.multithumb {width:100%; height: auto; margin-bottom:20px!important}

}
/******************************/
/******* Joomla Default *******/
/******************************/
.authorinfo {background-color:#EDEBDA; padding:12px; margin-bottom:20px}
#alBlog .item img {width:150px; float:left; margin-right:20px}
.pronas h3 {display:none}
.item-page h2 {
    font-size: 36px;
    line-height: 1.1;
}
.blog .entry-content strong {font-weight:normal}
.entry-content {clear:both}
body { margin: 0px; line-height: 1.6; }
p { margin: 15px 0px; }
ul.menu, ul.menu ul, ul.menu ul ul, .pagination ul, .actions li, #login-form ul, ul.dropdown-menu, ul.breadcrumb, ul.pagenav, ul.category-module { list-style: none; padding: 0; margin: 0; }
img { border: none; padding: 0; margin: 0; }
.clr { clear: both; }
h1, h2, h3, h4, h5 { margin: 0px;}
h1 { font-size: 26px; }
h2 {  }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
form input, form select, textarea { font-size: 17px; }
@media screen and (min-width:480px){
h1 { font-size: 25px; }
h2 {  }
h3 { font-size: 21px; }
h4 { font-size: 19px; }
h5 { font-size: 17px; }
form input, form select, textarea { font-size: 16px; }
}
@media screen and (min-width:767px){
h1 { font-size: 24px; }
h2 {  }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
form input, form select, textarea { font-size: 15px; }
}
/******************************/
/******* Joomla Default *******/
/******************************/
#topleft .menu li { float: left; margin-right: 15px; }
#topright .menu li { float: left; margin-left: 15px; }
#topleft .menu li li, #topleft .menu li li li, #topright .menu li li, #topright .menu li li li { display: none; }
h3.h3title { padding-bottom: 5px; margin: 0px 0px 10px 0px; }
.advert .menu a, .upper .menu a, .bottom .menu a, .footer .menu a, .user .menu a, .inside .menu a { display: block; padding: 4px 0px; }
.advert .menu, .upper .menu, .bottom .menu, .footer .menu, .user .menu, .inside .menu { margin: -4px 0px 0px 0px; }
/******************************/
/******* Joomla Default *******/
/******************************/
.fontfamily1, .fontfamily1 .inputbox, .fontfamily1 input.button { font-family: Arial, Helvetica, sans-serif; }
.fontfamily2, .fontfamily2 .inputbox, .fontfamily2 input.button { font-family: "Merriweather", Times, serif; }
.fontfamily3, .fontfamily3 .inputbox, .fontfamily3 input.button { font-family: 'fira sans', arial, sans-serif; }
.fontfamily4, .fontfamily4 .inputbox, .fontfamily4 input.button { font-family: "PT Serif", Times New Roman, Times, serif; }
.fontfamily5, .fontfamily5 .inputbox, .fontfamily5 input.button { font-family: "Roboto", Arial, Helvetica, sans-serif; }
.fontfamily6, .fontfamily6 .inputbox, .fontfamily6 input.button { font-family: "Open Sans", Arial, Helvetica, sans-serif; }
.fontfamily7, .fontfamily7 .inputbox, .fontfamily7 input.button { font-family: "Georgia"; }
/******************************/
/******* Joomla Default *******/
/******************************/
div.toptop .banneritem img {margin:8px auto; max-width:900px}


.page-header h1, .contact h1 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 15px;
	color:#000;
	line-height: 1.2;
}
.dropdown-menu li { display: inline; margin-right: 10px; }
.pagination li { display: inline; }
li.pagination-page { display: none; }
.pagination { text-align: center; float: left; width: 100%; margin-bottom: 15px; font-size:12px }
.pagination .pagenav { padding: 4px 8px; text-decoration: none; margin: 0px 4px; }
ul.pagenav .previous { float: left; margin-bottom: 15px; }
ul.pagenav .next { float: right; margin-bottom: 15px; }
p.counter { margin-top: -10px; }
dl.article-info dd { padding: 0; margin: 0; float:left}
.create-date {margin-right:20px; color:#666; display: block; float:left}
.entry-meta.muted.clearfix {margin:10px 0; font-size: 15px;}
div.article-info {clear:both;width:100%; display: table;}
dl.article-info {margin:0px; display: table;}

.item-page dl.article-info {margin:20px 0}
.create {color:#666}
.createdby span, .author a {color:#666; font-weight:bold; margin-right:20px}
.category-name {
    background-color: #999;
    border-radius: 5px;
    margin-right: 20px !important;
    padding: 0 12px !important;
	}
	.category-name:hover {    background-color: #cc0000;
}
.category-name a {color:#fff!important}
.blog .entry-content p {margin:0!important}
.blog .item {margin-bottom:20px; border-bottom: 1px solid #dedede; display:table}
@media screen and (min-width:480px){
li.pagination-page { display: inline; }
}
@media screen and (min-width:767px){
.create-date {float:none}

.page-header h1, .contact h1 { font-size: 32px; }
.blog-featured h2, .blog h2, .item-page h2, .contact h2 { }
p.readmore { text-align: right; }
.items-row { clear: both; }
}
/******************************/
/******* Joomla Default *******/
/******************************/

.tooltip { position: absolute; z-index: 1030; display: block; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; }
.tooltip.in { opacity: .8; filter: alpha(opacity=80); }
.tooltip.top { padding: 5px 0; margin-top: -3px; }
.tooltip-inner { max-width: 200px; padding: 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000; border-width: 5px 5px 0; }
/******************************/
/******* Joomla Default *******/
/******************************/
#system-message { padding: 5px 10px 10px 10px; }
.alert-message .close { float: right; display: block; }
.alert-warning .close { float: right; }
#system-message p { margin: 0px; }
/******************************/
/******* Joomla Default *******/
/******************************/
#adminForm ul.nav-tabs { padding: 0; margin: 0px 0px 10px 0px; }
#adminForm fieldset { padding: 0px; border: none; }
#adminForm .nav-tabs { margin-left: 0; margin-bottom: 18px; list-style: none; }
#adminForm .nav-tabs > li > a { display: block; }
#adminForm .nav-tabs:before, #adminForm .nav-tabs:after { display: table; content: ""; line-height: 0; }
#adminForm .nav-tabs:after { clear: both; }
#adminForm .nav-tabs > li { float: left; }
#adminForm .nav-tabs > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; }
#adminForm .nav-tabs { border-bottom: 1px solid #ddd; }
#adminForm .nav-tabs > li { margin-bottom: -1px; }
#adminForm .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 18px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
#adminForm .nav-tabs > li > a:hover, #adminForm .nav-tabs > li > a:focus { border-color: #eee #eee #ddd; }
#adminForm .nav-tabs > .active > a, #adminForm .nav-tabs > .active > a:hover, #adminForm .nav-tabs > .active > a:focus { color: #555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; }
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
/******************************/
/******* Joomla Default *******/
/******************************/
.btn-toolbar button.btn { border: 1px solid #c0c0c0; padding: 5px 10px; display: inline; margin: 5px 0px; background: #FFFFFF; }
.btn-toolbar a.btn { border: 1px solid #c0c0c0; padding: 6px 10px; display: block; margin: 5px 0px; color: #000000; text-decoration: none; background: #FFFFFF; }
@media screen and (min-width:480px){
.btn-toolbar button.btn { border: 1px solid #c0c0c0; padding: 5px 10px; margin: 0px 2px 10px 2px; display: inline; background: #FFFFFF; }
.btn-toolbar a.btn { border: 1px solid #c0c0c0; padding: 6px 10px; margin: 0px 2px 10px 2px; display: inline; color: #000000; text-decoration: none; background: #FFFFFF; }
#adminForm .pull-left { float: left; padding: 10px 0px 15px 0px; }
#adminForm .pull-right { float: right; padding: 10px 0px 15px 0px; }
}
@font-face { font-family: 'IcoMoon'; src: url('../../../media/jui/fonts/IcoMoon.eot'); src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg'); font-weight: normal; font-style: normal; }
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'IcoMoon'; font-style: normal; speak: none; }
.tab-pane { float: left; width: 100%; }
.control-group .inputbox { border: 1px solid #c0c0c0; padding: 3px; width: 250px; }
.control-label { margin: 10px 0px 5px 0px; }
.icon-calendar:before { content: "\43"; }
.icon-calendar-2:before { content: "\44"; }
.icon-calendar-3:before { content: "\e273"; }
#adminForm .editor { margin: 10px 0px 0px 0px; }
#adminForm fieldset { margin: 0px 0px 15px 0px; }
/******************************/
/******* Joomla Config ********/
/******************************/
#right-right-only .moduletable, #left-left-only .moduletable, #left-left-right .moduletable, #right-left-right .moduletable, #right-right-only .moduletable_menu, #left-left-only .moduletable_menu, #left-left-right .moduletable_menu, #right-left-right .moduletable_menu, #center-right-center .moduletable, #center-right-center .moduletable_menu, #right-right-center .moduletable, #right-right-center .moduletable_menu, #left-left-center .moduletable, #left-left-center .moduletable_menu, #center-left-center .moduletable, #center-left-center .moduletable_menu, #left-left-right-center .moduletable, #left-left-right-center .moduletable_menu, #right-left-right-center .moduletable, #right-left-right-center .moduletable_menu, #center-left-right-center .moduletable, #center-left-right-center .moduletable_menu, #center-center-only .moduletable, #center-center-only .moduletable_menu { margin-bottom: 15px; }
#right-right-only .menu a, #left-left-only .menu a, #left-left-right .menu a, #right-left-right .menu a, #center-right-center .menu a, #right-right-center .menu a, #left-left-center .menu a, #center-left-center .menu a, #left-left-right-center .menu a, #right-left-right-center .menu a, #center-left-right-center .menu a, #center-center-only .menu a { padding: 3px 10px; text-decoration: none; display: block; margin: 2px 0px; }
/******************************/
/******* Joomla Config ********/
/******************************/
form#login-form { padding: 10px; }
#form-login-username, #form-login-password { margin-bottom: 10px; }
#login-form .inputbox { padding: 4px; width: 94%; }
#jform_name, #jform_username, #jform_password1, #jform_password2, #jform_email1, #jform_email2, #jform_email { padding: 4px; width: 94%; }
#member-registration, #user-registration { margin-bottom: 15px; }
#member-registration fieldset, #user-registration fieldset { margin-bottom: 10px; }
#login-form ul { margin-top: 10px; }
@media screen and (min-width:767px){
#jform_name, #jform_username, #jform_password1, #jform_password2, #jform_email1, #jform_email2, #jform_email { width: 250px; }
}
/******************************/
/******* Joomla Config ********/
/******************************/
.search .inputbox { 

    background: #fff url("/templates/xronikidesign/images/search.png") no-repeat scroll right 10px top 12px;
    border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
    color: #333;
    font-size: 13px;
    height: 42px;
    padding: 0 10px;
    width: 240px;
	border-top:none;
	border-bottom:none

 
 }
.search .form-limit { text-align: center; margin-top: 10px; }
.result-created, .result-category, .result-text { padding: 0; margin: 0; }
.result-created { margin-bottom: 20px; }
#searchForm #ordering, #searchForm #limit { padding: 3px; }
.highlight { color: #000000; }
#searchForm { color: #000000; font-size:12px; line-height: 1; }
.search .form-inline {}
#topright {display:inline-block; float:right}
/******************************/
/******* Joomla Config ********/
/******************************/
#contact-form { margin: 15px 0px; }
#jform_contact_name, #jform_contact_email, #jform_contact_emailmsg { padding: 4px; width: 94%; border: 1px solid #c0c0c0; }
#jform_contact_message { padding: 4px; width: 94%; }
.contact h3 { padding: 3px 10px; }
.contact h2 { margin-bottom: 15px; }
.contact a.accordion-toggle { display: block; padding: 5px 10px; margin: 0px 0px 10px 0px; }
@media screen and (min-width:767px){
#jform_contact_name, #jform_contact_email, #jform_contact_emailmsg { width: 250px; }
#jform_contact_message { height: 250px; }
}
/******************************/
/******* Joomla Config ********/
/******************************/
input.button, button.button, #member-registration button.btn, #user-registration button.btn, #contact-form button.btn { padding: 0px 10px; }
/******************************/
/******* Joomla Toolbar *******/
/******************************/
#toolbar .menu li { 

    margin-left: 0;
transition: all 0.7s ease 0s!important	
}
#toolbar ul.menu li.deeper {    background: transparent url("/templates/xronikidesign/images/parent.png") no-repeat scroll right 10px top 27px;
    padding-right: 24px !important;}

#navigation { background: #999999; padding: 5px 0px; }
.navigation { margin: 5px 0px 0px 15px; color: #000000; font-weight: bold; }
@media screen and (min-width:480px){
#navigation { height: auto; background: #fff; padding: 0px; }
.navigation { display: none; }
}
@media screen and (min-width:767px){
#navigation { margin-top: 0px;     
}
}
#navigation {border-bottom: 2px solid #333;
    border-top: 2px solid #333; }
/******************************/
/******* Joomla Toolbar *******/
/******************************/

.menucontainer {
    display: block;
    margin: 0 auto;
	text-align: center;
}
.menucontainer .navbar-collapse {text-align:left; }
.navbar-collapse .nav-child {padding-left:30px;}

.toolbar {margin:0 auto!important; display:table; max-width:1240px}
li.item-101 {margin-left:0!important}


#toolbar { clear: both; margin: 40px 0px 15px 0px; background: #252525; width: 100%; position: relative; z-index: 5; font-size:120% }
#toolbar .menu a {display: block; text-decoration: none; font-weight: bold; color: #FFFFFF; padding: 3px 15px; border-bottom: 1px solid #666; }
#toolbar .menu li li a { font-size: 14px; font-weight: bold; color: #FFFFFF; }
#toolbar .menu li li li a { font-size: 14px; font-weight: normal; color: #FFFFFF; }
@media screen and (min-width:480px){
#toolbar { margin: 0px 0px 15px 0px; }
}
@media screen and (min-width:767px){
#toolbar { clear: none; margin: 0px; background: none; width: auto; z-index: auto; display: inline-block;}
#toolbar .menu a { padding: 0px; border-bottom: none;}
#toolbar .menu li { float: left; position:relative; padding: 6px 18px 6px 18px; border-bottom: none; line-height: 1.5; white-space: nowrap;
 }
#toolbar .menu li.active a, #toolbar .menu li.active a:hover, #toolbar .menu li.active a:active, #toolbar .menu li.active a:focus { }
#toolbar ul.menu a:hover { }


/******************************/
/******* Joomla Toolbar *******/
/******************************/
#toolbar .menu li li a { font-weight: normal; font-size: 14px; background: none; }
#toolbar .menu ul { float:none; left:-999em; position:absolute; z-index: 99; }
#toolbar .menu ul { padding: 5px 0px 10px 0px; border-radius: 0px 0px 7px 7px; }
#toolbar .menu ul li { padding: 2px 10px; line-height: 1.8; background-color: none; position:relative;  margin-left: 0px; }
#toolbar .menu li li, #toolbar li:hover ul, #toolbar li.sfhover ul { left: auto; }
#toolbar ul.menu li li:hover { background: none; }
#toolbar ul.menu li.active li a, #toolbar ul.menu li.active li a:hover, #toolbar ul.menu li.active li a:active, #toolbar ul.menu li.active li a:focus { background: none !important; }
#toolbar ul.menu ul li.active a, #toolbar ul.menu ul li.active a:hover, #toolbar ul.menu ul li.active a:active, #toolbar ul.menu ul li.active a:focus { background: none !important; }
#toolbar ul.menu li.active li a, #toolbar ul.menu li.active li a:hover, #toolbar ul.menu li.active li a:active, #toolbar ul.menu li.active li a:focus { background: none !important; }
#toolbar ul.menu li.active li a, #toolbar ul.menu li.active li a:hover, #toolbar ul.menu li.active li a:active, #toolbar ul.menu li.active li a:focus { background: none !important; }
/******************************/
/******* Joomla Toolbar *******/
/******************************/
#toolbar .menu li li li a { font-weight: normal; font-size: 14px; }
#toolbar .menu ul ul { margin: -1.8em 0 0 11.0em; }
#toolbar .menu ul ul { position: absolute; z-index: 99; height: auto; }
#toolbar .menu ul ul { padding: 0px; border-radius: 7px; }
#toolbar ul.menu li li li:hover { }
/******************************/
/******* Joomla Toolbar *******/
/******************************/
#toolbar li:hover ul ul, #toolbar li:hover ul ul ul, #toolbar li.sfhover ul ul, #toolbar li.sfhover ul ul ul, #toolbar ul.menu li:hover ul ul, #toolbar ul.menu li:hover ul ul ul, #toolbar ul.menu li.sfhover ul ul, #toolbar ul.menu li.parentsfhover ul ul, #toolbar ul.menu li.parent-activesfhover ul ul, #toolbar ul.menu li.activesfhover ul ul, #toolbar ul.menu li.sfhover ul ul ul, #toolbar ul.menu li.parentsfhover ul ul ul, #toolbar ul.menu li.parent-activesfhover ul ul ul, #toolbar ul.menu li.activesfhover ul ul ul { left: -999em; }
#toolbar li:hover ul, #toolbar li li:hover ul, #toolbar li li li:hover ul, #toolbar li.sfhover ul, #toolbar li li.sfhover ul, #toolbar li li li.sfhover ul, #toolbar ul.menu li:hover ul, #toolbar ul.menu li li:hover ul, #toolbar ul.menu li li li:hover ul, #toolbar ul.menu li.sfhover ul, #toolbar ul.menu li.parentsfhover ul, #toolbar ul.menu li.parent-activesfhover ul, #toolbar ul.menu li.activesfhover ul, #toolbar ul.menu li li.sfhover ul, #toolbar ul.menu li li.havesubchildsfhover ul, #toolbar ul.menu li li.havesubchild-activesfhover ul, #toolbar ul.menu li li.activesfhover ul, #toolbar ul.menu li li li.sfhover ul, #toolbar ul.menu li li li.havesubchildsfhover ul, #toolbar ul.menu li li li.havesubchild-activesfhover ul, #toolbar ul.menu li li li.activesfhover ul { left: auto; }
}
/******************************/
/******* Joomla Modules *******/
/******************************/
#bannertop {margin:0 auto;
display:block;
max-width:728px; height:auto}
.sidenews h4 a {
text-decoration: none;
 color: #244a96;
    font-size: 16px;
    font-weight: normal;
	   line-height: 1.2;}
.sidenews h3.h3title span {background-color:#cc0000;     color: #fff;
    padding: 0 8px;}
.sidenews .jn-info {color:#cc0000;     font-size: 18px; margin:0 ; padding-bottom: 0;}
.sidenews .jn, .persons .jn {border:0!important; padding:0!important; margin:0 0 22px!important}
.sidenews img {float:left; margin:6px 12px 0 0 }
.allnews {        bottom: 0;
    font-size: 11px;
    font-weight: 400;
    padding: 15px 0;
	text-align:center;
    text-transform: uppercase;
	transition: all 0.7s ease 0s;
    width: 100%;}
.allnews a {    color: #000;
    font-weight: bold;
	letter-spacing: 3px;
    text-decoration: none; text-transform:uppercase}
	.allnews a:hover {color:#fff!important}
.allnews:hover {background-color:#cc0000;}
div.zhaba {background-color:#000; padding:0 12px 10px 12px}
.zhaba h3.h3title span {background:none; color:#fff; font-weight:normal;}
.zhaba h3.h3title { border:none; padding:8px 0; margin:0px}
.zhaba .junewsultra .jn {
    border: none;
    margin: 0;
    padding: 0;
}
.golos h3.h3title { border:none; padding:8px 0; margin:0px}
p.top {margin:0 0 12px}

.digest h3.h3title {border:0; 12px 0 12px 0; margin:0; }
.digest h3.h3title span {  padding:2px 0;}

div.moduletable.partners {border:1px solid #ededed}
div.custom.partners {padding:0; text-align:center}
.partners h3.h3title span {background:none; color:#333; font-weight:normal; padding:0 12px 0 12px}
.partners h3.h3title { border:none; padding:0px 0; margin: 8px 0;}

.zhaba .jn img {border:0; padding:0; width:100%;height:auto}


.moduletable.army {background: transparent url("/templates/xronikidesign/images/volontery.jpg") repeat scroll 0 0 ; padding:12px}

.vynnyky h3.h3title span {
background: rgba(0, 0, 0, 0) url("/templates/xronikidesign/images/vynnyky.png") no-repeat scroll 0 0;
    padding: 12px 0 12px 50px;}

.persons h3.h3title span {    background-color: #000;
    color: #fff;
    margin: 0 !important;
    padding: 1px 8px 0;}
.persons h4 a,
.vynnyky h4 a{
    font-size: 16px;
	text-decoration: none;
    font-weight: bold;
	   line-height: 1;}
.persons h3.h3title {    margin: 0px;
    padding: 0 0 12px; } 
.persons img, .vynnyky img {margin:5px 12px 0 0; float:left}
.texty2 .junewsultra .jn,
.digest .junewsultra .jn {
    border: none;
    margin: 0  0 25px 0;
    padding: 0;
}

.persons h4, .vynnyky h4 {
    line-height: 21px;
}

.moduletable.texty2 {margin-bottom:20px}

.moduletable.texty2 img {width:150px; height:auto}
.frog img {width:100%; height:auto}

.jn-info {    color: #999;
        font-size: 0.8em;
    padding: 6px 0;}

.jn-auth {white-space: nowrap;}
.jn-intro {padding:0; font-size: 15px; line-height: 20px;}

.texty2 img, 
.digest img {float:left; margin: 6px 20px 8px 0}
.texty2 .junewsultra .jn-head,
.digest .junewsultra .jn-head {padding:0; background:none!important}

.texty {padding-bottom:30px}

.moduletable.digest {padding-top:0px; border-top:1px solid #333}

.texty2 h4 a, .txt h4 a, 
.txt2 h4 a, .toptxt h4 a, .toptxt2 h4 a {font-size:22px;
line-height: 1.1;}
.txt p, .txt2 p {margin:0}
.txt .ns2-row {margin:30px 0 0 0}
.txt .ns2-first {margin-top:0!important}

.txt .ns2-art-pages img {width:98%}

.top-add .banneritem {text-align: right;}

.digest div.jn h4 a{line-height:1.2; font-weight: normal;color: #244a96; text-decoration: underline;}
.digest .jn-info {    background-color: #b5b5b5!important;
    color: #fff!important;
    float: left;
    margin-right: 20px;
    margin-top: 0;
    padding: 4px 8px;
    text-align: center;
    width: 140px;font-family: roboto;}

.moduletable.replika img {    border: 0 none;
    border-radius: 50px;
    box-shadow: 2px 2px #666;
    float: left;
    padding: 1px;
	margin: 13px 20px 10px 0; width: 70px;}

.jn-head-replika {clear:both;}
.replika h4 {clear:both;}
.replika h4 a {color:#333; text-decoration: none;}
.jn-author {float:left; max-width:130px; padding-top: 20px;}
.replika .jn-intro {color:#666; padding-top:8px;}
.moduletable.replika {background: #fff url("/templates/xronikidesign/images/replika.png") no-repeat;
background-size:100% auto ; }
.jn-replika {padding: 12px;}
.replika h3.h3title {padding:0; margin:0; border-bottom:0; }
.replika h3.h3title span {color:#000;background-color: #fff;}
.replika .multithumb_blog {width:100px; height:100px; border-radius:100px}

.junewsultra.toptxt {max-width:calc(50% - 12px); float:left; padding-right:12px;}
.junewsultra.toptxt2 {max-width:calc(50% - 12px); float:right; padding-left:12px}
.toptxt img, .toptxt2 img {width:100%; margin-bottom: 8px;}

@media screen and (min-width:767px){
#body-right-only .cols-4 .column-1, #body-left-only .cols-4 .column-1 { width: 152px; float: left; }
#body-right-only .cols-4 .column-2, #body-left-only .cols-4 .column-2 { width: 152px; float: left; margin-left: 14px; }
#body-right-only .cols-4 .column-3, #body-left-only .cols-4 .column-3 { width: 152px; float: left; margin-left: 14px; }
#body-right-only .cols-4 .column-4, #body-left-only .cols-4 .column-4 { width: 152px; float: right; }
#body-right-only .cols-3 .column-1, #body-left-only .cols-3 .column-1 { width: 206px; float: left; }
#body-right-only .cols-3 .column-2, #body-left-only .cols-3 .column-2 { width: 206px; float: left; margin-left: 16px; }
#body-right-only .cols-3 .column-3, #body-left-only .cols-3 .column-3 { width: 206px; float: right; }
#body-right-only .cols-2 .column-1, #body-left-only .cols-2 .column-1 { width: 317px; float: left; }
#body-right-only .cols-2 .column-2, #body-left-only .cols-2 .column-2 { width: 317px; float: right; }
#body-right-only .cols-1 .column-1, #body-left-only .cols-1 .column-1 { width: 650px; float: left; }
#body-left-right .cols-3 .column-1 { width: 166px; float: left; }
#body-left-right .cols-3 .column-2 { width: 166px; float: left; margin-left: 16px; }
#body-left-right .cols-3 .column-3 { width: 166px; float: right; }
#body-left-right .cols-2 .column-1 { width: 257px; float: left; }
#body-left-right .cols-2 .column-2 { width: 257px; float: right; }
#body-left-right .cols-1 .column-1 { float: left; }
#body-wide .cols-5 .column-1 { width: 182px; float: left; }
#body-wide .cols-5 .column-2 { width: 182px; float: left; margin-left: 15px; }
#body-wide .cols-5 .column-3 { width: 182px; float: left; margin-left: 15px; }
#body-wide .cols-5 .column-4 { width: 182px; float: left; margin-left: 15px; }
#body-wide .cols-5 .column-5 { width: 182px; float: right; }
#body-wide .cols-4 .column-1 { width: 232px; float: left; }
#body-wide .cols-4 .column-2 { width: 232px; float: left; margin-left: 14px; }
#body-wide .cols-4 .column-3 { width: 232px; float: left; margin-left: 14px; }
#body-wide .cols-4 .column-4 { width: 232px; float: right; }
#body-wide .cols-3 .column-1 { width: 314px; float: left; }
#body-wide .cols-3 .column-2 { width: 314px; float: left; margin-left: 14px; }
#body-wide .cols-3 .column-3 { width: 314px; float: right; }
#body-wide .cols-2 .column-1 { width: 477px; float: left; }
#body-wide .cols-2 .column-2 { width: 477px; float: right; }
#body-wide .cols-1 .column-1 { width: 970px; float: left; }
#body-right-center .cols-2 .column-1, #body-left-center .cols-2 .column-1 { width: 232px; float: left; }
#body-right-center .cols-2 .column-2, #body-left-center .cols-2 .column-2 { width: 232px; float: right; }
#body-right-center .cols-1 .column-1, #body-left-center .cols-1 .column-1 { width: 480px; float: left; }
#body-center-only .cols-4 .column-1 { width: 177px; float: left; }
#body-center-only .cols-4 .column-2 { width: 177px; float: left; margin-left: 14px; }
#body-center-only .cols-4 .column-3 { width: 177px; float: left; margin-left: 14px; }
#body-center-only .cols-4 .column-4 { width: 177px; float: right; }
#body-center-only .cols-3 .column-1 { width: 240px; float: left; }
#body-center-only .cols-3 .column-2 { width: 240px; float: left; margin-left: 15px; }
#body-center-only .cols-3 .column-3 { width: 240px; float: right; }
#body-center-only .cols-2 .column-1 { width: 367px; float: left; }
#body-center-only .cols-2 .column-2 { width: 367px; float: right; }
#body-center-only .cols-1 .column-1 { width: 750px; float: left; }
#body-left-right-center .cols-1 .column-1 { width: 310px; float: left; }
}
#body-right-only .cols-3 .column-1, #body-left-only .cols-3 .column-1, #body-right-only .cols-3 .column-2, #body-left-only .cols-3 .column-2, #body-right-only .cols-3 .column-3, #body-left-only .cols-3 .column-3, #body-right-only .cols-2 .column-1, #body-left-only .cols-2 .column-1, #body-right-only .cols-2 .column-2, #body-left-only .cols-2 .column-2, #body-right-only .cols-1 .column-1, #body-left-only .cols-1 .column-1, #body-right-only .cols-4 .column-1, #body-left-only .cols-4 .column-1, #body-right-only .cols-4 .column-2, #body-left-only .cols-4 .column-2, #body-right-only .cols-4 .column-3, #body-left-only .cols-4 .column-3, #body-right-only .cols-4 .column-4, #body-left-only .cols-4 .column-4, #body-left-right .cols-3 .column-1, #body-left-right .cols-3 .column-2, #body-left-right .cols-3 .column-3, #body-left-right .cols-2 .column-1, #body-left-right .cols-2 .column-2, #body-left-right .cols-1 .column-1, #body-wide .cols-5 .column-1, #body-wide .cols-5 .column-2, #body-wide .cols-5 .column-3, #body-wide .cols-5 .column-4, #body-wide .cols-5 .column-5, #body-wide .cols-4 .column-1, #body-wide .cols-4 .column-2, #body-wide .cols-4 .column-3, #body-wide .cols-4 .column-4, #body-wide .cols-3 .column-1, #body-wide .cols-3 .column-2, #body-wide .cols-3 .column-3, #body-wide .cols-2 .column-1, #body-wide .cols-2 .column-2, #body-wide .cols-1 .column-1, #body-right-center .cols-1 .column-1, #body-left-center .cols-1 .column-1, #body-right-center .cols-2 .column-1, #body-left-center .cols-2 .column-1, #body-right-center .cols-2 .column-2, #body-left-center .cols-2 .column-2, #body-center-only .cols-1 .column-1, #body-center-only .cols-2 .column-1, #body-center-only .cols-2 .column-2, #body-center-only .cols-3 .column-1, #body-center-only .cols-3 .column-2, #body-center-only .cols-3 .column-3, #body-center-only .cols-4 .column-1, #body-center-only .cols-4 .column-2, #body-center-only .cols-4 .column-3, #body-center-only .cols-4 .column-4, #body-left-right-center .cols-1 .column-1 { padding-bottom: 15px; }
.partners img {margin:10px;max-width:80%}
/******************************/
/******* Joomla Modules *******/
/******************************/
@media screen and (min-width:767px){
.advert99 .full, .footer99 .full, .upper99 .full, .bottom99 .full { width: 970px; float: left; }
.advert49 .first, .footer49 .first, .upper49 .first, .bottom49 .first { float: left; width: 477px; }
.advert49 .second, .footer49 .second, .upper49 .second, .bottom49 .second { float: right; width: 477px; }
.advert33 .first, .footer33 .first, .upper33 .first, .bottom33 .first { float: left; width: 18%; }
.advert33 .second, .footer33 .second, .upper33 .second, .bottom33 .second { float: left; width: 550px; margin-left: 14px; }
.advert33 .third, .footer33 .third, .upper33 .third, .bottom33 .third { float: none; width: 100%; position:relative; top:122px; text-align: right; }
.advert24 .first, .footer24 .first, .upper24 .first, .bottom24 .first { float: left; width: 232px; }
.advert24 .second, .footer24 .second, .upper24 .second, .bottom24 .second { float: left; width: 232px; margin-left: 14px; }
.advert24 .third, .footer24 .third, .upper24 .third, .bottom24 .third { float: left; width: 232px; margin-left: 14px; }
.advert24 .forth, .footer24 .forth, .upper24 .forth, .bottom24 .forth { float: right; width: 232px; }
.advert19 .first, .footer19 .first, .upper19 .first, .bottom19 .first { float: left; width: 20%; }
.advert19 .second, .footer19 .second, .upper19 .second, .bottom19 .second { float: left; width: 20%; margin-left: 0; }
.advert19 .third, .footer19 .third, .upper19 .third, .bottom19 .third { float: left; width: 20%; margin-left: 0; }
.advert19 .forth, .footer19 .forth, .upper19 .forth, .bottom19 .forth { float: left; width: 20%; margin-left: 0; }
.advert19 .fifth, .footer19 .fifth, .upper19 .fifth, .bottom19 .fifth { float: right; width: 20%; }
}
.advert99 .full, .footer99 .full, .upper99 .full, .bottom99 .full, .advert49 .first, .footer49 .first, .upper49 .first, .bottom49 .first, .advert49 .second, .footer49 .second, .upper49 .second, .bottom49 .second, .advert33 .first, .footer33 .first, .upper33 .first, .bottom33 .first, .advert33 .second, .footer33 .second, .upper33 .second, .bottom33 .second, .advert33 .third, .footer33 .third, .upper33 .third, .bottom33 .third, .advert24 .first, .footer24 .first, .upper24 .first, .bottom24 .first, .advert24 .second, .footer24 .second, .upper24 .second, .bottom24 .second, .advert24 .third, .footer24 .third, .upper24 .third, .bottom24 .third, .advert24 .forth, .footer24 .forth, .upper24 .forth, .bottom24 .forth, .advert19 .first, .footer19 .first, .upper19 .first, .bottom19 .first, .advert19 .second, .footer19 .second, .upper19 .second, .bottom19 .second, .advert19 .third, .footer19 .third, .upper19 .third, .bottom19 .third, .advert19 .forth, .footer19 .forth, .upper19 .forth, .bottom19 .forth, .advert19 .fifth, .footer19 .fifth, .upper19 .fifth, .bottom19 .fifth { padding-bottom: 15px; }
/******************************/
/******* Joomla Modules *******/
/******************************/
@media screen and (min-width:767px){
#user-right-only .user99 .full, #user-left-only .user99 .full { float: left; width: 650px; }
#user-right-only .user49 .first, #user-left-only .user49 .first { float: left; width: 317px; }
#user-right-only .user49 .second, #user-left-only .user49 .second { float: right; width: 317px; }
#user-right-only .user33 .first, #user-left-only .user33 .first { float: left; width: 206px; }
#user-right-only .user33 .second, #user-left-only .user33 .second { float: left; width: 206px; margin-left: 16px; }
#user-right-only .user33 .third, #user-left-only .user33 .third { float: right; width: 206px; }
#user-left-right .user33 .first { float: left; width: 166px; }
#user-left-right .user33 .second { float: left; width: 166px; margin-left: 16px; }
#user-left-right .user33 .third { float: right; width: 166px; }
#user-left-right .user49 .first { float: left; width: 257px; }
#user-left-right .user49 .second { float: right; width: 257px; }
#user-left-right .user99 .full { float: left; width: 530px; }
#user-wide .user99 .full { float: left; width: 970px; }
#user-wide .user49 .first { float: left; width: 477px; }
#user-wide .user49 .second { float: right; width: 477px; }
#user-wide .user33 .first { float: left; width: 314px; }
#user-wide .user33 .second { float: left; width: 314px; margin-left: 14px; }
#user-wide .user33 .third { float: right; width: 314px; }
#user-center-only .user99 .full { float: left; width: 970px; }
#user-center-only .user49 .first { float: left; width: 477px; }
#user-center-only .user49 .second { float: right; width: 477px; }
#user-center-only .user33 .first { float: left; width: 314px; }
#user-center-only .user33 .second { float: left; width: 314px; margin-left: 14px; }
#user-center-only .user33 .third { float: right; width: 314px; }
#user-right-center .user99 .full, #user-left-center .user99 .full { float: left; width: 700px; }
#user-right-center .user49 .first, #user-left-center .user49 .first { float: left; width: 342px; }
#user-right-center .user49 .second, #user-left-center .user49 .second { float: right; width: 342px; }
#user-right-center .user33 .first, #user-left-center .user33 .first { float: left; width: 224px; }
#user-right-center .user33 .second, #user-left-center .user33 .second { float: left; width: 224px; margin-left: 14px; }
#user-right-center .user33 .third, #user-left-center .user33 .third { float: right; width: 224px; }
#user-left-right-center .user99 .full { float: left; width: 530px; }
#user-left-right-center .user49 .first { float: left; width: 257px; }
#user-left-right-center .user49 .second { float: right; width: 257px; }
#user-left-right-center .user33 .first { float: left; width: 166px; }
#user-left-right-center .user33 .second { float: left; width: 166px; margin-left: 16px; }
#user-left-right-center .user33 .third { float: right; width: 166px; }
}
#user-center-only .user99 .full, #user-center-only .user49 .first, #user-center-only .user49 .second, #user-center-only .user33 .first, #user-center-only .user33 .second, #user-center-only .user33 .third, #user-left-right-center .user99 .full, #user-left-right-center .user49 .first, #user-left-right-center .user49 .second, #user-left-right-center .user33 .first, #user-left-right-center .user33 .second, #user-left-right-center .user33 .third, #user-left-center .user99 .full, #user-left-center .user49 .first, #user-left-center .user49 .second, #user-left-center .user33 .first, #user-left-center .user33 .second, #user-left-center .user33 .third, #user-right-center .full, #user-right-center .user49 .first, #user-right-center .user49 .second, #user-right-center .user33 .first, #user-right-center .user33 .second, #user-right-center .user33 .third, #user-right-only .user99 .full, #user-left-only .user99 .full, #user-right-only .user49 .first, #user-left-only .user49 .first, #user-right-only .user49 .second, #user-left-only .user49 .second, #user-right-only .user33 .first, #user-left-only .user33 .first, #user-right-only .user33 .second, #user-left-only .user33 .second, #user-right-only .user33 .third, #user-left-only .user33 .third, #user-left-right .user33 .first, #user-left-right .user33 .second, #user-left-right .user33 .third, #user-left-right .user49 .first, #user-left-right .user49 .second, #user-left-right .user99 .full, #user-wide .user99 .full, #user-wide .user49 .first, #user-wide .user49 .second, #user-wide .user33 .first, #user-wide .user33 .second, #user-wide .user33 .third { padding-bottom: 15px; }
/******************************/
/******* Joomla Modules *******/
/******************************/
@media screen and (min-width:767px){
#inside-right-only .inside49 .first, #inside-left-only .inside49 .first { float: left; width: 317px; }
#inside-right-only .inside49 .second, #inside-left-only .inside49 .second { float: right; width: 317px; }
#inside-right-only .inside99 .full, #inside-left-only .inside99 .full { float: left; width: 650px; }
#inside-left-right .inside49 .first { float: left; width: 257px; }
#inside-left-right .inside49 .second { float: right; width: 257px; }
#inside-left-right .inside99 .full { float: left; width: 530px; }
#inside-wide .inside49 .first { float: left; width: 477px; }
#inside-wide .inside49 .second { float: right; width: 477px; }
#inside-wide .inside99 .full { float: left; width: 970px; }
#inside-right-center .inside49 .first, #inside-left-center .inside49 .first { float: left; width: 232px; }
#inside-right-center .inside49 .second, #inside-left-center .inside49 .second { float: right; width: 232px; }
#inside-right-center .inside99 .full, #inside-left-center .inside99 .full { float: left; width: 480px; }
#inside-left-right-center .inside49 .first { float: left; width: 147px; }
#inside-left-right-center .inside49 .second { float: right; width: 147px; }
#inside-left-right-center .inside99 .full { float: left; width: 310px; }
#inside-center-only .inside49 .first { float: left; width: 367px; }
#inside-center-only .inside49 .second { float: right; width: 367px; }
#inside-center-only .inside99 .full { float: left; width: 750px; }
}
#inside-right-only .inside49 .first, #inside-left-only .inside49 .first, #inside-right-only .inside49 .second, #inside-left-only .inside49 .second, #inside-right-only .inside99 .full, #inside-left-only .inside99 .full, #inside-left-right .inside49 .first, #inside-left-right .inside49 .second, #inside-left-right .inside99 .full, #inside-wide .inside49 .first, #inside-wide .inside49 .second, #inside-wide .inside99 .full, #inside-right-center .inside49 .first, #inside-left-center .inside49 .first, #inside-right-center .inside49 .second, #inside-left-center .inside49 .second, #inside-right-center .inside99 .full, #inside-left-center .inside99 .full, #inside-left-right-center .inside49 .first, #inside-left-right-center .inside49 .second, #inside-left-right-center .inside99 .full, #inside-center-only .inside49 .first, #inside-center-only .inside49 .second, #inside-center-only .inside99 .full { padding-bottom: 15px; }
/******************************/
/****** Joomla Bootstrap ******/
/******************************/
.collapse { display: none }
.collapse.in { display: block }
.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition:height .35s ease }
@media (min-width:767px){
.navbar-collapse.collapse { height: auto!important; padding-bottom: 0; overflow: visible!important; }
}
.navbar-toggle { position: relative; float: right; padding: 7px; margin:15px 15px 0px 0px; background-color: transparent; border-radius:0px }
@media (min-width:480px){
.navbar-toggle { margin: 18px 4px 4px; }
}
.navbar-toggle:focus { outline: 0; }
.navbar-toggle .icon-bar { display: block; width: 25px; height: 4px; border-radius: 1px; }
.navbar-toggle .icon-bar+.icon-bar { margin-top: 4px; }
@media (min-width:767px){ .navbar-toggle { display: none; } }
.navbar-inverse .navbar-toggle { border: none; background: #000; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background: #000000; }
.navbar-inverse .navbar-toggle .icon-bar{ background: #FFFFFF; }
/*****************************/
/*********** STYLES **********/
/*****************************/
#header-outer { }
#top-float, #banner-float, #advert-float { border-bottom: 1px solid #dedede; }
#footer-float, #copyright-outer { border-top: 1px solid #dedede; background-color:#ededed }
/*****************************/
/*********** STYLES **********/
/*****************************/
.advert a, .upper a, .user a, .bottom a, .inside a, .dropdown-menu li a, .category-module a, #member-registration a, #topleft a, 
#topright a, .blog-featured h2 a, .blog h2 a, .readmore a, a.readmore, #login-form a, #designer a, .pagination a, .pagenav a, .newsflash-title a, 
.items-more a, .category-name a, #topleft a, #topright a, .item-page h2 a { color: #000000; text-decoration: none; line-height: 1.10;}
.advert .menu a, .upper .menu a, .bottom .menu a, .footer .menu a, .user .menu a, .inside .menu a { border-bottom: 1px solid #dedede; }
#right-right-only .menu a, #left-left-only .menu a, #left-left-right .menu a, #right-left-right .menu a, #center-right-center .menu a, #right-right-center .menu a, #left-left-center .menu a, #center-left-center .menu a, #left-left-right-center .menu a, #right-left-right-center .menu a, #center-left-right-center .menu a, #center-center-only .menu a { border: 1px solid #dedede; color: #000000; }
/*****************************/
/*********** STYLES **********/
/*****************************/
.page-header span, .contact h1 { border-bottom: 1px solid #dedede; }
h3.h3title {  }
.pagination .pagenav { border: 1px solid #c0c0c0; }
form#login-form { border: 1px solid #dedede; }
#login-form .inputbox { border: 1px solid #c0c0c0; }
.contact h3 { background: #f0f0f0; }
#jform_contact_message { border: 1px solid #c0c0c0; }
#jform_name, #jform_username, #jform_password1, #jform_password2, #jform_email1, #jform_email2, #jform_email { border: 1px solid #c0c0c0; }
.contact-emailto a { color: #000000; text-decoration: none; }
.contact a.accordion-toggle { color: #000000; text-decoration: none; background: #f0f0f0; }
input.button, button.button, #member-registration button.btn, #user-registration button.btn, #contact-form button.btn { 


    border-color: #e2e2e2;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px;
    height: 44px;
}

 }
#member-registration a.btn { color: #000000; text-decoration: none; }
.result-title a {     color: #000000;
    font-size: 110%;
    font-weight: bold;
    line-height: 1;}
#adminForm .nav-tabs a { color: #000000; text-decoration: none; }
#system-message { background: #f0f0f0; }
/*****************************/
/*********** STYLES **********/
/*****************************/
@media screen and (min-width:767px){

#toolbar .menu a { color: #000000; }
#toolbar .menu li li a { color: #000000; }
#toolbar .menu li li li a { color: #000000; }
#toolbar .menu ul {     background: #ededed none repeat scroll 0 0;
    margin: 6px 0 0 -12px; 	transition: all 0.7s ease 0s;
}
#toolbar .menu ul ul { background: #FFFFFF; border-top: 1px solid #dedede; }
#toolbar ul.menu li.active li a, #toolbar ul.menu li.active li a:hover, #toolbar ul.menu li.active li a:active, #toolbar ul.menu li.active li a:focus { color: #000000; }
}


@media(max-width:1000px){

.moduletable.texty2 img {width:100%; float:none; margin-bottom:8px}
.junewsultra.toptxt, .junewsultra.toptxt2 {
padding:0;    float: none;
    max-width: 100% !important; margin-bottom:20px}
.toptxt h4, .toptxt2 h4, .texty2 h4 {
    background-color: rgba(200, 200, 200, 0.7);
    margin-top: -75px;
    padding: 6px 8px 0;
    position: relative;
    text-shadow: 1px 2px 0 #fff;
}


.leftcenter .jn-info {
    background-color: rgba(255, 255, 255, 0.7);
    color: #000;
    font-size: 0.8em;
    padding: 6px 8px;
    position: relative;
}

}

@media(max-width:767px){
.leftcenter {float:none; width:100%}
#layer-left-right {padding:12px}
.junewsultra.sidenews {padding:12px}
#topleft {padding:8px 12px; float:left}
#navigation {border:none!important; height:40px!important;
}
.moduletable.texty2 img {width:100%;float:none; margin-bottom:8px}

a.forlogo {   background: #fff url("/templates/xronikidesign/images/logoo.gif") no-repeat scroll 0 -4px;
    display: block;
    height: 20px;
	margin-left:12px;
	padding-top: 52px;
    letter-spacing: 0.10em;
	width:100%;
    z-index: 9999;
	background-size:100%}
a.forlogo:hover {background: transparent url("/templates/xronikidesign/images/logoo2.gif") no-repeat scroll 0 -4px;	background-size:100%}
a.forlogo span {display:none!important}
.toptxt .jn {padding-left:12px;padding-right:12px}
.toptxt2 .jn {padding-right:12px;padding-left:12px}
.texty2 .jn {padding-left:12px!important; padding-right:12px!important}
.custom {padding:12px!important; text-align:center}


#header-outer {
    height: 60px; float:left; width:230px}

.forbanner {display:none}
.advert33 .first, .footer33 .first, .upper33 .first, .bottom33 .first {
display:none
}
.advert33 .third, .footer33 .third, .upper33 .third, .bottom33 .third {
display:none
}
.multithumb {    float: none !important;
    height: auto;
    margin-bottom: 20px !important;
    max-width: 100%;}

}

@media(max-width:640px){

#topleft {float:none!important;  height: 30px;}
#topright {float:none!important;width:calc(100% - 22px)!important}
.search .inputbox {    background-color: #ededed;
    width: 100%;}

}


.floaty {
position: fixed;
min-width:100% !important;
z-index:9999;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
max-width: 100% !important;
}





.fblikebox {
    overflow: hidden; }

.video .jn h4 a {    
    color: #fff;
    font-size: 16px;
    text-decoration: none;}

.video .jn h4 {        margin-top: 8px;

}

.pik {
    bottom: 0;
    content: "";
    right: 0;
	display: inline-block;
    position: relative;
	width:100%}

p iframe {width:100%;height:340px}

.authorinfo img {width:100px}

.blog p strong {font-weight:normal!important}

.ava {max-width:150px; }
.big {width:100%!important}

div._5lm5 {display:none!important}

.banneritem img {width:100%}

.user99 .banneritem{padding:20px 0}

.progress-bar {background-color:#cccccc;  
color: #000;
    font-size: 16px;
    font-weight: bold;
    padding: 3px 0px;
	text-align:center}

label.golos {}

.form-group {margin-bottom:10px; font-size:15px; line-height:15px}
div.golos {
    background-color: #edebda;
    padding: 12px;
}

.golos .right {font-size:12px}

.alert-danger {color:#cc0000}
.golos .progress-bar {	margin-left: 25px;
}

.video2 iframe {width:100%; height:auto}
.ytp-title-text {
    font-size: 14px!important;
}

.informers {padding-top:12px; border-top:1px solid #dedede}

