/*
	 *  @2009
	 * Screen CSS
	 *
	 *
	 */

@import 'clean.css';
@import 'typo.css';


a span { cursor: pointer; }
form legend { display: none; }

html { position: relative; min-height: 100%; }
body { height: 100%; background: #f7f7f7; }
body, input, select, textarea { color: #000; font: 12px/17px Georgia, Times, serif; }


.aural { position: absolute; left: -1000em; }

a { color: #70baba; text-decoration: none; }
a:focus, a:hover { color: #a1a1a1; text-decoration: underline; }

#page:after, #page div:after, #page ul:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

/* main */

#logo { position: absolute; left: 0; top: 0; z-index: 1 }
#page { position: relative; width: 565px; padding: 52px 0 35px 281px; z-index: 2; }




/* top */
#top { height: 150px; }
#top #nav { width: 430px; height: 85px; float: left; padding: 3px 0 0 0; background: url(../images/bg-nav.png) no-repeat -90px 0; }
#top #nav li { width: 140px; height: 23px; float: left; clear: left; text-align: center }
#top #nav li.item-3 { float: right; clear: none; margin: -44px 6px 0; }
#top #nav li.item-4,
#top #nav li.item-5 { float: left; clear: none; margin: -23px 0 0;  }
#top #nav li.item-5 { float: left; clear: none; margin: -45px 0 0;  }
#top #nav li.item-6 { float: left; clear: none; }
#top #nav li a { position: relative; padding: 0 10px 0; color: #70baba; font-size: 14px; text-decoration: none; }
#top #nav li a span { position: absolute; left: 0; top: 0; width: 100%; height: 17px; background: url(../images/bg-line.png) repeat-x 0 500px;  }
#top #nav li.current-cat a span,
#top #nav li.current_page_item a span,
#top #nav li a:hover span { background-position: 0 10px }

#top .qtrans_language_chooser { width: 53px; height: 85px; float: left; padding: 7px 0 0 37px; background: url(../images/bg-nav.png) no-repeat 0 0; }
#top .qtrans_language_chooser li { display: block; height: 10px; margin: 4px 0; text-align: center }
#top .qtrans_language_chooser li:first-child { margin: 13px 0; }
#top .qtrans_language_chooser li:first-child a { width: 17px; }
#top .qtrans_language_chooser li a { position: relative; display: block; width: 28px; height: 10px; margin: 0 auto; padding: 3px 4px 0; color: #85c7c8; font-size: 13px; font-weight: bold; text-decoration: none; }
#top .qtrans_language_chooser li a span { position: absolute; left: 0; top: 0; width: 100%; height: 10px; background: url(../images/bg-line.png) repeat-x 0 500px;  }
#top .qtrans_language_chooser li a:hover span { background-position: 0 55% }
#top .qtrans_widget_end { display: none }

#top #lang-mod { width: 152px; height: 85px; padding: 8px 0 0 90px; background: url(../images/bg-lang.png) no-repeat 0 0; }
#top #lang-mod strong { display: block; height: 34px; text-align: center }
#top #lang-mod strong a { position: relative; padding: 3px 10px 0; color: #85c7c8; font-size: 28px; text-decoration: none; }
#top #lang-mod strong a span { position: absolute; left: 0; top: 0; width: 100%; height: 34px; background: url(../images/bg-line.png) repeat-x 0 500px;  }
#top #lang-mod strong a:hover span { background-position: 0 55% }

/* content */
#content {  }
#content em { font-style: italic; }
#content strong { font-weight: bold; }
p { margin: 0 0 1em; }

.btn-back { display: block; width: 57px; height: 27px; margin: 30px 0; color: #70baba; background: url(../images/bg-stroke4.png) no-repeat 0 0; text-align: center; text-decoration: line-through }
.btn-back span { display: block; line-height: 24px; margin: 0 auto; border: 0; color: #70baba; background: none; font-size: 14px; cursor: pointer; }
.btn-back:hover { color: #ce1c22; text-decoration: line-through }




#footer { height: 1.4em; float: left; clear: both; margin: 0 0 0 281px; padding: 4px 0 0; border-top: 1px solid #a6cdcd; color: #6a7171; font-size: 11px; z-index: 4; }
#footer a { color: #6a7171; text-decoration: none; }
#footer strong { float: left; padding: 0 5px 0 0; }
#footer span { float: left; padding: 0 5px 0 10px; background: url(../images/icon-divider-1.png) no-repeat 0 50%; }
#footer cufon { float: left; }