@charset "utf-8";
/* CSS Document */

section
{
        display: block;
} 

.accordion
{
        background-color: #7b6458;
        border: 1px solid #655141;
        width: 700px;
        padding: 10px;
        margin: 50px auto;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
       /* -moz-box-shadow: 0 1px 0 #999;
        -webkit-box-shadow: 0 1px 0 #999;
        box-shadow: 0 1px 0 #999;*/
}

.accordion section
{
        border-bottom: 1px solid #454545;
        margin: 5px;
        background-color: #c0afa3;
		background-image:url(graphics/potty-virag.png);
	background-repeat:repeat;
		
       /* background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#343434));
        background-image: -webkit-linear-gradient(top, #fff, #eee);
        background-image:    -moz-linear-gradient(top, #fff, #eee);
        background-image:     -ms-linear-gradient(top, #fff, #eee);
        background-image:      -o-linear-gradient(top, #fff, #eee);
        background-image:         linear-gradient(top, #fff, #eee);*/
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}

.accordion h2,
 .accordion p
{
        margin: 0;
}

.accordion p
{
       letter-spacing:0.08em;
	font:Verdana, Geneva, sans-serif;
	
	font-size:14px;
	line-height:1.5em;
	color:#655141;
	background-color: #fce8de;
}

.accordion h2 a
{
        display: block;
        position: relative;
        font-size: 22px;
		font-family:Georgia, "Times New Roman", Times, serif;
		
		
		letter-spacing:0.08em;
	font:Verdana, Geneva, sans-serif;
	
	
	
		padding:10px;
        color: #655141;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}

.accordion h2 a:hover
{
        background: #c0afa3;
		
}

.accordion h2 + div
{
        height: 0;
        overflow: hidden;
        -moz-transition: height 0.3s ease-in-out;
        -webkit-transition: height 0.3s ease-in-out;
        -o-transition: height 0.3s ease-in-out;
        transition: height 0.3s ease-in-out;
}

.accordion :target h2 a:after
{
    content: '';
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -3px;
        border-top: 5px solid #333;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
}

.accordion :target h2 + div
{
        height: 680px;
}