/* ============================================================================================== */
/*                                                                                                */
/*    LIGHT THEME                                                                                 */
/*                                                                                                */
/* ============================================================================================== */


/* =====[ GLOBAL STYLES ]======================================================================== */

#content {
    background-color: #f1f1f1;
}

/* -----[ TYPOGRAPHY ]--------------------------------------------------------------------------- */

body,
a {
    color: #01346d;
}

p {
    color: #666;
}

h1 {
    border-color: #808080;
}

strong {
	color: #333;
	font-weight: bold;
}

blockquote {
    border-color: #fddb22;
}

p.dropcap .letter {
    color: #fff;
    background-color: #fddb22;
}

#content ul.list li {
    border-color: #808080;
    background-image: url("assets/list.png");
}

#content .infobox {
    border-color: #d2d2d2;
    background-color: #f8f8f8;
}

#content .infobox p {
    color: #141414;
}

#content .infobox p a {
    color: #fddb22;
}

/* -----[ FORMS ]-------------------------------------------------------------------------------- */

form .invalid {
    border-color: #fd9b9b;
    box-shadow: 0 0 3px rgba(2, 2, 2, 0.06) inset, 0 0 5px rgba(255, 0, 48, 0.18);
    -webkit-box-shadow: 0 0 3px rgba(2, 2, 2, 0.06) inset, 0 0 5px rgba(255, 0, 48, 0.18);
}

form input,
form textarea {
    border-color: #d2d2d2;
    color: #585858;
    background-color: #fff;
}

form .message .submit {
    background-image: url("assets/submit.png");
    background-color: #fddb22;
}

form .message .submit:hover {
    background-color: #01346d;
}

/* -----[ SOCIAL ICONS ]------------------------------------------------------------------------- */

a.social {
    background-image: url("assets/social.png");
}

/* -----[ NAVIGATION ]--------------------------------------------------------------------------- */

.navigation {
    background-color: #2087ce;
}

.navigation,
.navigation .left a,
.navigation .right a,
.navigation.shrinked .right {
    border-color: #2087ce;
}

.navigation a {
    background-image: url("assets/navigation.png");
    background-color: #2087ce;
}

.navigation a:hover {
    background-color: #01346d;
}

.navigation a.tumblr:hover {
    background-color: #346890;
}

.navigation a.pinterest:hover {
    background-color: #d1001e;
}

.navigation a.facebook:hover {
    background-color: #0042d9;
}

.navigation a.plus:hover {
    background-color: #ff7800;
}

.navigation a.twitter:hover {
    background-color: #1ab2e8;
}

.navigation.shrinked .right:hover a.more {
    background-color: #444;
}

/* =====[ SIDEBAR ]============================================================================== */

#bar {
	background-color: #fff;
	box-shadow: 1px 0 6px rgba(2, 3, 3, 0.2);
	-webkit-box-shadow: 1px 0 6px rgba(2, 3, 3, 0.2);
}

/* -----[ SWITCH ]------------------------------------------------------------------------------- */

#bar .switch .front,
#bar .switch .back {
    background-color: #01346d;
}

#bar .switch:hover .front,
#bar .switch:hover .back {
    background-color: #fddb22;
}

#bar .switch .front {
    background-image: url("assets/switch_left.png");
}

#bar .switch .back {
    background-image: url("assets/switch_right.png");
}

/* -----[ LOGO ]--------------------------------------------------------------------------------- */

#bar .logo {
    border-color: #eee;
}

#bar .logo a {
    background-image: url("assets/logo.png");
}

/* -----[ MENU ]--------------------------------------------------------------------------------- */

#bar .menu > li > a {
	border-color: #eee;
	color: #999;
}

#bar .submenu > a .ico {
    background-image: url("assets/menu_open.png");
    background-color: #fddb22;
}

#bar .submenu.open > a .ico {
    background-image: url("assets/menu_close.png");
}

#bar .submenu ul {
    background-color: rgba(0, 0, 0, 0.92);
}

[data-msie="8"] #bar .submenu ul {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EA000000, endColorstr=#EA000000)";
}

#bar .submenu ul a {
    color: #747474;
}

#bar .submenu ul a:hover {
    color: #f8f8f8;
}

[data-msie="8"] #bar .menu > li:hover > a {
	color: #fff;
	background-color: #01346d;
}

