@import url('https://fonts.googleapis.com/css?family=Lato');

* { box-sizing: border-box; }
body, form, ul, li { margin: 0; padding: 0; }
p { margin: 0; padding: 0 0 .2em 0; line-height: 120%; }
img { border: 0; }

header, section, footer, aside, nav, main, article, figure { display: block; }

body { font-family: 'Lato', sans-serif; color: #333333; }
body#index {  min-height: 100vh; background: url(/img/tools_small.jpg) center center no-repeat fixed; background-size: cover; }

header div.acnt { width: 100%; max-width: 1200px; margin: 0 auto; text-align: right; padding: .7em 1em; color: #F3F3F3; }
header div.acnt a { text-decoration: none; }
header div.acnt a:hover { text-decoration: underline; }

header div#menuPart { width: 100%; max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; }
header div#menuPart div.logo { padding: 1.5em 0 .7em 0; text-align: center; }
header div#menuPart div.entries { width: 100%; text-align: center; font-size: 120%; border-style: solid; border-color: white; border-width: 1px 0; background-color: rgba(250,250,250,.5); }
header div#menuPart div.entries ul#menu { list-style-type: none; }
header div#menuPart div.entries ul#menu li { display: inline-block; padding: .5em .7em; }
header div#menuPart div.entries ul#menu li a { text-decoration: none; }
header div#menuPart div.entries ul#menu li a#act { text-decoration: none; border-bottom: 1px solid #f05a29; }

main { width: 95%; max-width: 1400px; margin: 0 auto; }

p.title { margin: 2em 0 .5em .5em; font-size: 145%; font-weight: bold; }
p.subTitl0 { margin: .5em 0 .2em 0; font-size: 115%; font-weight: bold; color: #808080; }
p.subTitl0::first-letter { color: #f05a29; }
p.subTitl { margin: 2em 0 .2em 0; font-size: 115%; font-weight: bold; color: #808080; }
p.subTitl::first-letter { color: #f05a29; }
p.paragraph { text-align: justify; margin-bottom: .5em; line-height: 1.3em; }
div.paragraph { text-align: justify; margin-bottom: .5em; line-height: 1.3em; }

label { display: block; margin: 0 0 4px 5px;}

div.entryBoxL6 { display: flex; flex-direction: column-reverse; padding: 2em 0; border-bottom: 1px solid #F1F1F1; }
div.entryBoxL6 div.ebl { flex: 1; width: 100%; }
div.entryBoxL6 div.ebl p { margin: .3em 0; line-height: 1.2em; text-align: justify; }
div.entryBoxL6 div.ebr { flex: 1; width: 100%; text-align: center; }
div.entryBoxR6 { display: flex; flex-direction: column; padding: 2em 0; border-bottom: 1px solid #F1F1F1; }
div.entryBoxR6 div.ebl { flex: 1; width: 100%; text-align: center; }
div.entryBoxR6 div.ebr { flex: 1; width: 100%; }
div.entryBoxL6 div.ebr p { margin: .3em 0; line-height: 1.2em; text-align: justify; }

div.table { display: table; width: 100%; border-radius: 3px; border: 1px dashed #dfdfdf; margin: .3em auto 1em auto; }
div.table-row { display: table-row; width: 100%; }
div.table-th { display: table-cell; padding: .5em 1em; font-weight: bold; background-color: #5A5A5A; color: white; }
div.table-row div.table-th:first-child { border-top-left-radius: 3px; }
div.table-row div.table-th:last-child { border-top-right-radius: 3px; }
div.table-td0 { display: table-cell; padding: .4em 1em; background-color: #ffffff; }
div.table-td1 { display: table-cell; padding: .4em 1em; background-color: #f3f3f3; }
div.table div.table-row:last-child div.table-td0:first-child { border-bottom-left-radius: 3px; }
div.table div.table-row:last-child div.table-td1:first-child { border-bottom-left-radius: 3px; }
div.table div.table-row:last-child div.table-td0:last-child { border-bottom-right-radius: 3px; }
div.table div.table-row:last-child div.table-td1:last-child { border-bottom-right-radius: 3px; }
div.table-nofound { width: 100%; margin: .6em auto; text-align: center; }

div#infoMsg { margin: 1em auto 2em auto; padding: .5em 0; border: 1px solid #008000; border-radius: 3px; background-color: #f3ffe6; display: flex; align-items: center; width: 95%; max-width: 800px; box-shadow: rgba(0, 0, 0, 0.05) 0 6px 24px 0, rgba(0, 0, 0, 0.08) 0 0 0 1px; }
div#errMsg { margin: 1em auto 2em auto; padding: .5em 0; border: 1px solid #aa0000; border-radius: 3px; background-color: #ffe6e6; display: flex; align-items: center; width: 95%; max-width: 800px; box-shadow: rgba(0, 0, 0, 0.05) 0 6px 24px 0, rgba(0, 0, 0, 0.08) 0 0 0 1px; }

div#sureMsg { margin: 1em auto 2em auto; border: 1px solid #a5a5a5; border-radius: 3px; background-color: #f6f6f6; width: 95%; max-width: 800px; box-shadow: rgba(0, 0, 0, 0.05) 0 6px 24px 0, rgba(0, 0, 0, 0.08) 0 0 0 1px; }
div#sureHd { display: flex; padding: .5em 0; align-items: center; font-size: 125%; font-weight: bold; background-color: #f1f1f1; color: #3A3A3A; }
div#sureMsg div.sureMs { padding: 1em; }
div#sureFt { padding: .5em 1em; display: flex; align-items: center; }
div#sureCancel { display: flex; align-items: center; cursor: pointer; padding: .3em .6em; background-color: #dfdfdf; border-radius: 2px; color: #666666; }
div#sureConfirm { margin-left: 1em; display: flex; align-items: center; cursor: pointer; padding: .3em .6em; background-color: #ffcc00; border-radius: 2px; color: #666666; }
div.imgSureBox img { display: block; width: 1.1em; height: auto; margin-right: .3em; }

div#subMenu { padding-bottom: 1em; border-bottom: 1px solid #F3F3F3; margin-top: .5em; text-align: center; }
div#subMenu a { text-decoration: none; padding: .25em .8em; border-radius: 3px; margin: 0 .4em; font-size: 125%; background-color: #F4F4F4; color: #3A3A3A; box-shadow: rgba(60, 64, 67, 0.3) 0 1px 2px 0, rgba(60, 64, 67, 0.15) 0 1px 3px 1px; }
div#subMenu a.active { background-color: #99ccff; }
div#subMenu a img { width: 1.15em; height: auto; vertical-align: middle; margin-bottom: 3px; }
div#subMenu a span { display: none; }

div#nav { padding: .5em; border-bottom: 1px solid #F3F3F3; }
div#nav span { padding: 0 .3em; }

div.r2c { display: flex; flex-direction: column; }
div.box { margin: 1em auto; padding: 1em; width: 100%; background-color: #F4F4F4; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 3px; }
/*div.box a { border: 2px solid white; margin: .7em 0; padding: .4em 0; text-align: center; width: 100%; display: block; border-radius: 3px; }*/
div.box a { margin: .4em 1em; font-size: 135%; font-weight: bold; }
div.box a img { vertical-align: middle; width: 2em; height: 2em; margin-right: .3em; }

div.fpTxt { width: 80%; line-height: 1.35em; }
div.fpTxt p { margin-top: .8em; background-color: rgba(250,250,250,.5); }

div.frmInpTxt { border: 1px solid #B1B1B1; border-radius: 3px; padding: 0; margin: 1em 0; }
div.frmInpTxt label { z-index: 9; position: absolute; margin: -.8em 0 0 .5em; font-size: .9em; background-color: white; }
div.frmInpTxt input { padding: .5em 1em; width: 100%; border: 0; font-size: 115%; background-color: transparent; }
div.frmInpTxt textarea { padding: .5em 1em; width: 100%; border: 0; font-size: 115%; background-color: transparent; }

input.inpTxt { border: 1px solid #dedede; background-color: #FCFCFC; border-radius: 3px; padding: .5em 1em; text-align: center; width: 100%; }
textarea.inpTxt { border: 1px solid #dedede; background-color: #FCFCFC; border-radius: 3px; padding: .5em 1em; text-align: center; width: 100%; }
input.inpBtn { border: 1px solid #f05a29; background-color: #FCFCFC; color: #f05a29; cursor: pointer; border-radius: 3px; padding: .5em 1em; text-align: center; margin: 0 .1em; }
input.inpBtn:hover { background-color: #fdeee9; }
select.inpSel { border: 1px solid #DEDEDE; background-color: #FCFCFC; border-radius: 3px; padding: .5em 1em; text-align: center; }
select.inpSel_tiny { border: 1px solid #DEDEDE; background-color: #FCFCFC; border-radius: 2px; padding: .1em .3em; text-align: center; }

footer { width: 100%; text-align: center; font-size: 85%; border-style: solid; border-color: #F3F3F3; border-width: 1px 0; background-color: rgba(250,250,250,.5); padding: .5em 0; margin-top: 2em; }

a { color: black; }
a.nodec { color: black; text-decoration: none; }
a:hover { color: #333333; }
a.nodec:hover { color: #333333; text-decoration: underline; }
a.button { text-decoration: none; color: #F3F3F3; padding: .3em 1em; border-radius: 3px; margin: 0 .2em; }

@media screen and (min-width: 800px) {
    body#index { background-image: url(/img/tools.jpg); }
    header div#menuPart { flex-direction: row; }
    header div#menuPart div.logo { padding: 1.5em 3em; text-align: left; }
    header div#menuPart div.entries { flex: 1; text-align: right; border: 0; background-color: transparent; font-size: 130%; }
    header div#menuPart div.entries ul#menu li { display: inline-block; padding: .5em 2.5em .5em 0; }
    div.fpTxt { width: 45%; }
    div#subMenu a span { display: inline-block; margin-left: 7px; }
    div.r2c { display: flex; flex-direction: row; text-align: center; }
    div.box { width: 50%; margin: 1.5em; }
    
    div.entryBoxL6 { flex-direction: row; align-items: center; justify-content: center; }
    div.entryBoxL6 div.ebl { flex: 6; padding: 1em 2em; }
    div.entryBoxL6 div.ebr { flex: 4; padding: 1em 2em; }
    div.entryBoxR6 { flex-direction: row; align-items: center; justify-content: center; }
    div.entryBoxR6 div.ebl { flex: 4; padding: 1em 2em; }
    div.entryBoxR6 div.ebr { flex: 6; padding: 1em 2em; }
}