@font-face										{ font-family: "PtSansBook"; src: url("/fonts/PtSansBook.eot"); src: url("/fonts/PtSansBook.eot?#iefix") format("embedded-opentype"), url("/fonts/PtSansBook.woff") format("woff"), url("/fonts/PtSansBook.svg") format("svg"); }


html											{ width: 100%; height: 100%; margin: 0; padding: 0; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
body											{ width: 100%; height: 100%; margin: 0; padding: 0; font-family: PtSansBook; }
div											{ width: 100%; box-sizing: border-box; }


#header											{ position: fixed; top: 0px; height: 64px; background-color: #f0f0f0; z-index: 100; }
#header			div:first-of-type						{ position: relative; height: 100%; max-width: 900px; margin: auto; font-size: 22px; font-weight: bold; text-align: center; }
#header			div:first-of-type::before					{ content: ''; display: inline-block; height: 100%; vertical-align: middle; }
#header			div:first-of-type > *						{ display: inline-block; vertical-align: middle; }
#header			div:first-of-type > img						{ width: 24px; }
#header			div:first-of-type > span					{ margin-left: 10px; }

#telegram										{ position: fixed; top: 64px; height: 37px; background-color: #ffffff; z-index: 100; border-bottom: 1px solid #e8e8e8; }
#telegram		div:first-of-type						{ position: relative; height: 100%; max-width: 900px; margin: auto; font-size: 14px; text-align: center; }
#telegram		div:first-of-type::before					{ content: ''; display: inline-block; height: 100%; vertical-align: middle; }
#telegram		div:first-of-type > span					{ display: inline-block; vertical-align: middle; margin-bottom: 4px; }
#telegram		div:first-of-type > span > a, a:visited				{ color: #258fd9; }
#telegram		div:first-of-type > span > a:hover				{ color: #e93323; }

#s_wrapper										{ position: relative; max-width: 900px; top: 101px; margin: auto; padding: 0px 20px; }
#s_wrapper::after									{ content: ""; display: block; clear: both; height: 30px; }


@media screen and (min-width: 300px)
{
 body											{ font-size: 17px; line-height: 22px; }

 .dateTitle										{ position: relative; float: left; text-align: center; color: #a0a0a0; font-size: 14px; margin: 12px 0px -8px 0px; }

 .s_container										{ position: relative; float: left; background-color: #f0f0f0; padding: 36px 18px 18px 18px; border-radius: 10px; margin-top: 20px; }
 .s_container::before									{ content: "Sententias Cerebralis"; position: absolute; left: 19px; top: 12px; font-size: 14px; color: #ff0000; font-weight: bold; }
 .s_container::after									{ content: ""; position: absolute; left: -5px; bottom: 0px; width: 13px; height: 8px; background-image: url('/img/tail.png'); background-size: 13px 8px; }
 .s_container		div:first-of-type						{ display: inline-block; width: 50%; height: 24px; margin-top: 8px; text-align: left; }
 .s_container		div:first-of-type	span					{ position: relative; display: inline-block; height: 100%; font-size: 13px; vertical-align: middle; color: #606060; cursor: pointer; }
 .s_container		div:first-of-type	span:last-of-type			{ margin-left: 11px; }
 .s_container		div:first-of-type	span::before				{ content: ""; display: inline-block; width: 22px; height: 100%; background-size: 16px 16px; background-repeat: no-repeat; background-position: left 0px top 2px; vertical-align: middle; }
 .s_container		div:first-of-type	span:first-of-type::before		{ background-image: url('/img/good.png'); }
 .s_container		div:first-of-type	span:last-of-type::before		{ background-image: url('/img/bad.png'); background-position: left 0px top 3px; }
 .s_container		div:last-of-type						{ display: inline-block; width: 50%; height: 24px; margin-top: 8px; text-align: right; }
 .s_container		div:last-of-type	span:first-of-type			{ position: relative; display: inline-block; height: 100%; font-size: 13px; color: #a0a0a0; margin-right: 10px; }
 .s_container		div:last-of-type	span:first-of-type::before		{ content: ""; display: inline-block; width: 20px; height: 100%; background-image: url('/img/eye.png'); background-size: 14px 14px; background-repeat: no-repeat; background-position: left 2px top 3px; vertical-align: middle; }
 .s_container		div:last-of-type	span:last-of-type			{ position: relative; display: inline-block; height: 100%; font-size: 13px; color: #a0a0a0; }
}