/* FANCY FORMS */
.ff-wrap #fancybox-content { background: #cdcdcd url(fancy/bggray.jpg); }
.ff-wrap#fancybox-wrap { border: none; }

.ff { width: 382px; min-height: 100px; padding: 0px 50px; color: #000; font-size: 12px; font-family: Verdana, Sans-serif;  }
.ff-logo { text-align: center; }
.ff-logo img { padding: 25px 0; max-width: 350px; max-height: 70px; }
.ff-title { margin-bottom: 20px; color: #181818; text-align: center; font-size: 20px; font-family: Tahoma, Helvetica, sans-serif; text-shadow: #999 1px 1px 2px, #E7E7E7 -1px -1px 0px; }
.ff-block { width: 382px; position: relative; float: left; margin: 0 auto 7px; }.ff-block.half { width: 187px; margin-left: 8px; }

.ff-inputs input.requied { display: none; }

.ff-block span { width: 22px; height: 22px; opacity: 0.7; position: absolute; top: 11px; right: 10px; background: url(fancy/icons.png) 28px 0px; 
transition: opacity 0.2s linear 0s; -webkit-transition: opacity 0.2s linear 0s; -moz-transition: opacity 0.2s linear 0s; }
.ff-block.alert span { opacity: 1; background: url(fancy/icons.png) 28px 26px; }
.ff-block.focused span { opacity: 0.4; }
.ff-block.withtext span { opacity: 0; }
    
.ff-block input, .ff-block textarea, .ff-block select { width: 360px; line-height: 33px; font-size: 18px;  padding: 6px 10px 4px;  
color: #444; border: 1px solid #bfbfbf; outline: none;
-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 0 0 #000,inset 0px 3px 3px #eee; -webkit-box-shadow: 0 0 0 #000,inset 0px 3px 3px #eee; box-shadow: 0 0 0 #000,inset 0px 3px 3px #eee; }
.ff-block select { width: 382px; -webkit-appearance: none; cursor: pointer; }
.ff-block input { height: 32px; }
.ff-block input:hover, .ff-block textarea:hover { border: 1px solid #a0a0a0; }
.ff-block.focused input, .ff-block.focused textarea { border: 1px solid #a0a0a0; }
.ff-block.alert input, .ff-block.alert textarea { border: 1px solid #b40000; }
.ff-block label { font-size: 18px; line-height: 24px; position: absolute; left: 15px; top: 10px; cursor: text; pointer-events: none; color: #777; 
transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; }
.ff-block.focused label { color: #ccc; }
.ff-block.withtext label { opacity: 0; }

.ff-block.half input { width: 165px; }
.ff-block.half.left { margin-left: 0; }

.ff-reqinfo { height: 22px; padding-left: 35px; line-height: 22px; margin: 0px 0 0 54px; position: relative; color: #777; }
.ff-reqinfo span { width: 22px; height: 22px; position: absolute; left: 5px; top: 0; opacity: 0.7; background: url(fancy/icons.png) 28px 0px; }

.ff-bottominfo { height: 22px; padding-left: 35px; line-height: 22px; margin: 15px 0; margin-left: 25px; position: relative; color: #777; }
.ff-bottominfo span { width: 22px; height: 22px; position: absolute; left: 5px; top: 0; opacity: 0.7; background: url(fancy/icons.png) 0px 0px; }

.ff-button { 
width: 230px; height: 41px; display: block; 
-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;
font-size: 16px; text-align: center; padding: 5px 16px; cursor: pointer; overflow: visible; 
margin: 15px auto 0; color: #fff; border: 1px solid #1c74b3; border-top-color: #2c8ed1; border-bottom-color: #0d5b97; background: #2181cf;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#37a3eb", endColorstr="#2181cf");
background: -webkit-gradient(linear, left top, left bottom, from(#37a3eb), to(#2181cf)); 
background: -moz-linear-gradient(top, #37a3eb, #2181cf);
-moz-box-shadow: 0 1px 0 #ddd,inset 0 1px 0 rgba(255,255,255,0.2); -webkit-box-shadow: 0 1px 0 #ddd,inset 0 1px 0 rgba(255,255,255,0.2); box-shadow: 0 1px 0 #ddd,inset 0 1px 0 rgba(255,255,255,0.2);
text-shadow: rgba(0,0,0,0.2) 0 1px 0; -webkit-text-shadow: rgba(0,0,0,0.2) 0 1px 0; -moz-text-shadow: rgba(0,0,0,0.2) 0 1px 0;
}

.ff-button:hover {
    border:1px solid #1c74b3; border-top-color:#2c8ed1; border-bottom-color:#0d5b97; background:#2389dc;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#3baaf4", endColorstr="#2389dc");
    background:-webkit-gradient(linear, left top, left bottom, from(#3baaf4), to(#2389dc));
    background:-moz-linear-gradient(top, #3baaf4, #2389dc)
}
.ff-button:active {
    border:1px solid #1c74b3; border-bottom-color:#0d5b97; background:#2181cf;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#37a3eb", endColorstr="#2181cf");
    background:-webkit-gradient(linear, left top, left bottom, from(#37a3eb), to(#2181cf));
    background:-moz-linear-gradient(top, #37a3eb, #2181cf);
    -moz-box-shadow:0 1px 0 #fff,inset 0 1px 3px rgba(101,101,101,0.3);
    -webkit-box-shadow:0 1px 0 #fff,inset 0 1px 3px rgba(101,101,101,0.3);
    box-shadow:0 1px 0 #fff,inset 0 1px 3px rgba(101,101,101,0.3)
}
.ff-button:focus{
    -moz-box-shadow:0 0 3px 1px #33a0e8,inset 0 0 3px 0 #35bff4;
    -webkit-box-shadow:0 0 3px 1px #33a0e8,inset 0 0 3px 0 #35bff4;
    box-shadow:0 0 3px 1px #33a0e8,inset 0 0 3px 0 #35bff4
}
.ff-button:disabled{
    color:#fff; border-top:1px #2270ab solid; border-right:1px #18639a solid; border-bottom:1px #0f568b solid; border-left:1px #18639a solid;
    background:#2180ce;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#33a0e8", endColorstr="#2180ce");
    background:-webkit-gradient(linear, left top, left bottom, from(#33a0e8), to(#2180ce));
    background:-moz-linear-gradient(top, #33a0e8, #2180ce);
    text-shadow:#355782 0 1px 2px;
    -webkit-text-shadow:#355782 0 1px 2px;
    -moz-text-shadow:#355782 0 1px 2px;
    -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3),inset 0px 1px 0px #83c5f1;
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3),inset 0px 1px 0px #83c5f1;
    box-shadow:0 1px 1px rgba(0,0,0,0.3),inset 0px 1px 0px #83c5f1;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5
}

.ff-loader { display: none; height: 60px; background: url(loader.gif) top no-repeat; }
.ff-success { display: none; padding-bottom: 20px; font-size: 13px; line-height: 18px; color: #000; text-align: center; }

.popupform span { color: #f00; }
.popupform .formtitle 
.popupform form { padding-top: 10px; }
.popupform label { float: left; width: 90px; padding-left: 22px; padding-right: 8px;  height: 40px; line-height: 32px; display: block; text-align: center; }
.popupform input { width: 220px; background: url("i/inker.png") repeat scroll 0 0 transparent; border: 0 none; float: left; height: 32px; padding: 0 15px;  margin-bottom: 8px; }
.popupform textarea { width: 220px; height: 96px; padding: 5px 15px; background: transparent url("i/inkerbig.png") no-repeat; border: 0 none;  margin-bottom: 10px; resize: none; }
.popupform input, .popupform textarea { color: #000; font-size: 14px; line-height: 32px; }
.popupform .button { margin: 5px 0 0 59px; width: 129px; height: 37px; background: url(/template/imagesnew/buttonzakaz.png) top no-repeat; border: none; cursor: pointer; }
.popupform .button:hover { background-position: center; }
.popupform .button:active { background-position: bottom; }
.Tdesc { positon: relative; }
.Tloader { display: none; padding: 0; height: 32px; background-position: center; background-repeat: no-repeat; }
.Tsuccess { display: none; padding: 8px 0; line-height: 20px; font-size: 14px; }
.Tsuccess a { color: #16689A; text-decoration: underline; }
.Tsuccess a:hover { text-decoration: none; }
.Talert { display: none; padding-top: 8px; text-align: center; font-size: 14px; color: #f00; }