@media screen and (min-width: 481px) {

    #bar .menu > li:hover > a {
        color: #f8f8f8;
        background-color: #01346d;
    }

}

@media screen and (max-width: 480px) {

    #bar .menu > li > a:hover {
        color: #fff;
        background-color: #01346d;
    }

    #bar .menu > li:hover > a,
    #bar .submenu.open > a {
        border-color: #fddb22;
    }

}

/* -----[ FILTER ]------------------------------------------------------------------------------- */

#bar .filter {
    border-left-color: #f8f8f8 !important;
    border-bottom-color: #e5e5e5;
    background-color: #fff;
}

#bar .filter th {
    color: #fddb22;
}

#bar .filter label {
    color: #747474;
}

#bar .filter input + label {
    border-color: #d2d2d2;
    background-color: #fff;
}

#bar .filter input + label span {
    background-color: #fddb22;
}

/* -----[ FOOTER ]------------------------------------------------------------------------------- */

#bar .footer p {
    color: #666;
}
#bar .footer a {
	font-size: 11px;
	color: #666;
}

/* =====[ INFO BAR ]============================================================================= */

#info {
	background-color: #fff;
	box-shadow: -1px 0 6px rgba(2, 3, 3, 0.2);
	-webkit-box-shadow: -1px 0 6px rgba(2, 3, 3, 0.2);
	color: #FFF;
}

/* -----[ SWITCH ]------------------------------------------------------------------------------- */

#info .switch .front,
#info .switch .back {
    background-color: #fddb22;
}

#info .switch:hover .front,
#info .switch:hover .back {
    background-color: #01346d;
}

#info .switch .front {
    background-image: url("assets/switch_right.png");
}

#info .switch .back {
    background-image: url("assets/switch_left.png");
}

/* -----[ PANEL ]-------------------------------------------------------------------------------- */

#info .navigation a.link span {
    color: #444;
}

#info .navigation a.link:hover {
    background-color: #fff;
}

/* -----[ CONTENT ]------------------------------------------------------------------------------ */

#info .content {
    color: #585858;
}

#info h1 {
    border-color: #808080;
    color: #01346d;
}

#info h2 {
	border-color: #808080;
	color: #2087ce;
	font-size: 17px;
}
#info li {
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
	line-height: 16px;
}

#info .category {
    color: #eee;
}

#info .category a {
    color: #fddb22;
}

/* =====[ PANEL ]================================================================================ */

#panel {
    color: #fddb22;
    background-color: #fff;
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.35);
}

#panel .scroll .arrow {
    background-color: #01346d;
}

#panel .scroll .arrow:hover {
    background-color: #fddb22
}

#panel .scroll .up {
    background-image: url("assets/panel_up.png");
}

#panel .scroll .down {
    background-image: url("assets/panel_down.png");
}

#panel .scroll .left {
    background-image: url("assets/panel_left.png");
}

#panel .scroll .right {
    background-image: url("assets/panel_right.png");
}

#panel .scroll .arrow.disabled {
    background-color: #5f5f5f;
}

#panel .feedback {
    color: #747474;
    background-image: url("assets/panel_feedback.png");
}

/* =====[ THUMBNAILS ]=========================================================================== */

#thumbnails #content .hover {
    background-color: rgba(0, 0, 0, 0.7);
}

[data-msie="8"] #thumbnails #content .hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000)";
}

#thumbnails #content .hover .ico {
    background-image: url("assets/ico_zoom.png");
    background-color: #fddb22;
}

#thumbnails #content .hover .content * {
    color: #fff;
}

/* =====[ CAROUSELS ]============================================================================ */

#carousels #content hr {
    border-color: #808080
}

#carousels #content h2 .ico {
    background-color: #fddb22;
}

#carousels #content h2 .ico.latest {
    background-image: url("assets/ico_heart.png");
}

#carousels #content h2 .ico.news {
    background-image: url("assets/ico_note.png");
}

/* =====[ STRIPES ]============================================================================== */

#stripes #content .hover {
    background-color: rgba(0, 0, 0, 0.7);
}

[data-msie="8"] #stripes #content .hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000)";
}

#stripes #content .hover .ico {
    background-image: url("assets/ico_zoom.png");
    background-color: #fddb22;
}

