Уменьшить отступ - Joomla 3.x: Шаблоны, разметка и макеты вывода

.foto img{
max-width:100% !important;
height:auto !important;
}
/******************************/
/****** Joomla Templates ******/
/******************************/
#header-outer { padding: 10px 0px 0px 0px; }
#copyright-outer { padding: 10px 0px; }
@media screen and (min-width:480px){
#header-outer { height: 50px; padding: 10px 0px; }
}
@media screen and (min-width:768px){
#header-outer { padding: 0px; height: 70px; min-width: 990px; }
#copyright-outer { height: 50px; }
}
/******************************/
/****** Joomla Templates ******/
/******************************/
#top-float { float: left; width: 100%; padding: 5px 0px; }
#banner-float { float: left; width: 100%; padding: 10px 0px; }
#banner-border { float: left; width: 100%; }
#advert-float { float: left; width: 100%; padding: 10px 0px 0px 0px; }
#upper-float, #bottom-float { float: left; width: 100%; background: #FFFFFF; }
#body-float { float: left; width: 100%; background: #FFFFFF; }
#footer-float { float: left; width: 100%; padding: 15px 0px 0px 0px; }
#footer-border { float: left; width: 100%; }
@media screen and (min-width:480px){
#banner-float { padding: 15px 0px; }
}
@media screen and (min-width:768px){
#banner-float { padding: 15px 0px; }
#top-float, #banner-float, #banner-border, #advert-float, #upper-float, #bottom-float, #body-float, #footer-float, #footer-border { min-width: 990px; width: 100%; }
}
/******************************/
/****** 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; padding: 0px 15px; }
@media screen and (min-width:768px){
#header-inner { padding: 0px 15px; }
#top-inner, #header-inner, #banner-inner, #advert-inner, #upper-inner, #body-inner, #bottom-inner, #footer-inner, #copyright-inner { padding: 0px 10px; width: 970px; }
}
/******************************/
/****** Joomla Templates ******/
/******************************/
#logo { max-width: 300px; margin: 0 auto; padding: 0px 15px; }
.logo { width: 100%; }
#spacer { height: 20px; background: #FFFFFF; }
#copyright, #designer { text-align: center; }
#topmenu, #topright { padding: 5px 0px; clear: both; color: #b6e3ff; text-align: center; }
@media screen and (min-width:480px){
.logo { width: auto; height: 50px; }
#logo { max-width: none; float: left; padding: 0px; margin: 0px 0px 0px 15px; }
}
@media screen and (min-width:768px){
#logo { margin: 10px 0px 0px 0px; }
#spacer { min-width: 990px; }
#copyright { float: left; margin-top: 15px; }
#designer { float: right; margin-top: 15px; }
#topmenu { float: left; padding: 0px; clear: none; }
#topright { float: right; padding: 0px; clear: none; }
}
/******************************/
/****** 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: 530px; margin-left: 20px; }
#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: 200px; }
#right-left-right { float: right; width: 200px; }
#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: 16px; 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 { 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 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
form input, form select { font-size: 17px; }
@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: 14px; }
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
form input, form select { font-size: 15px; }
}
/******************************/
/******* Joomla Default *******/
/******************************/
ul.pagenav .previous a, ul.pagenav .next a, .dropdown-menu li a, .upper .newsflash-title a, .upper a.readmore, .upper .menu a, .user .newsflash-title a, .user a.readmore, .user .menu a, .inside .newsflash-title a, .inside a.readmore, .inside .menu a, .bottom .newsflash-title a, .bottom a.readmore, .bottom .menu a, a.btn, #left-left-only .newsflash-title a, #right-right-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 { color: #000000; text-decoration: none; }
.readmore a, #left-left-only a.readmore, #right-right-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 { text-decoration: none; padding: 5px 10px; border-radius: 5px; }
.advert .menu, .footer .menu, .upper .menu, .user .menu, .bottom .menu { margin: -4px 0px 0px 0px; }
.advert .menu a, .footer .menu a { display: block; padding: 4px 0px; }
.upper .menu a, .user .menu a, .bottom .menu a { display: block; padding: 4px 0px; border-bottom: 1px solid #dedede; }
/******************************/
/******* Joomla Default *******/
/******************************/
.user .moduletable h3.h3title, .user .moduletable_menu h3.h3title, .upper h3.h3title, .bottom h3.h3title, .advert h3.h3title, .footer h3.h3title { padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px; }
/******************************/
/******* Joomla Default *******/
/******************************/
.fontfamily1, .fontfamily1 .inputbox, .fontfamily1 input.button { font-family: Arial, Helvetica, sans-serif; }
.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 *******/
/******************************/
.page-header h1, .contact h1 { font-size: 20px; padding-bottom: 5px; margin-bottom: 10px; }
.blog-featured h2, .blog h2, .item-page h2, .contact h2 { font-size: 18px; }
.dropdown-menu li { display: inline; margin-right: 10px; }
.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; border-radius: 4px; }
ul.pagenav .previous { float: left; margin-bottom: 15px; }
ul.pagenav .next { float: right; margin-bottom: 15px; }
@media screen and (min-width:480px){
li.pagination-page { display: inline; }
}
@media screen and (min-width:768px){
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 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 { margin-bottom: 15px; }
#right-right-only .moduletable h3.h3title, #right-right-only .moduletable_menu h3.h3title, #left-left-only .moduletable h3.h3title, #left-left-only .moduletable_menu h3.h3title, #left-left-right .moduletable h3.h3title, #left-left-right .moduletable_menu h3.h3title, #right-left-right .moduletable h3.h3title, #right-left-right .moduletable_menu h3.h3title, #right-right-center .moduletable h3.h3title, #right-right-center .moduletable_menu h3.h3title, #left-left-center .moduletable h3.h3title, #left-left-center .moduletable_menu h3.h3title, #left-left-right-center .moduletable h3.h3title, #left-left-right-center .moduletable_menu h3.h3title, #right-left-right-center .moduletable h3.h3title, #right-left-right-center .moduletable_menu h3.h3title, #center-right-center .moduletable h3.h3title, #center-right-center .moduletable_menu h3.h3title, #center-left-center .moduletable h3.h3title, #center-left-center .moduletable_menu h3.h3title, #center-left-right-center .moduletable h3.h3title, #center-left-right-center .moduletable_menu h3.h3title, #center-center-only .moduletable h3.h3title, #center-center-only .moduletable_menu h3.h3title { padding-bottom: 5px; margin-bottom: 10px; }
#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 { text-decoration: none; display: block; padding: 3px 10px; margin: 1px 0px; border-radius: 5px; }
/******************************/
/******* Joomla Config ********/
/******************************/
#topmenu .menu li { float: left; margin: 0px 15px 0px 0px; }
#topright .menu li { float: left; margin: 0px 0px 0px 15px; }
#topmenu .menu li li, #topright .menu li li { display: none; }
/******************************/
/******* Joomla Config ********/
/******************************/
#login-form { border: 1px solid #c0c0c0; padding: 10px; }
#login-text { margin: 10px -11px -11px -11px; padding: 10px; }
#form-login-username, #form-login-password { margin-bottom: 10px; }
#login-form .button, button.btn { padding: 4px 10px; border: none; border-radius: 4px; }
#login-form .inputbox { border: 1px solid #c0c0c0; padding: 3px; width: 94%; }
#jform_name, #jform_username, #jform_password1, #jform_password2, #jform_email1, #jform_email2, #jform_email { border: 1px solid #c0c0c0; padding: 4px; width: 94%; }
#member-registration, #user-registration { margin-bottom: 15px; }
#member-registration fieldset, #user-registration fieldset { margin-bottom: 10px; }
@media screen and (min-width:768px){
#jform_name, #jform_username, #jform_password1, #jform_password2, #jform_email1, #jform_email2, #jform_email { width: 250px; }
}
/******************************/
/******* Joomla Config ********/
/******************************/
#contact-form { margin-bottom: 15px; }
#jform_contact_name, #jform_contact_email, #jform_contact_emailmsg { border: 1px solid #c0c0c0; padding: 4px; width: 94%; }
#jform_contact_message { border: 1px solid #c0c0c0; padding: 4px; width: 94%; }
.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 ********/
/******************************/
#system-message { padding: 5px 10px 10px 10px; background: #111111; color: #FFFFFF; }
.alert-message .close { float: right; display: block; }
.alert-warning .close { float: right; }
#system-message p { margin: 0px; }
/******************************/
/******* Joomla Config ********/
/******************************/
#adminForm .nav-tabs a { color: #000000; text-decoration: none; }
#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 Config ********/
/******************************/
.btn-toolbar button.btn { padding: 5px 10px; display: inline; margin: 5px 0px; }
.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 { padding: 5px 10px; margin: 0px 2px 10px 2px; display: inline; }
.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 ********/
/******************************/
.search .inputbox { border: 1px solid #c0c0c0; padding: 2px; }
#topmenu .search .inputbox, #topright .search .inputbox { border: 1px solid #000000; padding: 1px; }
.search .form-limit { text-align: center; margin-top: 10px; }
.search-results a { color: #000000; }
.result-created, .result-category, .result-text { padding: 0; margin: 0; }
.result-created { margin-bottom: 10px; }
#searchForm .button { padding: 4px 10px; border: none; border-radius: 4px; }
/******************************/
/******* Joomla Toolbar *******/
/******************************/
#navigation { height: 34px; padding: 5px 0px; }
.navigation { float: left; margin: 5px 0px 0px 15px; font-weight: bold; }
@media screen and (min-width:480px){
#navigation { height: auto; background: none; padding: 0px; }
.navigation { display: none; }
}
@media screen and (min-width:768px){
#navigation { float: right; height: auto; padding: 0px; }
}
/******************************/
/******* Joomla Toolbar *******/
/******************************/
#toolbar { clear: both; margin: 40px 0px 15px 0px; width: 100%; position: relative; z-index: 5; }
#toolbar .menu a { font-size: 15px; display: block; text-decoration: none; font-weight: bold; padding: 3px 15px; }
#toolbar .menu li li a { font-size: 14px; font-weight: bold; color: #b6e3ff; }
#toolbar .menu li li li a { font-size: 14px; font-weight: normal; color: #b6e3ff; }
@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 { padding: 0px 10px; border-top: none; font-size: 15px; font-weight: normal; }
#toolbar .menu li { float: left; position:relative; border-bottom: none; line-height: 4.65; }
#toolbar ul.menu a:hover { }
/******************************/
/******* Joomla Toolbar *******/
/******************************/
#toolbar .menu li li a { font-weight: normal; font-size: 14px; background: none; }
#toolbar .menu ul { left:-999em; position:absolute; z-index: 99; }
#toolbar .menu ul { width: 180px; padding: 5px 0px 10px 0px; border-radius: 0px 0px 7px 7px; }
#toolbar .menu ul li { width: 180px; background-color: none; position:relative;  margin-left: 0px; border-left: none; 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; }
/******************************/
/******* Joomla Toolbar *******/
/******************************/
#toolbar .menu li li li a { font-weight: normal; font-size: 14px; }
#toolbar .menu ul ul { margin: -2.2em 0 0 11.7em; }
#toolbar .menu ul ul { position: absolute; z-index: 99; height: auto; }
#toolbar .menu ul ul { padding: 5px 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 .first, .footer99 .first, .upper99 .first, .bottom99 .first { 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 .first, .footer99 .first, .upper99 .first, .bottom99 .first, .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 .first, #user-left-only .user99 .first { 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 .first { float: left; width: 530px; }
#user-wide .user99 .first { 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 .first { 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 .first, #user-left-center .user99 .first { 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 .first { 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 .first, #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 .first, #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 .first, #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 .first, #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 .first, #user-left-only .user99 .first, #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 .first, #user-wide .user99 .first, #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 .first, #inside-left-only .inside99 .first { 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 .first { float: left; width: 530px; }
#inside-wide .inside49 .first { float: left; width: 477px; }
#inside-wide .inside49 .second { float: right; width: 477px; }
#inside-wide .inside99 .first { 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 .first, #inside-left-center .inside99 .first { 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 .first { 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 .first { 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 .first, #inside-left-only .inside99 .first, #inside-left-right .inside49 .first, #inside-left-right .inside49 .second, #inside-left-right .inside99 .first, #inside-wide .inside49 .first, #inside-wide .inside49 .second, #inside-wide .inside99 .first, #inside-right-center .inside49 .first, #inside-left-center .inside49 .first, #inside-right-center .inside49 .second, #inside-left-center .inside49 .second, #inside-right-center .inside99 .first, #inside-left-center .inside99 .first, #inside-left-right-center .inside49 .first, #inside-left-right-center .inside49 .second, #inside-left-right-center .inside99 .first, #inside-center-only .inside49 .first, #inside-center-only .inside49 .second, #inside-center-only .inside99 .first { 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 15px 0px 0px; background-color: transparent; border-radius:4px }
@media (min-width:480px){
.navbar-toggle { margin: 10px 15px 15px 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 { border-bottom: 5px solid #154d71; }
#top-float { background: #154d71; }
#banner-float { border-bottom: 5px solid #b6e3ff; }
#banner-border { border-bottom: 5px solid #b6e3ff; }
#advert-float { border-bottom: 5px solid #b6e3ff; background: #1c6796; }
#footer-float { border-bottom: 1px solid #17567e; }
#footer-border { border-top: 5px solid #b6e3ff; }
#copyright, #designer { color: #b6e3ff; }
@media screen and (min-width:480px){
#header-outer { background: url(../images/header.gif) top; }
}
/*****************************/
/*********** STYLES **********/
/*****************************/
body { background: #1f73a8; }
.blog-featured h2 a, .blog h2 a, .item-page h2 a { color: #154d71; text-decoration: none; }
.readmore a, #left-left-only a.readmore, #right-right-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: #b6e3ff; background: url(../images/menu.gif) center; }
#login-form li a, .advert .newsflash-title a, .advert a.readmore, .advert .menu li a, .footer .menu li a, .footer .newsflash-title a, .footer a.readmore, #designer a { color: #b6e3ff; text-decoration: none; }
.advert, .footer, #topmenu, #topright { color: #b6e3ff; }
.advert .menu a, .footer .menu a { border-bottom: 1px solid #154d71; }
.advert h3.h3title, .footer h3.h3title { border-bottom: 3px solid #154d71; }
.user .moduletable h3.h3title, .user .moduletable_menu h3.h3title, .upper h3.h3title, .bottom h3.h3title { border-bottom: 3px solid #1f73a8; color: #154d71; }
.page-header h1, .contact h1 { border-bottom: 3px solid #1f73a8; color: #154d71; }
.blog-featured h2, .blog h2, .item-page h2, .contact h2 { color: #154d71; }
.pagination .pagenav { color: #b6e3ff; background: url(../images/menu.gif) center; }
/*****************************/
/*********** STYLES **********/
/*****************************/
#right-right-only .moduletable h3.h3title, #right-right-only .moduletable_menu h3.h3title, #left-left-only .moduletable h3.h3title, #left-left-only .moduletable_menu h3.h3title, #left-left-right .moduletable h3.h3title, #left-left-right .moduletable_menu h3.h3title, #right-left-right .moduletable h3.h3title, #right-left-right .moduletable_menu h3.h3title, #right-right-center .moduletable h3.h3title, #right-right-center .moduletable_menu h3.h3title, #left-left-center .moduletable h3.h3title, #left-left-center .moduletable_menu h3.h3title, #left-left-right-center .moduletable h3.h3title, #left-left-right-center .moduletable_menu h3.h3title, #right-left-right-center .moduletable h3.h3title, #right-left-right-center .moduletable_menu h3.h3title, #center-right-center .moduletable h3.h3title, #center-right-center .moduletable_menu h3.h3title, #center-left-center .moduletable h3.h3title, #center-left-center .moduletable_menu h3.h3title, #center-left-right-center .moduletable h3.h3title, #center-left-right-center .moduletable_menu h3.h3title, #center-center-only .moduletable h3.h3title, #center-center-only .moduletable_menu h3.h3title { color: #154d71; border-bottom: 3px solid #1f73a8; }
#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 { color: #b6e3ff; background: url(../images/menu.gif) center; }
#topmenu .menu a, #topright .menu a { color: #b6e3ff; text-decoration: none; }
#login-text { border: 1px solid #154d71; background: #1f73a8; }
#login-form .button, button.btn, #searchForm .button { color: #b6e3ff; background: url(../images/menu.gif) center; }
/*****************************/
/*********** STYLES **********/
/*****************************/
#navigation { background: #195a84; }
.navigation { color: #b6e3ff; }
#toolbar { background: #195a84; }
#toolbar .menu a { color: #b6e3ff; border-top: 1px solid #1f73a8; }
#toolbar .menu li li a { color: #b6e3ff; }
#toolbar .menu li li li a { color: #b6e3ff; }
@media screen and (min-width:480px){
#navigation { background: none; }
}
@media screen and (min-width:768px){
#navigation { border-right: 1px solid #1a618e; }
#toolbar { background: none; }
#toolbar .menu a { border-top: none; }
#toolbar .menu li { border-left: 0px solid #1a618e; }
#toolbar .menu li.active a, #toolbar .menu li.active a:hover, #toolbar .menu li.active a:active, #toolbar .menu li.active a:focus { background: url(../images/toolbar.gif) top; }
#toolbar .menu ul { background-color: #1f73a9; border-bottom: 1px solid #278fd1; border-right: 1px solid #278fd1; border-left: 1px solid #278fd1; }
#toolbar .menu ul li { background-color: none; border-left: 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 { color: #b6e3ff; }
#toolbar .menu ul ul { background-color: #154d71; border-top: 1px solid #278fd1; }
}