/*
  Name: annaamadio.ch Stylesheet
  Description: Stylesheet for the annaamadio.ch website
  Author: Markus Erdmann
  Author URI: http://www.esense.ch
*/

@font-face {
font-family: 'DroidSerifRegular';
src: url('/.resources/amadio/font/DroidSerif-Regular-webfont.eot');
src: url('/.resources/amadio/font/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('/.resources/amadio/font/DroidSerif-Regular-webfont.woff') format('woff'),
     url('/.resources/amadio/font/DroidSerif-Regular-webfont.ttf') format('truetype'),
     url('/.resources/amadio/font/DroidSerif-Regular-webfont.svg#DroidSerifRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'DroidSerifItalic';
src: url('/.resources/amadio/font/DroidSerif-Italic-webfont.eot');
src: url('/.resources/amadio/font/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
     url('/.resources/amadio/font/DroidSerif-Italic-webfont.woff') format('woff'),
     url('/.resources/amadio/font/DroidSerif-Italic-webfont.ttf') format('truetype'),
     url('/.resources/amadio/font/DroidSerif-Italic-webfont.svg#DroidSerifItalic') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'DroidSerifBold';
src: url('/.resources/amadio/font/DroidSerif-Bold-webfont.eot');
src: url('/.resources/amadio/font/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('/.resources/amadio/font/DroidSerif-Bold-webfont.woff') format('woff'),
     url('/.resources/amadio/font/DroidSerif-Bold-webfont.ttf') format('truetype'),
     url('/.resources/amadio/font/DroidSerif-Bold-webfont.svg#DroidSerifBold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'DroidSerifBoldItalic';
src: url('/.resources/amadio/font/DroidSerif-BoldItalic-webfont.eot');
src: url('/.resources/amadio/font/DroidSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
     url('/.resources/amadio/font/DroidSerif-BoldItalic-webfont.woff') format('woff'),
     url('/.resources/amadio/font/DroidSerif-BoldItalic-webfont.ttf') format('truetype'),
     url('/.resources/amadio/font/DroidSerif-BoldItalic-webfont.svg#DroidSerifBoldItalic') format('svg');
font-weight: normal;
font-style: normal;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 13, 2013 */
@font-face {
font-family: 'amadio_iconregular';
src: url('/.resources/amadio/font/amadio-iconfont-webfont.eot');
src: url('/.resources/amadio/font/amadio-iconfont-webfont.eot?#iefix') format('embedded-opentype'),
	 url('/.resources/amadio/font/amadio-iconfont-webfont.woff') format('woff'),
	 url('/.resources/amadio/font/amadio-iconfont-webfont.ttf') format('truetype'),
	 url('/.resources/amadio/font/amadio-iconfont-webfont.svg#amadio_iconregular') format('svg');
font-weight: normal;
font-style: normal;
}

.icon {
font-family: 'amadio_iconregular';
font-weight: normal;
font-style: normal;
}

html {
width:100%;
height:100%;
background-color:#ccc;
overflow-y:scroll;
/* font-size:125%; 1em = 20px */
font-size:125%;
padding:0;
margin:0;
}

body {
position:relative;
top:0;
left:0;
width:100%;
height:100%;
font-family: 'DroidSerifRegular', Times, 'Times New Roman', Georgia, serif, Serif;
padding:0;
margin:0;
color:#1d1d1b;
color:rgba(29,29,27,1);
}

h1, h2, h3, p, a, b, i, em, span, div {
font-family: 'DroidSerifRegular';
font-weight:normal;
}

h1.title {
display:block;
clear:both;
margin:0 0 2px 0;
padding:0.5em 10px;
background-color:#fff;
line-height:100%;
}

h1 strong {
font-size:85%;
font-family: 'DroidSerifBold';
font-weight:normal;
}

h2 strong {
color:#979797;
color:rgba(151,151,151,1);
font-size:65%;
font-family: 'DroidSerifRegular';
font-weight:normal;
line-height:140%;
}

a {
color:#979797;
color:rgba(151,151,151,1);
text-decoration:none;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

a:hover {
	color:#1d1d1b;
	color:rgba(29,29,27,1);
}

strong {
/*
font-family: 'DroidSerifBold';
*/
font-family: 'DroidSerifRegular';
font-weight:normal;
}

ul, ol {
list-style:none;
list-style-position:outside;
margin:0;
padding:0;
}

#wrapper {
position:relative;
width:100%;
height:100%;
z-index:10;
}

/*** header ***/
#header {
position:fixed;
top:0;
left:0;
width:auto;
padding:60px 0 0 0;
}

.portal-page #header,
.small #header {
position:absolute;
}

#logo {
padding:0 0 0 0.5em;
float:left;
}

#logo strong {
font-size:1.45em;
font-family: 'DroidSerifBold';
font-weight:normal;
}

#logo.white strong {
color:#fff;
color:rgba(255,255,255,1);
-moz-text-shadow:0px 2px 0px rgba(29,29,27,1);
-webkit-text-shadow:0px 2px 0px rgba(29,29,27,1);
-o-text-shadow:0px 2px 0px rgba(29,29,27,1);
-ms-text-shadow:0px 2px 0px rgba(29,29,27,1);
text-shadow:0px 2px 0px rgba(29,29,27,1);
}

#logo.black strong {
color:#1d1d1b;
color:rgba(29,29,27,1);
-moz-text-shadow:0px 1px 0px rgba(255,255,255,0.8);
-webkit-text-shadow:0px 1px 0px rgba(255,255,255,0.8);
-o-text-shadow:0px 1px 0px rgba(255,255,255,0.8);
-ms-text-shadow:0px 1px 0px rgba(255,255,255,0.8);
text-shadow:0px 1px 0px rgba(255,255,255,0.8);
}

.portal-page #logo {
padding:0 0 0 11em;
}

