* , form, fieldset {margin:0; padding:0;}
table, td, th { border:none; border-collapse:collapse; font-size:100%;}
a {color:#4c83be; text-decoration:underline; outline:none;}
a:hover { text-decoration:none; color:#ffab22;}
img {border:0px;}
html, body { margin: 0; padding: 0; height:100%; font:13px/1.2 Arial, Helvetica, sans-serif; background:#fff ;}
body {width:100%; margin:0 auto; color:#626262;}

/* -------------------------------PAGE------------------------ */
/* GRID */
#p, #f { width:100%; min-width:996px;}
#page, #f { width:996px; margin:0 auto;}
.fp #f { position:relative;}
#p {width:100%; min-height:100%; margin-bottom:-125px; background:url(../i/body_bg.gif) 50% 445px no-repeat;}
#f {height:100px; overflow:hidden; clear:both; padding-top:25px;}
#p .in { padding-bottom:20px;}
#f .in { padding:0 0 0 32px;}
.fc {clear:both; height:125px; overflow:hidden; width:100%;}

/* COLUMNS */
.top { overflow:hidden; height:140px; position:relative;}
.logo { position:absolute; z-index:5; top:36px; left:0;}
.rss { position:absolute; right:0; top:63px;}

.main { height:367px; background:url(../i/main.jpg) 0 0 no-repeat; position:relative; margin-left:32px; width:948px;}
.cont { padding:25px 40px 0 32px; width:908px; background:url(../i/cont_out.jpg) 561px 0 no-repeat;}
.with_letter {background:url(../i/cont.jpg) 561px 0 no-repeat;}
.cont, .main { overflow:hidden;}
.slogan { position:absolute; left:147px; top:104px;}

.text { padding-right:20px;}
.col { float:left;}
.col2 { padding-top:25px;}
.col3 { padding-top:50px;}
.col3 .col { width:282px; padding-left:20px;}

.col3 h2 { position:relative; margin-left:-20px; z-index:10;}

.portf { padding-top:20px; position:relative;}
.portf .new { position:absolute; left:-1px; top:19px; z-index:100;}

.copy { font-size:9px; padding-left:53px;}
.copy a { color:#626262;}


/* MENU */
.menu { height:39px; padding:70px 0 0 240px; overflow:hidden; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
.menu li { background:url(../i/mnu_bul.gif) 0 16px no-repeat; padding:10px 20px 10px 25px; float:left;}
.menu a { color:#4c83be; text-decoration:none;}
.menu a:hover { color:#ffab22;}
.menu .active a, .menu .active b, .menu .active a:hover { color:#fff; background:url(../i/mnu_bg.gif) 50% 100% no-repeat; padding:10px 0;}
.menu .active i { background:url(../i/mnu_bg.gif) 0 100% no-repeat; padding:10px 5px;}
.menu .active em { background:url(../i/mnu_bg.gif) 100% 100% no-repeat; padding:10px 5px;}

#f .menu { padding-top:0; font-size:11px; margin:0 auto; padding:0; width:630px; height:29px;}
#f .menu li { padding:8px 20px 0 25px; background:url(../i/mnu_b_bul.gif) 0 14px no-repeat;}
#f .menu .active a, #f .menu .active b, #f .menu .active a:hover { color:#ffab22; background:none;}
#f .menu .active i, #f .menu .active b, #f .menu .active a, #f .menu .active em { background:none; padding:0;}

.menu li:first-child, .menu li.first-child, #f .menu li:first-child, #f .menu li.first-child { background:none;}

.mnu_bg { background:url(../i/mnu_b_l.gif) 0 0 no-repeat; padding-top:18px;}
.mnu_bg div { background: url(../i/mnu_b_r.gif) 100% 100% no-repeat; padding-bottom:18px;}
.mnu_bg .mnu_lines { border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:0; background:none; margin:0 147px 0 166px;}


/* SUBMENU */
.left_block {float: left; overflow: hidden;}
.submenu, .lc { width:260px; margin:25px 0 0 0; padding-bottom:40px;}
.submenu li { font:bold 12px Arial, Helvetica, sans-serif;  font-weight:bold;}
.submenu ul { margin-left:40px;}
.submenu ul li { font-weight:normal; background:url("../i/ul_ul_bull.gif") no-repeat scroll 0 9px transparent;}
.submenu ul li a { background:none; padding:4px 0 2px 16px;}
.submenu a { display:block; background:url("../i/mnu_bul.gif") no-repeat scroll 16px 13px transparent; display:block; padding:8px 19px 5px 37px;}

.submenu .sel span { background:url("../i/subm_bg.gif") no-repeat scroll 0 -11px; display:block;}
.submenu .sel ul span { color:#757575; padding:4px 0 2px 16px; background:none; font-weight:bold;}
.submenu .sel span span { background:url("../i/subm_bg_b.gif") no-repeat scroll 0 100%;}
.submenu .sel span span a { font-weight:normal; text-decoration:none;}
.submenu .sel span a, .submenu .sel span b { background:url("../i/mnu_bul.gif") no-repeat scroll 16px 13px transparent; padding:8px 19px 5px 37px; display:block;}
.submenu ul .sel a, .submenu .sel ul a { padding:4px 0 2px 16px; background:none;}

.submenu a, .submenu span { *zoom:1;}

.lc { padding-top:25px;}
.lc img { display:block; margin:0 auto;}

/* BLOCKS */
.path { color:#353535; padding-top:3px; background:	url(../i/ico_home.gif) 0px 5px no-repeat; padding-left:22px;}
.path span { font:8px Arial, Helvetica, sans-serif; margin:0 5px;}
.path b {color: #d76d07;}

/* ELEMENTS */
.clients { }
.clients a, .clients div { display:block; overflow:hidden; width:185px; height:131px; float:left; margin:25px 1px 0 25px; background:url(../i/clients.gif) 0 0 no-repeat; text-align:center; vertical-align:middle; line-height:131px; text-decoration:none; position:relative;}
.clients img { display:inline; line-height:131px; vertical-align:middle; }

.portfolios { text-align:center;}
.portfolios .portf { display:inline-block; margin:0 16px; *display:inline;}

.content .portfs { overflow:hidden; padding:0;}
.content .portfs li { margin-bottom:22px; padding-left:0; overflow:hidden;}
.content .portfs ul { padding-left:0;}
.content .portfs ul li { padding-left:14px; margin-bottom:0;}

.portfs_block { float:left; width:185px; overflow:hidden; margin-right:-185px;}
.portfs_block .t div, .portfs_block .b div { width:11px;}
.portfs_block .t, .portfs_block .b, .portfs_block .t div, .portfs_block .b div { height:11px; overflow:hidden; background-image:url(../i/ramka.gif); background-repeat:no-repeat;}
.portfs_block .t { background-position: 100% 0;}
.portfs_block .b { background-position: 100% -11px;}
.portfs_block .t div { background-position: 0 -33px;}
.portfs_block .b div { background-position: 0 -22px;}

.portfs_img { padding:7px 0; width:183px; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; text-align:center;}

.portfs_descr { margin-left:208px; padding-left:16px;}
.portfs_descr li { margin-bottom:0;}
.portfs_descr h5 { margin:0 0 10px -20px; padding-left:20px; background:url(../i/mnu_bul.gif) 0 4px no-repeat;}

.content { margin:17px 50px 0 280px; padding-bottom:40px;}
.content h5 { margin:0 0 10px -14px; padding-left:14px; background:url(../i/mnu_bul.gif) 0 4px no-repeat;}
.content h5.pers {margin: 32px 0 10px -14px;}

.opis {}

.map_bg { background:url(../i/ya_map_bg.jpg) 0 0 no-repeat; float:right; width:349px; height:349px; padding:9px;}
.ya_map { width:349px; height:349px;}
.cont_mail { margin-top:17px;}
.cont_mail, .cont_phone { padding:4	px 0 4px 32px;  background:url(../i/ico_mail.gif) 0 0 no-repeat; line-height:22px;}
.cont_mail a, .cont_phone big {padding-left:26px;}
.cont_phone { background:url(../i/ico_phone.gif) 0 0 no-repeat;}
.cont_phone b { color:#4c83be;}
.cont_phone big { font-size:15px; text-transform:uppercase;}

/* TAGS */
p {margin:0 0 10px; line-height:1.2em;}
h1, h2, h3, h5 { color:#4c83be; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
h1 { font-size:36px; margin:20px 0 36px -37px; letter-spacing:-2px; padding-left:35px; background:url(../i/h_bul.gif) 17px 50% no-repeat;}
h2 { font-size:36px; margin-bottom:25px; letter-spacing:-2px; padding-left:20px; background:url(../i/h_bul.gif) 0 50% no-repeat;}
.nobg { background:none;}
h3 { font-size:24px;}
h4 { font-size:18px;}
h5 { font-weight:bold; font-size:15px; margin-bottom:15px;}


/* LISTS */
ul { list-style-type:none; }
.content ul.list li {padding:0 0 10px 14px; background:url(../i/mnu_bul.gif) 0 5px no-repeat;}
.content ul.list ul li { background:url(../i/ul_ul_bull.gif) 0 4px no-repeat;}

.content ul, .content ol {padding:10px 0 10px 24px;}
.content ul li { background:url(../i/ul_ul_bull.gif) 0 4px no-repeat; padding:0 0 10px 14px;}
.content .client_list, .content .client_list ul { padding-left:4px;}
.content .client_list li { background:none;}
.content .client_list ul li { background:url(../i/ul_ul_bull.gif) 0 4px no-repeat;}

/* FORMS */
input, select, textarea { background:#fff url(../i/inp_bg.gif) 0 0 repeat-x; border:1px solid #a8acad;}
label, select, option, input, textarea { font:11px Arial, Helvetica, sans-serif; color:#394a61;}
input.btn { border:2px solid #fff; background:#1a1a1a; padding:7px 25px 6px; cursor:pointer; width:auto; margin-top:50px;}
#search input.i_auto { width:auto; margin-right:6px; vertical-align:bottom; border:none; background:none;}

.resume form div { padding:3px 0 2px;}

.resume { float:right; width:237px; overflow:hidden;  background:url(../i/vac_t.gif) 1px 0 no-repeat; margin:0 0 30px 20px;}
.resume form { padding:23px 23px 12px 15px; background:	url(../i/vac_b.gif) 0 100% no-repeat;}
.resume label { color:#394a61; display:block; padding:5px 0 2px;}
.resume form .lab { float:left; font-size:10px; color:#969696; padding:0;}
.resume .select { background:#174c83 url(../i/select_bg2.gif) 100% 0 no-repeat; margin:0 0 0 -14px; padding:6px 5px 7px 14px; position:relative;}
.resume .open { background:#174c83 url(../i/select_bg2.gif) 100% -32px no-repeat;}
.resume .select .vac { color:#fff; font-size:11px; cursor:pointer; height:14px;}
.resume .select .vacan { color:#fff; font-size:11px; position:absolute; background:#174c83 ; margin:0 0 0 -14px;  width:213px; padding:0; display:none; overflow:hidden;}
.resume .select .vacan div { background:url(../i/select_bg.gif) 100% 100% no-repeat; padding:5px 15px;}
.resume .select .vacan a { display:block; padding:3px 0; color:#fff; text-decoration:none;}
.resume .select .vacan a:hover { color:#fff; text-decoration:underline;}
.resume .select select, .resume .select select option { border:none; background:#174c83 ; color:#fff;}
.resume select { z-index:-1;}
.resume .relat { position:relative;}
#file2 { position:absolute; top:5px; left:0; z-index:5px; font-size:20px; width:200%; cursor:pointer;}
.resume .file2 { background:url(../i/btn_resume.gif) 50% 50% no-repeat; overflow:hidden; text-indent:-999px; padding:6px 0; margin:5px 0 20px;}
input.btn_send { border:none; background:none; display:block; margin:0 auto; margin-top:30px;}
input.w100 { padding:2px 0;}
.rezumeform input.error {border:1px solid #E6920B}
.rezumeform label.error {color: #A62704}

.resume .select .open2 { display:block;}

/* TABLE */

.portfolio_form {
	margin: 33px 0 15px 0;
	text-align: right;
}

/* TECH */
.fl {float:left; }
.fr {float:right;}
.cb {clear:both;}
.w100 { width:99%;}
.pt40 { padding-top:40px;}


@media screen and (-webkit-min-device-pixel-ratio:0){
.resume input.file { background:none; border:none;}
}