html, body { margin: 0; padding: 0; width: 100%; height: 100%; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.4; font-weight: 200; font-size: 15px; }
body { background-repeat: no-repeat; background-position: center -120px; background-attachment: fixed; height: 100%; }
h1 { font-size: 24px; line-height: 24px; margin: 2px 0 20px; padding: 2px 0; }
h2 { font-size: 21px; margin: 2px 0;clear: both; font-weight: normal; }
h3 { font-size: 19px; line-height: 21px; margin: 2px 0; padding: 2px 0; }
h4 { font-size: 16px; line-height: 18px; margin: 2px 0; padding: 2px 0; }
h5 { font-size: 14px; line-height: 16px; margin: 1px 0; padding: 2px 0; }
strong {font-weight:bold;}
ul { display: inline-block; vertical-align: top; list-style: none; margin: 0; padding: 0; }
a:link, a:visited { color: #000; text-decoration: none; border-bottom: 1px dotted; }
a:hover, a.sel { border-bottom: 1px solid; }
blockquote { margin: .5em; padding: 0; padding-left: 1em; }
blockquote:before{content:'•';position:absolute;margin-left:-1em;}

blockquote.b2{padding-left: 3em;}

blockquote.b2:before{content:'-';}


/* -- lay-out -- */
#log { width: 300px; height: 400px; margin-right: 20px; float: left; background-repeat: no-repeat; }
#log span { display: none; }
#pg { margin: 20px auto; width: 1040px; }
/* -- aside -- */
aside { width: 320px; display: inline-block; vertical-align: top; float: left; }
aside footer { position: fixed; bottom: 20px; margin-left: 10px; width: 300px; font-size: 90%; }
aside footer a:link { }
aside footer a:hover, aside footer a.sel { font-weight: 600; }
/* -- nav -- */
nav ul { width: 50%; }
nav { width: 700px; display: inline-block; float: left; margin-bottom: 20px; }
nav a:link { padding-left: 6px; margin: 2px 0; display: block; font-size: 21px; font-weight: 600; line-height: 1; border: none; text-transform: lowercase; }
nav a:hover { background: url(/lib/gfx/dash0.gif) no-repeat left 14px; }
nav a.sel { background: url(/lib/gfx/dash0.gif) no-repeat left 14px; }
/* -- article -- */
article { width: 500px; background: rgba(255,255,255,0.9); display: inline-block; float: left; padding: 10px 40px 10px 20px; padding-bottom: 120px; }
article img { width: 100% }
article h3{margin-bottom:10px;}
#txt { float: left; width: 420px; ; background: rgba(255,255,255,0.9); padding: 10px; padding-bottom: 100px; min-height: 600px; }
#txt a:link, #txt a:visited { border-bottom: 1px dotted; }
#txt a:hover { border-bottom: 1px solid; }
#rgt a:link, #rgt a:visited { border-bottom: 1px dotted; }
#rgt a:hover { border-bottom: 1px solid; }
#rgt { float: left; width: 240px; margin-left: 10px; background: #fff; padding: 10px; height: 100%; padding-bottom: 100px; }
#rgt .sml a { color: #00aca2 }
#rgt a.sel { border-bottom: 2px solid; color: #000; font-weight: bold; }
.lst { display: block; margin-bottom: 4px; padding: 2px; font-size: 11px; }
#rgt a.diap { color: #00A093; font-weight: bold; }
.diap:hover { color: #fff }
/* -- classes -- */
.h1 { font-size: 54px; line-height: 54px; margin: 2px 0; padding: 2px 0; font-weight: bold; }
.h2 { font-size: 21px; clear: both; font-weight: normal; }
.h3 { font-size: 19px; line-height: 21px; margin: 2px 0; padding: 2px 0; font-weight: bold; }
.h4 { font-size: 16px; line-height: 18px; margin: 2px 0; padding: 2px 0; font-weight: bold; }
.h5 { font-size: 14px; line-height: 16px; margin: 1px 0; padding: 2px 0; font-weight: bold; }
.hid { display: none; }
.sml { font-size: 11px; }
.faq { display: block; margin: 8px 0; font-size: 14px; }
/* -------------------------------- fixdiv -------------------------------- */
.fixdiv { display: inline-block; position: relative; width: 100%; margin-bottom: 20px; }
.fixdiv-spacer { padding-top: 75%; }
.fixdiv-inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; }
.fixdiv-inner figure { margin: 0; padding: 0; }
.fixdiv-inner img.l { height: 100%; width: auto; }
.fixdiv-inner img.p { width: 100%; height: auto; }
#shw { position:absolute;width:100%;height:100%; }
#shw .sld { display: block; width: 100%; height: 100%; }
#shw .sld figure { display: block; width: 100%; height: 100%; }
#shw .sld img.p { height: 100%; width: auto; }
#shw .sld img.l { width: 100%; height: auto; }
#shw figure figcaption { display: none; position: absolute; margin-top: -25px; background: #fff; color: #333; padding: 2px 4px; font-size: 11px; }
/* -------------------------------- txt -------------------------------- */
article section { margin: 20px 0; }
#txt .big { margin-bottom: 20px; }
#txt .thu { width: 100%; display: block; margin: 0 10px 10px 0; }
#rgt .thu { display: block; clear: both; margin: 10px 0; }
#txt .thu img { border: 1px solid #ccc; height: auto; width: 100%; }
#txt .thu img:hover { border: 1px solid #333 }
#txt .col { display: block; margin-bottom: 20px; }
#pp { position: fixed; display: none; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: #fff; text-align: center; z-index: 100; }
#iw { position: absolute; }
.var { float: left; width: 120px; font-size: 11px; margin: 2px 0; padding-right: 6px; }
.val { float: left; width: 220px; font-size: 11px; margin: 2px 0; }
#nom { float: right; width: 100px; font-size: 14px; color: #fff; padding: 6px; background: #A2D9CB; }
.cpt { padding: 4px 0; font-size: 11px; font-style: italic; color: #333 }
.files { display: block; clear: both; }
.files a { padding-top: 56px; margin: 15px 0 5px 0; font-size: 12px; display: block; text-transform: inherit; color: #333;background: url(/gfx/files.svg) no-repeat 0 0 }
.files a.pdf:hover { background: url(/gfx/files/f_pdf_o.png) no-repeat 0 0 }
/*----form-----*/
form { margin: 20px 0; display: block; clear: both; }
label { width: 130px; display: inline-block;vertical-align:top; margin-right: 10px; font-size: 12px; }
input, select { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 500; }
input[type=text] { width: 300px; padding: 10px 40px 10px 10px; border: 1px solid #eee; margin: 4px 0; box-shadow: 2px 2px 6px #eee; background: url(/lib/gfx/form_buts.gif) no-repeat right }
input[type=submit] { width: 300px; margin-top: 20px; }
input[type=text].required { background-position: right -40px }
input[type=text].ok { background-position: right -80px; }
input[type=text].error { background-position: right -120px; border-color: #f00 }
textarea{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 500;height:100px;
	width: 300px; padding: 10px 40px 10px 10px; border: 1px solid #eee; margin: 4px 0; box-shadow: 2px 2px 6px #eee;
}
select {height: 2em;width: 350px; padding: 10px 40px 10px 10px; border: 1px solid #eee; margin: 4px 0; box-shadow: 2px 2px 6px #eee;}
.tab{display:inline-block;width:100px;font-size:80%;}
#response { background: #ffc; padding: 10px 20px; border: 1px solid #dd9; display: none; margin: 20px 0; }
 @media screen and (min-width: 1240px) {
#pg { margin: 100px auto; width: 1024px; }
#pg article.pg-item { font-size: 24px; }
}
@media screen and (max-width: 900px) {
#pg { margin: 100px 20px; }
header h1 { font-size: 36px; }
header .h2 { margin-top: 8px; }
#pg article.pg-item { font-size: 14px; }
}
@media screen and (max-width: 700px) {
#pg { width: auto; margin: 100px 10px; }
.header-inner, .footer-inner { width: auto; margin: 10px }
.c1 { width: 100%; }
.c1 img, #pg .c2 img { width: 100%; }
header h1 { font-size: 36px; display: block; width: 100%; }
header .c1 { margin: 0; }
header .c2 { display: none; }
header .h2 { min-height: auto; }
nav { float: left }
.fixdiv-spacer { padding-top: 0; }
.fixdiv-inner { position: inherit; top: 0; bottom: 0; left: 0; right: 0; overflow: visible; }
.fixdiv-inner img.p { width: 100%; height: auto }
.fixdiv-inner img.l { width: 100%; height: auto }
}