.portal-page #logo.white {
background:transparent url(/.resources/amadio/images/header-white.png) left 1.7em no-repeat;
}

.portal-page #logo.black {
background:transparent url(/.resources/amadio/images/header-black.png) left 1.7em no-repeat;
}

.portal-page #logo.white strong {
font-size:220%;
-moz-text-shadow:0px 2px 0px rgba(29,29,27,1);
-webkit-text-shadow:0px 2px 0px rgba(29,29,27,1);
-o-text-shadow:0px 2px 0px rgba(29,29,27,1);
-ms-text-shadow:0px 2px 0px rgba(29,29,27,1);
text-shadow:0px 2px 0px rgba(29,29,27,1);
}

.portal-page #logo.black strong {
font-size:220%;
-moz-text-shadow:0px 1px 0px rgba(255,255,255,1);
-webkit-text-shadow:0px 1px 0px rgba(255,255,255,1);
-o-text-shadow:0px 1px 0px rgba(255,255,255,1);
-ms-text-shadow:1px 2px 0px rgba(255,255,255,1);
text-shadow:0px 1px 0px rgba(255,255,255,1);
}

/*** navigation ***/
#nav-global {
position:fixed;
top:0;
left:0;
margin:11.1em 0 0 10px;
float:left;
width:9em;
padding:0.5em 0.5em 1em 0.5em;
background-color:#fff;
}

.small #nav-global {
position:absolute;
}

#nav-global ul,
#nav-global ul li,
#nav-global ul a,
#nav-global ul strong,
#nav-global ul span {
display:block;
clear:both;
margin:0;
padding:0;
}

#nav-global ul ul {
padding:0 0 1em 0;
}

#nav-global ul li.active a span,
#nav-global ul li.open.trail a span {
padding:0.25em 0 0.25em 50px;
background:transparent url(/.resources/amadio/images/line.png) left 1.15em no-repeat;
}

#nav-global ul li.active.open li span,
#nav-global ul li.open.trail li span {
padding:0 0 0.5em 50px;
background-image:none;
}

