@import url(http://fonts.googleapis.com/css?family=Muli);

* {outline:none;outline-width:0;outline:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; }
*, :hover, :focus, :active {outline:none;}
::-moz-focus-inner {border:0;}
img {border:none;}
html, body {margin:0;padding:0;height:100%;}
body {background-color:#eaebec;}
body, .iInp, .bInp, .sInp {font-family:Verdana, Geneva, sans-serif;font-size:1em;color:#333;cursor:default;}
a {text-decoration:none;border:none;}
a:link, a:visited {color:#039;}
a:hover, a:active {color:#39f;}
a:hover, .bInp {cursor:pointer;}
.fSml, .cSml, #inFoot {font-size:80%;}
.fBig, .cBig {font-size:120%;}
.cOpt, .cSml, .cBig {color:#999;}
.Blue, b.cOpt {color:#06f;}
.inset {text-shadow:1px 1px 0 #fff;}
hr {height:0px;border:none;border-top:1px solid #ddd;border-bottom:1px solid #fff;}
.nobr {display:inline-block;white-space:nowrap;}
h1, h2, h3, .Gothic {font-family:'Century Gothic',Muli,sans-serif;font-weight:normal;}
h1 {font-size:3em;} h2 {font-size:2.2em;} h3 {font-size:1.5em;}
h1, h2, h3 {color:#06f;text-shadow:1px 1px 0 #fff;}
#Site {min-height:100%;position:relative;text-align:center;}
#Header {width:100%;height:120px;background-color:#fff;-webkit-box-shadow:0 1px 5px #ccc;-moz-box-shadow:0 1px 5px #ccc;box-shadow:0 1px 5px #ccc;text-align:center;}
#Logo {float:left;width:286px;height:77px;margin:21px 0 0 0;}
#Price {float:right;width:142px;height:61px;margin:32px 0 0 0;}
#Screen {padding-bottom:120px;}
#Footer {position:absolute;bottom:0;width:100%;height:120px; padding-top:20px;background:#06f;color:#fff;text-shadow:-1px -1px 0 #036;border-top:1px solid #eee;-webkit-box-shadow:0 -1px 5px #bbb;-moz-box-shadow:0 -1px 5px #bbb;box-shadow:0 -1px 5px #bbb;}
#inHead, #inFoot {display:block;width:780px;margin:0 auto;}
#webGent {width:284px;height:111px;vertical-align:middle;margin:9px 0 -9px 0;}
#webTPI {width:287px;height:53px;vertical-align:middle;}
#vLine {width:2px;height:72px;margin:0 50px;vertical-align:middle;}
.iInp, .sInp {border:1px solid #ccc;border-radius:.5em;padding:.5em;background:#eee;background:-webkit-linear-gradient(#eee,#fff);background:-o-linear-gradient(#eee,#fff);background:-moz-linear-gradient(#eee,#fff);background:linear-gradient(#eee,#fff);cursor:text;}
.iInp:focus, .sInp:focus {border-color:#06f;background:#fff;box-shadow:inset 1px 1px 5px #ccc;} .sInp {cursor:pointer;}
.bInp {border:1px solid #eee;border-radius:.5em;padding:.5em 1em;margin:1em;background:#06f;background:-webkit-linear-gradient(#338cff,#0059e5);background:-o-linear-gradient(#338cff,#0059e5);background:-moz-linear-gradient(#338cff,#0059e5);background:linear-gradient(#338cff,#0059e5);color:#def;font-weight:bold;text-transform:uppercase;}
.bInp:hover {border-color:#06f;color:#fff;}
#regDomBut {display:none;}
::.iInp-placeholder {color:#999;font-style:italic;text-shadow:1px 1px 0 #fff;}
.iInp::-moz-placeholder {color:#999;font-style:italic;text-shadow:1px 1px 0 #fff;}  
.iInp:-ms-placeholder {color:#999;font-style:italic;text-shadow:1px 1px 0 #fff;}
.iInp::-webkit-input-placeholder {color:#999;font-style:italic;text-shadow:1px 1px 0 #fff;}
#inpLine {white-space:nowrap;}
#inpLine .fBig {display:inline-block;}
#SFdnm {width:470px;font-weight:bold;}
#domForm {padding:2em 0;}
#domErr, #cntErr {color:#c00;}
#domRes {color:#0c3;}
#inFoot a:link, #inFoot a:visited {color:#def;}
#inFoot a:hover, #inFoot a:active {color:#fff;text-shadow:0 0 5px #9cf;}
.domOK {display:block;width:50%;margin:.5em auto;text-align:left;background-color:#f0fcf6;color:#090;text-shadow:1px 1px 0 #fff;padding:7px 7px 7px 12px;border:#090 1px solid;border-radius:7px;}
.domOK .rmBut {float:right;font-size:80%;text-align:center;background-color:#999;color:#fff;width:18px;height:18px;border-radius:9px;margin:0 0 0 9px;cursor:pointer;}
.domOK .sInp {padding:3px 5px;} .domOK .nobr {margin-left:9px;}
.domOK .rmBut:hover {background-color:#c00;}
.domPrc {float:right;white-space:nowrap;font-size:80%;}
.clB {display:block;width:0;height:0;clear:both;}
#cntForm .domOK {width:100%;}


#cntForm, .txLeft {display:block;width:750px;margin:0 auto;} .txLeft {text-align:left;}
#cntForm .iInp {float:left;width:500px;margin-bottom:15px;}
label.rFld {float:left;width:245px;height:32px;padding:6px 12px 0 0;text-align:right;}
#cntForm textarea.iInp {min-width:750px;max-width:750px;height:120px;resize:vertical;margin:0 auto;}
#cntErr {color:#c00;text-align:center;}
.errField:focus {border-color:#f00 !important;}

#Captcha {display:inline-block;white-space:nowrap;padding:0;cursor:pointer;}
#Captcha * {display:inline-block;vertical-align:middle;}
#Captcha b {padding:0 9px;color:#1a509a;}
#Captcha:hover b, #Captcha.OK b {color:#4ba2f2;}
#Captcha i {width:50px;height:50px;background:transparent url(/img/captcha.png) 0 0 repeat;}
#Captcha i i {background-position:0 -50px;opacity:0.01;}
#Captcha.OK i i {display:block;opacity:1;}


/* -- responsive -- */

@media screen and (max-width:780px){
 #Header {height:auto;min-height:160px;}
 #Logo, #Price {float:none;margin:9px auto;}
 .Paddy {padding:0 1em;}
 #webTPI {margin:2em 0;}
 #webGent {margin-bottom:-35px;}
 #vLine {display:none;}
 #inHead, #inFoot {width:100% !important;padding:0 1em;}
 #SFdnm {width:60%;}
 #domForm {padding:1em 0;}
.domOK {width:96%;} .domOK .nobr {margin:0;}

 #cntForm {width:90%;margin:0 1em;text-align:center;} .txLeft {width:90%;margin:0 1em;}
 .pSml {font-size:80%;}
 #cntForm .iInp, #cntForm .bInp {width:96%;} #cntForm .bInp {margin:0;}
 label.rFld {width:96%;text-align:left;padding-right:0;}
 #cntForm textarea.iInp {min-width:96%;max-width:96%;}

}