/* Общите стили*/
/* Общие стили */

html{height:100%;}
body {height:100%; margin: 0; padding: 0; font-size: 14px; font-family: Times New Roman; color: #252c5b;}
p {font-size: 14px; font-family: Times New Roman; color: #252c5b; line-height:110%;}
a {color: #497EB4;}
a img {border: 0;}
a * {cursor: pointer;}
a:hover {text-decoration: none;}
div.clear {clear: both;}
div.layout, div.footer {width: 960px; margin: 0 auto; min-width:960px;}
/* head */
/* head block */
div.head {width: 960px; height: 162px;}

div.head div.logo {width: 442px; height: 102px; margin:20px 0 7px 0; background:url("../../img/headLogo.jpg") no-repeat; float:left;}
div.head div.logo a {width: 442px; height: 102px; display:block;}
div.head ul {margin: 0; padding:0 0 0 0px; list-style-image: none; list-style-type: none; float: left; width: 960px; background: #252c5b; height:33px; min-width:960px;}
div.head ul  li {display:block; float: left; text-align:center; color: #FFF; font-family: Times New Roman; font-size:20px; background: #252c5b; border-left: 1px solid #FFF;}
div.head ul  li.noborder {border-left: none;}
div.head ul  li.noborder a {width: 70px;}
div.head ul  li.item2 a {width: 94px;}
div.head ul  li.item3 a {width: 84px;}
div.head ul  li.item4 a {width: 98px;}
div.head ul  li.item5 a {width: 240px;}
div.head ul  li.item6 a {width: 72px;}
div.head ul  li.last a {width:142px; }
div.head ul  li  a {color: #FFF; text-decoration: none; display:block; padding:5px 11px;}
div.head ul  li:hover {background: #e78000;}


/*main*/
div.main {width: 960px; margin-top: 10px; height: 100%; background: #eaeaea; float: left;}

/* left block */
div.main div.left {width: 770px; float: left; border-right:10px solid #fff;}
div.main div.left h1 {float: left; margin: 20px 5px 5px 15px; clear:both;}
div.main div.left h1 {background: url("../../img/arrow.gif") no-repeat center left; padding-left:25px; text-transform: uppercase; font-size: 16px;}

div.main div.left h2 {float: left; margin: 10px 10px 10px 15px;clear:both;}
div.main div.left div.content h1, div.main div.left div.content h2 {margin:0;clear:none; float:none;}


div.main div.left div.tophead {width: 770px; height: 280px; color: #fff; border-bottom: 10px solid #fff;}
div.main div.left div.tophead div.search {width: 253px; height: 278px; float:left; background: url("../../img/searchTeam.jpg") no-repeat;}
div.main div.left div.tophead div.search span.caption {width: 253px; height: 36px; margin: 165px 0 0 0; float:left; background: url("../../img/searchCaption.jpg") no-repeat; font-size: 20px; text-align: center; padding-top:2px;}
div.main div.left div.tophead div.search div.loop {float: left; margin: 10px 0 0 5px;}
div.main div.left div.tophead div.search form {float: left; display:block; width: 180px;}
div.main div.left div.tophead div.search form * { width:176px; height: 32px; margin: 10px 0 0 6px;}
div.main div.left div.tophead div.search form input.button {color: #bcbcbc; font-size: 12px;}
div.main div.left div.tophead div.search form input.text {width: 166px; height: 16px; color: #bcbcbc; font-size: 12px;}
div.main div.left div.tophead div.column {width: 178px; height: 278px; float: left;}
div.main div.left div.tophead div.column a {display:block; text-decoration: none;}
div.main div.left div.tophead div.column span.caption {float: left; width: 170px; height: 20px; text-align: center; color: #fff; margin: 6px 0; font-size: 15px;}
div.main div.left div.tophead div.column img {margin: 0px 5px 5px 9px;}
div.main div.left div.tophead div.column span {width:166px; text-align: center; font-size: 14px; margin: 1px 0 0 3px; padding: 0; display: block; color: #fff;}
div.main div.left div.tophead div.column.blue {width: 172px; height: 278px; float: left; background: url("../../img/blueColumn.jpg") no-repeat; }
div.main div.left div.tophead div.column.red {width: 172px; height: 278px; float: left; background: url("../../img/redColumn.jpg") no-repeat; }
div.main div.left div.tophead div.column.orange {width: 172px; height: 278px; float: left; background: url("../../img/orangeColumn.jpg") no-repeat; }

div.main div.left div.content {width: 700px; height:100%; float:left; padding: 20px 25px; background: #eaeaea; color: #252c5b;}

div.center {margin:0; padding:0; height:100%; float:left;}

/* right block */
div.right {width: 176px; float:right;}
div.right img {float:left; display:block; margin: 20px 34px 0 34px; }
/* recent news*/

div.content div.newRecord {float: left; padding-bottom:5px;}


/* footer */
/*div.footer {height: 20px;  background: #eaeaea; padding:10px 0; border-top:5px solid #fff;}*/
div.footer {height: 12px;  background: #212850; padding:10px 0; border-top:5px solid #fff; border-bottom:5px solid #fff; color: #fff;}
div.footer div.leftText {margin-left:400px;}
div.footer a {color: #fff;}


/* Формы */
form .control {padding: 10px 0 0; forn-size: 12px;}
.captcha {float:left; width:175px; padding:0 5px 5px 0;}
.captchaIco {float: left; width: 25px;}

/* pager */
div.pager {width: 768px; }
div.pager div.clearPager {width: 330px; height: 16px; float: left;}
div.pager span a {font-size:18px;}
div.pager span.active {font-size:19px;}

/* контейнер сообщений: как системных, так и пользовательских */
div.messageSet {border: 1px solid #dbad31; background-color: #fafbad; padding: 5px;}
div.messageSet ul {margin-left: 20px; list-style-type: square;}
div.messageSet li {color: #856623;}

/* компонент TextBox, шаблон TextBoxCaptcha.tpl  */
div.textBoxCaptcha {float:left; width:175px; padding:0 5px 15px 0;}
div.textBoxCaptchaIco {float: left; width: 25px; clear: right;}

/* контейнер сообщений об ошибках: как системных, так и пользовательских */
div.errorSet {background:#F8E5E5; border: 1px solid #dbad31; padding: 5px; clear:both;}
div.errorSet  ul {margin-left: 20px; list-style-type: square;}
div.errorSet li {color: #856623;}

div.error input,
div.error textarea {background: #f8e5e5; border: #eaa3a3 1px solid;}
div.error div.textboxCaption {color: #ff0000;} 
span.require {color: #db4733; font-size: 90%; font-weight: bold;}

/* компонент textBox */
div.textBox {clear:both;}
div.textBoxCaption {padding-bottom: 5px;}
input.textBox {width: 300px; border: 1px solid #2E6384; padding: 2px;}
textarea.textBox {width: 304px; height: 60px;}
textarea.textBoxWide {width: 304px; height: 120px;}

div.siteMap {padding: 10px 86px; float:right;}
div.siteMap a {width:12px; height:12px; display: block;}