@charset "utf-8";
/* CSS Document */

body { background:#e4def5;}

.top {min-width:1050px; position:relative; margin-bottom:10px;}
.header { padding:5px;; background-color:#88bee0; border-radius:5px; height:154px;border: 1px solid #6a98b5;}
.middle {min-width:1050px;position:relative; font:Arial, Helvetica, sans-serif; min-height:580px; margin-bottom:10px;}
.footer {min-width:1050px;position:relative; font:Arial, Helvetica, sans-serif; background-color:#739bcb; border-radius:5px;   padding-top:6px; padding-bottom:6px; bottom:5px; border: 1px solid #0f14f9; }
#logo{margin:15px;}
.title{position:relative; background:#e4def5;border-radius:5px;border: 1px solid #6a98b5; padding: 5px; height:28px; padding-left:5px; padding-right:5px; width:300px;}
.tabletop { width:100%; margin:0px; padding:0px;}
.tabletop .td1{width:280px; min-width:280px;vertical-align:top;}
.tabletop .td2{width:70%; min-width:100px; vertical-align:top;}
.tabletop .td3{width:280px; min-width:280px;vertical-align:bottom; text-align:right;}

.banner{ text-align:center; cursor:pointer;/* background:#e4def5;padding:5px;border: 1px solid #6a98b5;border-radius:5px;*/}
.cloud1 { position:absolute; right: 10px;top:15px;}
.cloud2 { position:absolute; right: 61px;top:5px;}
.cert{background:#e4def5;position:relative; width:275px; height:80px; border-radius:5px;border: 1px solid #6a98b5;}
.navi{width:260px; }
.navi ul{ margin: 0px; padding: 5px;padding-left: 4px;float:left;	width: 100%;list-style: none; font-size: 0.9em;}
.navi ul li {float: left;margin: 0; padding: 5px;	position: relative; text-align:center; padding:0px;/*--Important--*/}
.navi ul li:hover {background-color:#88bee0;}
#nav1{ width:60px;}
#nav2{ width:50px;}
#nav3{ width:80px;}
#nav4{ width:65px;}
.act{background-color:#88bee0; font-weight:bold;}
.navi a{color:black; text-decoration:none; font-variant: small-caps;}
.acert {position:absolute; right: 10px; bottom:6px; width:90px; height:69px;}
.network {position:absolute; right: 110px; bottom:10px; width:154px; height:60px;}

#service,#portfolio,#contact,#about {width:100%;}
.left  {background-color:#2be811;position:absolute; width:49.5%; text-align:left;  left:0%;  border-radius:5px; min-width:250px; border: 1px solid #29cc12;}
.right {background-color:#ff6701;position:absolute; width:49.5%; text-align:right; right:0%; border-radius:5px; min-width:250px; border: 1px solid #ff6701;}
h1 { text-align:center; margin:10px; font:Arial, Helvetica, sans-serif; font-size:20px;}

.title_left,.title_right{ vertical-align:middle; height:32px;font-variant: small-caps;}
#about,#contact{background:#2be811;border-radius:5px; position:absolute; width:100%; text-align:left;  left:0px; padding:0px;border: 1px solid #29cc12; }
#portfolio{background:#ff6701;border-radius:5px; position:absolute; width:100%; text-align:left;  left:0px; padding:0px; border: 1px solid #ff6701;}
#about #title,#contact #title {background-color:#2be811;position:relative; font-variant: small-caps;}
#portfolio #title{background-color:#ff6701; position:relative; left:0px; top:0px; font-variant: small-caps;}
#portfolio #content{background-color:#ffbe93; border-radius:0 0 5px 5px;}
#about #content,#contact #content{background:#a0e996; border-radius: 0 0 5px 5px; }
#content{padding:10px;}
#portfolio #content{padding-left:0px; padding-right:0px;}
#about #content{ min-height:303px;}
#about #content #resume{width:60%;border: 1px solid #ff6701;}
#contact #content { font-size:18px;}
.content_left {background:#a0e996;border-radius:0 0 5px 5px;  font-size:18px; min-height:530px;}
.content_right {background:#ffbe93;border-radius:0 0 5px 5px;  font-size:18px; min-height:530px;}
#send{   border: 1px solid #ff6701; background:#ffbe93;padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; border-radius:5px; cursor:pointer;}
#send:hover{background:#a0e996;}
#send a{ color:black;  font-weight:bold; font-variant: small-caps; font-size:16px; text-decoration:none;}

.mini_left {position:absolute; left:5px; top:0px; font-size:12px; font-weight:bold; cursor:pointer; }
.mini_left:hover { text-decoration:underline;}
.mini_right {position:absolute; right:5px; top:0px; font-size:12px; font-weight:bold; cursor:pointer; }
.mini_right:hover { text-decoration:underline;}

.table { width:100%;}
.table #td1{ min-width:280px;width:280px; vertical-align:top; padding:10px;}
.table #td2{ width:200px;vertical-align:top;}
.table #td3{ width:50%;}
.table #td3 div { text-align:justify; padding:5px; margin:0px;}
#portfolio .table td{width:50%; text-align:center;}
#portfolio .table td a img{padding-bottom:5px; padding-top:5px;}
#portfolio .table td a{color:blue; text-decoration:none;opacity: 0.3;}
.valid {border:1px solid green;}
.invalid {border:1px solid red;}
#text {width:318px;height:200px; font-size:18px; resize:vertical;}
#name, #cname, #phone, #email {font-size:18px;width:318px;}
#cform {padding:10px;padding-bottom:15px;background-color:#e4def5; border-radius:5px; border: 1px solid #6a98b5; width:420px; font-size:14px; margin-top:10px;}
.img1 { position:absolute; right:10px; top:150px; background-image: url(../img/sborka-pk.png); width:572px; height:378px;}
.footer h4 { text-align:center; font-size:14px; font:"Arial Black", Gadget, sans-serif; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px;}