#nav-global ul li strong a,
#nav-global ul li.open.trail a,
#nav-global ul li.open.trail li strong a,
#nav-global ul li.open.trail li.trail a,
#nav-global ul li.open.trail li a:hover {
color:#1d1d1b;
}

#nav-global ul li.open.trail li a {
color:#979797;
}

#nav-global ul span {
font-size:85%;
line-height:130%;
padding:0.25em 0;
}

#nav-global ul ul span {
font-size:65%;
padding:0 0 0.5em 50px;
}

/*** language ***/
#language {
position:fixed;
top:0;
left:0;
margin:9em 0 0 10px;
background-color:#fff;
float:left;
width:9em;
line-height:2em;
height:2em;
overflow:hidden;
padding:0 0.5em;
z-index:100;
}

.portal-page #language,
.small #language {
position:absolute;
}

#language a,
#language strong {
font-size:65%;
padding:0 1em 0 0;
}

/*** content ***/
#content {
position:relative;
margin:9em 0 0 11em;
float:left;
width:15em;
}

.work-page #content {
width:30.5em;
margin:9em 0 0 11em;
}

.slider.work-page #content {
position:absolute;
width:100%;
height:100%;
margin:0;
float:none;
}

.section-page #content {
width:26.5em;
}

.section-page #content #section-wrapper {
position:relative;
background:transparent url(/.resources/amadio/images/line.png) 50px 24px no-repeat;
background-color:#fff;
background-color:rgba(255,255,255,1);
padding:50px;
width:100%;
float:left;
margin:0 0 5em 0;
}

.portal-page #content #section-wrapper {
margin:0 0 5em 0;
}

/*** project list ***/
ul.list li {
display:block;
clear:both;
margin:0 0 2px 0;
padding:0;
	opacity:0;
}

ul.list li a {
color:#1d1d1b;
color:rgba(29,29,27,1);
display:block;
padding:0.5em 10px 0.5em 60px;
clear:both;
background:#fff url(/.resources/amadio/images/line.png) 10px 1.2em no-repeat;
}

ul.list li a:hover {
color:#fff;
background-color:#1d1d1b;
background-color:rgba(29,29,27,1);
}

ul.list li strong {
font-size:85%;
line-height:100%;
}

ul.list li span {
font-size:75%;
color:#979797;
color:rgba(151,151,151,1);
padding:0 0 0 0.5em;
}

/*** project ***/
/* OLD
#button {
position:relative;
margin:9em 0 2px 11em;
background-color:#fff;
float:left;
height:2em;
line-height:2em;
z-index:80;
overflow:hidden;
}
*/

#button {
position:relative;
margin:9em 0 2px 11em;
padding:0.5em 0.5em 4em 0.5em;
background-color:#fff;
float:left;
height:auto;
z-index:80;
width:14em;
color:#1d1d1b;
}

#button h1 strong {
font-size:85%;
font-family: 'DroidSerifBold';
font-weight: normal;
}

#button:hover {
background-color:#1d1d1b;
background-color:rgba(29,29,27,1);
color:#fff;
}

#button span {
font-size:65%;
padding:0;
line-height:140%;
float:left;
}

#button p.text {
font-size:65%;
padding:1.5em 0 0 50px;
line-height:140%;
display:block;
clear:both;
text-align:left;
background:transparent url(/.resources/amadio/images/line.png) 0px 2.5em no-repeat;
}

#button p.text strong {
font-family: 'DroidSerifBold';
font-weight: normal;
}

#button span.date {
padding:0 0 0 0.5em;
float:none;
color:#979797;
}

#button span.icon {
position:absolute;
right:-0.1em;
bottom:0.05em;
padding:0 0.5em 0 0;
font-size:120%;
color:#1d1d1b;
color:rgba(29,29,27,1);
}

#button span.more {
position:absolute;
right:0;
bottom:0;
padding:0.25em 2em 0.25em 0;
color:#979797;
width:12em;
font-size:100%;
margin:0 0.5em 0 0;
border-top:1px solid #1d1d1b;
text-align:right;
}

#button span.more strong {
font-family: 'DroidSerifRegular';
font-weight: normal;
font-size:65%;
}

