/* ===== FONTS ===== */
@font-face {
	font-family: 'fontello';
	src: url('font/fontello.eot');
	src: url('font/fontello.eot') format('embedded-opentype'),
	url('font/fontello.woff2') format('woff2'),
	url('font/fontello.woff') format('woff'),
	url('font/fontello.ttf') format('truetype'),
	url('font/fontello.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('font/Lato-Light.eot');
	src: url('font/Lato-Light.eot?#iefix') format('embedded-opentype'),
		url('font/Lato-Light.woff') format('woff'),
		url('font/Lato-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/** HTML5 CSS RESET ***********************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	background:transparent;
}
body {
	line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	background:transparent;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
	cursor:pointer;
}

/** END HTML5 CSS RESET *******************************************************/

/* === START - FOCUS ======================================================== */
a:focus,
input:focus,
video:focus,
audio:focus,
button:focus,
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
	border: none;
	outline: 1px dotted gray;
	transition: outline .25s ease-in-out;
}
/* === STOP - FOCUS ========================================================= */

/** Page layout **************************************************************/
body{
	margin:0;
	font-family: Lato;
	font-size: 1.2em;
}

/** Content : text ************************************************************/
.ico_tim img,
.txt_ico_tim img {
	vertical-align: middle;
}
.txt_textTab_is,
.txt_textButton_is,
.txt_textRadioButton_is,
.txt_textCheckBox_is,
.txt_input_is,
.txt_select_is,
.txt_keyboard_is,
.txt_menuPath_is,
.txt_filePath_is,
.txt_win_is{
	white-space: pre;
	padding:0px 3px;
	margin:1px 0;
	box-shadow: inset 0 -8px 10px rgba(77, 81, 156, 0.55), 0 1px 0 rgba(255,255,255, 0.3), inset 0 1px 0 rgb(77, 81, 156);
	border: 1px solid #cecece;
	font-family: Lato;
	background-color:white;
	color:black;
}
.txt_textTab_is{
	border-radius: 5px 5px 0px 0px;
}
.txt_textButton_is,
.txt_textRadioButton_is,
.txt_textCheckBox_is,
.txt_input_is,
.txt_select_is,
.txt_keyboard_is,
.txt_menuPath_is,
.txt_filePath_is{
	border-radius: 5px;
}
.txt_menuPath_is,
.txt_filePath_is{
	border-radius: 0px 8px 8px 0px;
}
code::before {
    margin-right: 0.3em;
    font-size: 0.9em;
	font-family: "fontello";
}
.txt_textCheckBox_is::before{
	content:"\e82c";
}
.txt_keyboard_is::before {
	content:"\e812";
}
.txt_menuPath_is::before {
	content:"\e903";
}
.txt_filePath_is::before {
	content:"\e904";
}
.txt_win_is::before {
	content:"\e813";
}
.txt_textTab_is::before {
	content:"\e902";
}
.txt_textRadioButton_is::before{
	content:"\f192";
}
.txt_input_is::before {
	content:"\e906";
}
.txt_select_is::before {
	content:"\e905";
}
.txt_label_is {
    
    font-family: "Lato";
   
    
border-color: #1e629d;
    border-top-color: rgb(30, 98, 157);
    border-right-color: rgb(30, 98, 157);
    border-bottom-color: rgb(30, 98, 157);
    border-left-color: rgb(30, 98, 157);
border: 1px solid #0186b1;
    border-radius: 10px;
    padding-left: 3px;
	padding-right: 3px;
}


.txt_url_ul,
.txt_web_ul{
	color: #676767;
}
.txt_url_ul::after,
.txt_web_ul::after{
	content:"\e82d";
	font-family: "fontello";
	margin-left: 0.3em;
	font-size:0.9em;
}
.txt_term_is{
	color:#676767;
	font-family: Lato;
}
.txt_cmd_is {
	font-family: Courier, "Lucida Console", monospace;
}

/** Content : scImgMgr ********************************************************/
.scImgZmFra{
	background-color: white;
	padding:10px;
	border-radius: 10px;
	box-shadow:  0px 0px 20px 0px #999;
}
a.scImgZmBtnCls{
	position:absolute;
	box-sizing: border-box;
	top:-15px;
	right:-15px;
	width:30px;
	height:30px;
	padding-left: 30px;
	overflow: hidden;
	background:url("img/nav/close.png") no-repeat 0 0;
}
a.scImgZmBtnCls span{
	display:none;
}
.scImgZmTi{
	text-align: center;
	margin:5px 5px 0px 5px;
	color:#676767;
	font-style: italic;
}
.scImgZmMag{
	border-radius: 5px;
	box-shadow:  0px 0px 10px 0px #555;
}
.scImgAnmCtrLbl{
	display:none;
}

.scImgAnmBtnInitPly{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:url("img/anim/playBtn.png") no-repeat center center;
}
.scImgAnmBtnInitPly span{
	display:none;
}

a.scImgAnmBtnPse,
a.scImgAnmBtnPly,
a.scImgAnmBtnNxt,
a.scImgAnmBtnPrv {
	position:absolute;
	box-sizing: border-box;
	width:15px;
	height:12px;
	padding-left: 15px;
	overflow: hidden;
	background-image:url("img/anim/player.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a.scImgAnmBtnPse {
	left:30px;
	background-position: 0px -90px;
}
a.scImgAnmBtnNxt {
	left: 55px;
	background-position: 1px -60px;
}
a.scImgAnmBtnPrv {
	left:5px;
}
a.scImgAnmBtnPly {
	left:30px;
	background-position: 1px -30px;
}
a.scImgAnmBtnPse:hover,
a.scImgAnmBtnNxt:hover,
a.scImgAnmBtnPrv:hover,
a.scImgAnmBtnPly:hover {
	opacity: 0.8;
}

/* ============= Utilities ============= */
.hidden{
	position: absolute;
	width:1px;
	height:1px;
	visibility: hidden;
	top:-10000px;
	left:-10000px;
}