@charset "utf-8";

/*-------------------------
vertical sentence
-------------------------*/
.vertical-sentence{
	float:right;
	width:1.05em;
	line-height:1.05em;
	margin:1.5em 0.2em 0 0.2em;
	padding:0 0 0.2em 0;
	word-wrap:break-word;
	direction:ltr;
	position:relative;
	color:#222;
	height:650px;
	text-align:center;
}

.vertical-sentence-indentation{
	float:right;
	width:1.05em;
	line-height:1.05em;
	margin:2.5em 0.2em 0 0.2em;
	padding:0 0 0.2em 0;
	word-wrap:break-word;
	direction:ltr;
	position:relative;
	color:#333;
	height:650px;
	text-align:center;
}
.vertical-sentence-bottom{
	float:right;
	width:1.05em;
	line-height:1.05em;
	margin:580px 0.2em 0 0.2em;
	padding:0 0 0.2em 0;
	word-wrap:break-word;
	direction:ltr;
	position:relative;
	color:#333;
	height:100px;
	text-align:center;
}
/*--period--*/
.period{
	display:block;
	line-height:0.4em;
	margin:-0.3em 0 0.6em 0.6em;
	
}
/*--lower case--*/
.small-sentence{
	display:block;
	line-height:0.6em;
	margin:0 0 0.5em 0.3em;
}
/*--hyphen--*/
.hyphen{
	display:block;
	-moz-transform:matrix(0, 1, 1, 0, 0, 0);
	-webkit-transform:matrix(0, 1, 1, 0, 0, 0);
	-o-transform:matrix(0, 1, 1, 0, 0, 0);
	transform:matrix(0, 1, 1, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1, mirror=1);
	position:relative;
	left:-0.1em;
}
/*--speech parenthesis--*/
.speech-start,
.speech-end{
	display:block;
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.speech-start{
	line-height:0.4em;
	margin:0.2em 0 0.2em 0.2em;
}

.speech-end{
	line-height:0.5em;
	margin:0.6em 0 0.5em -0.5em;
}

/*--parenthesis--*/
.parenthesis-start,
.parenthesis-end{
	display:block;
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.parenthesis-start{
	line-height:0.4em;
	margin:0.3em 0 0.3em -0.05em;
}

.parenthesis-end{
	line-height:0.1em;
	margin:0.6em 0 -0.1em -0.05em;
}

/*--alphabet,number-vertical--*/
.alphabet-vertical{
	display:block;
	letter-spacing: 0.5em;
	margin: 0 -0.5em 0 0;
	text-align: center;
	line-height:0.85em;
}

/*--alphabet,number-horizon--*/
.alphabet-horizon-container{
	display:block;
	position:relative;
}
.alphabet-horizon-small,
.alphabet-horizon,
.alphabet-horizon-large{
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	display:block;
}
.alphabet-horizon{
	line-height:0.6em;
}

.alphabet-horizon-large{
	line-height:1em;
}

.alphabet-horizon-small{
	line-height:0.5em;
	margin:0 0 -0.2em 0;
}
.long-margin{
	line-height:2em;
}
.longest-margin{
	line-height:4em;
}

/*--img--*/
.volumen-img-1{
	width:400px;
	height:503px;
	position:absolute;
	top: 50%;
	margin-top: -251px ;
	left:50%;
	margin-left: -200px;
}
.volumen-img-2{
	width:436px;
	height:503px;
	position:absolute;
	top: 50%;
	margin-top: -251px ;
	left:50%;
	margin-left: -218px;
}
.volumen-img-3,
.volumen-img-4,
.volumen-img-5{
	width:400px;
	height:400px;
	position:absolute;
	top: 50%;
	margin-top: -200px ;
	left:50%;
	margin-left: -200px;
}