#button:hover span.icon {
color:#fff;
}

#button:hover span.more {
border-top:1px solid #fff;
}

#button em.ml {
font-style:normal;
color:#979797;
}

.project-edit {
float:left;
clear:both;
background-color:#fff;
padding:20px;
width:570px;
}

.art h1 {
font-size:100%;
}

.art p {
font-size:65%;
line-height:120%;
}

/* OLD
.project {
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
z-index:110;
background-color:#fff;
display:none;
}
*/

.project {
position:absolute;
top:0;
left:0;
/*
height:100%;
*/
width:80%;
z-index:110;
display:none;
margin:2.5em 0 0 11em;
}

.layer {
position:absolute;
top:0;
left:0;
width:100%;
/*
height:100%;
*/
float:left;
display:none;
}

.project-edit .layer {
position:relative;
width:auto;
height:auto;
background-color:transparent;
float:none;
display:block;
}

.layer.first {
display:block;
}

.item {
position:relative;
float:left;
padding:5em 0 5em 0;
background-color:#fff;
-moz-box-shadow:0 10px 30px rgba(0,0,0,0.5);
-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.5);
-o-box-shadow:0 10px 30px rgba(0,0,0,0.5);
-ms-box-shadow:0 10px 30px rgba(0,0,0,0.5);
box-shadow:0 10px 30px rgba(0,0,0,0.5);
}

.layer .item {
padding:6.5em 60px 3em 60px;
float:none;
display:block;
max-width:1400px;
min-width:835px;
margin:0;
padding:8.5em 60px 3em 60px;
margin:-2em 0 2em 0;
}

.project-edit .layer .item {
padding:0;
float:none;
width:auto;
max-width:auto;
min-width:100px;
margin:0 auto;
}

.layer.img .item {
min-width:765px;
}

.layer .item img.image {
width:100%;
cursor:pointer;
}

.layer.first .item {
padding:7em 2em 8em 0.5em;
width:auto;
margin:0;
padding:9em 2em 8em 0.5em;
-moz-box-shadow:0 10px 30px rgba(0,0,0,0.5);
-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.5);
-o-box-shadow:0 10px 30px rgba(0,0,0,0.5);
-ms-box-shadow:0 10px 30px rgba(0,0,0,0.5);
box-shadow:0 10px 30px rgba(0,0,0,0.5);
margin:-2em 0 2em 0;
}

.layer.first .item .text {
max-width:28em;
min-width:28em;
}

.project-edit .layer.first .item {
position:relative;
padding:0;
float:none;
width:auto;
max-width:auto;
min-width:100px;
margin:0 auto;
}

.project-edit .item {
position:relative;
float:none;
padding:0;
background-color:transparent;
}

/* OLD
#overlay {
position:fixed;
top:0;
left:0;
width:150%;
height:100%;
background-color:#fff;
z-index:1;
display:none;
}
*/

#overlay {
position:fixed;
top:0;
left:0;
height:100%;
width:150%;
z-index:1;
display:none;
/*
background-color:#fff;
margin:0 0 0.5em 11em;
box-shadow:0 0 30px rgba(0,0,0,0.5);
*/
margin:0 0 0.5em 0;
background-color:#fff;
background-color:rgba(255,255,255,0.75);
}

/* OLD
#nav-wrapper {
position:fixed;
top:0;
left:0;
width:100%;
background-color:#fff;
}
*/

#nav-wrapper {
position:absolute;
top:0;
left:0;
width:100%;
min-width:885px;
margin:-2em 0 0 0;
background-color:#2d2d2b;
}


#layer-nav {
position:relative;
top:0;
left:0;
display:block;
margin:0 10px;
padding:0 0 2em 0;
}

#counter {
position:absolute;
padding:0 0.5em;
width:7em;
left:4.5em;
}

.layer-counter,
.total-counter {
position:relative;
width:7em;
}

.layer-counter span {
position:absolute;
top:0;
left:0;
text-align:right;
width:2.8em;
padding:0 0 0;
}

