/*
	E-Quantum.ru : основные стили для сайта
*/

/* общие стили */
/* */
html,table,input,textarea,body {font-family: tahoma; }
input,textarea {background: url(/images/eq/top.png) no-repeat center center;}
body {background: url(/images/eq/top.png) no-repeat top center;}
div.clear {clear: both;}
strong {font-weight: bold;}
em {font-style: italic;}
.logo {display: block; height: 69px; width: 270px; background: url(/images/eq/logo.png) no-repeat 0 0; margin: 30px 0 0 -130px; position: relative; z-index: 5;}
div.flags {margin: 10px;}
div.flags a {height: 20px; width: 30px; display: block; float: left; margin-right: 10px; border: 1px solid #ccc;}
div.flags div {height: 20px; width: 30px; float: left; margin-right: 10px; border: 1px solid #ccc;}
div.flags .ru {background: url(/images/eq/ru.png) no-repeat 0 0;}
div.flags .en {background: url(/images/eq/en.png) no-repeat 0 0;}

/* main layout */
/* */
table.lyo {width: 100%; table-layout: auto; margin-top: 0}
table.lyo tr {width: 100%;}
table.lyo td {vertical-align: top;}
table.lyo tr.upper td {height: 146px;}
table.lyo tr.upper td.bg {height: 146px!important;}
div.ny {display: none; overflow: visible!important; height: 162px; width: 1000px; margin: auto; background: url(/images/eq/top_ny.png) no-repeat -70px 0; overflow: visible;}

/* меню */
/* */
table.lyo tr.upper td.menu {width: 250px!important; padding:0;}
table.lyo tr.upper td.menu div.menu {width: 100%; z-index: 3; margin: 44px 0 0 20px; background: transparent;}
table.lyo tr.upper td.menu div.menu ul {color: #ec9c00; font-weight: normal;}
table.lyo tr.upper td.menu div.menu ul li {padding-top: 7px;}
table.lyo tr.upper td.menu div.menu ul li a {color: #6d6d6d; text-decoration: none; font-size: 15px;}
table.lyo tr.upper td.menu div.menu ul ul {margin: 10px 0 0 10px; font-size: 13px;}
table.lyo tr.upper td.menu div.menu ul ul li {margin:0; padding:0 0 5px 14px; background: url(/images/eq/bull.gif) no-repeat 0 4px;}
table.lyo tr.upper td.menu div.menu ul ul li a {font-size:13px;}
table.lyo tr.upper td.menu div.menu ul a.act {color: #ec9c00;}
table.lyo tr.upper td.menu div.menu ul a {display: inline; padding:0; margin:0; background: none; height: auto; width: auto; }

/* шапочка */
/* */
table.lyo tr.top {}
table.lyo tr.top td {height: 80px!important;}
table.lyo tr.top td.left {width: 20%; background: url(/images/eq/undermenu_l.png) repeat-x 0 0;}
table.lyo tr.top td.right {width: 20%; background: url(/images/eq/undermenu_r.png) repeat-x 0 0;}
table.lyo tr.top a {display: block; display: block; height: 100px; text-decoration: none; font-size: 24px; color: #fff; width: 250px;}
table.lyo tr.top a strong {font-weight: normal; position: absolute; margin: 10px 0 0 20px;}
table.lyo tr.top td.bnr_dev, table.lyo tr.top td.bnr_vn, table.lyo tr.top td.bnr_ord {}
table.lyo tr.top td.bnr_dev a {background: url(/images/eq/bnr_dev.png) no-repeat 0 0;}
table.lyo tr.top td.bnr_vn a {background: url(/images/eq/bnr_vn.png) no-repeat 0 0;}
table.lyo tr.top td.bnr_ord a {width: 250px; background: url(/images/eq/bnr_ord.png) no-repeat 0 0;}

/* подменюшные плашечки */
/* */
table.lyo tr.undermenu td {height: 170px;}
table.lyo tr.undermenu td.dev {background: url(/images/eq/undermenu_b.png) no-repeat 100% 0;} 
table.lyo tr.undermenu td.vn, table.lyo tr.undermenu td.ord {background: url(/images/eq/undermenu_b2.png) repeat-x 0 0;} 

/* телефончики */
/* */
div.phones {}
div.phones span.phone {color: #ed9c00; font-size: 26px; display: block; margin-bottom: 2px;}
div.phones span.phone span {font-size:16px; display: block; margin-top: 2px; float: left; margin-right: 8px;}
div.phones a {color: #636363; text-decoration: underline; text-align: right; font-size: 14px;}
tr.upper div.left {float: right; text-align: right; margin-right: 20px; margin-top: -50px;}
tr.upper div.right {text-align: left; color: #636363; font-size: 13px; margin-top: 44px;}
tr.upper div.right img {position: absolute; margin-top: 2px;}
tr.upper div.right span {margin-left: 15px;}

/* контент пошел */
/* */
table.lyo tr.content {}
table.lyo tr.content td {padding: 0 20px 20px 20px;}
table.lyo tr.content td.left {padding: 0;}
table.lyo tr.content h3 {color: #3e3e3e; font-weight: bold; font-size: 20px;}
table.lyo tr.content h3 span {font-size: 14px; font-weight: normal; color: #ff8a01; display: block;}
table.lyo tr.content h3 a {color: #3e3e3e; text-decoration: none;}
table.lyo tr.content td.left h3 {padding: 0 0 0 20px;}

/* блок карьеры */
/* */
div.career {font-size: 14px; padding: 20px;}
div.career li {margin-bottom: 10px;}
div.career a {color: #406eee;}

/* блок релиза */
/* */
div.release {padding: 20px 10px 0 20px;}
div.release p {font-size: 12px; color: #555;}
div.release img {margin: 20px 0 20px 0;}

/* новостной блок */
/* */
div.news {padding:0 20px 0 0;}
div.news div.item {margin: 20px 0 30px 0; line-height: 18px;}
div.news div.item span {display: block; font-size:14px; color: #919191; background: url(/images/eq/bull.png) no-repeat 0 6px; margin-left: -20px; padding-left: 20px; z-index: 10; position: relative;}
div.news div.item h3 {font-size: 18px; margin:0; padding:0; color: #3e3e3e; font-weight: normal;}
div.news div.item h3 a {color: #3e3e3e; text-decoration: none;}
div.news div.item p {color: #3e3e3e; font-size:12px; margin-top: 8px; line-height: 14px;}
div.news div.item p.more {font-size: 12px; text-align: right; padding-right: 20px;}
div.news div.item p.more a {color: #406eee;}
p.arch {font-size: 12px; text-align: right; padding-right: 40px;}
p.arch a {color: #406eee;}

/* отзывы человеков */
/* */
div.people {}
div.people img {border: 1px solid #ccc; padding: 1px; margin: 20px 28px;}
div.people p {font-size: 12px; color: #555;}
div.people p.podp {text-align: right; color: #888; font-style: italic; margin-top: 30px;}

/* партнеры и их ротация */
/* */
div.partners {height: 100px; background: url(/images/eq/partners.png) no-repeat top right; margin: 40px 0 0 0; padding: 20px 0 0 0; width: 700px;}
div.partners li {float: left; margin: 40px 40px 0 0; display: block; padding:0; width: 330px; }
div.partners div.carousel {margin-left: 0; width: 700px!important;}

/* карта на главной */
/* */
td.map {padding:0!important;}
td.map a.map {display: block; height: 176px; width: 230px; background: url(/images/eq/map.png) no-repeat 1px 1px; border: 1px solid #ccc; padding: 1px; float: right; margin-top: 60px;}

/* подвал */
/* */
div.footer {background: url(/images/eq/footer.png) repeat-x 0 0; height: 30px; margin: 40px 0 0 0; font-size: 14px;}
div.footer div.left {color: #656565; padding: 20px 0 20px 40px;float: left;}
div.footer div.right {float: right; text-align: right; padding: 20px 40px 0 0;}

/* контентовая область: базовые элементы */
/* */
div.content {width: 600px; padding: 18px 0 0 0;}
div.content h1 {color: #3e3e3e; font-size: 20px; height: 40px; margin-bottom: 10px; font-weight: bold;}
div.content h2 {background: none; font-size: 16px; color: #3366ff; margin: 20px 0 10px 0; padding:0;}
div.content p {font-size: 14px; color: #555; line-height: 24px; margin: 4px 0 16px 0;}
div.content ul {list-style: circle; margin: 0 0 40px 20px;}
div.content li {font-size: 14px; color: #555; line-height: 20px; margin: 4px 0 4px 0;}
div.content p.res {color: red;}
div.content p.date {font-size: 11px; color: #555; text-align: right; padding-right: 20px;}
div.content p.min {font-size: 11px; line-height: 12px; margin-top: 60px;}
div.content a {color: #406eee; text-decoration: underline;}
div.content a.pps {background: url(/images/eq/pps.gif) no-repeat 0 0; padding-left: 30px; display: inline-block; height: 24px;}

/* прочий стафф */
/* */
h2 {padding: 0 0 0 50px; font-size: 20px; margin-left: -50px;}
h2 span {display: block; font-size: 12px; color: #ad7200; margin-top: 4px;}
h3 {font-size: 16px; font-weight: bold; margin-top: 20px; color: #555;}

div.q {font-size: 12px; width: 240px; float: left; padding: 0 0 0 10px; margin-top: 40px;}
div.q h3 {margin: 10px 0 6px 0;}
div.q li {padding: 4px 0 4px 0;}

div.content div.partners_in {text-align: center;}
div.content div.partners_in li {width: 50%; float: left; display: block; text-align: center; margin: 20px 0;}

/* форма отправки слева */
/* */
div.sendform {background: #e8e8e8 url(/images/eq/sendform_bg.png) repeat-x 0 0; margin: 0 0 20px 0; padding: 18px 0 20px 20px;}
div.sendform h3 {padding: 0!important; margin:0; font-size: 20px; color: #3e3e3e;}
div.sendform h4 {padding:0; margin:0; font-size: 14px; color: #ff8701;}
div.sendform form {}
div.sendform p {font-size: 14px; color: #868686; padding: 16px 0 4px 0;}
div.sendform p.res {padding: 10px 0 0 0; margin-left: -10px;}
div.sendform input, div.sendform textarea {border: 1px solid #ccc; width: 190px; font-size: 13px;}
div.sendform textarea {height: 100px;}
div.sendform input.sbm {cursor: pointer; background: #ffcc33 url(/images/eq/sendform_submit.png) no-repeat 0 0; height: 25px; width: 210px; border: none; margin: 6px 0 0 -10px; font-size: 14px; color: #fff;}
div.sendform label.error {display: none!important;}
div.sendform .error {border: 1px solid red;}

/* карта в контактной информации */
/* */
div.content table.maps {width: 100%; margin-bottom: 40px;}
div.content table.maps td {width: 50%; border-bottom: 1px solid #ccc; padding: 4px;}
div.content table.maps td p {font-size: 13px; padding:0; margin:0;}
div.content 	.l {text-align: left; padding-left: 4px; border-left: 1px solid #ccc;}
div.content 	.r {text-align: right; padding-right: 4px;}

/* расчет решения */
/* */
div.content table.solution {width: 100%; margin-top: 20px;}
div.content table.solution td {vertical-align: top;}
div.content table.solution .w250 {width: 150px; padding: 40px 25px 10px 0; text-align: right;}
div.content table.solution .w250 strong {white-space: nowrap;}
div.content table.solution p {padding:0; margin:0;}
div.content input, div.content textarea {width: 300px; margin: 0; border: 1px solid #aaa; background: #fff; font-family: verdana; font-size: 12px;}
div.content table.solution input {margin-bottom: 10px; width: 400px;}
div.content table.solution textarea {width: 600px; height: 100px;}
div.content table.solution input.sbm {margin: 30px 0 0 100px; cursor: pointer;}

div.content table.advert {}
div.content table.advert div.float input {width: auto; float: left; margin: 7px 8px 0 0; border: none;}
div.content table.advert div.float p {margin:0; padding:0; margin: 0 0 10px 10px;}

/* форма обратной связи */
/* */
div.content div.feedback {font-size: 12px;}
div.content div.feedback td {padding: 4px 2px; text-align: right; vertical-align: top;}
div.content div.feedback td p {line-height: 12px; margin-top:2px;}
div.content div.feedback input {width: 250px;}
div.content div.feedback textarea {height: 60px; overflow: auto; width: 250px;}
div.content input.sbm {height: 30px; margin: 20px 0 0 0; border: 1px solid #aaa; background: #eee;}

table.folio {width: 100%;}
table.folio td {}
table.folio p {font-size: 13px;}
table.folio p.link {font-size: 15px;}
table.folio h2 {margin:0;}
/*div.folio img, table.folio img {border: 1px solid #eee; padding: 2px;}*/
div.folio {padding: 0 0 20px 0;}
div.folio h3 {text-align: center; padding: 0 0 5px 0;}
div.folio h3 a {text-decoration: none; color: #3e3e3e; font-weight: normal; font-size: 14px;}
div.folio p a {font-size: 14px; color: #868686;}
div.folio p {text-align: center;}

div.content div.folio {}
div.mtop {margin-top: -160px; position: relative;}