* {outline:none;outline-width:0;outline:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
*, img {border:none;outline:0;}
*, :focus {outline:none;}
::-moz-focus-inner {border:0;}
html, body {width:100%;height:100%;} html, body, form, h1, h2, h3 {margin:0;padding:0;}
body {background:#eee url(img/bg.jpg) 50% 50% repeat fixed;text-align:center;}
body, .iInp, .bInp, .sInp {font-family:Arial,Tahoma,serif;font-size:16px;color:#333;cursor:default;}
a {text-decoration:none;}
a:link, a:visited {color:#06c;}
a:hover, a:focus, a:active {color:#f60;}
a.drk:link, a.drk:visited {color:#333;}
a.drk:hover, a.drk:focus, a.drk:active {color:#00f;}
a:hover span, a.drk:hover {text-decoration:underline;}
a:hover, .bInp, .iHnd {cursor:pointer;}
a.Lnk {display:inline-block;padding-right:20px;background:transparent url(img/lnk.gif) 100% 25% no-repeat;}
.fSml, .cSml {font-size:13px;} .fBig, .cBig {font-size:19px;} .cOpt, .cSml, .cBig {color:#999;}
h1, h2, h3 {color:#06c;}
hr {height:0px;border:none;border-top:1px dashed #ccc;} hr.pad {margin:25px 0;}
.nobr {white-space:nowrap;}
#Head, #myCV, #Foot {text-align:left;padding:15px 20px;background:#fff;box-shadow:0 0 9px rgba(0,0,0,.2);}
#Foot {text-align:center;padding:25px 0;font-size:14px;}
#iME {width:220px;height:220px;background:#ddd url(img/me.jpg?r=1) 50% 0% no-repeat;background-size:cover;border:2px solid #fff;box-shadow:0 0 7px rgba(0,0,0,.3);}
#iME:hover {background-position:50% 100%;}
#myCV h2, #myCV h3 {padding-bottom:9px;} #myCV h3 {padding:9px 0 7px;}
.tRow { padding:9px 0; }
.tCol { line-height:150%; }
.tCol.var {color:#06c;}
 
/* -- desktop -- */
@media screen and (min-width:820px){
 #Head, #myCV, #Foot {width:800px;margin:0 auto;}
/* #Head {min-height:260px;} */
 #Head h1 {letter-spacing:3px;padding:15px 0;}
 #Head h2 {letter-spacing:7px;}
 #Head h3 {letter-spacing:4.5px;padding:15px 0;}
 #iME {float:right;}
 .tRow {display:block;}
 .tCol {display:inline-block;vertical-align:top;}
 .tCol.var {width:164px;text-align:right;padding-right:13px;}
 .tCol.val {width:595px;}
 #Foot span, #Foot a, #Foot s {display:inline-block;vertical-align:middle;}
 #Foot s {width:15px;}
}

/* -- mobile -- */
@media screen and (max-width:819px){
 #Head, #myCV, #Foot {width:100%;margin:0;}
 #Head {text-align:center;}
 #iME {margin:0 auto;}
 .tCol {display:block;width:100%;}
 #Foot span, #Foot a {display:block;padding:7px 0;}
 #Foot s {display:none;}
}

#myCV {margin:25px auto; }