#stripes #content .hover .content * {
    color: #fff;
}

/* =====[ BLOG ]================================================================================= */

#blog #content li {
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}

/* -----[ CONTENT BAR ]-------------------------------------------------------------------------- */

#blog #content li a {
    color: #fddb22;
}

#blog #content .info {
    color: #747474;
}

#blog #content .category a {
    background-image: url("assets/blog_category.png");
}

#blog #content .comments a {
    background-image: url("assets/blog_comments.png");
}

/* -----[ CONTENT ]------------------------------------------------------------------------------ */

#blog #content h2,
#blog #content h2 a {
    color: #fddb22;
}

#blog #content p {
    color: #585858;
}

/* -----[ TWITTER ]------------------------------------------------------------------------------ */

#blog #content .twitter .tweet a {
    background-image: url("assets/tweet.png");
}

#blog #content .twitter h2 span {
    color: #747474;
}

#blog #content .twitter p {
    color: #fddb22;
}

/* =====[ POST ]================================================================================= */

#post .post,
#post .comments {
    color: #585858;
}

/* -----[ POST ]--------------------------------------------------------------------------------- */

#post .post a {
    color: #fddb22;
}

#post .post h1 {
    border-color: #808080;
    color: #fddb22;
}

#post .post .info label {
    color: #747474;
}

/* -----[ COMMENTS ]----------------------------------------------------------------------------- */

#post .comments h2 {
    background-image: url("assets/post_comments.png");
}

#post .comments h2,
#post .comments h2 a {
    color: #fddb22;
}

#post .comment .comment-reply-link {
    color: #fff;
    background-color: #fddb22;
}

#post .comment .comment-reply-link:hover {
    background-color: #01346d;
}

/* -----[ FORM ]--------------------------------------------------------------------------------- */

#post .comments hr {
    border-color: #808080
}

/* =====[ ABOUT ]================================================================================ */

#about #content {
    color: #585858;
    background-image: url("assets/about.jpg");
}

#about #content .right {
    background-color: #fff;
}

#about #content .box {
    background-color: #fff;
}

#info h1 {
    border-color: #808080;
    color: #01346d;
}

#about #content h1 a {
    background-image: url("assets/ico_message.png");
    background-color: #fddb22;
}

#about #content h1 a:hover {
    background-color: #01346d;
}

/* =====[ CONTACT ]============================================================================== */

#contact .box h1 {
    border-color: #808080
}

#contact .box ul {
    color: #585858;
}

#contact .box li.email {
    background-image: url("assets/contact_email.png");
}

#contact .box li.address {
    background-image: url("assets/contact_address.png");
}

#contact .box li.phone {
    background-image: url("assets/contact_phone.png");
}

/* =====[ SECTORS ]============================================================================== */

.sectors img {
    background-color: #01346d;
}

/* =====[ PRICING TABLE ]======================================================================== */

.pricing {
    color: #585858;
}

.pricing li {
    border-color: #d2d2d2;
}

.pricing .header {
    color: #fff;
    background-color: #01346d;
}

.pricing .highlight {
    color: #fddb22;
    background-color: #f8f8f8;
}

.pricing .footer {
    border-color: #d2d2d2;
    background-color: #f8f8f8;
}

.pricing .footer .normal {
    color: #fff;
    background-color: #fddb22;
}

/* =====[ SLIDER ]=============================================================================== */

/* -----[ CONTENT ]------------------------------------------------------------------------------ */

#slider #content .content h2 {
	color: #666;
	background-image: url(../../data/tra.png);
	background-repeat: repeat;
}

#slider #content .content p {
    background-color: #fff;
}

/* -----[ PAGINATION ]--------------------------------------------------------------------------- */

#slider #content .pagination a {
    color: #01346d;
    background-color: #fff;
}

#slider #content .pagination a:hover,
#slider #content .pagination a.active {
    background-color: #fddb22;
}

#slider #content .pagination a.previous {
    background-image: url("assets/slider_previous.png");
}

#slider #content .pagination a.next {
    background-image: url("assets/slider_next.png");
}

/* =====[ PRELOADER ]============================================================================ */

[data-ui="preloader"] {
    background-image: url("assets/preloader.gif");
    background-color: #f8f8f8;
}

/* =====[ BUTTON ]=============================================================================== */

