/********************************************************************************************************************************************

															THEME BLUE

*********************************************************************************************************************************************/


body {
color:#666666;
background: #c6c6c6;
}


/************************************************************************************************************************************

															HEADER WEBSITE
															
************************************************************************************************************************************/

.website-header {
background: #4b6e8c url(../images/bg-header.png) 50% 0 repeat-y;
}

.website-header .right-website {
background-color: #4b6e8c ;
}

.text_social_icons {
color:#eee;
}

.top_menu li a {
color: #ddd;
}

.top_menu li a:hover, .top_menu li.active a {
color: #fff;
}


/************************************************************************************************************************************

															TOP WEBSITE
															
************************************************************************************************************************************/


.top-website {
background:#fff;
}

.drop-down span.title_menu a {
background-color: #4b6e8c ;
}
.drop-down span.title_menu a:hover, .drop-down span.title_menu a:focus {
background-color: #355066 ;
}

/************************************************************************************************************************************

														MIDDLE WEBSITE
														
************************************************************************************************************************************/														


.website-content {
background:#e6e6e6;
}

.website-content .right-website, .website-content .right-website .title-centered .module-title h3 {
background:#4b6e8c;
}


.website-content .right-website, .breadcrumb a, .breadcrumb a:hover, h3, h4 {
color:#d7d7d7;
}

.website-content .right-website .title-centered .module-title {
border-color: #bbb;
}


/************************************************************************************************************************************

														FOOTER
														
*************************************************************************************************************************************/

.website-footer, .website-footer a {
color : #666;
}

.website-footer a:hover {
color : #111;
}





/************************************************************************************************************************************

									DEFAULT COLOR : don't touch that, you must change these colors in Template manager
															
************************************************************************************************************************************/

.website-title {
color: #42627E
}
.drop-down li a, .drop-down li span.separator, .left_column a {
color:#708EA0;
}		
.drop-down li.active > a, .drop-down li.active > span, .drop-down li:hover > a, .drop-down li:hover > span,
.left_column input[type="submit"], .left_column button, .left_column .vertical_menu li a:hover,
.left_column a:hover {
color:#394852;
}
a {
color: #EDD995;
}		
input[type="submit"], button, .vertical_menu li a:hover, a:hover, .contact .open a {
color: #FAFA8C;
}
h1, .componentheading, h1 a, h1 a:hover, .blog > h1, .blog > h2 {
color: #fff;
}		
h2, .right_column h3, .top-module-position h3, .bottom-module-position h3,
.user1 h3, .user2 h3, .user3 h3, .user4 h3, .user5 h3, .user6 h3, .user7 h3, .user8 h3, .user9 h3{
color: #eddccc;
}

.left_column h3 {
color: #708EA0;
}



/************************************************************************************************************************************

														General settinsg for dark theme in content box
														
************************************************************************************************************************************/	

.website-content .right-website blockquote small {
color: #CCCCCC;
}

.website-content .right-website .bg-success, .website-content .right-website .bg-info, .website-content .right-website .bg-warning, .website-content .right-website .bg-danger {
color :#444;
}

.website-content .right-website .bg-success a, .website-content .right-website .bg-info a, .website-content .right-website .bg-warning a, .website-content .right-website .bg-danger a,
.website-content .right-website .bg-success a:hover, .website-content .right-website .bg-info a:hover, .website-content .right-website .bg-warning a:hover, .website-content .right-website .bg-danger a:hover {
color :#111;
}

.website-content .right-website table, .website-content .right-website table * {
border-color: rgba(255,255,255,0.4) !important;
}

.website-content .right-website .moduletable.shadow {
background-image: url(../images/shadow-module-dark.png);
}

.website-content .right-website .active, .website-content .right-website .success, .website-content .right-website .info, .website-content .right-website .warning, .website-content .right-website .danger,
.website-content .right-website .bg-white, .website-content .right-website .bg-grey,
.website-content .right-website .top-module-position .white > div, .website-content .right-website .bottom-module-position .white > div, .website-content .right-website .user1 .white > div, .website-content .right-website .user2 .white > div,
.website-content .right-website .user3 .white > div, .website-content .right-website .user4 .white > div, .website-content .right-website .user5 .white > div, .website-content .right-website .user6 .white > div,
.website-content .right-website .top-module-position .grey > div, .website-content .right-website .bottom-module-position .grey > div, .website-content .right-website .user1 .grey > div, .website-content .right-website .user2 .grey > div,
.website-content .right-website .user3 .grey > div, .website-content .right-website .user4 .grey > div, .website-content .right-website .user5 .grey > div, .website-content .right-website .user6 .grey > div {
color: #666;
}

