/* Style sheet for http://www.w3.org/Style/CSS and related pages.

Graphic design by Divya Manian (December 2010), with help from
fantasai, based on graphic elements of the W3C home page of 2010.
Adapted by Bert Bos <bert@w3.org> (April 2011)

Copyright © 2010 Divya Manian (design)
Copyright © 2011 W3C (code), see
http://www.w3.org/Consortium/Legal/2002/copyright-software-20021231

*/

@font-face {
  font-family: My Gill Sans;
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url(../../../2019/09/TPAC-template/fonts/Gill_Sans.eot) format("embedded-opentype"),
    url(../../../2019/09/TPAC-template/fonts/Gill_Sans.woff) format("woff")}

@font-face {
  font-family: My Gill Sans;
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url(../../../2019/09/TPAC-template/fonts/Gill_Sans_Bold.eot) format("embedded-opentype"),
    url(../../../2019/09/TPAC-template/fonts/Gill_Sans_Bold.woff) format("woff")}

@font-face {
  font-family: My Gill Sans;
  font-style: oblique;
  font-weight: bold;
  font-display: swap;
  src: url(../../../2019/09/TPAC-template/fonts/Gill_Sans_Bold_Italic.eot) format("embedded-opentype"),
    url(../../../2019/09/TPAC-template/Gill_Sans_Bold_Italic.woff) format("woff")}

@font-face {
  font-family: My Gill Sans;
  font-style: oblique;
  font-weight: normal;
  font-display: swap;
  src: url(../../../2019/09/TPAC-template/fonts/Gill_Sans_Italic.eot) format("embedded-opentype"),
    url(../../../2019/09/TPAC-template/fonts/Gill_Sans_Italic.woff) format("woff")}

@font-face {
  font-family: OFL Sorts Mill Goudy;
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url(OFLGoudyStM-webfont.eot) format("embedded-opentype"),
    url(OFLGoudyStM-webfont.woff) format("woff"),
    url(OFLGoudyStM-webfont.svg) format("svg") }

@font-face {
  font-family: My Noto Nastaliq Urdu;
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url(NotoNastaliqUrdu.eot);
  src: url(NotoNastaliqUrdu.eot?#iefix) format('embedded-opentype'),
    url(NotoNastaliqUrdu.woff2) format('woff2'),
    url(NotoNastaliqUrdu.woff) format('woff'),
    url(NotoNastaliqUrdu.ttf) format('truetype') }

html {
  background: #DCE3E6;
  padding: 0 3% }

header {
   text-align: center;
}

p {
   text-align: justify;
}

figcaption {
  display: block;
  caption-side: bottom;
  text-align: center;
  font-style: italic;
  font-size: smaller;
}

img {
    display: block; /* Ensure it behaves as a block element */
    margin-left: auto;
    margin-right: auto;
    
    width: fit-content; /* Or a specific width less than 100% */
    text-align: center;
    font-style: italic;
    font-size: smaller;
 
    text-indent: 0;
}

img.img_green_electronics {
   width: 100%;
}

img.img_pinout
{
  width: 60%;
}

img.img_connection
{
  width: 90%;
  border: thin silver solid;
}

img.img_connection_device
{
  width: 70%;
  border: thin silver solid;
  padding: 0.5em; 
}

img.img_smartphone
{
  width: 35%;
  border: thin silver solid;
  display: table;
}

img.img_terminal
{
  width: 70%;
  justify-content: center;
}

table {
    width: 100%; /* Ширина таблицы */
    border-collapse: collapse; /*  Убираем двойные линии между ячейками */
}

td, th {
    padding: 8px; /* Поля в ячейках */
  /*  border: 1px solid #000080;  Граница между ячейками */
    border: thin silver solid;
}
th {
    background: #000080; /* Цвет фона строки заголовка */
    color: #ffe; /* Цвет текста */
    text-align: left; /* Выравнивание по левому краю */
    font-family: Arial, Helvetica, sans-serif; /* Выбор гарнитуры */
    font-size: 0.9em; /* Размер текста */
}

body {
  max-width: 60em;
  margin: 1em auto 2em;
  background: #fff;
  color: #333;
  font: 1.156em/1.3 My Gill Sans, Lato, sans-serif;
  font-size-adjust: 0.45;
  position: relative;
  box-shadow: 0 .3em 1em #000 
} 

pre {
   width: 100%; /* Заполняет ширину родительского контейнера */
   overflow-x: auto; /* Добавляет горизонтальный скроллбар, если текст слишком длинный */
}

article {
    padding: 0 20px;
}

/* Make H1 and H2 (other than the main title and section titles) less visible */
h1, h2 {font-size: 1.2em}
h2 {font-weight: normal}

a {color: #059; text-decoration: none}
:visited {color: #609}
a:hover, :focus {outline: thin solid orange}
a > img {border: none}


ul, blockquote {padding-left: 1em}
[dir=rtl] ul, [dir=rtl] blockquote {padding-left: 0; padding-right: 1em}
dt {display: run-in; font-weight: bold}
sup {line-height: 0}

body > h1, .section > h2:first-child, .aside h3 {
  letter-spacing: .051em;
  font: normal 1.5em/1.1 OFL Sorts Mill Goudy, Noto Nastaliq Urdu,
    My Noto Nastaliq Urdu, Georgia, serif;
  font-size-adjust: 0.43}
body > h1:lang(fa), .section > h2:lang(fa):first-child, .aside h3:lang(fa),
body > h1:lang(ur), .section > h2:lang(ur):first-child, .aside h3:lang(ur) {
  line-height: 1.8}

body > h1 {
  column-span: all;
  margin: 0 -20px 3em -20px; /* Room below for #banner menu */
  padding: .6em 1em;
  height: 3.3em;
  border-left: solid transparent 90px; /* Room for W3C logo */
  border-right: solid transparent 110px; /* Room for language link */
  color: #666;
  background: #eee }
body > h1:lang(ur), body > h1:lang(fa) {
  font-size: 1.2em;
  padding: .75em 1.25em;
  margin-bottom: 3.75em;
  height: 4.125em }

body > h1 em {font-style: normal; display: block}
h3 {
  font-size: 1em;
  font-weight: normal;
  font-style: italic;
  border-bottom: thin solid }

.section {break-inside: avoid; margin: 0 0 2em 0; padding: 1.3em 1em 0 1em}
.section > :first-child {margin-top: 0}
.long {break-inside: auto}

.section, .aside {
  -moz-box-sizing: border-box;
  box-sizing: border-box }

#endmatter:after,
#summary:after,
#news li:after {content: " "; height: 0; display: block; clear: both}

/* #endmatter#endmatter would be shorter, but fails in Edge 40.15063.0.0 */
#endmatter.section.section.section.section.section {
  column-span: all;
  clear: both;
  font-size: .9em;
  text-align: left;
  margin: 1em 0px 0 0px;
  color: #666;
  background: #eee;
  padding: 2.0em }

address {
  float: right;
  width: 40%;
  text-align: right;
  padding: 0;
  margin: 0 0 -1.11em 1em }

#endmatter p {
  float: right;
  width: 40%;
  text-align: right;
  padding: 0;
  margin: 0 0 -1.11em 1em }

/*#endmatter p {font-size: 1em; display: block}*/
#endmatter small {font-size: 1em; display: block}
#endmatter img {float: left; margin-right: .5em}