czarnyblack
24-11-2015, 06:08
Cześć.
Mam problem od dwóch dni i nie mogę go rozwiązać, a mam czas ze stronka do piątku. Nie mogę sobie poradzić żeby artykuły były zawsze z prawej strony menu. W chwili obecnej strona wygląda tak, że menu mam z lewej, ale już artykuły, które wybieram z tego menu są pod spodem. Chciałbym zeby artykuły były zawsze z prawej strony. Próbowałem w .css zmienić na align:right; ale całość strony przesuwała się w prawo. Domyślam się, że da się to ustawić tylko w css, a nie w panelu administracyjnym? Dawno już nie miałem styczności z Joomla! i pozapominałem takie podstawy, a niestety mam czas do piątku.
Tutaj .css tego szablonu
/************************************************** ************************************/
/*
/* Designed by 'AS Designing'
/* Web: http://www.asdesigning.com
/* Web: http://www.astemplates.com
/* License: Common Creatives
/*
/************************************************** ************************************/
/************************************************** ************************************/
/************************************************** ************************************/
/* Elements
/************************************************** ************************************/
/************************************************** ************************************/
*
{
padding:0;
margin:0;
border: 0px;
}
html,
body
{
height: 100%;
}
body
{
margin: 0px;
line-height: 16px;
background-position: left top;
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #121212;
background-image: url("../images/bg.body.png");
}
img
{
max-width: 100%;
}
a
{
text-decoration: none;
color: #4BBBE1;
}
a:hover,
a.selected
{
text-decoration: none;
color: #00648A;
}
a:focus
{
outline: none;
}
p
{
margin: 0;
padding-bottom: 15px;
}
hr
{
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #ffffff;
}
.body__home .wrapper-inner,
.home .wrapper-inner
{
}
.wrapper-inner
{
background: url("../images/styles/default/bg.footer.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.body__home .wrapper-featured-top
{
background-image: url("../images/styles/default/bg.wrapper.top.png");
background-position: center bottom;
background-repeat: no-repeat;
min-height: 350px;
margin-top: -335px;
}
.body__home .wrapper-featured-bottom
{
background-image: url("../images/styles/default/bg.wrapper.bottom.png");
background-position: center top;
background-repeat: no-repeat;
margin-top: -380px;
min-height: 480px;
}
.wrapper-header
{
background-image: url("../../as002059/images/styles/default/bg.header.png");
background-position: center top;
background-repeat: no-repeat;
_background-size: 100%;
}
.page-featured p
{
padding-bottom: 25px;
}
/************************************************** ************************************/
/* Forms */
legend
{
color: #333333;
border-bottom: 1px solid #e5e5e5;
}
legend small
{
color: #999999;
}
textarea.invalid
{
border: 1px solid #d6610b;
}
input,
textarea
{
width: 220px;
}
textarea
{
resize: none;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input
{
line-height: 1 !important;
padding: 8px 6px;
height: auto !important;
background-color: #f7f7f7;
border: 1px solid #d4d4d4;
-webkit-box-shadow: 0px 1px 0px #CCCCC;
-moz-box-shadow: 0px 1px 0px #CCCCC;
box-shadow: 0px 1px 0px #CCCCC;
color: #999999;
border-radius: 5px;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus
{
border-color: #2594BA;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus
{
outline: thin dotted #333;
}
input[type='radio'],
input[type='checkbox']
{
margin: 3px 0 0;
}
.input-block-level
{
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
select
{
border: 1px solid #bbb;
background-color: #ffffff;
}
.page-login form .control-group
{
margin: 0;
}
.checkbox-radio-wrap__inline
{
display: inline-block;
margin-left: 6px;
vertical-align: top;
}
.checkbox-radio-wrap__inline input[type="radio"],
.checkbox-radio-wrap__inline input[type="checkbox"]
{
margin: -2px 0 0 0;
}
.page-registration form label,
.page-remind form label,
.page-reset form label,
.page-login form label,
.page-login form label,
.page-profile__edit form label
{
display: inline-block;
margin-right: 20px;
}
.page-remind form button,
.page-reset form button
{
display: inline-block;
margin-left: 10px;
}
.form-vertical label
{
display: inline-block;
}
#form-login-remember label
{
margin-bottom: 20px;
}
.label-info,
.badge-info
{
background-color: #929292;
}
/************************************************** ************************************/
/* Headings and Titles */
h1,
h2,
h3,
h4
{
margin-top: 0px;
letter-spacing: 0px;
font-family: 'Arial,Helvetica,sans-serif';
color: #333
}
#content-row #component h1,
#content-row #component h2,
#content-row #component h3
{
background-color: #2594BA;
background-image: none;
border-radius: 20px 20px 20px 20px;
color: #FFFFFF;
padding: 5px 20px 5px 25px;
margin: 0 0 33px;
}
.simple-title #content-row #component h1,
.simple-title #content-row #component h2,
.simple-title #content-row #component h3
{
background-color: transparent;
color: #121212;
padding: 0;
margin-bottom: 25px;
}
h1
{
font-size: 15px;
line-height: 25px;
letter-spacing: 0px;
font-weight: bold;
margin-bottom: 25px;
padding: 0px;
text-transform: uppercase;
}
h1 span,
h2 span,
h3 span
{
display: block;
}
h1 span
{
padding-bottom: 60px;
}
h2
{
margin-bottom: 25px;
padding-top: 0px;
padding-bottom: 5px;
text-transform: uppercase;
font-weight: bold;
font-size: 15px;
line-height: 28px;
}
h3
{
margin-bottom: 0px;
padding-bottom: 20px;
text-transform: uppercase;
font-weight: 700;
font-size: 15px;
line-height: 28px;
}
.page-featured h3
{
padding: 0px 0px 10px;
}
h4
{
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
}
h5
{
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small
{
color: #999999;
}
.category_title,
.item_title,
.module_title
{
text-align: left;
}
h1,
h2.item_title,
.item__featured .item_title,
.module_title,
.page-category .item_title,
.page_header h2,
.category_title h2,
.item_title
{
color: #fff;
}
.item__featured .item_title
{
overflow: hidden;
}
.item__module h2.item_title
{
border-bottom: none;
}
.page_header
{
text-align: left;
}
/************************************************** ************************************/
/* Images */
.item_img,
.category_img,
.item_fulltext img,
.random-image img,
img.left,
img.right
{
margin-bottom: 25px;
display: inline-block;
max-width: 97%;
}
.mod-custom img,
.item_img img,
.category_img img,
.item_fulltext img,
.random-image img,
aside .img-intro__left img,
aside .img-intro__right img
{
background-color: #FFFFFF;
border-radius: 20px;
padding: 1px;
box-shadow: 1px 1px 2px #9CC0CC;
}
.img-intro__none,
.img-full__none
{
max-width: 97%;
}
#aside-left .img-intro__none,
#aside-left .img-full__none,
#aside-right .img-intro__none,
#aside-right .img-full__none
{
max-width: 100%;
}
.img-intro__none img,
.img-full__none img
{
max-width: 97%;
}
.img-intro__left,
.img-full__left,
img.left
{
float: left;
margin: 0 25px 21px 0px;
}
.img-intro__right,
.img-full__right,
img.right
{
float: right;
margin: 0 0 21px 25px;
}
.img-intro__left,
.img-intro__right,
.img-full__left,
.img-full__right
{
}
aside .img-intro__left,
aside .img-intro__right
{
margin-top: 3px;
margin-bottom: 10px;
padding: 1px;
}
img.noborder
{
border: none !important;
box-shadow: none !important;
}
.page-blog .items-row.cols-3 .item_img.img-intro
{
margin: 0px 0px 25px 0px;
width: 96%;
}
.page-blog .items-row.cols-3 .item_img.img-intro img
{
width: 100%;
overflow: hidden;
}
.random-image img
{
}
.menudesc img
{
float: left;
margin: 0px 20px 10px 0px;
}
/************************************************** ************************************/
/* Captions */
.img_caption
{
text-align: center!important;
}
.img_caption.left
{
float: left;
margin-right: 1em;
}
.img_caption.left p
{
clear: left;
text-align: center;
}
.img_caption.right
{
float: right;
margin-left: 1em;
}
.img_caption.right p
{
clear: right;
text-align: center;
}
.img_caption.none
{
margin-left: auto;
margin-right: auto;
}
/************************************************** ************************************/
/* Lists */
.categories-module li,
.archive-module li
{
}
ul.categories-module h5
{
font-size: 1em;
line-height: inherit;
font-weight: normal;
margin: 0;
}
.categories-module,
.archive-module
{
margin: 0;
}
.categories-module li,
.archive-module li
{
line-height: 30px;
}
.categories-module li a,
.archive-module li a
{
font-size: 14px;
line-height: 30px;
color: #626262;
}
.categories-module li a:hover,
.archive-module li a:hover
{
color: #F93;
}
.moduletable ul
{
margin-left: 0px;
}
.moduletable ul li
{
line-height: 25px;
list-style-image: url("../images/liststyle.1.png");
list-style-position: inside;
}
.moduletable ul.item-list li
{
list-style: none;
list-style-image: none;
background: url('../images/liststyle.1.png') left 11px no-repeat;
padding: 0 0 0 25px;
}
.tooltip
{
background-color: #2594BA;
color: #fff;
border-radius: 10px;
}
/************************************************** ************************************/
/* Buttons */
#featured-row a.btn,
#featured-row .btn,
#featured-row a.readmore,
#featured-row a.button,
#featured-row .readmore,
#footer-row a.btn,
#footer-row .btn,
#footer-row a.readmore,
#footer-row .readmore,
#footer-row .button,
#aside-row-1-left .btn,
#aside-row-1-left a.btn,
#aside-row-1-left a.readmore,
#aside-row-1-left .readmore,
#aside-row-1-left .button,
#aside-row-2-right a.btn,
#aside-row-2-right .btn,
#aside-row-2-right a.readmore,
#aside-row-2-right .readmore,
#aside-row-2-right .button
{
padding: 7px 25px;
font-size: 13px;
line-height: 17px;
border-radius: 20px;
color: #121212;
background-color: #fff;
text-transform: lowercase;
float: right;
}
#featured-row a.btn:hover,
#featured-row .btn:hover,
#featured-row a.readmore:hover,
#featured-row a.button:hover,
#featured-row .readmore:hover,
#footer-row a.btn:hover,
#footer-row .btn:hover,
#footer-row a.readmore:hover,
#footer-row .readmore:hover,
#footer-row .button:hover,
#aside-row-1-left a.btn:hover,
#aside-row-1-left .btn:hover,
#aside-row-1-left a.readmore:hover,
#aside-row-1-left .readmore:hover,
#aside-row-1-left .button:hover,
#aside-row-2-right a.btn:hover,
#aside-row-2-right .btn:hover,
#aside-row-2-right a.readmore:hover,
#aside-row-2-right .readmore:hover,
#aside-row-2-right .button:hover
{
color: #121212;
background-color: #89DAF4;
}
.btn,
a.btn,
a.readmore,
.readmore,
.btn_info,
.btn-info,
.btn-group button.btn,
.mod-newsflash a.readmore,
.contentpane .button
{
padding: 7px 25px;
font-size: 13px;
line-height: 17px;
border-radius: 20px;
color: #fff ;
background-color: #2594BA;
text-transform: lowercase;
float: right;
}
.readmore a
{
color: #fff;
}
.btn-group button.btn,
.btn-toolbar .btn
{
padding: 10px 20px 10px 0px;
background-image: none;
}
.page-login button,
.contentpane .button,
.readmore
{
margin-top: 20px;
}
.btn:hover,
a.btn:hover,
.btn_info:hover,
.btn-info:hover,
.btn_info:active,
.btn-info:active,
.btn_info.active,
.btn-info.active,
.btn_info.disabled,
.btn-info.disabled,
.btn_info[disabled],
.btn-info[disabled],
.btn-primary:hover,
.btn_primary:hover,
.btn-primary:active,
.btn_primary:active,
.btn-primary.active,
.btn_primary.active,
.btn-primary.disabled,
.btn_primary.disabled,
.btn-primary[disabled],
.btn_primary[disabled],
.mod-newsflash a.readmore:hover,
a.readmore:hover,
.readmore:hover,
.contentpane .button:hover,
#component a.btn:hover,
#component .btn_info:hover,
#component .btn-info:hover,
#component .btn_info:active,
#component .btn-info:active,
#component .btn_info.active,
#component .btn-info.active,
#component .btn_info.disabled,
#component .btn-info.disabled,
#component .btn_info[disabled],
#component .btn-info[disabled],
#component .btn-primary:hover,
#component .btn_primary:hover,
#component .btn-primary:active,
#component .btn_primary:active,
#component .btn-primary.active,
#component .btn_primary.active,
#component .btn-primary.disabled,
#component .btn_primary.disabled,
#component .btn-primary[disabled],
#component .btn_primary[disabled],
#component .mod-newsflash a.readmore:hover,
#component a.readmore:hover,
#component .contentpane .button:hover,
#content-row-4 a.btn:hover,
#content-row-4 .btn_info:hover,
#content-row-4 .btn-info:hover,
#content-row-4 .btn_info:active,
#content-row-4 .btn-info:active,
#content-row-4 .btn_info.active,
#content-row-4 .btn-info.active,
#content-row-4 .btn_info.disabled,
#content-row-4 .btn-info.disabled,
#content-row-4 .btn_info[disabled],
#content-row-4 .btn-info[disabled],
#content-row-4 .btn-primary:hover,
#content-row-4 .btn_primary:hover,
#content-row-4 .btn-primary:active,
#content-row-4 .btn_primary:active,
#content-row-4 .btn-primary.active,
#content-row-4 .btn_primary.active,
#content-row-4 .btn-primary.disabled,
#content-row-4 .btn_primary.disabled,
#content-row-4 .btn-primary[disabled],
#content-row-4 .btn_primary[disabled],
#content-row-4 .mod-newsflash a.readmore:hover,
#content-row-4 a.readmore:hover,
#content-row-4 .contentpane .button:hover,
#footer-row a.btn:hover,
#footer-row a.readmore:hover,
#footer-row .button:hover
{
background-color: #89DAF4;
}
/************************************************** ************************************/
/* Pagination */
.pull-right
{
margin-top: 0px;
}
.btn-group .dropdown-toggle
{
padding: 10px 15px 11px;
border-radius: 20px !important;
}
.btn-group .dropdown-menu
{
border: 1px solid #CBCBCB;
border-radius: 20px;
}
.pagination span,
.pagination a
{
background: none !important;
padding: 0 6px;
}
.pagination ul
{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: none;
box-shadow: none;
margin: 0 auto;
}
.pagination ul li .pagenav
{
font: 800 14px/18px;
text-transform: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: none;
box-shadow: none;
}
.pagination ul li a.pagenav:hover
{
background: none;
color: #626262;
}
.pagination ul li .pagenav
{
color: #555555;
}
.pagination ul li span.pagenav
{
color: #555555;
}
.pagination ul li a.pagenav
{
color: #2594BA;
}
.pagination ul li.num span.pagenav
{
color: #626262;
}
/************************************************** ************************************/
/* BlockNumbers */
p.blocknumber,
p.blockchar
{
min-height: 40px;
padding: 0px 10px 15px 70px !important;
position: relative;
}
span.blocknumber,
span.blockchar
{
border-radius: 50%;
font-size: 20px;
height: 44px;
left: 0;
line-height: 44px;
position: absolute;
text-align: center;
width: 44px;
margin-top: 4px;
background-color: #161616;
border: 0px solid #ddd;
color: #fff;
}
#footer span.blocknumber
{
background-color: #ffffff;
}
span.blocktitle
{
font-size: 18px;
padding-bottom: 5px;
text-transform: uppercase;
color: #929292;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
span.blocknumber.blue
{
background-color: #2594BA;
}
/************************************************** ************************************/
/* Toggling */
.toggle
{
min-height: 30px;
font-size: 13px;
font-weight: normal;
background-image: url('../images/bg.toggle.open.png');
background-position: left top;
background-repeat: no-repeat;
cursor: pointer;
margin: 0px 0px 0px 0px;
padding: 6px 0px 3px 60px;
clear: both;
}
.toggle:hover
{
background-image: url('../images/bg.toggle.open.hover.png');
}
.toggle.opened
{
background-image: url('../images/bg.toggle.close.png');
background-position: left top;
background-repeat: no-repeat;
}
.toggle.opened:hover
{
background-image: url('../images/bg.toggle.close.hover.png');
}
.toggle_content
{
display: none;
margin: 15px 0px 20px 0px;
padding: 25px;
font-size: 12px;
font-weight: normal;
border-radius: 20px;
background-color: #FDFDFD;
border: 1px solid #DEDEDE;
color: #121212;
}
/************************************************** ************************************/
/* Searching */
ul#finder-filter-select-dates li.filter-date
{
margin-bottom: 4px;
margin-right: 4px;
}
ul#finder-filter-select-dates li.filter-date select.filter-date-operator
{
margin-bottom: 9px;
}
#searchForm fieldset
{
margin-bottom: 20px;
}
#searchForm fieldset label
{
display: inline-block;
margin-right: 1em;
}
#searchForm .form-limit label
{
float: left;
}
#searchForm .form-limit select
{
float: right;
position: relative;
top: -4px;
}
#searchForm .form-limit p
{
overflow: hidden;
clear: both;
}
dl.search-results
{
margin-bottom: 30px;
}
dl.search-results dt
{
margin-top: 20px;
}
.navbar-form .btn,
.navbar-form .btn-group
{
margin-top: 5px;
}
#mod-finder-searchword
{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
margin-bottom: 4px;
border: 1px solid #ebebeb;
box-shadow: none;
}
/************************************************** ************************************/
/* Modal */
.modalClose
{
margin: 14px;
}
div.modal.fade.in.loginPopup
{
width: 260px;
margin: -130px 0 0 -130px;
top: 50%;
left: 50%;
}
.login-greeting
{
margin: 0 0 9px 0;
}
.input-modal
{
width: 146px;
}
div.modal.fade
{
z-index: -500;
}
div.modal.fade.in
{
z-index: 1100;
}
/************************************************** ************************************/
/* Newsflash */
.mod-newsflash-adv__links .item_content
{
border-radius: 5px;
padding-bottom: 24px;
background-color: #e9e9e9;
}
.mod-newsflash-adv__links .item_content ul
{
margin-bottom: 0;
}
.mod-newsflash-adv__links .item_content ul li
{
line-height: 28px;
}
.mod-newsflash-adv__links .item_content ul li a
{
font-size: 14px;
line-height: 30px;
text-decoration: underline;
}
.mod-newsflash-adv__links .item_content ul li a:hover
{
color: #929292;
}
.mod-newsflash-adv__links .item_content h2
{
text-transform: none;
padding-bottom: 0;
line-height: 68px;
margin-bottom: 20px;
}
.mod-newsflash-adv__links a.readmore
{
background: none;
padding: 4px 0;
margin: 0 0 0 45px;
box-shadow: none;
border: none;
font-size: 14px;
}
.mod-newsflash-adv__links a.readmore:hover
{
color: #929292;
}
.mod-newsflash-adv__links .shadow span
{
bottom: 21px;
width: 92%;
left: 4%;
}
.mod-newsflash-adv__links.support .item_content
{
padding-bottom: 12px;
}
.mod-newsflash-adv__links.support .item_introtext
{
padding: 0 24px;
font-size: 14px;
line-height: 22px;
}
.mod-newsflash-adv__links .item_content ul li a,
.mod-newsflash-adv__links.support .item_introtext
{
color: #7F7F7F;
}
.mod-newsflash-adv__links.support a.readmore
{
margin: 0 0 0 24px;
}
/************************************************** ************************************/
/* Acymailing */
.acymailing_form,
.acymailing_form .acysubbuttons
{
text-align: right;
}
.acymailing_form input
{
padding: 5px 6px 4px;
}
.acymailing_form .acysubbuttons .button
{
margin-top: 7px;
line-height: 18px;
padding: 4px 1px 4px 27px;
}
.acymailing_module_form span.acymailing_finaltext
{
display: block;
padding-top: 40px;
text-align: right;
}
/************************************************** ************************************/
/* Back to Top */
#back-top
{
position: fixed;
bottom: 130px;
right: 30px;
z-index: 60;
}
#back-top a
{
width: 46px;
display: block;
text-align: center;
font-size: 12px;
line-height: 20px;
text-transform: none;
text-decoration: none;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
color: #626262;
}
#back-top span
{
width: 46px;
height: 46px;
display: block;
margin-bottom: 7px;
background: url('../images/up.arrow.png') no-repeat center center;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
border-radius: 50%;
border: 3px solid #ffffff;
background-color: transparent;
}
/************************************************** ************************************/
/* Gallery */
.page-gallery h1
{
padding:0;
}
.page-gallery .well
{
box-shadow: 0 0px 2px 0px #CCCCCC inset;
border-radius: 20px;
padding: 0 20px;
}
.page-gallery .img-intro__left,
.page-gallery .img-intro__right,
.page-gallery .img-full__left,
.page-gallery .img-full__right
{
max-width: 99%;
}
.page-gallery .item_img
{
margin: 0;
float: none;
display: block;
}
.page-gallery .item_img img
{
box-shadow: 1px 1px 2px #666;
padding: 0;
}
.page-gallery .item_title
{
margin: 0px;
padding: 0px 0px 10px;
text-align:center;
line-height: 32px;
font-size: 16px;
letter-spacing: 0px;
font-weight: bold;
text-transform: uppercase;
}
.page-gallery .item_title a
{
text-align:centre !important;
color:#fff;
}
.page-gallery .item_title a:hover
{
color:#909090;
}
.page-gallery ul#filters li
{
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
margin: 10px 15px 0 0;
}
.page-gallery li.item
{
margin-bottom: 30px;
}
.page-gallery p
{
padding-bottom: 10px;
line-height: 16px;
}
.category_child .category_title a
{
display: inline-block;
margin-right: 12px;
}
.page-gallery .category_desc
{
margin-bottom: 20px;
}
.page-gallery ul.singleColumn li
{
margin-left: 0;
}
.page-gallery .item_img.img-intro .touchGalleryLink img
{
width: 100%;
}
.page-gallery .btn
{
float: right;
}
.page-gallery a.zoom,
.page-item__gallery a.zoom
{
position: relative;
}
.page-gallery a.zoom span.zoom-bg,
.page-item__gallery a.zoom span.zoom-bg
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
opacity: 0;
filter: alpha(opacity=0);
}
.page-gallery .item_more
{
text-align: center;
}
.page-gallery .item_more a
{
display: inline-block;
padding: 2%;
color:#fff;
font-size: 1.5em;
font-weight: normal;
}
.page-gallery .item_more a:hover
{
color:#909090;
}
.page-gallery a.zoom span.icon-zoom-in,
.page-item__gallery a.zoom span.icon-zoom-in
{
}
.page-gallery .item_icons,
.page-item__gallery .item_icons
{
margin-bottom: 9px;
}
ul.singleColumn
{
margin: 0;
}
ul.singleColumn > .item
{
list-style: none;
width: 100%;
}
.view-article #prevArrow,
.view-article #nextArrow
{
display: none;
}
.isotope-item
{
z-index: 2;
}
.isotope-hidden.isotope-item
{
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item
{
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope
{
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item
{
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition
{
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
ul#filters li
{
display: inline-block;
vertical-align: top;
margin: 9px 9px 0 0;
}
#isotopeContainer
{
padding-top: 8px;
}
.page-gallery_img
{
margin-left: 0;
}
.category_children .category_child
{
margin-bottom: 20px;
}
#galleryOverlay
{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
opacity: 0;
z-index: 100000;
overflow: hidden;
display: none;
-moz-transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
background-image: url(../images/bg.gallery.png);
}
#galleryOverlay.visible
{
opacity: 1;
}
#gallerySlider
{
height:100%;
left:0;
top:0;
width:100%;
white-space: nowrap;
position:absolute;
-moz-transition:left 0.4s ease;
-webkit-transition:left 0.4s ease;
transition:left 0.4s ease;
}
#gallerySlider .placeholder
{
background: url("../images/system/preloader.gif") no-repeat center center;
height: 100%;
line-height: 1px;
text-align: center;
width:100%;
display:inline-block;
}
#gallerySlider .placeholder:before
{
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right:-1px;
}
#gallerySlider .placeholder img
{
display: inline-block;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
}
#gallerySlider.rightSpring
{
-moz-animation: rightSpring 0.3s;
-webkit-animation: rightSpring 0.3s;
}
#gallerySlider.leftSpring
{
-moz-animation: leftSpring 0.3s;
-webkit-animation: leftSpring 0.3s;
}
/* Firefox Keyframe Animations */
@-moz-keyframes
rightSpring
{
0% {
margin-left:0px;
}
50% {
margin-left:-30px;
}
100% {
margin-left:0px;
}
}
@-moz-keyframes
leftSpring
{
0% {
margin-left:0px;
}
50% {
margin-left:30px;
}
100% {
margin-left:0px;
}
}
/* Safari and Chrome Keyframe Animations */
@-webkit-keyframes
rightSpring
{
0% {
margin-left:0px;
}
50% {
margin-left:-30px;
}
100% {
margin-left:0px;
}
}
@-webkit-keyframes
leftSpring
{
0% {
margin-left:0px;
}
50% {
margin-left:30px;
}
100% {
margin-left:0px;
}
}
#prevArrow,
#nextArrow
{
border:none;
text-decoration:none;
background:url('../images/gallery/arrows.png') no-repeat;
opacity:0.5;
cursor:pointer;
position:absolute;
width:43px;
height:58px;
top:50%;
margin-top:-29px;
-moz-transition:opacity 0.2s ease;
-webkit-transition:opacity 0.2s ease;
transition:opacity 0.2s ease;
}
#prevArrow:hover,
#nextArrow:hover
{
opacity:1;
}
#prevArrow
{
background-position:left top;
left:40px;
}
#nextArrow
{
background-position:right top;
right:40px;
}
.page-gallery .view
{
}
.page-gallery .view:hover .mask
{
opacity:1;
-moz-transition:opacity 1s ease;
-webkit-transition:opacity 1s ease;
transition:opacity 1s ease;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
}
/*********************/
.body__home .well
.home .well
{
display:none;
}
.page-gallery .mask
{
position: absolute;
top: 0;
max-width: 99%;
width: 100%;
height: 100%;
opacity:0;
-moz-transition:opacity 1s ease;
-webkit-transition:opacity 1s ease;
transition:opacity 1s ease;
color:#fff;
border-radius: 20px;
}
.page-gallery .mask_cont
{
padding: 15px;
}
/************************************************** ************************************/
/* Testimonials */
blockquote
{
background-image: url('../images/styles/default/blockquote.png');
background-repeat: no-repeat;
background-position: left top;
padding: 0 0 0 40px;
}
blockquote p
{
font-size: 12px;
line-height: 20px;
}
blockquote a
{
display: block;
margin: 4px 5px 0px 0px;
}
.blockquote
{
float: left;
width: 40px;
height: auto;
margin: 0px 15px 10px 0px;
background-image: url('../images/styles/default/blockquote.png');
background-repeat: no-repeat;
}
blockquote small
{
color: #999999;
}
blockquote.pull-right
{
border-right: 5px solid #eeeeee;
}
/************************************************** ************************************/
/* General
/************************************************** ************************************/
/************************************************** ************************************/
#header-row
{
left: 0;
top: 0;
width: 100%;
z-index: 100;
padding-bottom: 40px;
}
.wrapper
{
}
#top_header .wrapper
{
}
#push
{
height: 180px;
}
.muted
{
color: #929292;
}
.item-separator
{
clear: both;
height: 50px;
}
.menudesc
{
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 1px dotted #ccc;
}
.row-fluid:last-child .menudesc
{
border-bottom: none;
margin-bottom: 0px;
padding-bottom: 0px;
}
p .price
{
text-align: right;
margin: 10px 6px 0px;
display: block;
}
/************************************************** ************************************/
.clearfix
{
*zoom: 1;
}
.clearfix:before,
.clearfix:after
{
display: table;
content: "";
line-height: 0;
}
.clearfix:after
{
clear: both;
}
.hide-text
{
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.left
{
float: left;
}
.right
{
float: right;
}
/************************************************** ************************************/
/* Header
/************************************************** ************************************/
/************************************************** ************************************/
.wshadow
{
position: relative;
z-index: 10;
}
.shadow
{
position: relative;
z-index: 1;
}
.shadow span
{
bottom: 0px;
display: block;
height: 0px;
left: 1%;
position: absolute;
width: 98%;
}
#top_header
{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0px auto;
}
/************************************************** ************************************/
/* Header Row */
#header-row .wrapper
{
}
#header-row .container
{
}
#header-row .mod-search
{
margin-top: 16px;
position: relative;
padding-left: 55px;
}
#header-row .mod-search_searchword
{
width: 286px;
border: none;
position: relative;
padding: 9px 6px 8px 35px !important;
display: block;
height: 32px;
border-radius: 3px;
box-shadow: none !important;
}
#header-row .btn-search
{
background: url('../../as002059/images/ico.search.png') 0px 0px no-repeat !important;
background-color: #FFFFFF !important;
width: 18px;
height: 18px;
padding: 0;
margin: 0;
text-indent: -999em;
border: none;
position: absolute;
top: 13px;
left: 66px;
z-index: 20;
box-shadow: none;
}
#header-row .moduletable.search input
{
background-color: transparent;
color: #000000 !important;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;
background-image: url('../images/bg.menu.active.png') !important;
border: none;
}
#header-row .moduletable.social
{
margin-top: 30px;
float: right;
}
#header-row .social
{
text-align: right;
}
#header-row .logo
{
line-height: 20px !important;
padding-top: 40px;
}
#header-row #logo a
{
display:block;
}
#header-row .logo a:hover
{
color: #fff;
}
#header-row #logo span.slogan
{
font-size: 12px;
margin-top: 10px;
display: inline-block;
padding-left: 120px;
}
/************************************************** ************************************/
/* Slider Row */
#slider-row
{
padding-top: 20px;
}
#slider-row .container
{
padding: 10px 0px 20px;
margin-bottom: 20px;
position: relative;
}
#slider-row .shadow
{
top: -1px;
}
.moduletable.slider
{
overflow: hidden;
padding-top: 8px;
padding-bottom: 8px;
border-radius: 5px;
}
/************************************************** ************************************/
/* Breadcrumb Row */
#breadcrumbs-row .moduletable
{
padding: 0 0 30px;
}
#breadcrumbs-row .moduletable .breadcrumb,
#breadcrumbs-row .moduletable .mod-custom
{
position: relative;
background-color: #2594BA;
border-radius: 20px;
padding: 10px 25px;
color: #fff;
}
#breadcrumbs-row .breadcrumb a
{
color: #000;
}
#breadcrumbs-row .breadcrumb a:hover
{
color: #fff;
}
/************************************************** ************************************/
/* Featured Row */
.body__home #featured-row
{
background-color: #2594BA;
padding: 0;
margin-bottom: 0;
}
#featured-row .container
{
background-color: #2594BA;
border-radius: 20px;
margin-bottom: 40px;
}
#featured-row .moduletable
{
margin-top: 15px;
}
#featured-row .moduletable .moduletable-wrapper
{
padding: 0 25px 25px;
}
#featured-row .mod-newsflash .item img,
#featured-row .mod-custom img
{
background-color: #ddd;
border: 15px solid #FFFFFF;
border-radius: 50%;
margin-bottom: 20px;
max-width: 70%;
transition: border-color 0.5s ease 0.1s;
}
#featured-row .mod-newsflash-adv .item_title,
#featured-row .module_title,
#featured-row .newsflash-title
{
border-radius: 0px;
padding: 0px;
margin: 10px 0px 20px;
text-transform: uppercase;
line-height: 18px;
font-weight: bold;
color: #fff;
text-align: left;
}
#featured-row .mod-newsflash h2
{
float: none;
overflow: visible;
margin: 10px 0px 10px 0px;
padding: 0px;
}
#featured-row .mod-newsflash .readmore,
#featured-row .mod-newsflash-adv .readmore
{
margin-top: 10px;
}
#featured-row p,
#featured-row h3 a,
#featured-row h4 a,
#featured-row h1,
#featured-row h2,
#featured-row h3,
#featured-row h4
{
color: #fff;
}
#featured-row .mod-newsflash:hover .readmore
{
background-color: #89DAF4;
transition: background-color 0.5s ease 0.1s;
}
#featured-row a.readmore:hover,
#featured-row .mod-newsflash:hover a
{
}
#featured-row .mod-newsflash:hover h2,
#featured-row .moduletable:hover .module_title,
#featured-row .moduletable:hover .newsflash-title,
#featured-row .mod-newsflash-adv .item:hover .item_title
{
color: #121212;
transition: color 0.5s ease 0.1s;
}
#featured-row .mod-newsflash .item ul
{
margin-bottom: 0;
}
#featured-row .mod-newsflash .item ul li
{
line-height: 28px;
}
#featured-row .mod-newsflash .item ul li a
{
font-size: 14px;
line-height: 30px;
text-decoration: underline;
}
#featured-row .mod-newsflash .item #system-readmore img
{
text-align: center;
display: block;
margin: 0px auto 20px;
}
#featured-row .mod-newsflash .item a.readmore
{
margin-top: 10px;
}
/************************************************** ************************************/
/* Header Bottom Row */
#header-bottom-row
{
padding-bottom: 50px;
}
#header-bottom-row .container
{
}
#header-bottom-row .moduletable-wrapper
{
}
#header-bottom-row h2,
#header-bottom-row h3
{
background-color: #2594BA;
background-image: none;
border-radius: 20px 20px 20px 20px;
color: #FFFFFF;
padding: 5px 20px 5px 25px;
margin: 0 0 33px;
}
/************************************************** ************************************/
/* Content
/************************************************** ************************************/
/************************************************** ************************************/
#content-row
{
}
#content-row .container
{
padding-top: 0px;
padding-bottom: 0px;
}
.page-header
{
border: none;
padding: 0;
margin: 0;
}
.page-item,
.page-featured
{
padding-bottom: 25px;
}
.page-item ul li
{
line-height: 25px;
list-style-image: url("../images/liststyle.1.png");
list-style-position: inside;
}
.page-featured .items-row .item__featured
{
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom: none;
}
.page-featured .items-leading .item__featured,
.page-category .category_desc p,
.page-blog .category_desc p
{
font-size: 12px;
line-height: 20px;
overflow: hidden;
padding-bottom: 15px;
border-bottom: none;
}
.page-featured .items-leading .item__featured,
.page-featured .items-row:last-child .item__featured
{
margin-bottom: 0px;
padding-bottom: 0px;
}
.page-blog .category_desc p,
.page-category .category_desc p,
.page-category .items-row
{
margin-bottom: 40px;
padding-bottom: 10px;
border-bottom: 1px solid #D4D4D4;
}
.item_info_dl dd
{
border-right: 1px solid #B3B3B3;
}
.contentpane,
.contentpane.modal
{
padding: 30px;
}
.item_info_dl
{
margin-top: 0;
margin-bottom: 12px;
font-size: 11px;
}
.item_info_dl dd
{
display: inline-block;
line-height: 11px;
padding-right: 12px;
margin-right: 12px;
margin-left: 0;
}
.item_info_dl dd:last-child
{
border: none;
}
.item > .btn-group.pull-right
{
margin: 48px 7px 10px 15px;
}
/************************************************** ************************************/
/* Content Rows */
#content-row-1,
#content-row-2,
#content-row-3
{
margin-bottom: 40px;
}
#content-row-2 .moduletable-wrapper,
#content-row-3 .moduletable-wrapper
{
padding: 35px 30px 30px;
border-radius: 20px;
border: 1px solid #eee;
}
#content-row-3 .module_title
{
margin: 0px auto 25px;
padding: 0px;
}
#content-row-4
{
margin: 40px 0 40px;
color: #fff;
}
#content-row-4 h1,
#content-row-4 h2,
#content-row-4 h3,
#content-row-4 h4,
#content-row-4 h5
{
color: #fff;
}
#content-row-4 .moduletable-wrapper
{
background-color: #2594BA;
border-radius: 20px;
padding: 25px;
overflow: hidden;
}
#content-row-4 .container .about p
{
padding-bottom: 0
}
#content-row-4 .mod-newsflash .item,
#content-row-4 .mod-single-article,
#content-row-4 .mod-custom
{
}
#content-row-4 .mod-single-article,
#content-row-4 .mod-custom
{
}
#content-row-4 .module_title
{
}
#content-row-4 .mod-newsflash .item ul
{
}
#content-row-4 .mod-newsflash .item ul li
{
}
#content-row-4 .mod-newsflash .item ul li a
{
}
#content-row-4 .mod-newsflash .item #system-readmore img
{
}
#content-row-4 .mod-newsflash .item a.readmore
{
}
#content-row-4 .mod-newsflash .item ul li a:hover
{
}
#content-row-4 .about
{
}
#content-row-4 .about [class^="icon-"],
#content-row-4 .about [class*=" icon-"]
{
float: left;
font-size: 40px;
margin-top: 15px;
text-align: left;
width: 60px;
height: 30px;
}
#content-row-5 .moduletable h1,
#content-row-5 .moduletable h2,
#content-row-5 .moduletable h3
{
background-color: #2594BA;
background-image: none;
border-radius: 20px 20px 20px 20px;
color: #FFFFFF;
padding: 5px 20px 5px 25px;
margin: 0 0 33px;
}
#content-row-5 .moduletable .item_title
{
color: #121212;
background-color: transparent;
}
#content-row-5 .moduletable
{
padding: 0px 0px 40px;
}
#content-row-6 .moduletable
{
padding: 45px 0px 70px;
}
#content-row-6 .moduletable.social ul li
{
display: inline;
font-weight: bold;
line-height: 29px !important;
list-style: none !important;
text-align: left;
}
#content-row-6 .moduletable.social li a
{
color: #FFFFFF;
display: block;
float: left;
font-size: 30px;
height: 60px;
line-height: 2;
text-align: center;
width: 60px;
transition: opacity 0.5s ease 0.1s;
opacity: 1;
}
#content-row-6 .moduletable.social li a:hover
{
opacity: 0.8;
transition: opacity 0.5s ease 0.1s;
}
#content-row-6 .moduletable.social .nav
{
margin: 0px;
padding: 0px;
float: right;
}
/************************************************** ************************************/
/* Blog Pages */
.page-blog p.item_title
{
line-height: 28px;
font-size: 15px;
letter-spacing: 0px;
margin-top: 0;
margin-bottom: 5px;
text-transform: uppercase;
color: #121212;
}
.page-blog .btn.btn-info
{
margin: 10px 0px;
float: right;
}
.page-blog .items-row.cols-1 .btn.btn-info,
.page-blog .items-row.cols-2 .btn.btn-info
{
float: left;
}
.page-blog .item
{
overflow: hidden;
margin-bottom: 25px;
}
.page-blog .items-leading,
.page-blog .items-row
{
padding-bottom: 15px;
margin-bottom: 40px;
padding-bottom: 0px;
border-bottom: 1px solid #D4D4D4;
}
.page-blog .items-row:last-child
{
border: none;
}
/************************************************** ************************************/
/* Category Pages */
.page-category p.item_title
{
line-height: 28px;
font-size: 15px;
letter-spacing: 0px;
margin-top: 0;
margin-bottom: 5px;
text-transform: uppercase;
color: #121212;
}
.page-category__testimonials blockquote
{
overflow: hidden;
}
.page-category__testimonials .img-intro__left
{
margin: 0px 15px 10px 0px;
}
.page-category__testimonials .item_img img
{
width: 150px;
}
.page-category__team .item_introtext
{
overflow: hidden;
}
.page-category [class*="cols-"] h2.item_title {
border: none;
padding-bottom: 0;
}
.page-category .btn.btn_info
{
margin: 10px 0px 5px;
float: right;
}
.page-category .items-row:last-child
{
border: none;
margin-bottom: 0px;
}
.page-category .item
{
overflow: hidden;
margin-bottom: 25px;
}
/************************************************** ************************************/
/* Archive Page */
#page-archive_items .item_title
{
padding-bottom: 0;
}
.page-archive_filters .filter-search.alert
{
padding-bottom: 0;
overflow: hidden;
}
.page-archive_filters select
{
margin-bottom: 8px;
display: inline-block;
}
.page-archive_filters button
{
display: inline-block;
margin-bottom: 8px;
}
.page-archive .alert-info
{
background-color: #eeeeee;
border: 1px solid #eeeeee;
}
.filter-search.alert
{
padding: 8px 21px;
}
/************************************************** ************************************/
/* Page 404 */
.errorBox
{
background: none;
text-align: left;
}
/************************************************** ************************************/
/* Contacts Page */
#jform_contact_message
{
resize: none;
width: 100%;
height: 167px !important;
}
#contact-form label
{
display: inline-block;
margin-bottom: 4px;
}
.phone-num
{
display: inline-block;
}
.icons-marker
{
font-size: 14px;
line-height: 20px;
}
.contact_email-copy,
.contact_vcard
{
margin: 0px 15px;
height: 30px;
line-height: 30px;
display: inline-block;
}
.contact_vcard
{
margin: 0;
}
#jform_contact_name,
#jform_contact_email,
#jform_contact_emailmsg
{
width: 100%;
margin-bottom: 10px;
}
#contact-form p
{
text-align: right;
margin: 3px 0px 0px;
}
.contact_email-copy
{
margin-top: 13px;
}
#contact-form .controls button
{
margin-top: 12px;
}
.contact_details .icons-marker
{
display: block;
width: 16px;
margin-right: 12px;
float: left;
}
.contact_address
{
overflow: hidden;
}
#contact_map
{
margin: 20px 0px;
height: 358px;
border: 1px solid #cbcbcb;
background-color: #F7F7F7;
padding: 20px;
border-radius: 20px;
}
#contact_map > div
{
height: 100%;
}
/************************************************** ************************************/
/* Sidebars
/************************************************** ************************************/
/************************************************** ************************************/
.aside
{
margin-bottom: 30px;
overflow: hidden;
padding: 25px 30px 20px;
margin-left: 20px;
background-color: #F2F2F2;
box-shadow: 0 0px 2px 0px #CCCCCC inset
}
aside .moduletable
{
margin-bottom: 40px;
overflow: hidden;
}
.aside .module_title
{
color: #fff
}
#aside-row-1-left .moduletable
{
padding: 25px 30px 20px;
margin-right: 30px;
background-color: #2594BA;
border-radius: 20px;
color: #fff;
}
#aside-row-1-left .moduletable a,
#aside-row-2-right .moduletable a
{
color: #fff;
}
#aside-row-1-left .moduletable a.btn,
#aside-row-2-right .moduletable a.btn
{
color: #121212;
}
#aside-row-1-left .moduletable .readmore a,
#aside-row-2-right .moduletable .readmore a
{
color: #121212;
}
#aside-row-1-left .moduletable a:hover,
#aside-row-2-right .moduletable a:hover
{
color: #ddd;
}
#aside-row-2-left .moduletable
{
margin-right: 30px;
}
#aside-row-2-left .moduletable .module_title,
#aside-row-1-right .moduletable .module_title
{
background-color: #2594BA;
background-image: none;
border-radius: 20px 20px 20px 20px;
color: #FFFFFF;
padding: 5px 20px 5px 25px;
margin: 0 0 33px;
}
#aside-row-2-left .moduletable .item_title,
#aside-row-1-right .moduletable .item_title
{
color: #121212;
background-color: transparent;
}
#aside-row-1-right .moduletable
{
margin-left: 30px;
}
#aside-row-2-right .moduletable
{
border-radius: 20px;
padding: 25px 30px 20px;
margin-left: 30px;
background-color: #2594BA;
border-radius: 20px;
color: #fff;
}
.mod-login_userdata ul
{
float: left;
width: 100%;
}
#aside-row-1-left .moduletable ul li,
#aside-row-2-right .moduletable ul li
{
list-style-image: url(../images/styles/default/liststyle.5.png);
}
#aside-row-2-left .moduletable ul li,
#aside-row-1-right .moduletable ul li
{
border-bottom: 1px solid #eee;
}
#aside-row-2-left .moduletable ul li:hover,
#aside-row-1-right .moduletable ul li:hover
{
background-color: #f9f9f9;
}
.mod-newsflash .item
{
margin-bottom: 23px;
padding-bottom: 14px;
border-bottom: none;
}
.mod-newsflash .item:last-child
{
border: none;
margin-bottom: 0;
padding-bottom: 0;
}
.mod-newsflash__history .item_published
{
text-transform: none;
font-size: 14px;
display: inline-block;
padding-top: 2px;
}
.mod-newsflash h2
{
float: left;
overflow: hidden;
margin: 0px 25px 10px 0px;
padding: 0px;
}
.mod-newsflash h3
{
line-height: 24px;
}
aside .mod-search input.inputbox
{
margin: 0px;
width: 203px;
}
aside .mod-search button.btn.btn-search
{
margin-top: -1px;
padding: 5px 10px 4px;
}
.mod-search__aside .mod-search_searchword
{
width: 100%;
}
aside .mod-login input
{
margin-bottom: 10px;
}
.mod-login__aside .mod-login_username,
.mod-login__aside .mod-login_passwd
{
width: 100%;
}
.mod-login_submit
{
margin: 15px 0px 15px;
float: left;
width: 100%;
}
.mod-login_submit .btn
{
padding: 7px 35px !important;
}
aside .mod-login input.mod-login_username,
aside .mod-login input.mod-login_passwd
{
width: 100%;
}
#aside-row-2-left .btn.btn_info.readmore,
#aside-row-2-right .btn.btn_info.readmore
{
float: right;
margin-top: 10px;
}
#aside-right .moduletable ul.nav li,
#aside-left .moduletable ul.nav li
{
padding-left: 2px;
font-size: 12px;
font-weight: 200;
line-height: 16px;
margin-bottom: 0;
padding-bottom: 10px;
letter-spacing: 0px;
list-style-image: url(../images/liststyle.1.png);
text-transform: uppercase;
}
#aside-right .moduletable ul.nav li:hover,
#aside-left .moduletable ul.nav li:hover
{
list-style-image: url(../images/liststyle.1.png);
}
#aside-right .moduletable ul.nav li a,
#aside-left .moduletable ul.nav li a
{
display: inline-block;
}
#aside-right .moduletable ul.nav ul li,
#aside-left .moduletable ul.nav ul li
{
padding-left: 20px;
}
aside .moduletable ul.nav ul
{
margin-top: 15px;
}
aside .moduletable ul.nav ul li:last-child
{
padding-bottom: 0px;
}
/************************************************** ************************************/
/* News Show Pro GK4 */
/************************************************** ************************************/
.nspArt img.nspImage
{
border-radius: 20px;
}
.nspArt .blockquote_left
{
width: 50px;
height: 80px;
margin: 0;
}
.nspArt p.blockquote_right
{
padding: 0 40px 20px 0;
}
.review .nspArt h4.nspHeader
{
background: url("../images/rewiew_bottom_line.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
padding: 30px 0 0;
margin-top: 10px;
width: 100%;
}
.nspArt h4.nspHeader a
{
font-weight: normal;
}
.review .nspArt p
{
padding:0;
}
/************************************************** ************************************/
/* Footer
/************************************************** ************************************/
#footer
{
}
#footer-row
{
padding: 0px;
background-color: #0B0B0B;
color: #fff;
}
#footer-row .container
{
padding: 40px 0px;
}
#footer-row h1
#footer-row h2
{
border-bottom: none;
margin: 5px 0px 30px 0px;
color: #fff;
}
#footer-row h3,
#footer-row h4,
#footer-row h5
{
color: #ffffff;
}
#footer-row h1.social
{
font-size: 18px;
text-align: left;
margin-bottom: 0px;
padding-bottom: 2px;
letter-spacing: 0px;
}
#footer-row .mod-newsflash .item
{
margin-bottom: 8px;
}
#footer-row .footer-row-1
{
overflow: hidden;
}
#footer-row .footer-row-2
{
overflow: hidden;
clear: both;
margin-bottom: 0px;
}
#footer-row .footer-row-2 .moduletable-wrapper
{
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid #ccc;
}
#footer-row .footer-row-separator
{
clear: both;
margin: 25px 0px 30px 20px;
}
#footer-row ul li
{
list-style-position: inside;
line-height: 21px;
}
#footer-row ul.nav li
{
background-image: url("../images/styles/default/liststyle.4.png");
background-position: left top;
background-repeat: no-repeat;
list-style-image: none;
padding: 0 0 0 30px;
line-height: 30px;
}
#footer-row ul.nav li a
{
display: inline;
color: #ffffff;
}
#footer-row ul.nav li a:hover
{
color: #3DB1D8;
}
#footer-row .contactus [class^="icon-"],
#footer-row .contactus [class*=" icon-"]
{
width: auto;
}
#footer-row .contactus h4
{
margin: 1px 0px 5px;
font-weight: normal;
}
#footer-row .call-us
{
font-size: 21px;
min-height: 30px;
padding: 20px;
margin: 0 0 20px;
border-radius: 15px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)) !important; /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #333, #000) !important; /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #333, #000) !important; /* FF3.6+ */
background-image: -ms-linear-gradient(top, #333, #000) !important; /* IE10 */
background-image: -o-linear-gradient(top, #333, #000) !important; /* Opera 11.10+ */
background-image: linear-gradient(top, #333, #000) !important; /* W3C */
}
#footer-row .call-us p
{
background-image: url("../images/ico.contactus.png");
background-position: left top;
background-repeat: no-repeat;
min-height: 30px;
padding: 7px 0 0 40px;
text-align: right;
}
#footer-row .workhours
{
color: #4BBBE1;
font-weight: bold;
text-align: right;
}
#footer-row .moduletable.social ul li
{
display: inline;
font-weight: bold;
line-height: 29px !important;
list-style: none !important;
text-align: left;
}
#footer-row .moduletable.social li a
{
color: #FFFFFF;
display: block;
float: left;
font-size: 30px;
height: 60px;
line-height: 2;
text-align: center;
width: 60px;
transition: background 0.5s ease 0.1s;
}
#footer-row .moduletable.social li a:hover
{
color: #FFFFFF;
}
#footer-row .moduletable.social .nav
{
margin: 0px;
padding: 0px;
}
#footer-row div.sigplus-gallery ul > li > img,
#footer-row div.sigplus-gallery ul > li > a > img
{
margin: 6px !important;
border-radius: 0px;
}
#footer-row .noborder div.sigplus-gallery ul > li > img,
#footer-row .noborder div.sigplus-gallery ul > li > a > img
{
margin: 1px 5px !important;
}
#copyright-row
{
background-color: #111111;
background-image: none;
color: #ffffff;
border-top: 1px solid #fff;
}
#copyright-row .container
{
position: relative;
border-top: 1px solid #555555;
padding: 35px 0px 40px;
}
#copyright-row .mod-custom
{
float: left;
}
#trademark
{
float: left;
text-transform: uppercase;
}
#copyright-menu li
{
border-right: 1px solid #ffffff
}
#copyright-menu li a:hover
{
color: #2594BA;
}
#copyright-menu li a,
#copyright-menu li.current a,
#copyright-menu li.active a
{
color: #ffffff;
}
#copyright-menu
{
float: right;
}
#copyright-menu li
{
display: inline-block;
line-height: 11px;
padding-right: 12px;
margin-right: 12px;
background: none;
}
#copyright-menu .nav,
#copyright-menu li.lastItem
{
padding: 0;
margin: 0;
border: none;
}
#copyright-menu li a
{
text-transform: uppercase;
line-height: 11px;
background: none !important;
}
#copyright-menu li a:hover
{
}
#copyright-menu li.current a,
#copyright-menu li.active a
{
}
#copyright-menu li ul
{
display: none;
}
/************************************************** ************************************/
/* System Warning
/************************************************** ************************************/
.alert
{
background-color: #FEBEBE;
border-radius: 5px;
}
Mam problem od dwóch dni i nie mogę go rozwiązać, a mam czas ze stronka do piątku. Nie mogę sobie poradzić żeby artykuły były zawsze z prawej strony menu. W chwili obecnej strona wygląda tak, że menu mam z lewej, ale już artykuły, które wybieram z tego menu są pod spodem. Chciałbym zeby artykuły były zawsze z prawej strony. Próbowałem w .css zmienić na align:right; ale całość strony przesuwała się w prawo. Domyślam się, że da się to ustawić tylko w css, a nie w panelu administracyjnym? Dawno już nie miałem styczności z Joomla! i pozapominałem takie podstawy, a niestety mam czas do piątku.
Tutaj .css tego szablonu
/************************************************** ************************************/
/*
/* Designed by 'AS Designing'
/* Web: http://www.asdesigning.com
/* Web: http://www.astemplates.com
/* License: Common Creatives
/*
/************************************************** ************************************/
/************************************************** ************************************/
/************************************************** ************************************/
/* Elements
/************************************************** ************************************/
/************************************************** ************************************/
*
{
padding:0;
margin:0;
border: 0px;
}
html,
body
{
height: 100%;
}
body
{
margin: 0px;
line-height: 16px;
background-position: left top;
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #121212;
background-image: url("../images/bg.body.png");
}
img
{
max-width: 100%;
}
a
{
text-decoration: none;
color: #4BBBE1;
}
a:hover,
a.selected
{
text-decoration: none;
color: #00648A;
}
a:focus
{
outline: none;
}
p
{
margin: 0;
padding-bottom: 15px;
}
hr
{
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #ffffff;
}
.body__home .wrapper-inner,
.home .wrapper-inner
{
}
.wrapper-inner
{
background: url("../images/styles/default/bg.footer.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.body__home .wrapper-featured-top
{
background-image: url("../images/styles/default/bg.wrapper.top.png");
background-position: center bottom;
background-repeat: no-repeat;
min-height: 350px;
margin-top: -335px;
}
.body__home .wrapper-featured-bottom
{
background-image: url("../images/styles/default/bg.wrapper.bottom.png");
background-position: center top;
background-repeat: no-repeat;
margin-top: -380px;
min-height: 480px;
}
.wrapper-header
{
background-image: url("../../as002059/images/styles/default/bg.header.png");
background-position: center top;
background-repeat: no-repeat;
_background-size: 100%;
}
.page-featured p
{
padding-bottom: 25px;
}
/************************************************** ************************************/
/* Forms */
legend
{
color: #333333;
border-bottom: 1px solid #e5e5e5;
}
legend small
{
color: #999999;
}
textarea.invalid
{
border: 1px solid #d6610b;
}
input,
textarea
{
width: 220px;
}
textarea
{
resize: none;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input
{
line-height: 1 !important;
padding: 8px 6px;
height: auto !important;
background-color: #f7f7f7;
border: 1px solid #d4d4d4;
-webkit-box-shadow: 0px 1px 0px #CCCCC;
-moz-box-shadow: 0px 1px 0px #CCCCC;
box-shadow: 0px 1px 0px #CCCCC;
color: #999999;
border-radius: 5px;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus
{
border-color: #2594BA;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus
{
outline: thin dotted #333;
}
input[type='radio'],
input[type='checkbox']
{
margin: 3px 0 0;
}
.input-block-level
{
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
select
{
border: 1px solid #bbb;
background-color: #ffffff;
}
.page-login form .control-group
{
margin: 0;
}
.checkbox-radio-wrap__inline
{
display: inline-block;
margin-left: 6px;
vertical-align: top;
}
.checkbox-radio-wrap__inline input[type="radio"],
.checkbox-radio-wrap__inline input[type="checkbox"]
{
margin: -2px 0 0 0;
}
.page-registration form label,
.page-remind form label,
.page-reset form label,
.page-login form label,
.page-login form label,
.page-profile__edit form label
{
display: inline-block;
margin-right: 20px;
}
.page-remind form button,
.page-reset form button
{
display: inline-block;
margin-left: 10px;
}
.form-vertical label
{
display: inline-block;
}
#form-login-remember label
{
margin-bottom: 20px;
}
.label-info,
.badge-info
{
background-color: #929292;
}
/************************************************** ************************************/
/* Headings and Titles */
h1,
h2,
h3,
h4
{
margin-top: 0px;
letter-spacing: 0px;
font-family: 'Arial,Helvetica,sans-serif';
color: #333
}
#content-row #component h1,
#content-row #component h2,
#content-row #component h3
{
background-color: #2594BA;
background-image: none;
border-radius: 20px 20px 20px 20px;
color: #FFFFFF;
padding: 5px 20px 5px 25px;
margin: 0 0 33px;
}
.simple-title #content-row #component h1,
.simple-title #content-row #component h2,
.simple-title #content-row #component h3
{
background-color: transparent;
color: #121212;
padding: 0;
margin-bottom: 25px;
}
h1
{
font-size: 15px;
line-height: 25px;
letter-spacing: 0px;
font-weight: bold;
margin-bottom: 25px;
padding: 0px;
text-transform: uppercase;
}
h1 span,
h2 span,
h3 span
{
display: block;
}
h1 span
{
padding-bottom: 60px;
}
h2
{
margin-bottom: 25px;
padding-top: 0px;
padding-bottom: 5px;
text-transform: uppercase;
font-weight: bold;
font-size: 15px;
line-height: 28px;
}
h3
{
margin-bottom: 0px;
padding-bottom: 20px;
text-transform: uppercase;
font-weight: 700;
font-size: 15px;
line-height: 28px;
}
.page-featured h3
{
padding: 0px 0px 10px;
}
h4
{
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
}
h5
{
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small
{
color: #999999;
}
.category_title,
.item_title,
.module_title
{
text-align: left;
}
h1,
h2.item_title,
.item__featured .item_title,
.module_title,
.page-category .item_title,
.page_header h2,
.category_title h2,
.item_title
{
color: #fff;
}
.item__featured .item_title
{
overflow: hidden;
}
.item__module h2.item_title
{
border-bottom: none;
}
.page_header
{
text-align: left;
}
/************************************************** ************************************/
/* Images */
.item_img,
.category_img,
.item_fulltext img,
.random-image img,
img.left,
img.right
{
margin-bottom: 25px;
display: inline-block;
max-width: 97%;
}
.mod-custom img,
.item_img img,
.category_img img,
.item_fulltext img,
.random-image img,
aside .img-intro__left img,
aside .img-intro__right img
{
background-color: #FFFFFF;
border-radius: 20px;
padding: 1px;
box-shadow: 1px 1px 2px #9CC0CC;
}
.img-intro__none,
.img-full__none
{
max-width: 97%;
}
#aside-left .img-intro__none,
#aside-left .img-full__none,
#aside-right .img-intro__none,
#aside-right .img-full__none
{
max-width: 100%;
}
.img-intro__none img,
.img-full__none img
{
max-width: 97%;
}
.img-intro__left,
.img-full__left,
img.left
{
float: left;
margin: 0 25px 21px 0px;
}
.img-intro__right,
.img-full__right,
img.right
{
float: right;
margin: 0 0 21px 25px;
}
.img-intro__left,
.img-intro__right,
.img-full__left,
.img-full__right
{
}
aside .img-intro__left,
aside .img-intro__right
{
margin-top: 3px;
margin-bottom: 10px;
padding: 1px;
}
img.noborder
{
border: none !important;
box-shadow: none !important;
}
.page-blog .items-row.cols-3 .item_img.img-intro
{
margin: 0px 0px 25px 0px;
width: 96%;
}
.page-blog .items-row.cols-3 .item_img.img-intro img
{
width: 100%;
overflow: hidden;
}
.random-image img
{
}
.menudesc img
{
float: left;
margin: 0px 20px 10px 0px;
}
/************************************************** ************************************/
/* Captions */
.img_caption
{
text-align: center!important;
}
.img_caption.left
{
float: left;
margin-right: 1em;
}
.img_caption.left p
{
clear: left;
text-align: center;
}
.img_caption.right
{
float: right;
margin-left: 1em;
}
.img_caption.right p
{
clear: right;
text-align: center;
}
.img_caption.none
{
margin-left: auto;
margin-right: auto;
}
/************************************************** ************************************/
/* Lists */
.categories-module li,
.archive-module li
{
}
ul.categories-module h5
{
font-size: 1em;
line-height: inherit;
font-weight: normal;
margin: 0;
}
.categories-module,
.archive-module
{
margin: 0;
}
.categories-module li,
.archive-module li
{
line-height: 30px;
}
.categories-module li a,
.archive-module li a
{
font-size: 14px;
line-height: 30px;
color: #626262;
}
.categories-module li a:hover,
.archive-module li a:hover
{
color: #F93;
}
.moduletable ul
{
margin-left: 0px;
}
.moduletable ul li
{
line-height: 25px;
list-style-image: url("../images/liststyle.1.png");
list-style-position: inside;
}
.moduletable ul.item-list li
{
list-style: none;
list-style-image: none;
background: url('../images/liststyle.1.png') left 11px no-repeat;
padding: 0 0 0 25px;
}
.tooltip
{
background-color: #2594BA;
color: #fff;
border-radius: 10px;
}
/************************************************** ************************************/
/* Buttons */
#featured-row a.btn,
#featured-row .btn,
#featured-row a.readmore,
#featured-row a.button,
#featured-row .readmore,
#footer-row a.btn,
#footer-row .btn,
#footer-row a.readmore,
#footer-row .readmore,
#footer-row .button,
#aside-row-1-left .btn,
#aside-row-1-left a.btn,
#aside-row-1-left a.readmore,
#aside-row-1-left .readmore,
#aside-row-1-left .button,
#aside-row-2-right a.btn,
#aside-row-2-right .btn,
#aside-row-2-right a.readmore,
#aside-row-2-right .readmore,
#aside-row-2-right .button
{
padding: 7px 25px;
font-size: 13px;
line-height: 17px;
border-radius: 20px;
color: #121212;
background-color: #fff;
text-transform: lowercase;
float: right;
}
#featured-row a.btn:hover,
#featured-row .btn:hover,
#featured-row a.readmore:hover,
#featured-row a.button:hover,
#featured-row .readmore:hover,
#footer-row a.btn:hover,
#footer-row .btn:hover,
#footer-row a.readmore:hover,
#footer-row .readmore:hover,
#footer-row .button:hover,
#aside-row-1-left a.btn:hover,
#aside-row-1-left .btn:hover,
#aside-row-1-left a.readmore:hover,
#aside-row-1-left .readmore:hover,
#aside-row-1-left .button:hover,
#aside-row-2-right a.btn:hover,
#aside-row-2-right .btn:hover,
#aside-row-2-right a.readmore:hover,
#aside-row-2-right .readmore:hover,
#aside-row-2-right .button:hover
{
color: #121212;
background-color: #89DAF4;
}
.btn,
a.btn,
a.readmore,
.readmore,
.btn_info,
.btn-info,
.btn-group button.btn,
.mod-newsflash a.readmore,
.contentpane .button
{
padding: 7px 25px;
font-size: 13px;
line-height: 17px;
border-radius: 20px;
color: #fff ;
background-color: #2594BA;
text-transform: lowercase;
float: right;
}
.readmore a
{
color: #fff;
}
.btn-group button.btn,
.btn-toolbar .btn
{
padding: 10px 20px 10px 0px;
background-image: none;
}
.page-login button,
.contentpane .button,
.readmore
{
margin-top: 20px;
}
.btn:hover,
a.btn:hover,
.btn_info:hover,
.btn-info:hover,
.btn_info:active,
.btn-info:active,
.btn_info.active,
.btn-info.active,
.btn_info.disabled,
.btn-info.disabled,
.btn_info[disabled],
.btn-info[disabled],
.btn-primary:hover,
.btn_primary:hover,
.btn-primary:active,
.btn_primary:active,
.btn-primary.active,
.btn_primary.active,
.btn-primary.disabled,
.btn_primary.disabled,
.btn-primary[disabled],
.btn_primary[disabled],
.mod-newsflash a.readmore:hover,
a.readmore:hover,
.readmore:hover,
.contentpane .button:hover,
#component a.btn:hover,
#component .btn_info:hover,
#component .btn-info:hover,
#component .btn_info:active,
#component .btn-info:active,
#component .btn_info.active,
#component .btn-info.active,
#component .btn_info.disabled,
#component .btn-info.disabled,
#component .btn_info[disabled],
#component .btn-info[disabled],
#component .btn-primary:hover,
#component .btn_primary:hover,
#component .btn-primary:active,
#component .btn_primary:active,
#component .btn-primary.active,
#component .btn_primary.active,
#component .btn-primary.disabled,
#component .btn_primary.disabled,
#component .btn-primary[disabled],
#component .btn_primary[disabled],
#component .mod-newsflash a.readmore:hover,
#component a.readmore:hover,
#component .contentpane .button:hover,
#content-row-4 a.btn:hover,
#content-row-4 .btn_info:hover,
#content-row-4 .btn-info:hover,
#content-row-4 .btn_info:active,
#content-row-4 .btn-info:active,
#content-row-4 .btn_info.active,
#content-row-4 .btn-info.active,
#content-row-4 .btn_info.disabled,
#content-row-4 .btn-info.disabled,
#content-row-4 .btn_info[disabled],
#content-row-4 .btn-info[disabled],
#content-row-4 .btn-primary:hover,
#content-row-4 .btn_primary:hover,
#content-row-4 .btn-primary:active,
#content-row-4 .btn_primary:active,
#content-row-4 .btn-primary.active,
#content-row-4 .btn_primary.active,
#content-row-4 .btn-primary.disabled,
#content-row-4 .btn_primary.disabled,
#content-row-4 .btn-primary[disabled],
#content-row-4 .btn_primary[disabled],
#content-row-4 .mod-newsflash a.readmore:hover,
#content-row-4 a.readmore:hover,
#content-row-4 .contentpane .button:hover,
#footer-row a.btn:hover,
#footer-row a.readmore:hover,
#footer-row .button:hover
{
background-color: #89DAF4;
}
/************************************************** ************************************/
/* Pagination */
.pull-right
{
margin-top: 0px;
}
.btn-group .dropdown-toggle
{
padding: 10px 15px 11px;
border-radius: 20px !important;
}
.btn-group .dropdown-menu
{
border: 1px solid #CBCBCB;
border-radius: 20px;
}
.pagination span,
.pagination a
{
background: none !important;
padding: 0 6px;
}
.pagination ul
{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: none;
box-shadow: none;
margin: 0 auto;
}
.pagination ul li .pagenav
{
font: 800 14px/18px;
text-transform: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: none;
box-shadow: none;
}
.pagination ul li a.pagenav:hover
{
background: none;
color: #626262;
}
.pagination ul li .pagenav
{
color: #555555;
}
.pagination ul li span.pagenav
{
color: #555555;
}
.pagination ul li a.pagenav
{
color: #2594BA;
}
.pagination ul li.num span.pagenav
{
color: #626262;
}
/************************************************** ************************************/
/* BlockNumbers */
p.blocknumber,
p.blockchar
{
min-height: 40px;
padding: 0px 10px 15px 70px !important;
position: relative;
}
span.blocknumber,
span.blockchar
{
border-radius: 50%;
font-size: 20px;
height: 44px;
left: 0;
line-height: 44px;
position: absolute;
text-align: center;
width: 44px;
margin-top: 4px;
background-color: #161616;
border: 0px solid #ddd;
color: #fff;
}
#footer span.blocknumber
{
background-color: #ffffff;
}
span.blocktitle
{
font-size: 18px;
padding-bottom: 5px;
text-transform: uppercase;
color: #929292;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
span.blocknumber.blue
{
background-color: #2594BA;
}
/************************************************** ************************************/
/* Toggling */
.toggle
{
min-height: 30px;
font-size: 13px;
font-weight: normal;
background-image: url('../images/bg.toggle.open.png');
background-position: left top;
background-repeat: no-repeat;
cursor: pointer;
margin: 0px 0px 0px 0px;
padding: 6px 0px 3px 60px;
clear: both;
}
.toggle:hover
{
background-image: url('../images/bg.toggle.open.hover.png');
}
.toggle.opened
{
background-image: url('../images/bg.toggle.close.png');
background-position: left top;
background-repeat: no-repeat;
}
.toggle.opened:hover
{
background-image: url('../images/bg.toggle.close.hover.png');
}
.toggle_content
{
display: none;
margin: 15px 0px 20px 0px;
padding: 25px;
font-size: 12px;
font-weight: normal;
border-radius: 20px;
background-color: #FDFDFD;
border: 1px solid #DEDEDE;
color: #121212;
}
/************************************************** ************************************/
/* Searching */
ul#finder-filter-select-dates li.filter-date
{
margin-bottom: 4px;
margin-right: 4px;
}
ul#finder-filter-select-dates li.filter-date select.filter-date-operator
{
margin-bottom: 9px;
}
#searchForm fieldset
{
margin-bottom: 20px;
}
#searchForm fieldset label
{
display: inline-block;
margin-right: 1em;
}
#searchForm .form-limit label
{
float: left;
}
#searchForm .form-limit select
{
float: right;
position: relative;
top: -4px;
}
#searchForm .form-limit p
{
overflow: hidden;
clear: both;
}
dl.search-results
{
margin-bottom: 30px;
}
dl.search-results dt
{
margin-top: 20px;
}
.navbar-form .btn,
.navbar-form .btn-group
{
margin-top: 5px;
}
#mod-finder-searchword
{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
margin-bottom: 4px;
border: 1px solid #ebebeb;
box-shadow: none;
}
/************************************************** ************************************/
/* Modal */
.modalClose
{
margin: 14px;
}
div.modal.fade.in.loginPopup
{
width: 260px;
margin: -130px 0 0 -130px;
top: 50%;
left: 50%;
}
.login-greeting
{
margin: 0 0 9px 0;
}
.input-modal
{
width: 146px;
}
div.modal.fade
{
z-index: -500;
}
div.modal.fade.in
{
z-index: 1100;
}
/************************************************** ************************************/
/* Newsflash */
.mod-newsflash-adv__links .item_content
{
border-radius: 5px;
padding-bottom: 24px;
background-color: #e9e9e9;
}
.mod-newsflash-adv__links .item_content ul
{
margin-bottom: 0;
}
.mod-newsflash-adv__links .item_content ul li
{
line-height: 28px;
}
.mod-newsflash-adv__links .item_content ul li a
{
font-size: 14px;
line-height: 30px;
text-decoration: underline;
}
.mod-newsflash-adv__links .item_content ul li a:hover
{
color: #929292;
}
.mod-newsflash-adv__links .item_content h2
{
text-transform: none;
padding-bottom: 0;
line-height: 68px;
margin-bottom: 20px;
}
.mod-newsflash-adv__links a.readmore
{
background: none;
padding: 4px 0;
margin: 0 0 0 45px;
box-shadow: none;
border: none;
font-size: 14px;
}
.mod-newsflash-adv__links a.readmore:hover
{
color: #929292;
}
.mod-newsflash-adv__links .shadow span
{
bottom: 21px;
width: 92%;
left: 4%;
}
.mod-newsflash-adv__links.support .item_content
{
padding-bottom: 12px;
}
.mod-newsflash-adv__links.support .item_introtext
{
padding: 0 24px;
font-size: 14px;
line-height: 22px;
}
.mod-newsflash-adv__links .item_content ul li a,
.mod-newsflash-adv__links.support .item_introtext
{
color: #7F7F7F;
}
.mod-newsflash-adv__links.support a.readmore
{
margin: 0 0 0 24px;
}
/************************************************** ************************************/
/* Acymailing */
.acymailing_form,
.acymailing_form .acysubbuttons
{
text-align: right;
}
.acymailing_form input
{
padding: 5px 6px 4px;
}
.acymailing_form .acysubbuttons .button
{
margin-top: 7px;
line-height: 18px;
padding: 4px 1px 4px 27px;
}
.acymailing_module_form span.acymailing_finaltext
{
display: block;
padding-top: 40px;
text-align: right;
}
/************************************************** ************************************/
/* Back to Top */
#back-top
{
position: fixed;
bottom: 130px;
right: 30px;
z-index: 60;
}
#back-top a
{
width: 46px;
display: block;
text-align: center;
font-size: 12px;
line-height: 20px;
text-transform: none;
text-decoration: none;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
color: #626262;
}
#back-top span
{
width: 46px;
height: 46px;
display: block;
margin-bottom: 7px;
background: url('../images/up.arrow.png') no-repeat center center;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
border-radius: 50%;
border: 3px solid #ffffff;
background-color: transparent;
}
/************************************************** ************************************/
/* Gallery */
.page-gallery h1
{
padding:0;
}
.page-gallery .well
{
box-shadow: 0 0px 2px 0px #CCCCCC inset;
border-radius: 20px;
padding: 0 20px;
}
.page-gallery .img-intro__left,
.page-gallery .img-intro__right,
.page-gallery .img-full__left,
.page-gallery .img-full__right
{
max-width: 99%;
}
.page-gallery .item_img
{
margin: 0;
float: none;
display: block;
}
.page-gallery .item_img img
{
box-shadow: 1px 1px 2px #666;
padding: 0;
}
.page-gallery .item_title
{
margin: 0px;
padding: 0px 0px 10px;
text-align:center;
line-height: 32px;
font-size: 16px;
letter-spacing: 0px;
font-weight: bold;
text-transform: uppercase;
}
.page-gallery .item_title a
{
text-align:centre !important;
color:#fff;
}
.page-gallery .item_title a:hover
{
color:#909090;
}
.page-gallery ul#filters li
{
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
margin: 10px 15px 0 0;
}
.page-gallery li.item
{
margin-bottom: 30px;
}
.page-gallery p
{
padding-bottom: 10px;
line-height: 16px;
}
.category_child .category_title a
{
display: inline-block;
margin-right: 12px;
}
.page-gallery .category_desc
{
margin-bottom: 20px;
}
.page-gallery ul.singleColumn li
{
margin-left: 0;
}
.page-gallery .item_img.img-intro .touchGalleryLink img
{
width: 100%;
}
.page-gallery .btn
{
float: right;
}
.page-gallery a.zoom,
.page-item__gallery a.zoom
{
position: relative;
}
.page-gallery a.zoom span.zoom-bg,
.page-item__gallery a.zoom span.zoom-bg
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
opacity: 0;
filter: alpha(opacity=0);
}
.page-gallery .item_more
{
text-align: center;
}
.page-gallery .item_more a
{
display: inline-block;
padding: 2%;
color:#fff;
font-size: 1.5em;
font-weight: normal;
}
.page-gallery .item_more a:hover
{
color:#909090;
}
.page-gallery a.zoom span.icon-zoom-in,
.page-item__gallery a.zoom span.icon-zoom-in
{
}
.page-gallery .item_icons,
.page-item__gallery .item_icons
{
margin-bottom: 9px;
}
ul.singleColumn
{
margin: 0;
}
ul.singleColumn > .item
{
list-style: none;
width: 100%;
}
.view-article #prevArrow,
.view-article #nextArrow
{
display: none;
}
.isotope-item
{
z-index: 2;
}
.isotope-hidden.isotope-item
{
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item
{
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope
{
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item
{
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition
{
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
ul#filters li
{
display: inline-block;
vertical-align: top;
margin: 9px 9px 0 0;
}
#isotopeContainer
{
padding-top: 8px;
}
.page-gallery_img
{
margin-left: 0;
}
.category_children .category_child
{
margin-bottom: 20px;
}
#galleryOverlay
{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
opacity: 0;
z-index: 100000;
overflow: hidden;
display: none;
-moz-transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
background-image: url(../images/bg.gallery.png);
}
#galleryOverlay.visible
{
opacity: 1;
}
#gallerySlider
{
height:100%;
left:0;
top:0;
width:100%;
white-space: nowrap;
position:absolute;
-moz-transition:left 0.4s ease;
-webkit-transition:left 0.4s ease;
transition:left 0.4s ease;
}
#gallerySlider .placeholder
{
background: url("../images/system/preloader.gif") no-repeat center center;
height: 100%;
line-height: 1px;
text-align: center;
width:100%;
display:inline-block;
}
#gallerySlider .placeholder:before
{
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right:-1px;
}
#gallerySlider .placeholder img
{
display: inline-block;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
}
#gallerySlider.rightSpring
{
-moz-animation: rightSpring 0.3s;
-webkit-animation: rightSpring 0.3s;
}
#gallerySlider.leftSpring
{
-moz-animation: leftSpring 0.3s;
-webkit-animation: leftSpring 0.3s;
}
/* Firefox Keyframe Animations */
@-moz-keyframes
rightSpring
{
0% {
margin-left:0px;
}
50% {
margin-left:-30px;
}
100% {
margin-left:0px;
}
}
@-moz-keyframes
leftSpring
{
0% {
margin-left:0px;
}
50% {
margin-left:30px;
}
100% {
margin-left:0px;
}
}
/* Safari and Chrome Keyframe Animations */
@-webkit-keyframes
rightSpring
{
0% {
margin-left:0px;
}
50% {
margin-left:-30px;
}
100% {
margin-left:0px;
}
}
@-webkit-keyframes
leftSpring
{
0% {
margin-left:0px;
}
50% {
margin-left:30px;
}
100% {
margin-left:0px;
}
}
#prevArrow,
#nextArrow
{
border:none;
text-decoration:none;
background:url('../images/gallery/arrows.png') no-repeat;
opacity:0.5;
cursor:pointer;
position:absolute;
width:43px;
height:58px;
top:50%;
margin-top:-29px;
-moz-transition:opacity 0.2s ease;
-webkit-transition:opacity 0.2s ease;
transition:opacity 0.2s ease;
}
#prevArrow:hover,
#nextArrow:hover
{
opacity:1;
}
#prevArrow
{
background-position:left top;
left:40px;
}
#nextArrow
{
background-position:right top;
right:40px;
}
.page-gallery .view
{
}
.page-gallery .view:hover .mask
{
opacity:1;
-moz-transition:opacity 1s ease;
-webkit-transition:opacity 1s ease;
transition:opacity 1s ease;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
}
/*********************/
.body__home .well
.home .well
{
display:none;
}
.page-gallery .mask
{
position: absolute;
top: 0;
max-width: 99%;
width: 100%;
height: 100%;
opacity:0;
-moz-transition:opacity 1s ease;
-webkit-transition:opacity 1s ease;
transition:opacity 1s ease;
color:#fff;
border-radius: 20px;
}
.page-gallery .mask_cont
{
padding: 15px;
}
/************************************************** ************************************/
/* Testimonials */
blockquote
{
background-image: url('../images/styles/default/blockquote.png');
background-repeat: no-repeat;
background-position: left top;
padding: 0 0 0 40px;
}
blockquote p
{
font-size: 12px;
line-height: 20px;
}
blockquote a
{
display: block;
margin: 4px 5px 0px 0px;
}
.blockquote
{
float: left;
width: 40px;
height: auto;
margin: 0px 15px 10px 0px;
background-image: url('../images/styles/default/blockquote.png');
background-repeat: no-repeat;
}
blockquote small
{
color: #999999;
}
blockquote.pull-right
{
border-right: 5px solid #eeeeee;
}
/************************************************** ************************************/
/* General
/************************************************** ************************************/
/************************************************** ************************************/
#header-row
{
left: 0;
top: 0;
width: 100%;
z-index: 100;
padding-bottom: 40px;
}
.wrapper
{
}
#top_header .wrapper
{
}
#push
{
height: 180px;
}
.muted
{
color: #929292;
}
.item-separator
{
clear: both;
height: 50px;
}
.menudesc
{
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 1px dotted #ccc;
}
.row-fluid:last-child .menudesc
{
border-bottom: none;
margin-bottom: 0px;
padding-bottom: 0px;
}
p .price
{
text-align: right;
margin: 10px 6px 0px;
display: block;
}
/************************************************** ************************************/
.clearfix
{
*zoom: 1;
}
.clearfix:before,
.clearfix:after
{
display: table;
content: "";
line-height: 0;
}
.clearfix:after
{
clear: both;
}
.hide-text
{
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.left
{
float: left;
}
.right
{
float: right;
}
/************************************************** ************************************/
/* Header
/************************************************** ************************************/
/************************************************** ************************************/
.wshadow
{
position: relative;
z-index: 10;
}
.shadow
{
position: relative;
z-index: 1;
}
.shadow span
{
bottom: 0px;
display: block;
height: 0px;
left: 1%;
position: absolute;
width: 98%;
}
#top_header
{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0px auto;
}
/************************************************** ************************************/
/* Header Row */
#header-row .wrapper
{
}
#header-row .container
{
}
#header-row .mod-search
{
margin-top: 16px;
position: relative;
padding-left: 55px;
}
#header-row .mod-search_searchword
{
width: 286px;
border: none;
position: relative;
padding: 9px 6px 8px 35px !important;
display: block;
height: 32px;
border-radius: 3px;
box-shadow: none !important;
}
#header-row .btn-search
{
background: url('../../as002059/images/ico.search.png') 0px 0px no-repeat !important;
background-color: #FFFFFF !important;
width: 18px;
height: 18px;
padding: 0;
margin: 0;
text-indent: -999em;
border: none;
position: absolute;
top: 13px;
left: 66px;
z-index: 20;
box-shadow: none;
}
#header-row .moduletable.search input
{
background-color: transparent;
color: #000000 !important;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;
background-image: url('../images/bg.menu.active.png') !important;
border: none;
}
#header-row .moduletable.social
{
margin-top: 30px;
float: right;
}
#header-row .social
{
text-align: right;
}
#header-row .logo
{
line-height: 20px !important;
padding-top: 40px;
}
#header-row #logo a
{
display:block;
}
#header-row .logo a:hover
{
color: #fff;
}
#header-row #logo span.slogan
{
font-size: 12px;
margin-top: 10px;
display: inline-block;
padding-left: 120px;
}
/************************************************** ************************************/
/* Slider Row */
#slider-row
{
padding-top: 20px;
}
#slider-row .container
{
padding: 10px 0px 20px;
margin-bottom: 20px;
position: relative;
}
#slider-row .shadow
{
top: -1px;
}
.moduletable.slider
{
overflow: hidden;
padding-top: 8px;
padding-bottom: 8px;
border-radius: 5px;
}
/************************************************** ************************************/
/* Breadcrumb Row */
#breadcrumbs-row .moduletable
{
padding: 0 0 30px;
}
#breadcrumbs-row .moduletable .breadcrumb,
#breadcrumbs-row .moduletable .mod-custom
{
position: relative;
background-color: #2594BA;
border-radius: 20px;
padding: 10px 25px;
color: #fff;
}
#breadcrumbs-row .breadcrumb a
{
color: #000;
}
#breadcrumbs-row .breadcrumb a:hover
{
color: #fff;
}
/************************************************** ************************************/
/* Featured Row */
.body__home #featured-row
{
background-color: #2594BA;
padding: 0;
margin-bottom: 0;
}
#featured-row .container
{
background-color: #2594BA;
border-radius: 20px;
margin-bottom: 40px;
}
#featured-row .moduletable
{
margin-top: 15px;
}
#featured-row .moduletable .moduletable-wrapper
{
padding: 0 25px 25px;
}
#featured-row .mod-newsflash .item img,
#featured-row .mod-custom img
{
background-color: #ddd;
border: 15px solid #FFFFFF;
border-radius: 50%;
margin-bottom: 20px;
max-width: 70%;
transition: border-color 0.5s ease 0.1s;
}
#featured-row .mod-newsflash-adv .item_title,
#featured-row .module_title,
#featured-row .newsflash-title
{
border-radius: 0px;
padding: 0px;
margin: 10px 0px 20px;
text-transform: uppercase;
line-height: 18px;
font-weight: bold;
color: #fff;
text-align: left;
}
#featured-row .mod-newsflash h2
{
float: none;
overflow: visible;
margin: 10px 0px 10px 0px;
padding: 0px;
}
#featured-row .mod-newsflash .readmore,
#featured-row .mod-newsflash-adv .readmore
{
margin-top: 10px;
}
#featured-row p,
#featured-row h3 a,
#featured-row h4 a,
#featured-row h1,
#featured-row h2,
#featured-row h3,
#featured-row h4
{
color: #fff;
}
#featured-row .mod-newsflash:hover .readmore
{
background-color: #89DAF4;
transition: background-color 0.5s ease 0.1s;
}
#featured-row a.readmore:hover,
#featured-row .mod-newsflash:hover a
{
}
#featured-row .mod-newsflash:hover h2,
#featured-row .moduletable:hover .module_title,
#featured-row .moduletable:hover .newsflash-title,
#featured-row .mod-newsflash-adv .item:hover .item_title
{
color: #121212;
transition: color 0.5s ease 0.1s;
}
#featured-row .mod-newsflash .item ul
{
margin-bottom: 0;
}
#featured-row .mod-newsflash .item ul li
{
line-height: 28px;
}
#featured-row .mod-newsflash .item ul li a
{
font-size: 14px;
line-height: 30px;
text-decoration: underline;
}
#featured-row .mod-newsflash .item #system-readmore img
{
text-align: center;
display: block;
margin: 0px auto 20px;
}
#featured-row .mod-newsflash .item a.readmore
{
margin-top: 10px;
}
/************************************************** ************************************/
/* Header Bottom Row */
#header-bottom-row
{
padding-bottom: 50px;
}
#header-bottom-row .container
{
}
#header-bottom-row .moduletable-wrapper
{
}
#header-bottom-row h2,
#header-bottom-row h3
{
background-color: #2594BA;
background-image: none;
border-radius: 20px 20px 20px 20px;
color: #FFFFFF;
padding: 5px 20px 5px 25px;
margin: 0 0 33px;
}
/************************************************** ************************************/
/* Content
/************************************************** ************************************/
/************************************************** ************************************/
#content-row
{
}
#content-row .container
{
padding-top: 0px;
padding-bottom: 0px;
}
.page-header
{
border: none;
padding: 0;
margin: 0;
}
.page-item,
.page-featured
{
padding-bottom: 25px;
}
.page-item ul li
{
line-height: 25px;
list-style-image: url("../images/liststyle.1.png");
list-style-position: inside;
}
.page-featured .items-row .item__featured
{
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom: none;
}
.page-featured .items-leading .item__featured,
.page-category .category_desc p,
.page-blog .category_desc p
{
font-size: 12px;
line-height: 20px;
overflow: hidden;
padding-bottom: 15px;
border-bottom: none;
}
.page-featured .items-leading .item__featured,
.page-featured .items-row:last-child .item__featured
{
margin-bottom: 0px;
padding-bottom: 0px;
}
.page-blog .category_desc p,
.page-category .category_desc p,
.page-category .items-row
{
margin-bottom: 40px;
padding-bottom: 10px;
border-bottom: 1px solid #D4D4D4;
}
.item_info_dl dd
{
border-right: 1px solid #B3B3B3;
}
.contentpane,
.contentpane.modal
{
padding: 30px;
}
.item_info_dl
{
margin-top: 0;
margin-bottom: 12px;
font-size: 11px;
}
.item_info_dl dd
{
display: inline-block;
line-height: 11px;
padding-right: 12px;
margin-right: 12px;
margin-left: 0;
}
.item_info_dl dd:last-child
{
border: none;
}
.item > .btn-group.pull-right
{
margin: 48px 7px 10px 15px;
}
/************************************************** ************************************/
/* Content Rows */
#content-row-1,
#content-row-2,
#content-row-3
{
margin-bottom: 40px;
}
#content-row-2 .moduletable-wrapper,
#content-row-3 .moduletable-wrapper
{
padding: 35px 30px 30px;
border-radius: 20px;
border: 1px solid #eee;
}
#content-row-3 .module_title
{
margin: 0px auto 25px;
padding: 0px;
}
#content-row-4
{
margin: 40px 0 40px;
color: #fff;
}
#content-row-4 h1,
#content-row-4 h2,
#content-row-4 h3,
#content-row-4 h4,
#content-row-4 h5
{
color: #fff;
}
#content-row-4 .moduletable-wrapper
{
background-color: #2594BA;
border-radius: 20px;
padding: 25px;
overflow: hidden;
}
#content-row-4 .container .about p
{
padding-bottom: 0
}
#content-row-4 .mod-newsflash .item,
#content-row-4 .mod-single-article,
#content-row-4 .mod-custom
{
}
#content-row-4 .mod-single-article,
#content-row-4 .mod-custom
{
}
#content-row-4 .module_title
{
}
#content-row-4 .mod-newsflash .item ul
{
}
#content-row-4 .mod-newsflash .item ul li
{
}
#content-row-4 .mod-newsflash .item ul li a
{
}
#content-row-4 .mod-newsflash .item #system-readmore img
{
}
#content-row-4 .mod-newsflash .item a.readmore
{
}
#content-row-4 .mod-newsflash .item ul li a:hover
{
}
#content-row-4 .about
{
}
#content-row-4 .about [class^="icon-"],
#content-row-4 .about [class*=" icon-"]
{
float: left;
font-size: 40px;
margin-top: 15px;
text-align: left;
width: 60px;
height: 30px;
}
#content-row-5 .moduletable h1,
#content-row-5 .moduletable h2,
#content-row-5 .moduletable h3
{
background-color: #2594BA;
background-image: none;
border-radius: 20px 20px 20px 20px;
color: #FFFFFF;
padding: 5px 20px 5px 25px;
margin: 0 0 33px;
}
#content-row-5 .moduletable .item_title
{
color: #121212;
background-color: transparent;
}
#content-row-5 .moduletable
{
padding: 0px 0px 40px;
}
#content-row-6 .moduletable
{
padding: 45px 0px 70px;
}
#content-row-6 .moduletable.social ul li
{
display: inline;
font-weight: bold;
line-height: 29px !important;
list-style: none !important;
text-align: left;
}
#content-row-6 .moduletable.social li a
{
color: #FFFFFF;
display: block;
float: left;
font-size: 30px;
height: 60px;
line-height: 2;
text-align: center;
width: 60px;
transition: opacity 0.5s ease 0.1s;
opacity: 1;
}
#content-row-6 .moduletable.social li a:hover
{
opacity: 0.8;
transition: opacity 0.5s ease 0.1s;
}
#content-row-6 .moduletable.social .nav
{
margin: 0px;
padding: 0px;
float: right;
}
/************************************************** ************************************/
/* Blog Pages */
.page-blog p.item_title
{
line-height: 28px;
font-size: 15px;
letter-spacing: 0px;
margin-top: 0;
margin-bottom: 5px;
text-transform: uppercase;
color: #121212;
}
.page-blog .btn.btn-info
{
margin: 10px 0px;
float: right;
}
.page-blog .items-row.cols-1 .btn.btn-info,
.page-blog .items-row.cols-2 .btn.btn-info
{
float: left;
}
.page-blog .item
{
overflow: hidden;
margin-bottom: 25px;
}
.page-blog .items-leading,
.page-blog .items-row
{
padding-bottom: 15px;
margin-bottom: 40px;
padding-bottom: 0px;
border-bottom: 1px solid #D4D4D4;
}
.page-blog .items-row:last-child
{
border: none;
}
/************************************************** ************************************/
/* Category Pages */
.page-category p.item_title
{
line-height: 28px;
font-size: 15px;
letter-spacing: 0px;
margin-top: 0;
margin-bottom: 5px;
text-transform: uppercase;
color: #121212;
}
.page-category__testimonials blockquote
{
overflow: hidden;
}
.page-category__testimonials .img-intro__left
{
margin: 0px 15px 10px 0px;
}
.page-category__testimonials .item_img img
{
width: 150px;
}
.page-category__team .item_introtext
{
overflow: hidden;
}
.page-category [class*="cols-"] h2.item_title {
border: none;
padding-bottom: 0;
}
.page-category .btn.btn_info
{
margin: 10px 0px 5px;
float: right;
}
.page-category .items-row:last-child
{
border: none;
margin-bottom: 0px;
}
.page-category .item
{
overflow: hidden;
margin-bottom: 25px;
}
/************************************************** ************************************/
/* Archive Page */
#page-archive_items .item_title
{
padding-bottom: 0;
}
.page-archive_filters .filter-search.alert
{
padding-bottom: 0;
overflow: hidden;
}
.page-archive_filters select
{
margin-bottom: 8px;
display: inline-block;
}
.page-archive_filters button
{
display: inline-block;
margin-bottom: 8px;
}
.page-archive .alert-info
{
background-color: #eeeeee;
border: 1px solid #eeeeee;
}
.filter-search.alert
{
padding: 8px 21px;
}
/************************************************** ************************************/
/* Page 404 */
.errorBox
{
background: none;
text-align: left;
}
/************************************************** ************************************/
/* Contacts Page */
#jform_contact_message
{
resize: none;
width: 100%;
height: 167px !important;
}
#contact-form label
{
display: inline-block;
margin-bottom: 4px;
}
.phone-num
{
display: inline-block;
}
.icons-marker
{
font-size: 14px;
line-height: 20px;
}
.contact_email-copy,
.contact_vcard
{
margin: 0px 15px;
height: 30px;
line-height: 30px;
display: inline-block;
}
.contact_vcard
{
margin: 0;
}
#jform_contact_name,
#jform_contact_email,
#jform_contact_emailmsg
{
width: 100%;
margin-bottom: 10px;
}
#contact-form p
{
text-align: right;
margin: 3px 0px 0px;
}
.contact_email-copy
{
margin-top: 13px;
}
#contact-form .controls button
{
margin-top: 12px;
}
.contact_details .icons-marker
{
display: block;
width: 16px;
margin-right: 12px;
float: left;
}
.contact_address
{
overflow: hidden;
}
#contact_map
{
margin: 20px 0px;
height: 358px;
border: 1px solid #cbcbcb;
background-color: #F7F7F7;
padding: 20px;
border-radius: 20px;
}
#contact_map > div
{
height: 100%;
}
/************************************************** ************************************/
/* Sidebars
/************************************************** ************************************/
/************************************************** ************************************/
.aside
{
margin-bottom: 30px;
overflow: hidden;
padding: 25px 30px 20px;
margin-left: 20px;
background-color: #F2F2F2;
box-shadow: 0 0px 2px 0px #CCCCCC inset
}
aside .moduletable
{
margin-bottom: 40px;
overflow: hidden;
}
.aside .module_title
{
color: #fff
}
#aside-row-1-left .moduletable
{
padding: 25px 30px 20px;
margin-right: 30px;
background-color: #2594BA;
border-radius: 20px;
color: #fff;
}
#aside-row-1-left .moduletable a,
#aside-row-2-right .moduletable a
{
color: #fff;
}
#aside-row-1-left .moduletable a.btn,
#aside-row-2-right .moduletable a.btn
{
color: #121212;
}
#aside-row-1-left .moduletable .readmore a,
#aside-row-2-right .moduletable .readmore a
{
color: #121212;
}
#aside-row-1-left .moduletable a:hover,
#aside-row-2-right .moduletable a:hover
{
color: #ddd;
}
#aside-row-2-left .moduletable
{
margin-right: 30px;
}
#aside-row-2-left .moduletable .module_title,
#aside-row-1-right .moduletable .module_title
{
background-color: #2594BA;
background-image: none;
border-radius: 20px 20px 20px 20px;
color: #FFFFFF;
padding: 5px 20px 5px 25px;
margin: 0 0 33px;
}
#aside-row-2-left .moduletable .item_title,
#aside-row-1-right .moduletable .item_title
{
color: #121212;
background-color: transparent;
}
#aside-row-1-right .moduletable
{
margin-left: 30px;
}
#aside-row-2-right .moduletable
{
border-radius: 20px;
padding: 25px 30px 20px;
margin-left: 30px;
background-color: #2594BA;
border-radius: 20px;
color: #fff;
}
.mod-login_userdata ul
{
float: left;
width: 100%;
}
#aside-row-1-left .moduletable ul li,
#aside-row-2-right .moduletable ul li
{
list-style-image: url(../images/styles/default/liststyle.5.png);
}
#aside-row-2-left .moduletable ul li,
#aside-row-1-right .moduletable ul li
{
border-bottom: 1px solid #eee;
}
#aside-row-2-left .moduletable ul li:hover,
#aside-row-1-right .moduletable ul li:hover
{
background-color: #f9f9f9;
}
.mod-newsflash .item
{
margin-bottom: 23px;
padding-bottom: 14px;
border-bottom: none;
}
.mod-newsflash .item:last-child
{
border: none;
margin-bottom: 0;
padding-bottom: 0;
}
.mod-newsflash__history .item_published
{
text-transform: none;
font-size: 14px;
display: inline-block;
padding-top: 2px;
}
.mod-newsflash h2
{
float: left;
overflow: hidden;
margin: 0px 25px 10px 0px;
padding: 0px;
}
.mod-newsflash h3
{
line-height: 24px;
}
aside .mod-search input.inputbox
{
margin: 0px;
width: 203px;
}
aside .mod-search button.btn.btn-search
{
margin-top: -1px;
padding: 5px 10px 4px;
}
.mod-search__aside .mod-search_searchword
{
width: 100%;
}
aside .mod-login input
{
margin-bottom: 10px;
}
.mod-login__aside .mod-login_username,
.mod-login__aside .mod-login_passwd
{
width: 100%;
}
.mod-login_submit
{
margin: 15px 0px 15px;
float: left;
width: 100%;
}
.mod-login_submit .btn
{
padding: 7px 35px !important;
}
aside .mod-login input.mod-login_username,
aside .mod-login input.mod-login_passwd
{
width: 100%;
}
#aside-row-2-left .btn.btn_info.readmore,
#aside-row-2-right .btn.btn_info.readmore
{
float: right;
margin-top: 10px;
}
#aside-right .moduletable ul.nav li,
#aside-left .moduletable ul.nav li
{
padding-left: 2px;
font-size: 12px;
font-weight: 200;
line-height: 16px;
margin-bottom: 0;
padding-bottom: 10px;
letter-spacing: 0px;
list-style-image: url(../images/liststyle.1.png);
text-transform: uppercase;
}
#aside-right .moduletable ul.nav li:hover,
#aside-left .moduletable ul.nav li:hover
{
list-style-image: url(../images/liststyle.1.png);
}
#aside-right .moduletable ul.nav li a,
#aside-left .moduletable ul.nav li a
{
display: inline-block;
}
#aside-right .moduletable ul.nav ul li,
#aside-left .moduletable ul.nav ul li
{
padding-left: 20px;
}
aside .moduletable ul.nav ul
{
margin-top: 15px;
}
aside .moduletable ul.nav ul li:last-child
{
padding-bottom: 0px;
}
/************************************************** ************************************/
/* News Show Pro GK4 */
/************************************************** ************************************/
.nspArt img.nspImage
{
border-radius: 20px;
}
.nspArt .blockquote_left
{
width: 50px;
height: 80px;
margin: 0;
}
.nspArt p.blockquote_right
{
padding: 0 40px 20px 0;
}
.review .nspArt h4.nspHeader
{
background: url("../images/rewiew_bottom_line.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
padding: 30px 0 0;
margin-top: 10px;
width: 100%;
}
.nspArt h4.nspHeader a
{
font-weight: normal;
}
.review .nspArt p
{
padding:0;
}
/************************************************** ************************************/
/* Footer
/************************************************** ************************************/
#footer
{
}
#footer-row
{
padding: 0px;
background-color: #0B0B0B;
color: #fff;
}
#footer-row .container
{
padding: 40px 0px;
}
#footer-row h1
#footer-row h2
{
border-bottom: none;
margin: 5px 0px 30px 0px;
color: #fff;
}
#footer-row h3,
#footer-row h4,
#footer-row h5
{
color: #ffffff;
}
#footer-row h1.social
{
font-size: 18px;
text-align: left;
margin-bottom: 0px;
padding-bottom: 2px;
letter-spacing: 0px;
}
#footer-row .mod-newsflash .item
{
margin-bottom: 8px;
}
#footer-row .footer-row-1
{
overflow: hidden;
}
#footer-row .footer-row-2
{
overflow: hidden;
clear: both;
margin-bottom: 0px;
}
#footer-row .footer-row-2 .moduletable-wrapper
{
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid #ccc;
}
#footer-row .footer-row-separator
{
clear: both;
margin: 25px 0px 30px 20px;
}
#footer-row ul li
{
list-style-position: inside;
line-height: 21px;
}
#footer-row ul.nav li
{
background-image: url("../images/styles/default/liststyle.4.png");
background-position: left top;
background-repeat: no-repeat;
list-style-image: none;
padding: 0 0 0 30px;
line-height: 30px;
}
#footer-row ul.nav li a
{
display: inline;
color: #ffffff;
}
#footer-row ul.nav li a:hover
{
color: #3DB1D8;
}
#footer-row .contactus [class^="icon-"],
#footer-row .contactus [class*=" icon-"]
{
width: auto;
}
#footer-row .contactus h4
{
margin: 1px 0px 5px;
font-weight: normal;
}
#footer-row .call-us
{
font-size: 21px;
min-height: 30px;
padding: 20px;
margin: 0 0 20px;
border-radius: 15px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)) !important; /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #333, #000) !important; /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #333, #000) !important; /* FF3.6+ */
background-image: -ms-linear-gradient(top, #333, #000) !important; /* IE10 */
background-image: -o-linear-gradient(top, #333, #000) !important; /* Opera 11.10+ */
background-image: linear-gradient(top, #333, #000) !important; /* W3C */
}
#footer-row .call-us p
{
background-image: url("../images/ico.contactus.png");
background-position: left top;
background-repeat: no-repeat;
min-height: 30px;
padding: 7px 0 0 40px;
text-align: right;
}
#footer-row .workhours
{
color: #4BBBE1;
font-weight: bold;
text-align: right;
}
#footer-row .moduletable.social ul li
{
display: inline;
font-weight: bold;
line-height: 29px !important;
list-style: none !important;
text-align: left;
}
#footer-row .moduletable.social li a
{
color: #FFFFFF;
display: block;
float: left;
font-size: 30px;
height: 60px;
line-height: 2;
text-align: center;
width: 60px;
transition: background 0.5s ease 0.1s;
}
#footer-row .moduletable.social li a:hover
{
color: #FFFFFF;
}
#footer-row .moduletable.social .nav
{
margin: 0px;
padding: 0px;
}
#footer-row div.sigplus-gallery ul > li > img,
#footer-row div.sigplus-gallery ul > li > a > img
{
margin: 6px !important;
border-radius: 0px;
}
#footer-row .noborder div.sigplus-gallery ul > li > img,
#footer-row .noborder div.sigplus-gallery ul > li > a > img
{
margin: 1px 5px !important;
}
#copyright-row
{
background-color: #111111;
background-image: none;
color: #ffffff;
border-top: 1px solid #fff;
}
#copyright-row .container
{
position: relative;
border-top: 1px solid #555555;
padding: 35px 0px 40px;
}
#copyright-row .mod-custom
{
float: left;
}
#trademark
{
float: left;
text-transform: uppercase;
}
#copyright-menu li
{
border-right: 1px solid #ffffff
}
#copyright-menu li a:hover
{
color: #2594BA;
}
#copyright-menu li a,
#copyright-menu li.current a,
#copyright-menu li.active a
{
color: #ffffff;
}
#copyright-menu
{
float: right;
}
#copyright-menu li
{
display: inline-block;
line-height: 11px;
padding-right: 12px;
margin-right: 12px;
background: none;
}
#copyright-menu .nav,
#copyright-menu li.lastItem
{
padding: 0;
margin: 0;
border: none;
}
#copyright-menu li a
{
text-transform: uppercase;
line-height: 11px;
background: none !important;
}
#copyright-menu li a:hover
{
}
#copyright-menu li.current a,
#copyright-menu li.active a
{
}
#copyright-menu li ul
{
display: none;
}
/************************************************** ************************************/
/* System Warning
/************************************************** ************************************/
.alert
{
background-color: #FEBEBE;
border-radius: 5px;
}