@charset "utf-8";@import url(/media/system/css/system.css);/**
 * @copyright	Copyright (C) 2005 - 2020 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

/* Import project-level system CSS */


/* Unpublished */
.system-unpublished, tr.system-unpublished {
	background: #e8edf1;
	border-top: 4px solid #c4d3df;
	border-bottom: 4px solid #c4d3df;
}

span.highlight {
	background-color:#FFFFCC;
	font-weight:bold;
	padding:1px 0;
}

.img-fulltext-float-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-none {
}

.img-intro-float-right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.img-intro-float-left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.img-intro-float-none {
}
/******************************/
/****** Joomla Templates ******/
/******************************/
.sj-flat-menu > li .fm-item a {
line-height: 10px!important; padding: 0 13px 0 14px; }

.item-page img {max-width: 300px; padding: 10px;}
.blog img {max-width: 150px;}
.nspArt h4.nspHeader {
    font-size: 14px!important;}
.VMmenu {-webkit-padding-start: 0px;}
.VmClose, .VmOpen {display: block; width: 100%; border-bottom: 1px dashed #0a9ff5; }
.VmClose a {color: #1e1e1e; font-size: 11px; text-decoration: none!important;}
.VmOpen a {color: #0a9ff5; font-size: 11px;}
.VmClose img {border: 1px solid #0a9ff5;
}
.VmOpen img {border: 1px solid #1e1e1e;
}
.VmClose img, .VmOpen img {width: 60px;
vertical-align: middle;
margin-right: 3px;
-webkit-border-radius: 5%;
               -moz-border-radius: 5%;
               -ms-border-radius: 5%;
               -o-border-radius: 5%;
                border-radius: 5%;
background: #ffffff;
position: relative;
behavior: url(/templates/oboi/pie/PIE.htc);}

#header-outer { padding: 10px 0px 0px 0px; }
#copyright-outer { padding: 10px 0px; background: #fff;}
@media screen and (min-width:480px){
#header-outer { height: 200px; padding: 5px 0px; }
}
.nspArt h4.nspHeader a {line-height: 18px; font-size: 14px;}
@media screen and (min-width:768px){
#copyright-outer { height: 50px; }
}
/******************************/
/****** Joomla Templates ******/
/******************************/
#top-inner, #banner-inner, #advert-inner, #upper-inner, #body-inner, #bottom-inner, #footer-inner, #copyright-inner { padding: 0px 10px; }
@media screen and (min-width:768px){
#header-inner { padding: 0px 10px; }
#top-inner, #header-inner, #banner-inner, #advert-inner, #upper-inner, #body-inner, #bottom-inner, #footer-inner, #copyright-inner { width: 970px; margin: 0 auto; }
}
ul.breadcrumb li {float: left; padding:0px 2px; list-style-type: none;}
.divider {padding-left: 5px}
/******************************/
/****** Joomla Templates ******/
/******************************/
#top-float { float: left; width: 100%; padding: 5px 0px; }
#banner-float { float: left; width: 100%; padding: 10px 0px; background: #ffffff/* url(/templates/oboi/images/bg-h.jpg) top center no-repeat*/; 
border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
#advert-float, #footer-float { float: left; width: 100%; padding: 15px 0px 0px 0px; }
#upper-float, #body-float, #bottom-float { float: left; width: 100%; }
@media screen and (min-width:768px){
#top-float { padding: 0px; }
}
/******************************/
/****** Joomla Templates ******/
/******************************/
.logo { width: 100%; }
#logo { max-width: 320px; margin: 0 auto; padding: 0px 0px; }
#spacer { height: 20px; }
@media screen and (min-width:480px){
.logo { width: auto; height: 85px;  }
#logo { max-width: none; float: left; }
}
@media screen and (min-width:768px){
#logo { padding-top: 60px; width: 300px;}
#topmenu { float: left; }
#topright { float: right; }
#copyright { float: left; margin-top: 15px; }
#designer { float: right; margin-top: 15px; }
}
/******************************/
/****** Joomla Templates ******/
/******************************/
@media screen and (min-width:768px){
#body-right-only { float: left; width: 650px; }
#body-left-only { float: right; width: 650px; }
#body-left-right { float: left; width: 500px; margin-left: 10px; }
#body-right-center { float: left; width: 700px; }
#body-left-center { float: right; width: 700px; }
#body-left-right-center { float: left; width: 500px; margin-left: 10px; }
#right-right-only { float: right; width: 300px; }
#left-left-only { float: left; width: 300px; }
#left-left-right { float: left; width: 200px; }
#right-left-right { float: right; width: 220px;  margin-top:5px;}
#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; }
}
@media screen and (min-width:768px){
.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; }
}
/******************************/
/******* Joomla Default *******/
/******************************/
body { margin: 0px; font-size: 12px; line-height: 20px; background: url(/templates/oboi/images/bg-body.png) repeat;}
p { margin: 5px 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: 15px; }
h2 { font-size: 14px; }
h3 { font-size: 13px; }
h4 { font-size: 12px; }
h5 { font-size: 12px; }
form input, form select { font-size: 13px; }
@media screen and (min-width:480px){
body { font-size: 15px; }
h1 { font-size: 25px; }
h2 { font-size: 23px; }
h3 { font-size: 21px; }
h4 { font-size: 19px; }
h5 { font-size: 17px; }
form input, form select { font-size: 16px; }
}
@media screen and (min-width:768px){
body { font-size: 13px;  }
h1 { font-size: 17px; }
h2 { font-size: 17px; }
h3 { font-size: 13px; color:#333;}
h4 { font-size: 13px; }
h5 { font-size: 13px; }
form input, form select { font-size: 15px; }
}
/******************************/
/******* Joomla Default *******/
/******************************/
.fontfamily1, .fontfamily1 .inputbox, .fontfamily1 input.button { font-family: Arial; }
.fontfamily2, .fontfamily2 .inputbox, .fontfamily2 input.button { font-family: "Times New Roman", Times, serif; }
.fontfamily3, .fontfamily3 .inputbox, .fontfamily3 input.button { font-family: "Courier New", Courier, monospace; }
.fontfamily4, .fontfamily4 .inputbox, .fontfamily4 input.button { font-family: "Georgia", Times New Roman, Times, serif; }
.fontfamily5, .fontfamily5 .inputbox, .fontfamily5 input.button { font-family: "Verdana", Arial, Helvetica, sans-serif; }
.fontfamily6, .fontfamily6 .inputbox, .fontfamily6 input.button { font-family: "Geneva", Arial, Helvetica, sans-serif; }
.fontfamily7, .fontfamily7 .inputbox, .fontfamily7 input.button { font-family: "Book Antiqua"; }
/******************************/
/******* 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 *******/
/******************************/
.advert .menu a, .upper .menu a, .user .menu a, .inside .menu a, .bottom .menu a, .footer .menu a, .advert .newsflash-title a, .upper .newsflash-title a, .user .newsflash-title a, .inside .newsflash-title a, .bottom .newsflash-title a, .footer .newsflash-title a, .advert a.readmore, .upper a.readmore, .user a.readmore, .inside a.readmore, .bottom a.readmore, .footer a.readmore, .dropdown-menu a, #designer a, a.btn, .blog-featured h2 a, .blog h2 a, .category-name a { color: #000000; text-decoration: none; }
#right-right-only .newsflash-title a, #left-left-only .newsflash-title a, #left-left-right .newsflash-title a, #right-left-right .newsflash-title a, #right-right-center .newsflash-title a, #left-left-center .newsflash-title a, #left-left-right-center .newsflash-title a, #right-left-right-center .newsflash-title a, #center-right-center .newsflash-title a, #center-left-center .newsflash-title a, #center-left-right-center .newsflash-title a, #center-center-only .newsflash-title a, #right-right-only a.readmore, #left-left-only a.readmore, #left-left-right a.readmore, #right-left-right a.readmore, #right-right-center a.readmore, #left-left-center a.readmore, #left-left-right-center a.readmore, #right-left-right-center a.readmore, #center-right-center a.readmore, #center-left-center a.readmore, #center-left-right-center a.readmore, #center-center-only a.readmore { color: #000000; text-decoration: none; }
.advert ul.menu, .upper ul.menu, .user ul.menu, .inside ul.menu, .bottom ul.menu, .footer ul.menu { margin: 15px 0px 0px 0px; }
#topmenu .menu li a, #topright .menu li a { color: #ffffff; text-decoration: none;  font-weight: bold;}
#topmenu .menu li { float: left; margin-right: 15px; border-right: 1px solid #eeeeee;
    padding-right: 15px;}
#topright .menu li { float: left; margin-left: 15px; }
#topmenu .menu li li, #topmenu .menu li li li, #topright .menu li li, #topright .menu li li li { display: none; }
/******************************/
/******* Joomla Default *******/
/******************************/
.page-header h1, .contact h1 { font-size: 18px; padding-bottom: 5px; margin-bottom: 10px;color:#333; }
.blog-featured h2, .blog h2, .item-page h2, .contact h2 { font-size: 18px; }
.item-page img, .blog img {margin: 5px; border: 0px solid #333;}
.dropdown-menu li { display: inline; margin-right: 10px; }
dl.article-info dd { padding: 0; margin: 0; }
.newsflash-title { margin-top: 10px; }
.pagination { text-align: center; float: left; width: 100%; margin-bottom: 15px; }
.pagination li { display: inline; }
li.pagination-page { display: none; }
.pagination .pagenav { padding: 5px 10px; text-decoration: none; margin: 0px 2px; }
ul.pagenav .previous { float: left; margin-bottom: 15px; }
ul.pagenav .next { float: right; margin-bottom: 15px; }
p.counter { margin-top: -10px; }
p.readmore a { padding: 1px 50px; text-decoration: none; }
@media screen and (min-width:480px){
li.pagination-page { display: inline; }
}
@media screen and (min-width:768px){
p.readmore { text-align: right; }
}
/******************************/
/******* Joomla Config ********/
/******************************/
#right-right-only .moduletable, #right-right-only .moduletable_menu, #left-left-only .moduletable, #left-left-only .moduletable_menu, #left-left-right .moduletable, #left-left-right .moduletable_menu, #right-left-right .moduletable, #right-left-right .moduletable_menu, #right-right-center .moduletable, #right-right-center .moduletable_menu, #left-left-center .moduletable, #left-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-right-center .moduletable, #center-right-center .moduletable_menu, #center-left-center .moduletable, #center-left-center .moduletable_menu, #center-left-right-center .moduletable, #center-left-right-center .moduletable_menu, #center-center-only .moduletable, #center-center-only .moduletable_menu { padding-bottom: 15px; }
#right-right-only .moduletable h3, #right-right-only .moduletable_menu h3, #left-left-only .moduletable h3, #left-left-only .moduletable_menu h3, #left-left-right .moduletable h3, #left-left-right .moduletable_menu h3, #right-left-right .moduletable h3, #right-left-right .moduletable_menu h3, #right-right-center .moduletable h3, #right-right-center .moduletable_menu h3, #left-left-center .moduletable h3, #left-left-center .moduletable_menu h3, #left-left-right-center .moduletable h3, #left-left-right-center .moduletable_menu h3, #right-left-right-center .moduletable h3, #right-left-right-center .moduletable_menu h3, #center-right-center .moduletable h3, #center-right-center .moduletable_menu h3, #center-left-center .moduletable h3, #center-left-center .moduletable_menu h3, #center-left-right-center .moduletable h3, #center-left-right-center .moduletable_menu h3, #center-center-only, #center-center-only .moduletable_menu h3 { padding: 10px; margin-top: 5px; }
.moduletable h3{ padding: 10px; margin-top: 15px;background: #a2aba8; color:#fff;text-transform: none; }
#right-right-only .menu li a, #left-left-only .menu li a, #left-left-right .menu li a, #right-left-right .menu li a, #right-right-center .menu li a, #left-left-center .menu li a, #left-left-right-center .menu li a, #right-left-right-center .menu li a, #center-right-center .menu li a, #center-left-center .menu li a, #center-left-right-center .menu li a, #center-center-only .menu li a, #right-right-only .category-module li a, #left-left-only .category-module li a, #left-left-right .category-module li a, #right-left-right .category-module li a, #right-right-center .category-module li a, #left-left-center .category-module li a, #left-left-right-center .category-module li a, #right-left-right-center .category-module li a, #center-right-center .category-module li a, #center-left-center .category-module li a, #center-left-right-center .category-module li a, #center-center-only .category-module li a { text-decoration: none; padding: 1px 0px; margin: 1px 0px; display: block; }
/******************************/
/******* Joomla Config ********/
/******************************/
#login-form { padding: 10px; }
#form-login-username, #form-login-password { margin-bottom: 10px; }
#login-form .inputbox { padding: 4px; width: 94%; border: 1px solid #c0c0c0; }
#jform_name, #jform_username, #jform_password1, #jform_password2, #jform_email1, #jform_email2, #jform_email { padding: 4px; width: 94%; border: 1px solid #c0c0c0; }
#member-registration, #user-registration { margin-bottom: 15px; }
#member-registration fieldset, #user-registration fieldset { margin-bottom: 10px; }
#login-form ul { margin-top: 10px; }
#login-form a { color: #000000; text-decoration: none; }
@media screen and (min-width:768px){
#jform_name, #jform_username, #jform_password1, #jform_password2, #jform_email1, #jform_email2, #jform_email { width: 250px; }
}
/******************************/
/******* Joomla Config ********/
/******************************/
.search .inputbox { margin: 10px; padding:5px; border: 1px solid #fff; }
.search .form-limit { text-align: center; margin-top: 10px; }
.result-created, .result-category, .result-text { padding: 0; margin: 0; }
.result-created { margin-bottom: 10px; }
#searchForm #ordering, #searchForm #limit { padding: 3px; }
.highlight { color: #000000; }
#searchForm { color: #000000; }
.result-title a { color: #000000; text-decoration: none; }
/******************************/
/******* 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%; border: 1px solid #c0c0c0; }
.contact h3 { padding: 3px 10px; }
.contact h2 { margin-bottom: 15px; }
.contact-emailto a { color: #000000; text-decoration: none; }
@media screen and (min-width:768px){
#jform_contact_name, #jform_contact_email, #jform_contact_emailmsg { width: 250px; }
#jform_contact_message { height: 250px; }
}
/******************************/
/******* Joomla Config ********/
/******************************/
input.button, button.button, button.btn { padding: 8px 15px 8px; border: none; }
.btn-toolbar { padding-bottom: 10px; }
.btn-group { display: inline; }
.nav-tabs li { display: inline; margin: 0px 5px; }
.nav-tabs li a { color: #000000; text-decoration: none; }
a.modal-button { color: #000000; text-decoration: none; }
.modal-button { margin-right: 15px; }
/******************************/
/******* Joomla Toolbar *******/
/******************************/
#navigation { height: 34px; padding: 5px 0px; }
.navigation { float: left; margin: 4px 0px 0px 10px; color: #000000; font-weight: bold; }
@media screen and (min-width:480px){
#navigation { height: auto; padding: 0px; }
.navigation { display: none; }
}
@media screen and (min-width:768px){
#navigation { float: right; margin-top: 70px; }
}
/******************************/
/******* Joomla Toolbar *******/
/******************************/
#toolbar { clear: both; margin: 39px 0px 0px 0px; width: 100%; position: relative; z-index: 5; }
#toolbar .menu a { font-size: 16px; display: block; text-decoration: none; font-weight: bold; padding: 3px 10px; }
#toolbar .menu li li a { font-size: 16px; font-weight: bold; color: #000000; }
#toolbar .menu li li li a { font-size: 16px; font-weight: normal; color: #000000; }
@media screen and (min-width:480px){
#toolbar { margin: 0px 0px 15px 0px; }
}
@media screen and (min-width:768px){
#toolbar { clear: none; margin: 0px; width: auto; z-index: auto; }
#toolbar .menu a { font-size: 15px; font-weight: normal; padding: 0px 7px; border: 0px solid #ffffff;}
#toolbar .menu li { float: left; position:relative; margin-left: 7px; padding: 0px; line-height: 2; }
#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; color: #FFFFFF; font-size: 14px; background: none; }
#toolbar .menu ul { float:none; left:-999em; position:absolute; z-index: 99; }
#toolbar .menu ul { width: 180px; padding: 15px 0px 10px 0px; border-radius: 0px 0px 7px 7px; }
#toolbar .menu ul li { width: 160px; padding: 2px 10px 2px 10px; position:relative;  margin-left: 0px; line-height: 1.8; }
#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; color: #FFFFFF; }
/******************************/
/******* Joomla Toolbar *******/
/******************************/
#toolbar .menu li li li a { font-weight: normal; font-size: 14px; color: #FFFFFF; }
#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 *******/
/******************************/
@media screen and (min-width:768px){
#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 { width: 530px; 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; }
/******************************/
/******* Joomla Modules *******/
/******************************/
@media screen and (min-width:768px){
.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: 314px; }
.advert33 .second, .footer33 .second, .upper33 .second, .bottom33 .second { float: left; width: 314px; margin-left: 14px; }
.advert33 .third, .footer33 .third, .upper33 .third, .bottom33 .third { float: right; width: 314px; }
.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: 182px; }
.advert19 .second, .footer19 .second, .upper19 .second, .bottom19 .second { float: left; width: 182px; margin-left: 15px; }
.advert19 .third, .footer19 .third, .upper19 .third, .bottom19 .third { float: left; width: 182px; margin-left: 15px; }
.advert19 .forth, .footer19 .forth, .upper19 .forth, .bottom19 .forth { float: left; width: 182px; margin-left: 15px; }
.advert19 .fifth, .footer19 .fifth, .upper19 .fifth, .bottom19 .fifth { float: right; width: 182px; }
}
.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:768px){
#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:768px){
#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:768px){
.navbar-collapse.collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important; }
}
.navbar-toggle { position: relative; float: right; padding: 5px; margin:0px 10px 0px 0px; background-color: transparent; border-radius:4px }
@media (min-width:480px){
.navbar-toggle { margin: 25px 10px 0px 0px; }
}
.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:768px){ .navbar-toggle { display: none; } }
.navbar-inverse .navbar-toggle { border: 1px solid #3f3f3f; background: #111111; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background: #000000; }
.navbar-inverse .navbar-toggle .icon-bar{ background: #FFFFFF; }
/*****************************/
/*********** STYLES **********/
/*****************************/
#header-outer { background: #fff url(/templates/oboi/images/bg-h.jpg) no-repeat bottom center;
}
#top-float { background: url(/templates/oboi/images/bg-menu.png) no-repeat center; height: 70px!important;  }
#advert-float, #footer-float { background: #fff; color:#000!important; /*url(/templates/oboi/images/dog.jpg) no-repeat bottom right;*/ }
#upper-float, #body-float, #bottom-float { background: #ffffff; }
#footer-inner { border-bottom: 1px solid #333;  }
#spacer { background: #ffffff; }
#copyright, #designer { color: #000; }
/*****************************/
/*********** STYLES **********/
/*****************************/
body { background: #fff; }
.page-header h1, .contact h1 { border-bottom: 1px solid #333; }
.pagination .pagenav { background: #333; color: #FFFFFF; }
p.readmore a { background: #333; color: #FFFFFF; }
a {color: #444;}
/*****************************/
/*********** STYLES **********/
/*****************************/
#right-right-only .moduletable h3, #right-right-only .moduletable_menu h3, #left-left-only .moduletable h3, #left-left-only .moduletable_menu h3, #left-left-right .moduletable h3, #left-left-right .moduletable_menu h3, #right-left-right .moduletable h3, #right-left-right .moduletable_menu h3, #right-right-center .moduletable h3, #right-right-center .moduletable_menu h3, #left-left-center .moduletable h3, #left-left-center .moduletable_menu h3, #left-left-right-center .moduletable h3, #left-left-right-center .moduletable_menu h3, #right-left-right-center .moduletable h3, #right-left-right-center .moduletable_menu h3, #center-right-center .moduletable h3, #center-right-center .moduletable_menu h3, #center-left-center .moduletable h3, #center-left-center .moduletable_menu h3, #center-left-right-center .moduletable h3, #center-left-right-center .moduletable_menu h3, #center-center-only .moduletable h3, #center-center-only .moduletable_menu h3 { border-bottom: 1px dashed #fff;text-transform: uppercase; }
#right-right-only .menu li a, #left-left-only .menu li a, #left-left-right .menu li a, #right-left-right .menu li a, #right-right-center .menu li a, #left-left-center .menu li a, #left-left-right-center .menu li a, #right-left-right-center .menu li a, #center-right-center .menu li a, #center-left-center .menu li a, #center-left-right-center .menu li a, #center-center-only .menu li a, #right-right-only .category-module li a, #left-left-only .category-module li a, #left-left-right .category-module li a, #right-left-right .category-module li a, #right-right-center .category-module li a, #left-left-center .category-module li a, #left-left-right-center .category-module li a, #right-left-right-center .category-module li a, #center-right-center .category-module li a, #center-left-center .category-module li a, #center-left-right-center .category-module li a, #center-center-only .category-module li a { color: #333; }
#login-form { background: #d28444; color: #000000; }
.contact h3 { background: #d28444; color: #000000; }
input.button, button.button, button.btn { background: #339bd0; color: #FFFFFF; }
/*****************************/
/*********** STYLES **********/
/*****************************/
#navigation { background: #d28444; }
#toolbar { background: #d28444; }
#toolbar .menu a { color: #000000; border-top: 1px solid #333; }
@media screen and (min-width:480px){
#navigation { background: none;}
}
@media screen and (min-width:768px){
#toolbar { background: none; }
#toolbar .menu a { color: #FFFFFF; border: 1px solid #ffffff; background: #339bd0; }
#toolbar .menu li li a { background: none; }
#toolbar .menu ul { background: url(/templates/oboi/images/toolbar_brown.gif) top; }
#toolbar .menu ul ul { background: #a54c03; }
}
.latestnews {
width:100%;
list-style-type: none;
color:#fff!important; 
}
.vm-pagination {display: none;}
#mainbody{
padding: 10px;
}
#footer-outer{
color:#fff!important; 
}
@media screen and (min-width:600px){
#header-outer { height: 200px; }

}
.moduletable-alt h3{ padding: 10px; margin-top: 15px;background: #9cd9f0; color:#fff;text-transform: none; font-size:17px;}
.moduletable-alt2 h3{ padding: 10px; margin-top: 15px;background: #f09cb2; color:#fff;text-transform: none; font-size:17px;}
.moduletable-alt3 h3{ padding: 10px; margin-top: 15px;background: #97cc85; color:#fff;text-transform: none; font-size:17px;}
.moduletable-alt4 h3{ padding: 10px; margin-top: 15px;background: #e8a768; color:#fff;text-transform: none; font-size:17px;}

   

.moduletable-alt5{ padding: 5px; margin-top: 15px;background: #97cc85; color:#fff;text-transform: none; font-size:12px;}

.bt-introtext{
 padding:3px; 
}
/******************************/
/****** Joomla Templates ******/
/******************************/
@media screen and (min-width:1200px){
#header-outer { height: 200px; }
#top-inner, #header-inner, #banner-inner, #advert-inner, #upper-inner, #body-inner, #bottom-inner, #footer-inner, #copyright-inner { width: 1060px; }
.logo {  }
#copyright { float: left; margin-top: 14px; }
#designer { float: right; margin-top: 14px; }
}
@media screen and (min-width:1200px){
#body-right-only { float: left; width: 735px; }
#body-left-only { float: right; width: 735px; margin-top: 20px;}
#body-left-right { float: left; width: 610px; margin-left: 10px; margin-top: 20px;}
#body-right-center { float: left; width: 785px; }
#body-left-center { float: right; width: 785px; }
#body-left-right-center { float: left; width: 610px; margin-left: 25px; }
}
@media screen and (min-width:1200px){
.centerright #layer-right-center { float: left; width: 560px; }
.centerleft #layer-right-center { float: right; width: 560px; }
.centerright #layer-left-center { float: left; width: 560px; }
.centerleft #layer-left-center { float: right; width: 560px; }
.centerright #layer-left-right-center { float: left; width: 385px; }
.centerleft #layer-left-right-center { float: right; width: 385px; }
.centerright #layer-center-only { float: left; width: 835px; }
.centerleft #layer-center-only { float: right; width: 835px; }
}
/******************************/
/******* Joomla Default *******/
/******************************/
@media screen and (min-width:1200px){
body { font-size: 14px; line-height: 1.5; }
h1 { font-size: 18px; }
h2 { font-size: 15px; }
h3 { font-size: 15px; }
h4 { font-size: 15px; }
h5 { font-size: 15px; }
form input, form select { font-size: 16px; }
}
@media screen and (min-width:1200px){
.page-header h1, .contact h1 { font-size: 21px; }
.blog-featured h2, .blog h2, .item-page h2, .contact h2 { font-size: 19px; color:#333;}
#topright .menu li { margin-left: 20px; }
}
/******************************/
/******* Joomla Toolbar *******/
/******************************/
@media screen and (min-width:1200px){
#toolbar .menu a { font-size: 16px; padding: 0px 8px; }
#toolbar .menu li { margin-left: 8px; }
#toolbar .menu li li a { font-size: 15px; }
#toolbar .menu ul { width: 195px; }
#toolbar .menu ul li { width: 175px; }
#toolbar .menu li li li a { font-size: 15px; }
}
/******************************/
/******* Joomla Modules *******/
/******************************/
@media screen and (min-width:1200px){
#body-right-only .cols-4 .column-1, #body-left-only .cols-4 .column-1 { width: 168px; float: left; }
#body-right-only .cols-4 .column-2, #body-left-only .cols-4 .column-2 { width: 168px; float: left; margin-left: 21px; }
#body-right-only .cols-4 .column-3, #body-left-only .cols-4 .column-3 { width: 168px; float: left; margin-left: 21px; }
#body-right-only .cols-4 .column-4, #body-left-only .cols-4 .column-4 { width: 168px; float: right; }
#body-right-only .cols-3 .column-1, #body-left-only .cols-3 .column-1 { width: 231px; float: left; }
#body-right-only .cols-3 .column-2, #body-left-only .cols-3 .column-2 { width: 231px; float: left; margin-left: 21px; }
#body-right-only .cols-3 .column-3, #body-left-only .cols-3 .column-3 { width: 231px; float: right; }
#body-right-only .cols-2 .column-1, #body-left-only .cols-2 .column-1 { width: 357px; float: left; }
#body-right-only .cols-2 .column-2, #body-left-only .cols-2 .column-2 { width: 357px; float: right; }
#body-right-only .cols-1 .column-1, #body-left-only .cols-1 .column-1 { width: 735px; float: left; }
#body-left-right .cols-3 .column-1 { width: 190px; float: left; }
#body-left-right .cols-3 .column-2 { width: 190px; float: left; margin-left: 20px; }
#body-left-right .cols-3 .column-3 { width: 190px; float: right; }
#body-left-right .cols-2 .column-1 { width: 295px; float: left; }
#body-left-right .cols-2 .column-2 { width: 295px; float: right; }
#body-left-right .cols-1 .column-1 { width: 610px; float: left; }
#body-wide .cols-5 .column-1 { width: 196px; float: left; }
#body-wide .cols-5 .column-2 { width: 196px; float: left; margin-left: 20px; }
#body-wide .cols-5 .column-3 { width: 196px; float: left; margin-left: 20px; }
#body-wide .cols-5 .column-4 { width: 196px; float: left; margin-left: 20px; }
#body-wide .cols-5 .column-5 { width: 196px; float: right; }
#body-wide .cols-4 .column-1 { width: 250px; float: left; }
#body-wide .cols-4 .column-2 { width: 250px; float: left; margin-left: 20px; }
#body-wide .cols-4 .column-3 { width: 250px; float: left; margin-left: 20px; }
#body-wide .cols-4 .column-4 { width: 250px; float: right; }
#body-wide .cols-3 .column-1 { width: 340px; float: left; }
#body-wide .cols-3 .column-2 { width: 340px; float: left; margin-left: 20px; }
#body-wide .cols-3 .column-3 { width: 340px; float: right; }
#body-wide .cols-2 .column-1 { width: 520px; float: left; }
#body-wide .cols-2 .column-2 { width: 520px; float: right; }
#body-wide .cols-1 .column-1 { width: 1060px; float: left; }
#body-right-center .cols-2 .column-1, #body-left-center .cols-2 .column-1 { width: 270px; float: left; }
#body-right-center .cols-2 .column-2, #body-left-center .cols-2 .column-2 { width: 270px; float: right; }
#body-right-center .cols-1 .column-1, #body-left-center .cols-1 .column-1 { width: 560px; float: left; }
#body-center-only .cols-4 .column-1 { width: 193px; float: left; }
#body-center-only .cols-4 .column-2 { width: 193px; float: left; margin-left: 21px; }
#body-center-only .cols-4 .column-3 { width: 193px; float: left; margin-left: 21px; }
#body-center-only .cols-4 .column-4 { width: 193px; float: right; }
#body-center-only .cols-3 .column-1 { width: 265px; float: left; }
#body-center-only .cols-3 .column-2 { width: 265px; float: left; margin-left: 20px; }
#body-center-only .cols-3 .column-3 { width: 265px; float: right; }
#body-center-only .cols-2 .column-1 { width: 407px; float: left; }
#body-center-only .cols-2 .column-2 { width: 407px; float: right; }
#body-center-only .cols-1 .column-1 { width: 835px; float: left; }
#body-left-right-center .cols-1 .column-1 { width: 385px; float: left; }
}
@media screen and (min-width:1200px){
.advert99 .full, .footer99 .full, .upper99 .full, .bottom99 .full { width: 1060px; float: left; }
.advert49 .first, .footer49 .first, .upper49 .first, .bottom49 .first { float: left; width: 520px; }
.advert49 .second, .footer49 .second, .upper49 .second, .bottom49 .second { float: right; width: 520px; }
.footer49 .second {}
.advert33 .first, .footer33 .first, .upper33 .first, .bottom33 .first { float: left; width: 340px; }
.advert33 .second, .footer33 .second, .upper33 .second, .bottom33 .second { float: left; width: 340px; margin-left: 20px; }
.advert33 .third, .footer33 .third, .upper33 .third, .bottom33 .third { float: right; width: 340px; }
.advert24 .first, .footer24 .first, .upper24 .first, .bottom24 .first { float: left; width: 250px; }
.advert24 .second, .footer24 .second, .upper24 .second, .bottom24 .second { float: left; width: 250px; margin-left: 20px; }
.advert24 .third, .footer24 .third, .upper24 .third, .bottom24 .third { float: left; width: 250px; margin-left: 20px; }
.advert24 .forth, .footer24 .forth, .upper24 .forth, .bottom24 .forth { float: right; width: 250px; }
.advert19 .first, .footer19 .first, .upper19 .first, .bottom19 .first { float: left; width: 196px; }
.advert19 .second, .footer19 .second, .upper19 .second, .bottom19 .second { float: left; width: 196px; margin-left: 20px; }
.advert19 .third, .footer19 .third, .upper19 .third, .bottom19 .third { float: left; width: 196px; margin-left: 20px; }
.advert19 .forth, .footer19 .forth, .upper19 .forth, .bottom19 .forth { float: left; width: 196px; margin-left: 20px; }
.advert19 .fifth, .footer19 .fifth, .upper19 .fifth, .bottom19 .fifth { float: right; width: 196px; }
}
@media screen and (min-width:1200px){
#user-right-only .user99 .full, #user-left-only .user99 .full { float: left; width: 735px; }
#user-right-only .user49 .first, #user-left-only .user49 .first { float: left; width: 357px; }
#user-right-only .user49 .second, #user-left-only .user49 .second { float: right; width: 357px; }
#user-right-only .user33 .first, #user-left-only .user33 .first { float: left; width: 231px; }
#user-right-only .user33 .second, #user-left-only .user33 .second { float: left; width: 231px; margin-left: 21px; }
#user-right-only .user33 .third, #user-left-only .user33 .third { float: right; width: 231px; }
#user-left-right .user33 .first { float: left; width: 190px; }
#user-left-right .user33 .second { float: left; width: 190px; margin-left: 20px; }
#user-left-right .user33 .third { float: right; width: 190px; }
#user-left-right .user49 .first { float: left; width: 295px; }
#user-left-right .user49 .second { float: right; width: 295px; }
#user-left-right .user99 .full { float: left; width: 610px; }
#user-wide .user99 .full { float: left; width: 1060px; }
#user-wide .user49 .first { float: left; width: 520px; }
#user-wide .user49 .second { float: right; width: 520px; }
#user-wide .user33 .first { float: left; width: 340px; }
#user-wide .user33 .second { float: left; width: 340px; margin-left: 20px; }
#user-wide .user33 .third { float: right; width: 340px; }
#user-center-only .user99 .full { float: left; width: 1060px; }
#user-center-only .user49 .first { float: left; width: 520px; }
#user-center-only .user49 .second { float: right; width: 520px; }
#user-center-only .user33 .first { float: left; width: 340px; }
#user-center-only .user33 .second { float: left; width: 340px; margin-left: 20px; }
#user-center-only .user33 .third { float: right; width: 340px; }
#user-right-center .user99 .full, #user-left-center .user99 .full { float: left; width: 785px; }
#user-right-center .user49 .first, #user-left-center .user49 .first { float: left; width: 382px; }
#user-right-center .user49 .second, #user-left-center .user49 .second { float: right; width: 382px; }
#user-right-center .user33 .first, #user-left-center .user33 .first { float: left; width: 249px; }
#user-right-center .user33 .second, #user-left-center .user33 .second { float: left; width: 249px; margin-left: 19px; }
#user-right-center .user33 .third, #user-left-center .user33 .third { float: right; width: 249px; }
#user-left-right-center .user99 .full { float: left; width: 610px; }
#user-left-right-center .user49 .first { float: left; width: 295px; }
#user-left-right-center .user49 .second { float: right; width: 295px; }
#user-left-right-center .user33 .first { float: left; width: 190px; }
#user-left-right-center .user33 .second { float: left; width: 190px; margin-left: 20px; }
#user-left-right-center .user33 .third { float: right; width: 190px; }
}
@media screen and (min-width:1200px){
#inside-right-only .inside49 .first, #inside-left-only .inside49 .first { float: left; width: 357px; }
#inside-right-only .inside49 .second, #inside-left-only .inside49 .second { float: right; width: 357px; }
#inside-right-only .inside99 .full, #inside-left-only .inside99 .full { float: left; width: 735px; }
#inside-left-right .inside49 .first { float: left; width: 295px; }
#inside-left-right .inside49 .second { float: right; width: 295px; }
#inside-left-right .inside99 .full { float: left; width: 610px; }
#inside-wide .inside49 .first { float: left; width: 520px; }
#inside-wide .inside49 .second { float: right; width: 520px; }
#inside-wide .inside99 .full { float: left; width: 1060px; }
#inside-right-center .inside49 .first, #inside-left-center .inside49 .first { float: left; width: 270px; }
#inside-right-center .inside49 .second, #inside-left-center .inside49 .second { float: right; width: 270px; }
#inside-right-center .inside99 .full, #inside-left-center .inside99 .full { float: left; width: 560px; }
#inside-left-right-center .inside49 .first { float: left; width: 182px; }
#inside-left-right-center .inside49 .second { float: right; width: 182px; }
#inside-left-right-center .inside99 .full { float: left; width: 385px; }
#inside-center-only .inside49 .first { float: left; width: 407px; }
#inside-center-only .inside49 .second { float: right; width: 407px; }
#inside-center-only .inside99 .full { float: left; width: 835px; }
}
/**
 * SqueezeBox - Expandable Lightbox
 *
 * Allows to open various content as modal,
 * centered and animated box.
 *
 * @version		1.3
 *
 * @license		MIT-style license
 * @author		Harald Kirschner <mail [at] digitarald.de>
 * @author		Rouven Weßling <me [at] rouvenwessling.de>
 * @copyright	Author
 */

#sbox-overlay {
	position: fixed;
	background-color: #000;
	left: 0px;
	top: 0px;
}

#sbox-window {
	position: absolute;
	background-color: #fff;
	text-align: left;
	overflow: visible;
	padding: 10px;
	/* invalid values, but looks smoother! */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#sbox-window[aria-hidden=true],
#sbox-overlay[aria-hidden=true] {
	display: none;
}

#sbox-btn-close {
	position: absolute;
	width: 30px;
	height: 30px;
	right: -15px;
	top: -15px;
	background: url(/media/system/images/modal/closebox.png) no-repeat center;
	border: none;
}

.sbox-loading #sbox-content {
	background-image: url(/media/system/images/modal/spinner.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#sbox-content {
	clear: both;
	overflow: auto;
	background-color: #fff;
	height: 100%;
	width: 100%;
}

.sbox-content-image#sbox-content {
	overflow: visible;
}

#sbox-image {
	display: block;
}

.sbox-content-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.sbox-content-iframe#sbox-content {
	overflow: visible;
}

/* Hides scrollbars */
.body-overlayed {
	overflow: hidden;
}

/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select {
	visibility: hidden;
}

#sbox-window embed, #sbox-window object, #sbox-window select {
	visibility: visible;
}

/* Shadows */
#sbox-window.shadow {
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

.sbox-bg {
	position: absolute;
	width: 33px;
	height: 40px;
}

.sbox-bg-n {
	left: 0;
	top: -40px;
	width: 100%;
	background: url(/media/system/images/modal/bg_n.png) repeat-x;
}
.sbox-bg-ne {
	right: -33px;
	top: -40px;
	background: url(/media/system/images/modal/bg_ne.png) no-repeat;
}
.sbox-bg-e {
	right: -33px;
	top: 0;
	height: 100%;
	background: url(/media/system/images/modal/bg_e.png) repeat-y;
}
.sbox-bg-se {
	right: -33px;
	bottom: -40px;
	background: url(/media/system/images/modal/bg_se.png) no-repeat;
}
.sbox-bg-s {
	left: 0;
	bottom: -40px;
	width: 100%;
	background: url(/media/system/images/modal/bg_s.png) repeat-x;
}
.sbox-bg-sw {
	left: -33px;
	bottom: -40px;
	background: url(/media/system/images/modal/bg_sw.png) no-repeat;
}
.sbox-bg-w {
	left: -33px;
	top: 0;
	height: 100%;
	background: url(/media/system/images/modal/bg_w.png) repeat-y;
}
.sbox-bg-nw {
	left: -33px;
	top: -40px;
	background: url(/media/system/images/modal/bg_nw.png) no-repeat;
}
@media (max-width: 979px) {
	#sbox-btn-close {
		right: -10px;
		top: -10px;
	}
}
@media (max-device-width: 979px) {
	#sbox-content {
		-webkit-overflow-scrolling: touch;
	}
	#sbox-content.sbox-content-iframe {
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}
}