.total-counter span {
position:absolute;
top:0;
left:3em;
text-align:left;
width:4em;
}

#counter,
.layer-counter,
.total-counter,
#prev-button,
#next-button,
#close-button {
float:left;
line-height:2em;
}

.layer-counter span,
.total-counter span,
#prev-button span,
#next-button span,
#close-button span {
font-size:65%;
float:left;
color:#979797;
}

#prev-button:hover span,
#next-button:hover span,
#close-button:hover span {
color:#fff;
}

#prev-button span.icon,
#next-button span.icon,
#close-button span.icon {
font-size:100%;
color:#fff;
line-height:2em;
float:left;
padding:0 0.5em;
}

#prev-button {
width:5em;
position:absolute;
left:0;
}

#next-button {
width:auto;
position:absolute;
left:10em;
}

#prev-button span.icon {
padding:0 0.5em 0 0;
}

#close-button span.icon {
padding:0 0 0 0.5em;
margin:0 0.5em 0 0;
}

#close-button {
position:absolute;
top:0;
right:-0.25em;
margin:0 0 0 0;
width:auto;
float:right;
color:#979797;
}

.thumb-list {
list-style:none;
margin:2em 0 0 0;
padding:0 0 0 50px;
width:28em;
float:left;
background:#fff url(/.resources/amadio/images/line.png) 0px 1px no-repeat;
}

.thumb-list.mini {
list-style:none;
background-image:none;
position:absolute;
top:0;
left:0;
margin:0.6em 0 0 18em;
padding:0;
width:auto;
overflow:hidden;
max-width:45%;
overflow:hidden;
float:left;
background-color:transparent;
}

.thumb-list.mini li {
padding:0;
cursor:pointer;
}

.thumb-list.mini li.thumb.mini a {
width:0.25em;
height:0.25em;
margin:0 2px 2px 0;
padding:0;
border:1px solid #979797;
overflow:hidden;
float:left;
text-indent:-999px;
font-size:100%;
}

.thumb-list.mini li.thumb.mini a:hover,
.thumb-list.mini li.thumb.mini a.active {
border:1px solid #fff;
}

.thumb-list {
position:absolute;
top:0;
left:32.5em;
width:11.5em;
padding:7em 0 0 0;
background-image:none;
}

.project-edit .thumb-list {
width:25em;
}

.thumb-list li {
float:left;
padding:0 10px 10px 0;
}

.thumb-list li a {
float:left;
line-height:0;
font-size:0;
border:1px solid #fff;
overflow:hidden;
}

.thumb-list li a:hover {
border:1px solid #1d1d1b;
}

.thumb-list li a:hover img {
opacity:0;
}

@media only screen and (max-width : 1400px) {
	/*
	.thumb-list {
	width:16em;
	}
	*/

	.project-edit .thumb-list {
	position:relative;
	left:0;
	width:25em;
	margin:2em 0 0 0;
	padding:0 0 0 50px;
	background:#fff url(/.resources/amadio/images/line.png) 0px 1px no-repeat;
	}

	.layer .thumb-list li {
	width:2em;
	height:2em;
	padding:0 5px 5px 0;
	}

	.layer .thumb-list li img {
	width:100%;
	}

	.project-edit .layer .thumb-list li {
	width:auto !important;
	height:auto !important;
	padding:0 10px 10px 0;
	}

}

@media only screen and (min-width : 1401px) {
	.thumb-list {
	width:19em;
	}

	.project-edit .thumb-list {
	position:relative;
	left:0;
	width:25em;
	margin:2em 0 0 0;
	padding:0 0 0 50px;
	background:#fff url(/.resources/amadio/images/line.png) 0px 1px no-repeat;
	}

}

	@media only screen and (max-width : 900px) {
		.thumb-list.mini {
		display:none;
		}
	}

/* OLD
.descr-wrapper {
position:fixed;
bottom:0;
left:0;
width:100%;
background-color:#fff;
}
*/