.website-content .right-website .top-module-position .white .module-title h3, .website-content .right-website .bottom-module-position .white .module-title h3, .website-content .right-website .user1 .white .module-title h3, .website-content .right-website .user2 .white .module-title h3,
.website-content .right-website .user3 .white .module-title h3, .website-content .right-website .user4 .white .module-title h3, .website-content .right-website .user5 .white .module-title h3, .website-content .right-website .user6 .white .module-title h3,
.website-content .right-website .top-module-position .grey .module-title h3, .website-content .right-website .bottom-module-position .grey .module-title h3, .website-content .right-website .user1 .grey .module-title h3, .website-content .right-website .user2 .grey .module-title h3,
.website-content .right-website .user3 .grey .module-title h3, .website-content .right-website .user4 .grey .module-title h3, .website-content .right-website .user5 .grey .module-title h3, .website-content .right-website .user6 .grey .module-title h3 {
color: #333;
}

.website-content .right-website legend {
color: #eee;
border-color: rgba(255,255,255,0.6);
}

.website-content .right-website .well {
filter:none;
background : #444;
background : rgba(255,255,255,0.18) ;
border: 1px solid #666;
border-color:rgba(255,255,255,0.18);
box-shadow: none;
}

.website-content .right-website h2.contentheading, .website-content .right-website h1 + h1 {
border-color : #ccc;
border-color : rgba(255, 255, 255, 0.08);
}

.website-content .right-website h2.contentheading > a:hover , .website-content .right-website h1 + h1 > a:hover {
color:#eee;
border-color : #ccc;
border-color : rgba(255, 255, 255, 0.10);
}


/**		Unordered lists without bullet 		**/

.website-content .right-website ul.simple li {
border-left:2px solid #7a93a9;
border-color:rgba(255,255,255,0.18) ;
background:#5d7c97;
background:rgba(255,255,255,0.10) ;
}

/**		Ordered lists	**/

.website-content .right-website ol.simple > li {
border-left: 2px solid #7a93a9;
border-color:rgba(255,255,255,0.18) ;
}
.website-content .right-website ol.simple > li:before {
color: #ddd; 
}

.website-content .right-website ol.labels > li {
background: #466783;
background:rgba(0,0,0,0.06);
}

.website-content .right-website ol.labels > li:before {
color: #ddd;
background: #7d96ac;
background: rgba(255,255,255,0.28) ;
}

.website-content .right-website ol.circle > li, .website-content .right-website .items-more ol > li {
border-color : #ccc;
border-color:rgba(255,255,255,0.28) ;
}

.website-content .right-website ol.circle > li:before, .website-content .right-website .items-more ol > li:before {
background: #7d96ac;
background:  rgba(255,255,255,0.28) ;
border-color : #ccc;
border-color : rgba(255,255,255,0.18) ;
color: #ddd;
}

.items-more ol > li:first-child {
border-color : #7d96ac;
border-color:rgba(255,255,255,0.20);
}

/*
*	Quotation
*/

.website-content .right-website blockquote {
border-color : #7d96ac;
border-color: rgba(255,255,255,0.18) ;
}

.website-content .right-website blockquote.pull-right {
border-color : #7d96ac;
border-color: rgba(255,255,255,0.28) ;
}


.website-content .right-website span.dropcap {
color: #eee;
}

.website-content .right-website select, .website-content .right-website textarea, .website-content .right-website input[type="text"], .website-content .right-website input[type="password"], .website-content .right-website input[type="datetime"], .website-content .right-website input[type="datetime-local"], .website-content .right-website input[type="date"], .website-content .right-website input[type="month"], .website-content .right-website input[type="time"], .website-content .right-website input[type="week"], .website-content .right-website input[type="number"], .website-content .right-website input[type="email"], .website-content .right-website input[type="url"], .website-content .right-website input[type="search"], .website-content .right-website input[type="tel"], .website-content .right-website input[type="color"], .website-content .right-website .inputbox {
background : #718ca4;
background : rgba(255,255,255,0.18) ;
border: 1px solid #8aa0b4;
border-color:rgba(255,255,255,0.18);
color:#ddd;
}

.website-content .right-website .contact-category th, .website-content .right-website .category-list th, .website-content .right-website table.weblinks th, .website-content .right-website table.newsfeeds th, .website-content .right-website table.category th, .website-content .right-website table.jlist-table th {
background:rgba(255,255,255,0.10);
border-color: #ccc;
border-color: rgba(255,255,255,0.10);
}

.website-content .right-website .contact-category td, .website-content .right-website .category-list td, .website-content .right-website table.weblinks td, .website-content .right-website table.newsfeeds td, .website-content .right-website table.category td, .website-content .right-website table.jlist-table td {
border-color: #ccc;
border-color: rgba(255,255,255,0.12);
}

.website-content .right-website .login + div .nav-stacked > li {
border-color: #ccc;
border-color: rgba(255,255,255,0.12);
}

.website-content .right-website .result-text .highlight {
background:rgba(255,255,255,0.08);
}

/**			Tags 			**/

.list-striped, .row-striped {
border-top: 1px solid rgba(255,255,255,0.14);
}

.list-striped li, .list-striped dd, .row-striped .row, .row-striped .row-fluid {
border-bottom: 1px solid rgba(255,255,255,0.14);
}

