﻿body  {
	
	font: 12px/16px Arial,Helvetica,Garuda,sans-serif ;
	
}

.comp-csa-content-container {
    border-width: 0;
    font-size: 11px;
    line-height: 17px;
    list-style: none outside none;
    margin: -13px 0 0;
    outline: 0 none;
    overflow: hidden;
    padding: 0;
    width: 100%;
}


.comp-csa-content-container a {
	color: #444;
	text-decoration: underline;
}

.comp-csa-content-container a:hover {
	text-decoration: none;
}



.comp-csa-content-container img, .comp-csa-content-container object {
	display: block;
}

.comp-csa-content-container img {
	margin: 0px 15px 0 0;
	float: left;
	border: 5px solid #fff;    
}

.comp-csa-content-container .img {
	margin: 14px 15px 0 0;
	float: left;
	border: 5px solid #fff;
}

.comp-csa-content-container div.imgcenter {
	float: none;
	margin: 16px auto 0;
}

.comp-csa-content-container .img img {
	margin: 0;
	float: none;
	border: none;
}



.comp-csa-content-container h3 {
	font-size: 18px;
	line-height: 22px;
}

.comp-csa-content-container h4 {
	font-size: 14px;
	line-height: 16px;
}









.comp-csa-content-container p {
	margin: 16px 0 0;
}





.comp-csa-content-container .more {
	margin: 5px 0 0;
	display: block;
}

 .comp-csa-content-container .more + .more {
	float: right;
	clear: right;
}

.comp-csa-content-container .more + .more.all {
	margin: 0 10px 0 0;
	clear: none;
}

.comp-csa-content-container .more > * {
	font: 10px/12px hu,Arial,Helvetica,Garuda,sans-serif !important;
	color: #fff !important;
	text-transform: uppercase;
	text-decoration: none !important;
	cursor: pointer;
	padding: 4px 7px 0;
	float: right;
	height: 15px;	
}

.comp-csa-content-container .more > *{	background-color: #007481; }

.comp-csa-content-container .more > *:hover {	background-color: #00464e; }









.comp-csa-content-container .more.all > * {
	background: #f1f0f0 !important;
}

.comp-csa-content-container .more.all > *:hover{
	color: #fff;
	background: #353535 !important;
}

.comp-csa-content-container .more > * > span,
.comp-csa-content-container .more.all > *:hover > span {
	padding: 0 14px 0 0;
	display: block;
	background: url(/_layouts/Images/Comp.Studia.Akordeon/g_arr-1.png) no-repeat 100% 2px;
}












.comp-csa-content-container-bg {
	width: 370px;
	overflow: hidden;
	background: url(/_layouts/Images/Comp.Studia.Akordeon/bg2a.png) repeat-y;
}



.comp-csa-content-container .comp-content-col {
	/*padding: 0 22px;*/
	float: left;
	width: 100%;
	overflow: hidden;
}

.comp-csa-content-container .comp-content-col + .comp-content-col {
	margin-left: 11px;
}



.comp-csa-content-container .comp-csa-content-box {
	width: 100%;
	overflow: hidden;
}



.comp-csa-content-container .comp-csa-content-box.toggle
{
	margin: 8px 0 0;
}

.comp-csa-content-container .main-header {	
	padding: 20px 0 12px !important;
	width: 100%;
	overflow: hidden;
	border-bottom: 3px solid #efeeee;
}
.comp-csa-content-container .comp-csa-content-box .main-header {
	padding-top: 2px !important;
}

.comp-csa-content-container .comp-csa-content-box > .header {
	font-size: 11px;
	line-height: 13px;
	color: #a2a2a2;
	padding: 13px 0 0px;
	width: 100%;
	overflow: hidden;
}

.comp-csa-content-container .comp-csa-content-box .header p {
	margin: 0 0 0;
	padding: 6px 0 0;
	clear: both;
}

.comp-csa-content-container .header h2, 
.comp-csa-content-container .header h3,
.comp-csa-content-container .header h4,
.comp-csa-content-container .header .h
{
	font: 24px/24px hu,Arial,Helvetica,Garuda,sans-serif;	
	text-transform: uppercase;
	margin: 0 !important;
	padding: 0 !important;
	float: left;
}

.comp-csa-content-container .header h2 a, 
.comp-csa-content-container .header h3 a,
.comp-csa-content-container .header h4 a,
.comp-csa-content-container .header .h a{
text-decoration: none;
}


.comp-csa-content-container .header .h {
	font-size: 18px;
	line-height: 18px;
}

.comp-csa-content-container .header h2,
.comp-csa-content-container .header h3,
.comp-csa-content-container .header h4,
.comp-csa-content-container .header h2 a,
.comp-csa-content-container .header h3 a,
.comp-csa-content-container .header h4 a {
	color: #007481;
}

.comp-csa-content-container .comp-csa-content-box .header h2,
.comp-csa-content-container .comp-csa-content-box .header h3 {
	font-size: 18px;
	line-height: 22px;
	color: #007481;
}

.comp-csa-content-container .comp-csa-content-box .header h4 {
	font-size: 14px;
	line-height: 18px;
}








.comp-csa-content-container .comp-csa-content-box .entry
{
	padding: 0 0 18px;
	width: 100%;
	overflow: hidden;
	
}




.comp-csa-content-container .comp-csa-content-box .img,
.comp-csa-content-container .comp-csa-content-box img {
	border-color: #efeeee;
}


.comp-csa-content-container .comp-csa-content-box .more {
	margin: 5px 0 0;
}

.comp-csa-content-container .comp-csa-content-box.toggle .header {
	cursor: pointer;
	padding: 5px 0 3px;
	background: url(/_layouts/Images/Comp.Studia.Akordeon/g_btn-1a.png) no-repeat 100% 50%;
	border: solid #e1e1e1;
	border-width: 1px 0 0;
}

.comp-csa-content-container .comp-csa-content-box.toggle {
	border-color: #efeeee;
}



.comp-csa-content-container .comp-csa-content-box.toggle .comp-csa-content-box:first-child .header {	
	border-width: 0;
}

.comp-csa-content-container .comp-csa-content-box.toggle .comp-csa-content-box.active .header {
	border-bottom-width: 1px !important;
}

.comp-csa-content-container .comp-csa-content-box.toggle .comp-csa-content-box.active .header {
	background: url(/_layouts/Images/Comp.Studia.Akordeon/g_btn-1b.png) no-repeat 100% 50%;
}


.comp-csa-content-container .comp-csa-content-box.toggle .entry {
	display: none;
}