.descr-wrapper {
position:absolute;
top:0;
left:0;
width:100%;
min-width:870px;
margin: 0;
}

p.description {
position:relative;
padding:10px 0;
margin:0 10px;
border-bottom:1px solid #1d1d1b;
display:block;
clear:both;
text-align:center;
line-height:140%;
color:#979797;
background-color:#fff;
}

p.description  strong {
color:#1d1d1b;
font-family: 'DroidSerifBold';
font-weight:normal;
}

p.description em {
font-style:normal;
padding:0 0.5em;
}

/*** link and download ***/
.link {
position:relative;
display:block;
padding:0 0 50px 50px;
clear:both;
}

.section-page .link {
padding:0 0 50px 0;
}

.link.no-space {
padding-bottom:0px;
}

.link a {
font-size:65%;
}

.link em {
text-transform:uppercase;
font-style:normal;
font-size:80%;
padding:0 0 0 0.5em;
font-family: 'DroidSerifBold';
font-weight:normal;
color:#1d1d1b;
}

/*** text ***/
.text {
padding:0 0 50px 0;
text-align:justify;
}
.section-page .text {
position:relative;
}

.project .text,
.project-edit .text {
padding:1em 3px 0 50px;
display:block;
text-align:justify;
background:#fff url(/.resources/amadio/images/line.png) 0px 1.6em no-repeat;
}

.project-edit .text {
padding:1em 39px 0 50px;
}

.text h1 {
font-size:100%;
padding:0 0 1em 0;
}

.text p,
.text ul,
.text ol {
font-size:65%;
line-height:140%;
}

/*
.section-page .text p {
float:left;
}
*/

.text ol {
list-style-type: decimal;
}

.text ul {
list-style-type: disc;
}

.text.no-space {
padding-bottom:0;
}

.section-page ul,
.section-page ol {
padding:0 0 0 50px;
}

.section-page #nav-global ul {
padding-left:0;
}

.item h1 .date {
color:#979797;
color:rgba(151,151,151,1);
font-size:65%;
padding:0 0 0 0.5em;
}

.text ul strong,
.text ol strong,
.text p strong  {
font-family: 'DroidSerifBold';
font-weight:normal;
}

.text .image {
float:right;
padding:0 0 50px 0;
font-size:0;
line-height:0;
width:100%;
}

.text .image.small {
width:176px;
clear:none;
padding:0 0 20px 20px;
}

.text .image.no-space {
padding:0px;
}

@media only screen and (min-width : 1440px) {
	.text .image {
	position:absolute;
	left:29.5em;
	padding:0 !important;
	margin:-50px 0 0 0;
	top:0;
	border:10px solid #fff;
	font-size:100%;
	width:530px !important;
	}
}

/*** current project ***/
.current {
position:relative;
display:block;
border:10px solid #fff;
border-top:2em solid #fff;
clear:both;
margin:0 0 2px 0;
height:10em;
color: #1d1d1b;
color: rgba(29,29,27,1);
background:transparent url(/.resources/amadio/images/trans.gif) 0 0 repeat;
}

.current:hover {
color:#fff;
border-color: #1d1d1b;
border-color: rgba(29,29,27,1);
}

.current span {
position:absolute;
top:-2em;
left:0;
display:block;
clear:both;
padding:0.2em 0 0 50px;
line-height:2em;
background:transparent url(/.resources/amadio/images/line.png) 0 1.35em no-repeat;
}

.current span strong {
font-size:85%;
}

.home-link {
position:relative;
display:block;
clear:both;
margin:0 0 2px 0;
background-color:#fff;
color: #1d1d1b;
color: rgba(29,29,27,1);
	opacity:0;
}

.home-link:hover {
display:block;
clear:both;
margin:0 0 2px 0;
background-color: #1d1d1b;
background-color: rgba(29,29,27,1);
color: #fff;
}

.home-link span {
line-height:2em;
padding:0.5em 10px 0.4em 60px;
background:transparent url(/.resources/amadio/images/line.png) 10px 1.25em no-repeat;
display:block;
}