[data-ui="button"] {
    color: #fff;
}

/* -----[ FLAT ]--------------------------------------------------------------------------------- */

[data-ui="button"] .normal,
[data-ui="button"][data-color="gray"] .normal,
[data-ui="button"][data-type="flat"] .normal,
[data-ui="button"][data-type="flat"][data-color="gray"] .normal {
    color: #292929;
    background-color: #d3d3d3;
}

[data-ui="button"][data-color="pink"] .normal,
[data-ui="button"][data-type="flat"][data-color="pink"] .normal {
    color: #fff;
    background-color: #ed145b;
}

[data-ui="button"][data-color="blue"] .normal,
[data-ui="button"][data-type="flat"][data-color="blue"] .normal {
    color: #fff;
    background-color: #277dec;
}

[data-ui="button"][data-color="orange"] .normal,
[data-ui="button"][data-type="flat"][data-color="orange"] .normal {
    color: #fff;
    background-color: #f15a23;
}

[data-ui="button"][data-color="green"] .normal,
[data-ui="button"][data-type="flat"][data-color="green"] .normal {
    color: #fff;
    background-color: #00ae35;
}

[data-ui="button"][data-color="red"] .normal,
[data-ui="button"][data-type="flat"][data-color="red"] .normal {
    color: #fff;
    background-color: #fddb22;
}

[data-ui="button"][data-color="yellow"] .normal,
[data-ui="button"][data-type="flat"][data-color="yellow"] .normal {
    color: #fff;
    background-color: #eea11f;
}

[data-ui="button"][data-color="light blue"] .normal,
[data-ui="button"][data-type="flat"][data-color="light blue"] .normal {
    color: #fff;
    background-color: #32affc;
}

[data-ui="button"] .hover,
[data-ui="button"][data-type="flat"] .hover {
    color: #fff;
    background-color: #333333;
}

[data-ui="button"] .click,
[data-ui="button"][data-type="flat"] .click {
    color: #fff;
    background-color: #555;
}

/* -----[ 3D ]----------------------------------------------------------------------------------- */

[data-ui="button"][data-type="3d"] * {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 1px rgba(255, 255, 255, 0.3) inset;
}

