@charset 'utf-8';

.accordion {
	position:relative;
	float:left;
	display:inline;
	text-align: left; 
	font-family:'TitilliumMaps26L500wt' ,Arial, Helvetica, sans-serif;   
	margin:15px; 
}

.accordion ol { 
	position: relative; 
	overflow: hidden; 
	height: 100%; 
	margin: 0; 
	padding: 0; 
}

.accordion li > h2 { 
	color: black; 
	font-weight: normal; 
	margin: 0; 
	z-index: 2; 
	position: absolute; 
	top: 0; 
	left: 0;
	font-size:15px;
	-webkit-transform: translateX(-100%) rotate(-90deg); 
	-webkit-transform-origin: right top; 
	-moz-transform: translateX(-100%) rotate(-90deg); 
	-moz-transform-origin: right top; 
	-o-transform: translateX(-100%) rotate(-90deg); 
	-o-transform-origin: right top; 
	-ms-transform: translateX(-100%) rotate(-90deg); 
	-ms-transform-origin: right top; 
	transform: translateX(-100%) rotate(-90deg); 
	transform-origin: right top; 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
}

.accordion li > h2 span { 
	display: block; 
	padding-left: 10px; 
	text-align: left; 
	margin: 0px; 
	font-family:'TitilliumMaps26L500wt' ,Arial, Helvetica, sans-serif;
}

.accordion li#acc_4 h2 span, .accordion li#acc_3 h2 span, .accordion li#acc_2 h2 span, .accordion li#acc_1 h2 span {
	background-image: url(../img/bg/accord/accor_header.png);
	height:46px;
}

.accordion li#acc_1 h2 span { background-position: 0 0; }

.accordion li#acc_2 h2 span { background-position: 0 -46px;}

.accordion li#acc_3 h2 span { background-position: 0 -92px; }

.accordion li#acc_4 h2 span { background-position: 0 -138px; }

.accordion li img { position:absolute; top:0; left:0;}

.accordion li > h2:hover { cursor: pointer; }

.accordion li > div { height: 100%; position: absolute; top: 0; z-index: 1; overflow: hidden; background:white; color:#000; font-size:14px; }

.accordion noscript p { padding: 10px; margin: 0; background: white; }

/****************************************** Basic */
.basic li > h2 { color: white; line-height:43px; margin:0;}
.basic li > div h3 { margin: 15px 10px; }
.basic li > div p { margin: 10px; font-size: 14px; }

.basic li > div a { color:#fff;}

figure { position:relative; margin:0; top:0;
}

figcaption {
	background: url(../img/bg/transparent_accord.png);
	z-index:4;
	position:absolute;
	top:35px;
	right:0;
	padding:15px;
	width:310px;
}

figcaption h1 { color:#7d9032; margin-bottom:5px;}

figcaption .button { 
	display:block; 
	float:right; 
	margin-top:30px; 
	font: bold 12px/31px Arial, Helvetica, sans-serif;  
	color:#fff; 
	background:url(../img/bg/accord/accord_btn.png) no-repeat top left;
	width:100px;
	height:31px;
	text-align:center;
	text-decoration:none;
}