.akordeon

{

    width: 280px;

    border: solid 1px #dddddd;

    color: White;

    font-family: Arial;

    font-size: 12px;

/*    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;*/

    behavior: url(PIE.htc);
	
	margin-top:0px;
	
	margin-bottom:15px;

}

.akordeon-item

{

    position: relative;

}

.akordeon-item .akordeon-item-head

{

    height:30px;

    background: #fefefe; /* Old browsers */

    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#f7f7f7));

    background-image: -moz-linear-gradient(#fefefe, #f7f7f7);

    background-image: -webkit-linear-gradient(#fefefe, #f7f7f7);

    background-image: -o-linear-gradient(#fefefe, #f7f7f7);

    background: -ms-linear-gradient(#fefefe, #f7f7f7);

    background: linear-gradient(#fefefe, #f7f7f7);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#303030',GradientType=0 ); /* IE6-9 */ /*position:relative;*/

    padding-top: 2px;

}

.akordeon-item .akordeon-item-body

{

    /*background: #424242;*/ /* Old browsers */

/*    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#424242), to(#303030));

    background-image: -moz-linear-gradient(#424242, #303030);

    background-image: -webkit-linear-gradient(#424242, #303030);

    background-image: -o-linear-gradient(#424242, #303030);

    background: -ms-linear-gradient(#424242, #303030);

    background: linear-gradient(#424242, #303030);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#303030',GradientType=0 );*/ /* IE6-9 */ /* min-height: 100px;     padding: 10px;*/

    border-bottom: none;

    overflow: hidden;

}

.akordeon-icon

{

    width: 34px;

    height: 30px;

    /*background: #c9f055;*/ /* Old browsers */

    /*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c9f055), to(#95e21a));

    background-image: -moz-linear-gradient(#c9f055, #95e21a);

    background-image: -webkit-linear-gradient(#c9f055, #95e21a);

    background-image: -o-linear-gradient(#c9f055, #95e21a);

    background: -ms-linear-gradient(#c9f055, #95e21a);

    background: linear-gradient(#c9f055, #95e21a);*/

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9f055', endColorstr='#95e21a',GradientType=0 ); /* IE6-9 */

  /*  border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;*/ /* position: absolute;     left: -8px;       top:14px;*/

    padding: 0;

    margin: 0;

    float: left;

    cursor: pointer;

    behavior: url(PIE.htc);

}

.akordeon-heading

{

    float: left;
	
	font-family:Arial, Helvetica, sans-serif;
	
	color:#000;
	
	font-size:11px;
	
	margin:0px;

    padding-left: 10px;

    padding-top: 0px;

    font-weight:bold;

}

.akordeon-icon span

{

    color:#35a465;

    font-size: 20px;

    position: absolute;

    left: 12px;

    top: 0px;

    font-weight: bold;

    text-align:center;

}

.akordeon-item.expanded .akordeon-icon span

{

    top:-2px;

}

.akordeon-item-head-container

{

    width: 100%;

    position: absolute;

    left: -8px;

    cursor: pointer;

}



.akordeon-item.expanded .akordeon-item-body

{

    border-top: solid 1px #dddddd;

}

.akordeon-item.collapsed

{

}



.akordeon-item.expanded .akordeon-heading

{

    color:#000;

}



.akordeon-item.expanded .akordeon-item-head

{

    background: #ebebeb !important; /* Old browsers */

    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebebeb), to(#ffffff)) !important;

    background-image: -moz-linear-gradient(#ebebeb, #ffffff) !important;

    background-image: -webkit-linear-gradient(#ebebeb, #ffffff) !important;

    background-image: -o-linear-gradient(#ebebeb, #ffffff) !important;

    background: -ms-linear-gradient(#ebebeb, #ffffff) !important;

    background: linear-gradient(#ebebeb, #ffffff) !important;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#303030',GradientType=0 ) !important; /* IE6-9 */ /* -webkit-box-shadow: 0px 10px 0px rgba(92, 92, 92, 0.75);     -moz-box-shadow: 0px 10px 0px rgba(92, 92, 92, 0.75);     box-shadow: 0px 10px 0px rgba(92, 92, 92, 0.75);*/

}

.akordeon-item-content

{

    padding: 10px;

    min-height:290px;

    height: 290px;

    overflow:auto;
	
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:11px;
	
	color:#000;
	
	font-weight:normal;
	
	line-height:18px;
	
	text-align:justify;
	

}

.akordeon-border-bottom

{

    border-bottom: solid 1px #dddddd;

}

.akordeon-border-top

{

    border-top: solid 1px #dddddd;

}

.akordeon-item.expanded .akordeon-item-body.akordeon-border-bottom

{

    border-bottom: solid 1px #dddddd;

}

.akordeon-item.akordeon-item-first .akordeon-item-head

{

    -webkit-border-top-left-radius: 4px;

    -webkit-border-top-right-radius: 4px;

    -moz-border-radius-topleft: 4px;

    -moz-border-radius-topright: 4px;

    border-top-left-radius: 4px;

    border-top-right-radius: 4px;

    behavior: url(PIE.htc);

}



.akordeon-item.akordeon-item-last.collapsed .akordeon-item-head

{

    -webkit-border-bottom-right-radius: 4px;

    -webkit-border-bottom-left-radius: 4px;

    -moz-border-radius-bottomright: 4px;

    -moz-border-radius-bottomleft: 4px;

    border-bottom-right-radius: 4px;

    border-bottom-left-radius: 4px;

    border-bottom: none;

    behavior: url(PIE.htc);

}

.akordeon-item.akordeon-item-last.expanded .akordeon-item-head

{

    -webkit-border-bottom-right-radius: 0px;

    -webkit-border-bottom-left-radius: 0px;

    -moz-border-radius-bottomright: 0px;

    -moz-border-radius-bottomleft: 0px;

    border-bottom-right-radius: 0px;

    border-bottom-left-radius: 0px;

    border-bottom: solid 1px #dddddd;

    behavior: url(PIE.htc);

}

.akordeon-item.akordeon-item-last.expanded .akordeon-item-body

{

    -webkit-border-bottom-right-radius: 4px;

    -webkit-border-bottom-left-radius: 4px;

    -moz-border-radius-bottomright: 4px;

    -moz-border-radius-bottomleft: 4px;

    border-bottom-right-radius: 4px;

    border-bottom-left-radius: 4px;

    behavior: url(PIE.htc);

}