.list-striped li > h3, .list-striped dd > h3, .row-striped .row > h3, .row-striped .row-fluid > h3 {
border-bottom: 1px solid rgba(255,255,255,0.14);
}

.list-striped li:nth-child(odd),
.list-striped dd:nth-child(odd),
.row-striped .row:nth-child(odd),
.row-striped .row-fluid:nth-child(odd) {
background : rgba(255,255,255,0.03);
}

/**  		Error Message contact form  		**/

.website-content .right-website #system-message-container dl#system-message, .website-content .right-website #system-message-container #system-message > div {
background-color : #333;
background-color : rgba(0,0,0,0.4);
box-shadow:2px 2px 4px #000;
}

.website-content .right-website #system-message-container #system-message .error, .website-content .right-website #system-message-container #system-message h4 {
color: #fff ;
}

.website-content .right-website #system-message-container #system-message .error.message, .website-content .right-website #system-message-container #system-message > div > div {
color: #ddd ;
}

/**		Button ( Joomla 2.5 ) 		**/

.website-content .right-website input[type="submit"], .website-content .right-website button, .website-content .right-website .btn-primary, .website-content .right-website .btn-default, .website-content .right-website .btn {
background : transparent url(../images/black-20.png) 0 0 repeat;
background: rgba(0,0,0,0.27);
border: 1px solid #354a5d;
border-color:rgba(0,0,0,0.14);
color: #ddd !important;
}

.website-content .right-website input[type="submit"]:hover, .website-content .right-website button:hover, .website-content .right-website .btn-primary:hover, .website-content .right-website .btn-default:hover, .website-content .right-website .btn:hover {
background : transparent url(../images/black-10.png) 0 0 repeat;
background: rgba(0,0,0,0.22);
}

.website-content .right-website input[type="submit"]:active, .website-content .right-website button:active, .website-content .right-website .btn-primary:active, .website-content .right-website .btn-default:active, .website-content .right-website .btn:active {
background : transparent url(../images/white-10.png) 0 0 repeat;
background: rgba(255,255,255,0.10);
}

/**		Pagination 					**/

.website-content .right-website .pagination li > a, .website-content .right-website .pagination li > span {
background: #527390;
background-color: rgba(255,255,255,0.06);
border-color: #5c7b96;
border-color: rgba(255,255,255,0.12);
}

/**			Contact Form 			**/

.panel {
background:transparent;
background: rgba(255,255,255,0.04);
}

.website-content .right-website .contact-form {
border-color: #ccc;
border-color: rgba(255,255,255,0.06);
box-shadow : none;
}

.website-content .right-website .contact-miscinfo {
background:transparent;
background: rgba(255,255,255,0.04);
}

.website-content .right-website .contact .pane-toggler-down + div,								/** 		J2.5  		**/
.website-content .right-website .accordion-body.in {											/** 		J3.5  		**/
border-color: #5c7b96 !important;
border-color: rgba(255,255,255,0.06) !important;
}

.website-content .right-website #basic-details > a, .website-content .right-website #display-form > a, .website-content .right-website #display-misc > a,				/** 		J2.5  		**/
.website-content .right-website .accordion-heading > strong > a {									/** 		J3.5  		**/
color:#bbb;
border-color: #5c7b96;
border-color: rgba(255,255,255,0.12);
background: #354a5d;
background: rgba(0,0,0,0.25);
}

.website-content .right-website .pane-sliders #basic-details a:hover, .website-content .right-website .pane-sliders #display-form a:hover, .website-content .right-website .pane-sliders #display-misc a:hover,
.website-content .right-website .pane-sliders #basic-details.pane-toggler-down a, .website-content .right-website .pane-sliders #display-form.pane-toggler-down a, .website-content .right-website .pane-sliders #display-misc.pane-toggler-down a,				/** 		J2.5  		**/
.website-content .right-website .accordion-heading strong a:hover, .website-content .right-website .accordion-heading strong a:focus {																								/** 		J3.5  		**/
background: #354a5d;
background: rgba(0,0,0,0.35);
color:#ddd;
}

/**********			Contact Tabs				****************/

.website-content .right-website div.current,
.website-content .right-website #myTabContent {
border-color: #5c7b96;
border-color: rgba(255,255,255,0.12);
background:transparent;
background: rgba(255,255,255,0.04);
}

.website-content .right-website dl.tabs dt,
.website-content .right-website #myTabTabs li {
background: #354a5d;
background: rgba(0,0,0,0.25);
border-color: #5c7b96;
border-color: rgba(255,255,255,0.12);
color: #ddd;
}

.website-content .right-website .tabs .contact-miscinfo {
background:transparent;
}

/**		Frontend admin article Joomla 3.5 		**/

.website-content .right-website .edit #adminForm .tab-content > .tab-pane {
border-color: #ccc;
border-color: rgba(255,255,255,0.12);
}