[data-ui="button"][data-type="3d"] .normal,
[data-ui="button"][data-type="3d"][data-color="gray"] .normal {
    border-color: #9d9d9d;
    color: #292929;
    background-color: #d3d3d3;
    background-image: linear-gradient(to top, #d9d9d9, #ededed);
    background-image: -webkit-linear-gradient(bottom, #d9d9d9, #ededed);
    background-image: -moz-linear-gradient(bottom, #d9d9d9, #ededed);
    background-image: -o-linear-gradient(bottom, #d9d9d9, #ededed);
    background-image: -ms-linear-gradient(bottom, #d9d9d9, #ededed);
}

[data-ui="button"][data-type="3d"][data-color="pink"] .normal {
    border-color: #c0003f;
    color: #fff;
    background-color: #fddb22;
    background-image: linear-gradient(to top, #cc0244, #ff3376 99%);
    background-image: -webkit-linear-gradient(bottom, #cc0244, #ff3376 99%);
    background-image: -moz-linear-gradient(bottom, #cc0244, #ff3376 99%);
    background-image: -o-linear-gradient(bottom, #cc0244, #ff3376 99%);
    background-image: -ms-linear-gradient(bottom, #cc0244, #ff3376 99%);
}

[data-ui="button"][data-type="3d"][data-color="blue"] .normal {
    border-color: #0c57b3;
    color: #fff;
    background-color: #277dec;
    background-image: linear-gradient(to top, #1956ad, #5d94d6);
    background-image: -webkit-linear-gradient(bottom, #1956ad, #5d94d6);
    background-image: -moz-linear-gradient(bottom, #1956ad, #5d94d6);
    background-image: -o-linear-gradient(bottom, #1956ad, #5d94d6);
    background-image: -ms-linear-gradient(bottom, #1956ad, #5d94d6);
}

[data-ui="button"][data-type="3d"][data-color="orange"] .normal {
    border-color: #b32f0c;
    color: #fff;
    background-color: #f15a23;
    background-image: linear-gradient(to top, #ef2d00, #ff763a);
    background-image: -webkit-linear-gradient(bottom, #ef2d00, #ff763a);
    background-image: -moz-linear-gradient(bottom, #ef2d00, #ff763a);
    background-image: -o-linear-gradient(bottom, #ef2d00, #ff763a);
    background-image: -ms-linear-gradient(bottom, #ef2d00, #ff763a);
}

[data-ui="button"][data-type="3d"][data-color="green"] .normal {
    border-color: #508300;
    color: #fff;
    background-color: #00ae35;
    background-image: linear-gradient(to top, #2e8d00 1%, #95cf26);
    background-image: -webkit-linear-gradient(bottom, #2e8d00 1%, #95cf26);
    background-image: -moz-linear-gradient(bottom, #2e8d00 1%, #95cf26);
    background-image: -o-linear-gradient(bottom, #2e8d00 1%, #95cf26);
    background-image: -ms-linear-gradient(bottom, #2e8d00 1%, #95cf26);
}

[data-ui="button"][data-type="3d"][data-color="red"] .normal {
    border-color: #d80f10;
    color: #fff;
    background-color: #e10d0e;
    background-image: linear-gradient(#ff675f, #ef2324);
    background-image: -webkit-linear-gradient(#ff675f, #ef2324);
    background-image: -moz-linear-gradient(#ff675f, #ef2324);
    background-image: -o-linear-gradient(#ff675f, #ef2324);
    background-image: -ms-linear-gradient(#ff675f, #ef2324);
}

[data-ui="button"][data-type="3d"][data-color="yellow"] .normal {
    border-color: #d48300;
    color: #fff;
    background-color: #eea11f;
    background-image: linear-gradient(to top, #ee9f1e, #ffcc4d);
    background-image: -webkit-linear-gradient(bottom, #ee9f1e, #ffcc4d);
    background-image: -moz-linear-gradient(bottom, #ee9f1e, #ffcc4d);
    background-image: -o-linear-gradient(bottom, #ee9f1e, #ffcc4d);
    background-image: -ms-linear-gradient(bottom, #ee9f1e, #ffcc4d);
}

[data-ui="button"][data-type="3d"][data-color="light blue"] .normal {
    border-color: #0c74cd;
    color: #fff;
    background-color: #32affc;
    background-image: linear-gradient(to top, #338bf3, #32beff 99%);
    background-image: -webkit-linear-gradient(bottom, #338bf3, #32beff 99%);
    background-image: -moz-linear-gradient(bottom, #338bf3, #32beff 99%);
    background-image: -o-linear-gradient(bottom, #338bf3, #32beff 99%);
    background-image: -ms-linear-gradient(bottom, #338bf3, #32beff 99%);
}

[data-ui="button"][data-type="3d"] .hover {
    border-color: #000000;
    color: #fff;
    background-image: linear-gradient(bottom, #333, #525252);
    background-image: -webkit-linear-gradient(bottom, #333, #525252);
    background-image: -moz-linear-gradient(bottom, #333, #525252);
    background-image: -o-linear-gradient(bottom, #333, #525252);
    background-image: -ms-linear-gradient(bottom, #333, #525252);
}

[data-ui="button"][data-type="3d"] .click {
    border-color: #242424;
    color: #fff;
    background-image: linear-gradient(to top, #525252, #333);
    background-image: -webkit-linear-gradient(bottom, #525252, #333);
    background-image: -moz-linear-gradient(bottom, #525252, #333);
    background-image: -o-linear-gradient(bottom, #525252, #333);
    background-image: -ms-linear-gradient(bottom, #525252, #333);
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
}

[data-msie="9"] [data-ui="button"][data-type="3d"] .normal,
[data-msie="9"] [data-ui="button"][data-type="3d"][data-color="gray"] .normal {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#d9d9d9');
}

[data-msie="9"] [data-ui="button"][data-type="3d"][data-color="pink"] .normal {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff3376', EndColorStr='#cc0244');
}

[data-msie="9"] [data-ui="button"][data-type="3d"][data-color="blue"] .normal {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5d94d6', EndColorStr='#1956ad');
}

[data-msie="9"] [data-ui="button"][data-type="3d"][data-color="orange"] .normal {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff763a', EndColorStr='#ef2d00');
}

[data-msie="9"] [data-ui="button"][data-type="3d"][data-color="green"] .normal {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#95cf26', EndColorStr='#2e8d00');
}

[data-msie="9"] [data-ui="button"][data-type="3d"][data-color="red"] .normal {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff675f', EndColorStr='#ef2324');
}

[data-msie="9"] [data-ui="button"][data-type="3d"][data-color="yellow"] .normal {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffcc4d', EndColorStr='#ee9f1e');
}

[data-msie="9"] [data-ui="button"][data-type="3d"][data-color="light blue"] .normal {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#32beff', EndColorStr='#338bf3');
}

[data-msie="9"] [data-ui="button"][data-type="3d"] .hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#525252', EndColorStr='#333333');
}

[data-msie="9"] [data-ui="button"][data-type="3d"] .click {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#525252');
}

/* =====[ TABS ]================================================================================= */

/* -----[ MENU ]--------------------------------------------------------------------------------- */

[data-ui="tabs"] .menu li {
    border-color: #d2d2d2;
    color: #585858;
    background-color: #f3f3f3;
}

[data-ui="tabs"] .menu li.active {
    border-bottom-color: #fff;
    background-color: #fff;
}

[data-ui="tabs"] .menu li:hover,
[data-ui="tabs"] .menu li.active {
    color: #ea145a;
}

[data-ui="tabs"] .menu .switch {
    border-color: #d2d2d2;
    background-image: url("assets/combo.png");
}

[data-ui="tabs"] .menu .switch:hover,
[data-ui="tabs"] .menu.open .switch {
    border-color: #ea145a;
}

[data-ui="tabs"].shrink .menu {
    border-color: #d2d2d2;
    background-color: #fff;
}

[data-ui="tabs"].shrink .menu li {
    background-color: #fff;
}

/* -----[ PANELS ]------------------------------------------------------------------------------- */

[data-ui="tabs"] .panels {
    border-color: #d2d2d2;
    background-color: #fff;
}

[data-ui="tabs"] .panels li {
    color: #585858;
}

/* =====[ ACCORDION ]============================================================================ */

[data-ui="accordion"] {
    background-color: #fff;
}

[data-ui="accordion"],
[data-ui="accordion"] li + li .label {
    border-color: #d2d2d2;
}

[data-ui="accordion"] .icon {
    background-image: url("assets/menu_open.png");
    background-color: #fddb22;
}

[data-ui="accordion"] .active .icon {
    background-image: url("assets/menu_close.png");
}

[data-ui="accordion"] .label {
    color: #fddb22;
}

[data-ui="accordion"] .label:hover,
[data-ui="accordion"] .active .label {
    color: #fff;
    background-color: #01346d;
}

[data-ui="accordion"] li:hover + .active .label,
[data-ui="accordion"] .active + li:hover .label {
    border-color: #333; /* TODO: top-color ? */
}

[data-ui="accordion"] .content {
    color: #585858;
}

/* =====[ MESSAGE ]============================================================================== */

[data-ui="message"] {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.35) inset;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.35) inset;
    background-image: linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0) 70%);
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0) 70%);
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0) 70%);
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0) 70%);
    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0) 70%);
}

[data-ui="message"] .ico {
    background-image: url("assets/message.png");
}

[data-ui="message"] .close {
    background-image: url("assets/close.png")
}

[data-ui="message"][data-type="info"] {
    border-color: #6f94db;
    color: #0c46af;
    background-color: #bfd4f5;
}

[data-ui="message"][data-type="warning"] {
    border-color: #d19b41;
    color: #70511e;
    background-color: #f4e8b9
}

[data-ui="message"][data-type="error"] {
    border-color: #e66571;
    color: #b9001e;
    background-color: #f3d1cd;
}

[data-ui="message"][data-type="success"] {
    border-color: #71bd43;
    color: #195200;
    background-color: #ceec9e;
}

/* =====[ GRAPH ]================================================================================ */

[data-ui="graph"] .label {
    color: #585858;
}

[data-ui="graph"] .bar {
    background-color: #f8f8f8;
}

[data-ui="graph"] .fill {
    background-color: #01346d;
}

/* =====[ CAROUSEL ]============================================================================= */

[data-ui="carousel"] .item {
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}

[data-ui="carousel"] .item > a {
    background-image: url("assets/preloader.gif");
    background-color: #f8f8f8;
}

/* -----[ CONTENTS ]----------------------------------------------------------------------------- */

[data-ui="carousel"] .contents h3,
[data-ui="carousel"] .contents h3 a {
    color: #fddb22;
}

[data-ui="carousel"] .contents h3 a:hover {
    color: #fddb22;
}

[data-ui="carousel"] .contents p {
    color: #585858;
}

[data-ui="carousel"] .contents .date {
    color: #747474;
    background-image: url("assets/calendar.png");
}

/* -----[ TWITTER ]------------------------------------------------------------------------------ */

[data-ui="carousel"] .twitter .logo {
    background-color: #1ab2e8;
    background-image: url("assets/twitter.png");
}

[data-ui="carousel"] .twitter .info .tweet a {
    background-image: url("assets/tweet.png");
}

[data-ui="carousel"] .twitter h3 span {
    color: #747474;
}

[data-ui="carousel"] .twitter .text {
    color: #fddb22;
}

[data-ui="carousel"] .twitter .text a {
    color: #fddb22;
}

/* =====[ HOVER EFFECT ]========================================================================= */

[data-ui-hover] .hover {
    background-color: rgba(0, 0, 0, 0.7);
}

[data-msie="8"] [data-ui-hover] .hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000)";
}

[data-ui-hover] .hover .ico {
    background-image: url("assets/ico_zoom.png");
    background-color: #fddb22;
}

/* =====[ SCROLLBAR ]============================================================================ */

.jspTrack {
    background-color: #808080;
}

.jspHorizontalBar .jspTrack {
    box-shadow: 0 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.15) inset;
    -webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.15) inset;
}

.jspVerticalBar .jspTrack {
    box-shadow: 1px 0 rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.15) inset;
    -webkit-box-shadow: 1px 0 rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.15) inset;
}

.jspDrag {
    background-color: #a5a5a5;
    box-shadow: 0 0 1px #000 inset, 0 0 7px rgba(255, 255, 255, 0.1), 0 2px 3px rgba(0, 0, 0, 0.12), 0 0 6px #fff inset;
    -webkit-box-shadow: 0 0 1px #000 inset, 0 0 7px rgba(255, 255, 255, 0.1), 0 2px 3px rgba(0, 0, 0, 0.12), 0 0 6px #fff inset;
}

.jspHorizontalBar .jspDrag {
    background: linear-gradient(#fcfcfc, #e8e8e8);
    background: -webkit-linear-gradient(#fcfcfc, #e8e8e8);
    background: -moz-linear-gradient(#fcfcfc, #e8e8e8);
    background: -o-linear-gradient(#fcfcfc, #e8e8e8);
    background: -ms-linear-gradient(#fcfcfc, #e8e8e8);
}

.jspVerticalBar .jspDrag {
    background: linear-gradient(to right, #fcfcfc, #e8e8e8);
    background: -webkit-linear-gradient(left, #fcfcfc, #e8e8e8);
    background: -moz-linear-gradient(left, #fcfcfc, #e8e8e8);
    background: -o-linear-gradient(left, #fcfcfc, #e8e8e8);
    background: -ms-linear-gradient(left, #fcfcfc, #e8e8e8);
}

[data-msie="9"] .jspDrag,
[data-msie="8"] .jspDrag {
    background: #f5f5f5;
}

[data-msie="8"] .jspDrag {
    border: 1px solid #d2d2d2;
}

/* =====[ LIGHTBOX ]============================================================================= */

.fancybox-skin {
    color: #444;
    background-color: #f9f9f9;
}

.fancybox-opened .fancybox-skin {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-error {
    color: #444;
}

.fancybox-title-over-wrap,
.fancybox-title-outside-wrap,
.fancybox-title-float-wrap .child {
    color: #fff;
}

.fancybox-title-over-wrap,
.fancybox-title-float-wrap .child {
    background-color: rgba(0, 0, 0, 0.8);
}

[data-msie="8"] .fancybox-title-over-wrap,
[data-msie="8"] .fancybox-title-float-wrap .child {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)";
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url("assets/fancybox_sprite.png");
}

#fancybox-loading div {
    background-image: url("assets/fancybox_loading.gif");
}

.fancybox-nav {
    background-image: url("assets/fancybox_blank.gif");
}

.fancybox-overlay {
    background-image: url("assets/fancybox_overlay.png");
}