/******************************/ /******* Joomla Default *******/ /******************************/ body { margin: 0px; font-size: 16px; line-height: 1.6; background: #fafafa; } p { margin: 10px 0px; } 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; } input, select, button, .btn, textarea { font-size: 17px; } a.privacy { text-decoration:none; color:#000; } @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; } input, select, button, .btn, textarea { 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; } input, select, button, .btn, textarea { font-size: 15px; } } @media screen and (min-width:1240px){ body { font-size: 17px; line-height: 1.9; } h1 { font-size: 27px; } h2 { font-size: 25px; } h3 { font-size: 23px; } h4 { font-size: 21px; } h5 { font-size: 19px; } input, select, button, .btn, textarea { font-size: 18px; } } /******************************/ /******* Joomla Default *******/ /******************************/ .fontfamily1, .fontfamily1 .inputbox, .fontfamily1 input.button, .fontfamily1 textarea { font-family: Arial, Helvetica, sans-serif; } .fontfamily2, .fontfamily2 .inputbox, .fontfamily2 input.button, .fontfamily2 textarea { font-family: "Times New Roman", Times, serif; } .fontfamily3, .fontfamily3 .inputbox, .fontfamily3 input.button, .fontfamily3 textarea { font-family: "Courier New", Courier, monospace; } .fontfamily4, .fontfamily4 .inputbox, .fontfamily4 input.button, .fontfamily4 textarea { font-family: "Georgia", Times New Roman, Times, serif; } .fontfamily5, .fontfamily5 .inputbox, .fontfamily5 input.button, .fontfamily5 textarea { font-family: "Verdana", Arial, Helvetica, sans-serif; } .fontfamily6, .fontfamily6 .inputbox, .fontfamily6 input.button, .fontfamily6 textarea { font-family: "Geneva", Arial, Helvetica, sans-serif; } .fontfamily7, .fontfamily7 .inputbox, .fontfamily7 input.button, .fontfamily7 textarea { font-family: "Book Antiqua"; } /******************************/ /********* Joomla UL **********/ /******************************/ ul.menu, ul.menu ul, ul.menu ul ul, .pagination ul, .actions li, #login-form ul, ul.dropdown-menu, ul.breadcrumb, ul.pagenav, .login ul, ul.search-results, ul.category-module, ul.archive-module, ul.mostread, ul.latestusers, ul.latestnews, ul.newsfeed, ul.relateditems, ul.nav-stacked, .pager ul, .profile ul { list-style: none; padding: 0; margin: 0; } /******************************/ /****** Joomla Templates ******/ /******************************/ #header-outer { border-bottom: 1px solid #dedede; padding: 10px 0px 0px 0px; } #header-spacer { display: none; } #banner2-outer { margin:auto; width: 100%; padding: 15px 0px; border-bottom: 1px solid #dedede; } #banner-outer { margin:auto; width: 100%;} .random-image { margin:auto; padding:0; text-align:center;} #advert-outer { float: left; width: 100%; padding: 15px 0px 0px 0px; background: #FFFFFF; border-bottom: 1px solid #dedede; } #wide-outer { float: left; width: 100%; margin: 0px 0px 15px 0px; } #wide2-outer { float: left; width: 100%; } #footer-outer { float: left; width: 100%; padding: 15px 0px 0px 0px; border-top: 1px solid #dedede; } #copyright-outer { padding: 10px 0px; border-top: 1px solid #dedede; } @media screen and (min-width:480px){ #header-outer { padding: 10px 0px; background: #FFFFFF; } } @media screen and (min-width:768px){ #header-outer { top: 0px; position: absolute; z-index: 999999; width: 100%; padding: 15px 0px; border-bottom: none; background: none; } #header-spacer { display: block; height: 95px; background: #dedede; } #copyright-outer { height: 50px; } #header-spacer, #banner-outer, #banner2-outer, #wide-outer, #wide2-outer, #footer-outer, #copyright-outer { min-width: 990px; } } @media screen and (min-width:1240px){ #header-outer { padding: 20px 0px; } #header-spacer { height: 120px; } #advert-outer { padding: 20px 0px 0px 0px; } #wide-outer { margin: 0px 0px 20px 0px; } #footer-outer { padding: 20px 0px 0px 0px; } } /******************************/ /****** Joomla Templates ******/ /******************************/ #banner-inner, #advert-inner, #upper-inner, #body-inner, #bottom-inner, #footer-inner, #copyright-inner { padding: 0px 15px; } @media screen and (min-width:480px){ #header-inner { margin: 0 auto; height: 65px; background: #FAFAFA; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px; /* firefox */ -webkit-border-radius: 10px; /* safari, chrome */} } @media screen and (min-width:768px){ #header-inner { width: 950px; border:#0F0 solid 0px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px; /* firefox */ -webkit-border-radius: 10px; /* safari, chrome */} #banner-inner, #advert-inner, #upper-inner, #body-inner, #bottom-inner, #footer-inner, #copyright-inner { padding: 0px 10px; width: 970px; margin: 0 auto; } } @media screen and (min-width:1240px){ #header-inner { width: 1150px; height: 80px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px; /* firefox */ -webkit-border-radius: 10px; /* safari, chrome */} #banner-inner, #advert-inner, #upper-inner, #body-inner, #bottom-inner, #footer-inner, #copyright-inner { width: 1200px; } } /******************************/ /****** Joomla Templates ******/ /******************************/ .logo { width: 100%; } #logo { max-width: 320px; margin: 0 auto; padding: 0px 15px; } #spacer { height: 20px; } #copyright, #designer { text-align: center; } #designer a { color: #000000; text-decoration: none; } @media screen and (min-width:480px){ .logo { width: auto; height: 65px; } #logo { max-width: none; padding: 0px 0px 0px 14px; float: left; } } @media screen and (min-width:768px){ #copyright { float: left; margin-top: 15px; } #piva {float:right; margin-top:15px; } #designer { float: right; margin-top: 15px; } } @media screen and (min-width:1240px){ .logo { height: 80px; } #logo { padding: 0px 0px 0px 20px; } #copyright { margin-top: 10px; } #designer { margin-top: 10px; } } /******************************/ /****** 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; } } @media screen and (min-width:1240px){ #body-right-only { float: left; width: 834px; } #body-left-only { float: right; width: 834px; } #body-left-right { float: left; width: 640px; margin: 0px 0px 0px 30px; } #body-right-center { float: left; width: 870px; } #body-left-center { float: right; width: 870px; } #body-left-right-center { float: left; width: 640px; margin: 0px 0px 0px 30px; } #right-right-only { float: right; width: 336px; } #left-left-only { float: left; width: 336px; } #left-left-right { float: left; width: 250px; } #right-left-right { float: right; width: 250px; } #right-right-center { float: right; width: 300px; } #left-left-center { float: left; width: 300px; } #left-left-right-center { float: left; width: 250px; } #right-left-right-center { float: right; width: 250px; } .centerright #layer-right-center { float: left; width: 640px; } .centerleft #layer-right-center { float: right; width: 640px; } .centerright #layer-left-center { float: left; width: 640px; } .centerleft #layer-left-center { float: right; width: 640px; } .centerright #layer-left-right-center { float: left; width: 410px; } .centerleft #layer-left-right-center { float: right; width: 410px; } .centerright #layer-center-only { float: left; width: 970px; } .centerleft #layer-center-only { float: right; width: 970px; } } /******************************/ /******* Joomla Header ********/ /******************************/ #mainbody { padding:10px 0 0 0;} .page-header h1, .page-header h2, .contact h1 { padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #dedede; } h3.title { padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #dedede; } .item-page .page-header h2 a, .blog-featured h2.item-title a, .blog .page-header h2 a { color: #000000; text-decoration: none; } .item-page { margin:0px; padding:10px; background-color:#fafafa; opacity:0,5; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px; /* firefox */ -webkit-border-radius: 10px; /* safari, chrome */} @media screen and (min-width:768px){ .page-header h1, .item-page .page-header h2, .contact h1 { font-size: 20px; } .blog-featured h2.item-title, .blog .page-header h2, .contact h2 { font-size: 18px; } .item-page div.left{ float:left; border:#0F0 solid 0px; } .item-page div.left2{ float:left; border:#0F0 solid 0px; max-width:900px; position:relative; top:-150px; } .item-page div.left3{ float:left; border:#0F0 solid 0px; max-width:760px; position:relative; top:-250px; } .item-page img { padding:0 5px 0 0; } } @media screen and (min-width:1240px){ .page-header h1, .item-page .page-header h2, .contact h1 { font-size: 23px; margin: 0px 0px 15px 0px; } .blog-featured h2.item-title, .blog .page-header h2, .contact h2 { font-size: 21px; } h3.title { margin: 0px 0px 15px 0px; } .item-page div.left{ float:left; border:#0F0 solid 0px; } .item-page div.left2{ float:left; border:#0F0 solid 0px; max-width:900px; position:relative; top:-150px; } .item-page div.left3{ float:left; border:#0F0 solid 0px; max-width:760px; position:relative; top:-250px; } .item-page img { padding:0 5px 0 0; } } /******************************/ /******* Joomla Article *******/ /******************************/ .dropdown-menu li { display: inline; margin-right: 10px; } .dropdown-menu li a { color: #000000; text-decoration: none; } dl.article-info dd { padding: 0; margin: 0; } .pager ul { text-align: center; margin: 0px 0px 15px 0px; } .pager ul li { position: relative; display: inline-block; margin: 0px 15px 0px 15px; } p.readmore { margin: 0px; } p.readmore a { color: #000000; text-decoration: none; padding: 5px 10px; background: #f0f0f0; } .category-name a, #archive-items a, ul.nav-stacked a, .pager ul a { color: #000000; text-decoration: none; } .archive #adminForm fieldset { padding: 0px; border: none; } .archive select.inputbox { width: 94%; } @media screen and (min-width:480px){ .archive select.inputbox { width: 75px; } .item-page ul.nav-stacked li { position: relative; display: inline-block; margin: 0px 15px 0px 0px; } } @media screen and (min-width:768px){ .item-page .article-info-term, .item-page dl.article-info dd, .items-leading .article-info-term, .items-leading dl.article-info dd, #archive-items .article-info-term, #archive-items dl.article-info dd, .cols-1 .article-info-term, .cols-1 dl.article-info dd { display: inline; padding: 0px 15px 0px 0px; } p.readmore { text-align: right; } .items-row { clear: both; } } /******************************/ /****** Joomla Pagination *****/ /******************************/ .pagination { text-align: center; float: left; width: 100%; margin: 0px 0px 15px 0px; } .pagination li { display: inline; } li.pagination-page { display: none; } .pagination .pagenav { color: #000000; text-decoration: none; padding: 5px 10px; margin: 0px 2px; background: #f0f0f0; } ul.pagenav .previous { float: left; margin: 0px 0px 15px 0px; } ul.pagenav .next { float: right; margin: 0px 0px 15px 0px; } ul.pagenav .previous a, ul.pagenav .next a { color: #000000; text-decoration: none; } p.counter { margin: 0px 0px 15px 0px; } @media screen and (min-width:768px){ li.pagination-page { display: inline; } } @media screen and (min-width:1240px){ .pagination { margin: 0px 0px 20px 0px; } ul.pagenav .previous { margin: 0px 0px 20px 0px; } ul.pagenav .next { margin: 0px 0px 20px 0px; } } /******************************/ /******* Joomla Tooltip *******/ /******************************/ .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 Alert ********/ /******************************/ #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 Breadcrumb *****/ /******************************/ .breadcrumb li { text-align: center; } .breadcrumb a { color: #000000; text-decoration: none; } @media screen and (min-width:480px){ .breadcrumb li { display: inline; padding: 0px 10px 0px 0px; } .breadcrumb li .divider { padding: 0px 0px 0px 10px; } } /******************************/ /**** Joomla Category List ****/ /******************************/ .category-list table { width: 100%; text-align: center; margin: 0px 0px 15px 0px; } .category-list table td, .category-list table th { padding: 5px; border: 1px solid #dedede; } .category-list select { width: 200px; padding: 5px; border: 1px solid #c0c0c0; } .category-list #adminForm fieldset { padding: 0px; border: none; } .category-list #adminForm .btn-toolbar .pull-right { float: right; margin: 0px 0px 10px 0px; } .category-list #adminForm .pagination .pull-right { float: none; } .category-list a { color: #000000; text-decoration: none; } /******************************/ /******** Joomla Login ********/ /******************************/ #login-form { padding: 10px; border: 1px solid #dedede; background: #fafafa; } #login-form #form-login-username, #login-form #form-login-password, #login-form #form-login-remember { margin: 0px 0px 10px 0px; } #login-form .element-invisible { display: block; margin: 0px 0px 5px 0px; } #login-form .inputbox { padding: 5px; width: 94%; border: 1px solid #c0c0c0; } #login-form a { color: #000000; text-decoration: none; } .login { text-align: center; } .login fieldset { border: none; padding: 0px; margin: 0px; } .login .control-label { margin: 0px 0px 5px 0px; } .login .controls { margin: 0px 0px 10px 0px; } .login .control-group { margin: 0px 0px 10px 0px; } .login ul { margin: 0px 0px 15px 0px; } .login input.required { padding: 8px; width: 94%; border: 1px solid #c0c0c0; } .login a { color: #000000; text-decoration: none; } .logout form { text-align: center; margin: 0px 0px 20px 0px; } #member-registration { text-align: center; margin: 0px 0px 15px 0px; } #member-registration legend { font-size: 20px; width: 100%; margin: 0px 0px 15px 0px; } #member-registration fieldset { border: none; padding: 0px; margin: 0px 0px 15px 0px; } #member-registration .control-label { margin: 0px 0px 5px 0px; } #member-registration .controls { margin: 0px 0px 10px 0px; } #member-registration input.required { padding: 5px; width: 94%; border: 1px solid #c0c0c0; } #user-registration { margin: 0px 0px 15px 0px; } #user-registration fieldset { margin: 0px 0px 10px 0px; border: 1px solid #c0c0c0; } #user-registration input.required { width: 94%; padding: 5px; border: 1px solid #c0c0c0; } .profile, .profile-edit { margin: 0px 0px 15px 0px; } .profile fieldset { margin: 10px 0px 0px 0px; } .profile-edit fieldset { margin: 0px 0px 10px 0px; } .profile-edit input.required, .profile-edit input#jform_username, .profile-edit input#jform_password1, .profile-edit input#jform_password2 { width: 240px; padding: 5px; border: 1px solid #c0c0c0; } .profile-edit select { width: 240px; padding: 5px; border: 1px solid #c0c0c0; } #member-registration a.btn, .profile a.btn, .profile-edit a.btn { color: #000000; text-decoration: none; } @media screen and (min-width:480px){ .profile .dl-horizontal dt { float: left; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2; } .profile .dl-horizontal dd { margin: 0px 0px 0px 190px; line-height: 2; } } @media screen and (min-width:768px){ .login input.required { width: 250px; } #member-registration input.required { width: 250px; } #user-registration input.required { width: 250px; } } @media screen and (min-width:1240px){ .login ul { margin: 0px 0px 20px 0px; } .login input.required { width: 350px; } #member-registration { margin: 0px 0px 20px 0px; } #member-registration input.required { width: 350px; } #user-registration { margin: 0px 0px 20px 0px; } #user-registration input.required { width: 350px; } .profile .dl-horizontal dd { margin: 0px 0px 0px 250px; } } /******************************/ /******* Joomla Search ********/ /******************************/ #searchForm { text-align: center; color: #000000; } .search .inputbox, #mod-finder-searchform #mod-finder-searchword { width: 94%; padding: 5px; border: 1px solid #c0c0c0; } .search .form-limit { margin: 10px 0px; } .result-created, .result-category, .result-text { padding: 0; margin: 0; } .search-results { margin: 0px 0px 10px 0px; } #searchForm .phrases-box { margin: 0px 0px 10px 0px; } .search-results a { color: #000000; text-decoration: none; } #finder-search { text-align: center; margin: 0px 0px 20px 0px; } #finder-search fieldset { padding: 10px; border: 1px solid #c0c0c0; } .finder-selects { float: left; width: 100%; margin: 0px 0px 10px 0px; } #finder-search input.inputbox { padding: 5px; width: 94%; border: 1px solid #c0c0c0; } #finder-search select.inputbox { padding: 5px; width: 250px; border: 1px solid #c0c0c0; } #finder-search a.btn { padding: 7px 10px 6px 10px; } #search-query-explained { text-align: center; } .search-results li { margin: 0px 0px 15px 0px; } .search-pages-counter { text-align: center; width: 100%; padding: 15px 0px; } @media screen and (-webkit-min-device-pixel-ratio:0) { #finder-search a.btn { padding: 5px 10px; } } @media screen and (min-width:480px){ .search .inputbox, #mod-finder-searchform #mod-finder-searchword { width: auto; } } @media screen and (min-width:768px){ #finder-search input.inputbox { width: 250px; } } /******************************/ /******* Joomla Contact *******/ /******************************/ .contact h2 { margin: 0px 0px 15px 0px; } .contact h3 { padding: 3px 10px; margin: 0px 0px 15px 0px; background: #f0f0f0; border: 1px solid #dedede; } .contact .control-label { margin: 0px 0px 5px 0px; } .contact .controls { margin: 0px 0px 10px 0px; } #jform_contact_name, #jform_contact_email, #jform_contact_emailmsg { padding: 5px; width: 94%; border: 1px solid #c0c0c0; } #jform_contact_message { padding: 4px; width: 94%; border: 1px solid #c0c0c0; } .contact-emailto a, .contact-webpage a { color: #000000; text-decoration: none; } .contact fieldset { margin: 0px 0px 15px 0px; } .contact .accordion { margin: 0px 0px 20px 0px; } .contact .accordion fieldset { border: none; padding: 0px; margin: 0px; } .contact a.accordion-toggle { color: #000000; text-decoration: none; display: block; padding: 5px 10px; background: #f0f0f0; border: 1px solid #dedede; } .contact .accordion-inner { padding: 10px; border: 1px solid #dedede; } .contact .accordion #contact-form legend { display: block; margin: 0px 0px 10px 0px; } .contact ul { padding: 0; margin: 0 0 15px 0px; } .contact .dl-horizontal dt { float: left; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2; } .contact .dl-horizontal dd { margin: 0px 0px 0px 50px; line-height: 2; } .contact .nav-tabs { margin: 0px 0px 15px 0px; list-style: none; } .contact .nav-tabs > li > a { display: block; } .contact .nav-tabs:before, .contact .nav-tabs:after { display: table; content: ""; line-height: 0; } .contact .nav-tabs:after { clear: both; } .contact .nav-tabs > li { float: left; } .contact .nav-tabs { border-bottom: 1px solid #dedede; } .contact .nav-tabs > li { margin-bottom: -1px; } .contact .nav-tabs > li > a { padding: 8px 0px; line-height: 18px; margin: 0px 2px 0px 0px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .contact .nav-tabs > .active > a, .contact .nav-tabs > .active > a:hover, .contact .nav-tabs > .active > a:focus { color: #000000; background: #fafafa; border: 1px solid #dedede; border-bottom-color: transparent; cursor: default; } .contact .nav-tabs li a { color: #000000; text-decoration: none; display: block; padding: 10px 15px; } .contact .tab-content > .tab-pane { display: none; } .contact .tab-content > .active { display: block; } .contact-category h2 { margin: 0px 0px 10px 0px; } .contact-category fieldset { border: none; padding: 0px; } .contact-category #filter-search { border: 1px solid #c0c0c0; padding: 5px; } .contact-category #limit { width: 150px; padding: 5px; border: 1px solid #c0c0c0; } .contact-category .btn-group { margin: 0px 0px 15px 0px; } .contact-category ul { padding: 0; margin: 0 0 9px 0px; } .contact-category .list-title a { color: #000000; text-decoration: none; } .contact-category label { display: none; } .contact-category .list-striped { list-style: none; border-top: 1px solid #dedede; } .contact-category .list-striped li { padding: 8px; border-bottom: 1px solid #dedede; } .featured-contact fieldset { border: none; padding: 0px; } .featured-contact .display-limit { padding: 0px 0px 15px 0px; } .featured-contact .display-limit .inputbox { width: 150px; padding: 5px; border: 1px solid #c0c0c0; } .featured-contact table { margin: 0px 0px 20px 0px; } .featured-contact table.category { width: 100%; text-align: left; } .featured-contact table.category th { padding: 0px 0px 10px 0px; border-bottom: 1px solid #dedede; } .featured-contact table.category td { padding: 30px 0px; border-bottom: 1px solid #dedede; } .featured-contact .hidelabeltxt { display: none; } .featured-contact table.category a { color: #000000; text-decoration: none; } @media screen and (min-width:480px){ .contact-category .btn-group { float: left; } .contact-category .btn-group.pull-right { float: right; } } @media screen and (min-width:768px){ #jform_contact_name, #jform_contact_email, #jform_contact_emailmsg { width: 250px; } #jform_contact_message { height: 250px; } } @media screen and (min-width:1240px){ .contact fieldset { margin: 0px 0px 20px 0px; } #jform_contact_name, #jform_contact_email, #jform_contact_emailmsg { width: 350px; } #jform_contact_message { height: 300px; } } /******************************/ /******* Joomla Editor ********/ /******************************/ .edit #adminForm .nav-tabs a { color: #000000; text-decoration: none; } .edit #adminForm ul.nav-tabs { padding: 0; margin: 0px 0px 10px 0px; } .edit #adminForm fieldset { padding: 0px; border: none; } .edit #adminForm .nav-tabs { list-style: none; } .edit #adminForm .nav-tabs:before, .edit #adminForm .nav-tabs:after { display: table; content: ""; line-height: 0; } .edit #adminForm .nav-tabs:after { clear: both; } .edit #adminForm .nav-tabs { border-bottom: 1px solid #dedede; } .edit #adminForm .nav-tabs > li { float: left; margin: 0px 0px -1px 0px; } .edit #adminForm .nav-tabs > li > a { display: block; padding: 8px 12px; margin: 0px 2px 0px 0px; 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; } .edit #adminForm .nav-tabs > li > a:hover, .edit #adminForm .nav-tabs > li > a:focus { border-color: #dedede #dedede #dedede; } .edit #adminForm .nav-tabs > .active > a, .edit #adminForm .nav-tabs > .active > a:hover, .edit #adminForm .nav-tabs > .active > a:focus { color: #000000; background: #fafafa; border: 1px solid #dedede; border-bottom-color: transparent; cursor: default; } .edit #adminForm .tab-content > .tab-pane { display: none; } .edit #adminForm .tab-content > .active { display: block; } .edit #adminForm .btn-toolbar button.btn { padding: 5px 10px; display: inline; margin: 0px 2px 10px 2px; } .edit #adminForm .btn-toolbar a.btn { padding: 6px 10px; display: block; margin: 5px 0px; } @media screen and (min-width:480px){ .edit #adminForm .btn-toolbar a.btn { margin: 0px 2px; display: inline; } .edit #adminForm .pull-left { float: left; padding: 10px 0px 0px 0px; } .edit #adminForm .pull-right { float: right; padding: 10px 0px 0px 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; } .edit #adminForm .tab-pane { float: left; width: 100%; } .edit #adminForm .control-group .inputbox { border: 1px solid #c0c0c0; padding: 3px; width: 250px; } .edit #adminForm .control-label { margin: 10px 0px 5px 0px; } .icon-calendar:before { content: "\43"; } .icon-calendar-2:before { content: "\44"; } .icon-calendar-3:before { content: "\e273"; } .edit #adminForm .editor { margin: 10px 0px 0px 0px; } .edit #adminForm fieldset { margin: 0px 0px 15px 0px; } /******************************/ /******* Joomla Button ********/ /******************************/ input.button, button { padding: 5px 10px; border: none; } @media screen and (-webkit-min-device-pixel-ratio:0) { input.button, button { padding: 5px 10px; } } /******************************/ /******* Joomla Config ********/ /******************************/ .moduletable { padding: 0px 0px 15px 0px; } ul.newsfeed li { margin: 10px 0px 0px 0px; } .mod-articles-category-readmore { margin: 0px; } .columns .menu a, .columns .nav-header, .columns .separator { color: #000000; text-decoration: none; background: #f0f0f0; padding: 3px 10px; margin: 2px 0px; display: block; } .advert .menu a, .advert .menu .nav-header, .advert .menu .separator, .upper .menu a, .upper .menu .nav-header, .upper .menu .separator, .user .menu a, .user .menu .nav-header, .user .menu .separator, .inside .menu a, .inside .menu .nav-header, .inside .menu .separator, .bottom .menu a, .bottom .menu .nav-header, .bottom .menu .separator, .footer .menu a, .footer .menu .nav-header, .footer .menu .separator { color: #000000; text-decoration: none; display: block; padding: 4px 0px; border-bottom: 1px solid #dedede; } ul.category-module li, ul.archive-module a, ul.mostread a, ul.latestnews a, ul.latestusers li, ul.relateditems li { display: block; padding: 4px 0px; border-bottom: 1px solid #dedede; } ul.category-module a, ul.archive-module a, ul.mostread a, ul.latestnews a, ul.relateditems a, .feed a { color: #000000; text-decoration: none; } ul.newsfeed a { text-decoration: underline; } .newsflash-title { margin: 15px 0px; } .newsflash-title a { color: #000000; text-decoration: none; } a.readmore { color: #000000; text-decoration: none; } @media screen and (min-width:1240px){ .moduletable { padding: 0px 0px 20px 0px; } .columns .menu a, .columns .nav-header, .columns .separator { margin: 3px 0px; } .advert .menu a, .advert .menu .nav-header, .advert .menu .separator, .upper .menu a, .upper .menu .nav-header, .upper .menu .separator, .user .menu a, .user .menu .nav-header, .user .menu .separator, .inside .menu a, .inside .menu .nav-header, .inside .menu .separator, .bottom .menu a, .bottom .menu .nav-header, .bottom .menu .separator, .footer .menu a, .footer .menu .nav-header, .footer .menu .separator { padding: 5px 0px; } ul.category-module li, ul.archive-module a, ul.mostread a, ul.latestnews a, ul.latestusers li, ul.relateditems li { padding: 5px 0px; } } /******************************/ /******* Joomla Toolbar *******/ /******************************/ #navigation { height: 34px; background: #FFFFFF; padding: 5px 0px; border-top: 1px solid #dedede; } .navigation { float: left; margin: 4px 0px 0px 15px; color: #000000; font-weight: bold; } #toolbar { clear: both; margin: 39px 0px 0px 0px; background: #FFFFFF; width: 100%; position: relative; z-index: 5; } #toolbar .menu a, #toolbar .menu .nav-header, #toolbar .menu .separator { color: #000000; text-decoration: none; font-size: 16px; display: block; padding: 3px 15px; cursor: pointer; border-top: 1px solid #dedede; } @media screen and (min-width:480px){ #navigation { height: auto; background: none; padding: 0px; border-top: none; } .navigation { display: none; } } @media screen and (min-width:768px){ #navigation { float: right; } #toolbar { clear: none; margin: 0px; background: none; width: auto; z-index: auto; } #toolbar .menu a, #toolbar .menu .nav-header, #toolbar .menu .separator { color: #000000; font-size: 15px; padding: 0px 15px; border-top: none; } #toolbar .menu li { float: left; position: relative; line-height: 4.35; } #toolbar .menu li li a, #toolbar .menu li li .nav-header, #toolbar .menu li li .separator { color: #000000; font-size: 14px; } #toolbar .menu ul { float: none; left: -999em; position: absolute; z-index: 99; width: 190px; padding: 5px 0px 10px 0px; background: #FFFFFF; border-radius: 0px 0px 7px 7px; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; border-left: 1px solid #dedede; } #toolbar .menu ul li { width: 190px; padding: 2px 0px; position:relative; line-height: 1.8; } #toolbar li:hover ul { left: auto; } #toolbar ul.menu li.active li a { color: #000000; background: none !important; } #toolbar .menu ul ul { margin: -1.8em 0 0 12.5em; position: absolute; z-index: 99; height: auto; padding: 5px 0px; border-radius: 7px; border-top: 1px solid #dedede; } #toolbar ul.menu li:hover ul ul, #toolbar ul.menu li:hover ul ul ul { left: -999em; } #toolbar ul.menu li li:hover ul, #toolbar ul.menu li li li:hover ul { left: auto; } } @media screen and (min-width:1240px){ #toolbar .menu a, #toolbar .menu .nav-header, #toolbar .menu .separator { font-size: 18px; padding: 0px 18px; } #toolbar .menu li { line-height: 4.45; } #toolbar .menu li li a, #toolbar .menu li li .nav-header, #toolbar .menu li li .separator { font-size: 17px; } #toolbar .menu ul { width: 230px; } #toolbar .menu ul li { width: 230px; } } /******************************/ /******** Joomla Blog *********/ /******************************/ @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: 0px 0px 0px 14px; } #body-right-only .cols-4 .column-3, #body-left-only .cols-4 .column-3 { width: 152px; float: left; margin: 0px 0px 0px 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: 0px 0px 0px 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: 0px 0px 0px 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: 0px 0px 0px 15px; } #body-wide .cols-5 .column-3 { width: 182px; float: left; margin: 0px 0px 0px 15px; } #body-wide .cols-5 .column-4 { width: 182px; float: left; margin: 0px 0px 0px 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: 0px 0px 0px 14px; } #body-wide .cols-4 .column-3 { width: 232px; float: left; margin: 0px 0px 0px 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: 0px 0px 0px 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: 0px 0px 0px 14px; } #body-center-only .cols-4 .column-3 { width: 177px; float: left; margin: 0px 0px 0px 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: 0px 0px 0px 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; } .items-leading { float: left; width: 100%; } } #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-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-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-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-right-center .cols-1 .column-1, #body-left-center .cols-1 .column-1, #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-center-only .cols-3 .column-1, #body-center-only .cols-3 .column-2, #body-center-only .cols-3 .column-3, #body-center-only .cols-2 .column-1, #body-center-only .cols-2 .column-2, #body-center-only .cols-1 .column-1, #body-left-right-center .cols-1 .column-1, .items-leading { padding: 0px 0px 15px 0px; } @media screen and (min-width:1240px){ #body-right-only .cols-4 .column-1, #body-left-only .cols-4 .column-1 { width: 189px; float: left; } #body-right-only .cols-4 .column-2, #body-left-only .cols-4 .column-2 { width: 189px; float: left; margin: 0px 0px 0px 26px; } #body-right-only .cols-4 .column-3, #body-left-only .cols-4 .column-3 { width: 189px; float: left; margin: 0px 0px 0px 26px; } #body-right-only .cols-4 .column-4, #body-left-only .cols-4 .column-4 { width: 189px; float: right; } #body-right-only .cols-3 .column-1, #body-left-only .cols-3 .column-1 { width: 262px; float: left; } #body-right-only .cols-3 .column-2, #body-left-only .cols-3 .column-2 { width: 262px; float: left; margin: 0px 0px 0px 24px; } #body-right-only .cols-3 .column-3, #body-left-only .cols-3 .column-3 { width: 262px; float: right; } #body-right-only .cols-2 .column-1, #body-left-only .cols-2 .column-1 { width: 405px; float: left; } #body-right-only .cols-2 .column-2, #body-left-only .cols-2 .column-2 { width: 405px; float: right; } #body-right-only .cols-1 .column-1, #body-left-only .cols-1 .column-1 { width: 834px; float: left; } #body-left-right .cols-3 .column-1 { width: 196px; float: left; } #body-left-right .cols-3 .column-2 { width: 196px; float: left; margin: 0px 0px 0px 26px; } #body-left-right .cols-3 .column-3 { width: 196px; float: right; } #body-left-right .cols-2 .column-1 { width: 308px; float: left; } #body-left-right .cols-2 .column-2 { width: 308px; float: right; } #body-left-right .cols-1 .column-1 { width: 640px; float: left; } #body-wide .cols-5 .column-1 { width: 220px; float: left; } #body-wide .cols-5 .column-2 { width: 220px; float: left; margin: 0px 0px 0px 25px; } #body-wide .cols-5 .column-3 { width: 220px; float: left; margin: 0px 0px 0px 25px; } #body-wide .cols-5 .column-4 { width: 220px; float: left; margin: 0px 0px 0px 25px; } #body-wide .cols-5 .column-5 { width: 220px; float: right; } #body-wide .cols-4 .column-1 { width: 282px; float: left; } #body-wide .cols-4 .column-2 { width: 282px; float: left; margin: 0px 0px 0px 24px; } #body-wide .cols-4 .column-3 { width: 282px; float: left; margin: 0px 0px 0px 24px; } #body-wide .cols-4 .column-4 { width: 282px; float: right; } #body-wide .cols-3 .column-1 { width: 384px; float: left; } #body-wide .cols-3 .column-2 { width: 384px; float: left; margin: 0px 0px 0px 24px; } #body-wide .cols-3 .column-3 { width: 384px; float: right; } #body-wide .cols-2 .column-1 { width: 588px; float: left; } #body-wide .cols-2 .column-2 { width: 588px; float: right; } #body-wide .cols-1 .column-1 { width: 1200px; float: left; } #body-right-center .cols-2 .column-1, #body-left-center .cols-2 .column-1 { width: 308px; float: left; } #body-right-center .cols-2 .column-2, #body-left-center .cols-2 .column-2 { width: 308px; float: right; } #body-right-center .cols-1 .column-1, #body-left-center .cols-1 .column-1 { width: 640px; float: left; } #body-center-only .cols-4 .column-1 { width: 223px; float: left; } #body-center-only .cols-4 .column-2 { width: 223px; float: left; margin: 0px 0px 0px 26px; } #body-center-only .cols-4 .column-3 { width: 223px; float: left; margin: 0px 0px 0px 26px; } #body-center-only .cols-4 .column-4 { width: 223px; float: right; } #body-center-only .cols-3 .column-1 { width: 306px; float: left; } #body-center-only .cols-3 .column-2 { width: 306px; float: left; margin: 0px 0px 0px 26px; } #body-center-only .cols-3 .column-3 { width: 306px; float: right; } #body-center-only .cols-2 .column-1 { width: 473px; float: left; } #body-center-only .cols-2 .column-2 { width: 473px; float: right; } #body-center-only .cols-1 .column-1 { width: 970px; float: left; } #body-left-right-center .cols-1 .column-1 { width: 410px; float: left; } #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-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-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-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-right-center .cols-1 .column-1, #body-left-center .cols-1 .column-1, #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-center-only .cols-3 .column-1, #body-center-only .cols-3 .column-2, #body-center-only .cols-3 .column-3, #body-center-only .cols-2 .column-1, #body-center-only .cols-2 .column-2, #body-center-only .cols-1 .column-1, #body-left-right-center .cols-1 .column-1, .items-leading { padding: 0px 0px 20px 0px; } } /******************************/ /******* 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: 0px 0px 0px 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: 0px 0px 0px 14px; } .advert24 .third, .footer24 .third, .upper24 .third, .bottom24 .third { float: left; width: 232px; margin: 0px 0px 0px 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: 0px 0px 0px 15px; } .advert19 .third, .footer19 .third, .upper19 .third, .bottom19 .third { float: left; width: 182px; margin: 0px 0px 0px 15px; } .advert19 .forth, .footer19 .forth, .upper19 .forth, .bottom19 .forth { float: left; width: 182px; margin: 0px 0px 0px 15px; } .advert19 .fifth, .footer19 .fifth, .upper19 .fifth, .bottom19 .fifth { float: right; width: 182px; } } @media screen and (min-width:1240px){ .advert99 .first, .footer99 .first, .upper99 .first, .bottom99 .first { width: 1200px; float: left; } .advert49 .first, .footer49 .first, .upper49 .first, .bottom49 .first { float: left; width: 588px; } .advert49 .second, .footer49 .second, .upper49 .second, .bottom49 .second { float: right; width: 588px; } .advert33 .first, .footer33 .first, .upper33 .first, .bottom33 .first { float: left; width: 384px; } .advert33 .second, .footer33 .second, .upper33 .second, .bottom33 .second { float: left; width: 384px; margin: 0px 0px 0px 24px; } .advert33 .third, .footer33 .third, .upper33 .third, .bottom33 .third { float: right; width: 384px; } .advert24 .first, .footer24 .first, .upper24 .first, .bottom24 .first { float: left; width: 282px; } .advert24 .second, .footer24 .second, .upper24 .second, .bottom24 .second { float: left; width: 282px; margin: 0px 0px 0px 24px; } .advert24 .third, .footer24 .third, .upper24 .third, .bottom24 .third { float: left; width: 282px; margin: 0px 0px 0px 24px; } .advert24 .forth, .footer24 .forth, .upper24 .forth, .bottom24 .forth { float: right; width: 282px; } .advert19 .first, .footer19 .first, .upper19 .first, .bottom19 .first { float: left; width: 220px; } .advert19 .second, .footer19 .second, .upper19 .second, .bottom19 .second { float: left; width: 220px; margin: 0px 0px 0px 25px; } .advert19 .third, .footer19 .third, .upper19 .third, .bottom19 .third { float: left; width: 220px; margin: 0px 0px 0px 25px; } .advert19 .forth, .footer19 .forth, .upper19 .forth, .bottom19 .forth { float: left; width: 220px; margin: 0px 0px 0px 25px; } .advert19 .fifth, .footer19 .fifth, .upper19 .fifth, .bottom19 .fifth { float: right; width: 220px; } } /******************************/ /******* 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: 0px 0px 0px 16px; } #user-right-only .user33 .third, #user-left-only .user33 .third { float: right; width: 206px; } #user-left-right .user99 .first { float: left; width: 530px; } #user-left-right .user49 .first { float: left; width: 257px; } #user-left-right .user49 .second { float: right; width: 257px; } #user-left-right .user33 .first { float: left; width: 166px; } #user-left-right .user33 .second { float: left; width: 166px; margin: 0px 0px 0px 16px; } #user-left-right .user33 .third { float: right; width: 166px; } #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: 0px 0px 0px 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: 0px 0px 0px 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: 0px 0px 0px 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: 0px 0px 0px 16px; } #user-left-right-center .user33 .third { float: right; width: 166px; } } @media screen and (min-width:1240px){ #user-right-only .user99 .first, #user-left-only .user99 .first { float: left; width: 834px; } #user-right-only .user49 .first, #user-left-only .user49 .first { float: left; width: 405px; } #user-right-only .user49 .second, #user-left-only .user49 .second { float: right; width: 405px; } #user-right-only .user33 .first, #user-left-only .user33 .first { float: left; width: 262px; } #user-right-only .user33 .second, #user-left-only .user33 .second { float: left; width: 262px; margin: 0px 0px 0px 24px; } #user-right-only .user33 .third, #user-left-only .user33 .third { float: right; width: 262px; } #user-left-right .user99 .first { float: left; width: 640px; } #user-left-right .user49 .first { float: left; width: 308px; } #user-left-right .user49 .second { float: right; width: 308px; } #user-left-right .user33 .first { float: left; width: 196px; } #user-left-right .user33 .second { float: left; width: 196px; margin: 0px 0px 0px 26px; } #user-left-right .user33 .third { float: right; width: 196px; } #user-wide .user99 .first { float: left; width: 1200px; } #user-wide .user49 .first { float: left; width: 588px; } #user-wide .user49 .second { float: right; width: 588px; } #user-wide .user33 .first { float: left; width: 384px; } #user-wide .user33 .second { float: left; width: 384px; margin: 0px 0px 0px 24px; } #user-wide .user33 .third { float: right; width: 384px; } #user-center-only .user99 .first { float: left; width: 1200px; } #user-center-only .user49 .first { float: left; width: 588px; } #user-center-only .user49 .second { float: right; width: 588px; } #user-center-only .user33 .first { float: left; width: 384px; } #user-center-only .user33 .second { float: left; width: 384px; margin: 0px 0px 0px 24px; } #user-center-only .user33 .third { float: right; width: 384px; } #user-right-center .user99 .first, #user-left-center .user99 .first { float: left; width: 870px; } #user-right-center .user49 .first, #user-left-center .user49 .first { float: left; width: 423px; } #user-right-center .user49 .second, #user-left-center .user49 .second { float: right; width: 423px; } #user-right-center .user33 .first, #user-left-center .user33 .first { float: left; width: 274px; } #user-right-center .user33 .second, #user-left-center .user33 .second { float: left; width: 274px; margin: 0px 0px 0px 24px; } #user-right-center .user33 .third, #user-left-center .user33 .third { float: right; width: 274px; } #user-left-right-center .user99 .first { float: left; width: 640px; } #user-left-right-center .user49 .first { float: left; width: 308px; } #user-left-right-center .user49 .second { float: right; width: 308px; } #user-left-right-center .user33 .first { float: left; width: 196px; } #user-left-right-center .user33 .second { float: left; width: 196px; margin: 0px 0px 0px 26px; } #user-left-right-center .user33 .third { float: right; width: 196px; } } /******************************/ /******* Joomla Modules *******/ /******************************/ @media screen and (min-width:768px){ #inside-right-only .inside99 .first, #inside-left-only .inside99 .first { float: left; width: 650px; } #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-left-right .inside99 .first { float: left; width: 530px; } #inside-left-right .inside49 .first { float: left; width: 257px; } #inside-left-right .inside49 .second { float: right; width: 257px; } #inside-wide .inside99 .first { float: left; width: 970px; } #inside-wide .inside49 .first { float: left; width: 477px; } #inside-wide .inside49 .second { float: right; width: 477px; } #inside-right-center .inside99 .first, #inside-left-center .inside99 .first { float: left; width: 480px; } #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-left-right-center .inside99 .first { float: left; width: 310px; } #inside-left-right-center .inside49 .first { float: left; width: 147px; } #inside-left-right-center .inside49 .second { float: right; width: 147px; } #inside-center-only .inside99 .first { float: left; width: 750px; } #inside-center-only .inside49 .first { float: left; width: 367px; } #inside-center-only .inside49 .second { float: right; width: 367px; } } @media screen and (min-width:1240px){ #inside-right-only .inside99 .first, #inside-left-only .inside99 .first { float: left; width: 834px; } #inside-right-only .inside49 .first, #inside-left-only .inside49 .first { float: left; width: 405px; } #inside-right-only .inside49 .second, #inside-left-only .inside49 .second { float: right; width: 405px; } #inside-left-right .inside99 .first { float: left; width: 640px; } #inside-left-right .inside49 .first { float: left; width: 308px; } #inside-left-right .inside49 .second { float: right; width: 308px; } #inside-wide .inside99 .first { float: left; width: 1200px; } #inside-wide .inside49 .first { float: left; width: 588px; } #inside-wide .inside49 .second { float: right; width: 588px; } #inside-right-center .inside99 .first, #inside-left-center .inside99 .first { float: left; width: 640px; } #inside-right-center .inside49 .first, #inside-left-center .inside49 .first { float: left; width: 308px; } #inside-right-center .inside49 .second, #inside-left-center .inside49 .second { float: right; width: 308px; } #inside-left-right-center .inside99 .first { float: left; width: 410px; } #inside-left-right-center .inside49 .first { float: left; width: 193px; } #inside-left-right-center .inside49 .second { float: right; width: 193px; } #inside-center-only .inside99 .first { float: left; width: 970px; } #inside-center-only .inside49 .first { float: left; width: 473px; } #inside-center-only .inside49 .second { float: right; width: 473px; } } /*****************************/ /*********** STYLES **********/ /*****************************/ .columns .menu li.active a, .columns .menu li.active .nav-header, .columns .menu li.active .separator { color: #FFFFFF; background: #111111; } input.button, button { color: #FFFFFF; background: #111111; } #finder-search a.btn, .edit #adminForm .btn-toolbar a.btn { color: #FFFFFF; text-decoration: none; background: #111111; } @media screen and (min-width:768px){ #toolbar .menu li.active, #toolbar .menu li.active a, #toolbar .menu li.active .nav-header, #toolbar .menu li.active .separator { color: #FFFFFF; background: #111111; } #toolbar .menu li li.active, #toolbar .menu li li.active a, #toolbar .menu li.active li .nav-header, #toolbar .menu li.active li .separator { color: #000000; background: none; } } /******************************/ /****** 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 } .navbar-toggle { position: relative; float: right; padding: 5px; margin:0px 15px 0px 0px; background-color: transparent; border-radius:4px } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 25px; height: 4px; border-radius: 1px; } .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px; } .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; } @media (min-width:480px){ .navbar-toggle { margin: 15px 15px 0px 0px; } } @media (min-width:768px){ .navbar-collapse.collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important; } .navbar-toggle { display: none; } }