.home-link span strong {
font-size:85%;
line-height:130%;
display:block;
}

/*** fullscreen background image ***/
#bgimg {
position:fixed;
z-index: -1;
top:0;
left:0;
}

#raster {
position:fixed;
top:0;
left:0;
z-index: 1;
zoom:1;
overflow:auto;
height:100%;
width:100%;
}

#content #raster {
z-index: -1;

}

@media only screen and (min-width : 1400px) {
	#raster {
	background:transparent url(/.resources/amadio/images/raster.png) center center repeat;
	}
}

/*** info ***/
.info {
float:left;
}

.info.top-right {
position:fixed;
right:10px;
top:25px;
padding:10px 0 0 0;
}

.info.rel-right {
position:absolute;
right:-330px;
top:29px;
padding:0 0 0 10px;
}

.info.rel-top {
position:absolute;
right:0;
top:-20px;
padding:0 0 10px 0;
}

.info.up {
background:transparent url(/.resources/amadio/images/arrow-up.png) top right no-repeat;
}

.info.left {
background:transparent url(/.resources/amadio/images/arrow-left.png) 0 2px no-repeat;
}

.info.bottom {
background:transparent url(/.resources/amadio/images/arrow-down.png) right bottom no-repeat;
}

.info span {
background-color:#ffff55;
font-size:65%;
padding:10px;
float:left;
line-height:130%;
min-width:300px;
}

/*** box shadow ***/
#language,
#nav-global,
ul.list li,
#button,
.section-page #content #section-wrapper,
.current,
.home-link span {
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.1);
-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.1);
-o-box-shadow:0px 0px 5px rgba(0,0,0,0.1);
-ms-box-shadow:0px 0px 5px rgba(0,0,0,0.1);
box-shadow:0px 0px 5px rgba(0,0,0,0.1);
}

/*** warning ***/
.warning {
background-color:#ff5555;
padding:20px;
color:#fff;
margin:1em 0 0 0;
}

/*** esense ***/
#esense {
position:fixed;
bottom:0;
right:0;
z-index:10;
padding:0;
margin:0;
float:right;
color:#1d1d1b;
color:rgba(29,29,27,0.2);
overflow:hidden;
}

#esense strong {
position:relative;
top:0;
float:right;
font-size:140%;
line-height:1em;
height:1.25em;
letter-spacing:-0.48em;
padding:0 1em 0 0;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

#esense:hover strong {
color:#fff;
-webkit-text-shadow:0px 2px 5px rgba(0,0,0,0.8);
-moz-text-shadow:0px 2px 5px rgba(0,0,0,0.8);
-o-text-shadow:0px 2px 5px rgba(0,0,0,0.8);
-ms-text-shadow:0px 2px 5px rgba(0,0,0,0.8);
text-shadow:0px 2px 5px rgba(0,0,0,0.8);
}

#esense strong,
#esense strong span {
font-family: 'amadio_iconregular';
font-weight:normal;
float:left;
}

#esense strong span {
font-size:0;
color:rgba(0,0,0,0);
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
opacity:0;
}

#esense:hover span {
font-size:100%;
color:#fff;
opacity:1;
}

#esense em {
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	transition-delay: 0.5s;
position:relative;
font-family: 'DroidSerifBold';
font-weight:normal;
font-style:normal;
opacity:0;
top:0;
float:left;
font-size:0.25em;
padding:2.4em 0 0 0;
}

#esense:hover em {
opacity:1;
color:#1d1d1b;
color:rgba(29,29,27,1);
font-size:0.5em;
padding:1.2em 0 0 0;
}

/*** hidden ***/
#nav-global-box h6,
#nav-global-box ul li em {
display:none;
position:absolute;
left:-9999px;
top:-9999px;
height:1px;
width:1px;
overflow:hidden;
text-indent:-9999px;
}

/*** over write mgnl ***/
.mgnlEditorMainbarWrapper {
padding:0;
}

.mgnlEditorButton.mgnlEditorButton-previewMenuButton {
display:none !important;
}