* { margin:0; padding:0;}

body { background:#000; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color: #FFF;  font-variant:normal;}



input, textarea { font-family:Tahoma, Geneva, sans-serif; font-size:1.22em; width:250px; background-color:#FFF; border:1px solid #cccccc;}

table {border-collapse:collapse; color:#FFF}

textarea {height:55px;}

A {

 outline: none;}



.fleft { float:left;}

.fright { float:right;}

.clear { clear:both;}



.alignright { text-align:right;}

.aligncenter { text-align:center;}



.wrapper, block { width:100%; overflow:hidden;}

.container { width:100%;}



p { margin:10px 0; padding:0; color:#FFF; text-align:justify; font-family:Verdana, Geneva, sans-serif; font-size:12px}

h1 { margin:20px 0 10px 0; padding:0; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#C39C30;text-transform: uppercase;  font-size:22px;}

h2 { margin:20px 0 10px 0; padding:0; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color: #C39C30; text-transform:uppercase; font-size:19px;}

h2 a {color:#cccccc; text-decoration:none;}

h3 { margin:20px 0 10px 0; padding:0; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#C39C30; text-transform:uppercase; font-size:15px;}

.tail-top { background:url(images/tail-top.gif) left top repeat-x #040404;}

.tail-bottom { background:url(images/tail-bottom.gif) left bottom repeat-x;}

.right { width:40%; text-align:right; font-family:Arial, Helvetica, sans-serif; font-style:italic; margin-left:500px}

/*==================forms====================*/

input, select { vertical-align:middle; font-weight:normal;}

img {border:0; vertical-align:top; text-align:left; margin:5px}



#contacts-form label { display:block; height:26px;} 

#contacts-form label input { width:393px; padding:2px 0 3px 3px; color:#a4a4a4; background:#161718; border:1px solid #a4a4a4;}

#contacts-form textarea {width:401px; height:92px; padding:2px 0 2px 3px; margin-bottom:15px; color:#a4a4a4; background:#161718; border:1px solid #a4a4a4; overflow:auto;}



/*==================list====================*/

ul { list-style:none;}



.nav { position:absolute; top:230px; margin-left:150px; text-transform:uppercase; font-size:14px;}

.nav li { display:inline; padding:0 12px;}

.nav li a {color:#fff;; text-decoration:none;}

.nav li a:hover { color: #F60;}

.nav li a.current { color:#fff;}



.puzzle { width:100%; overflow:hidden;}

.puzzle li { float:left; width:106px; margin-right:2px;}



ol li { background:url(images/arrow1.gif) no-repeat left 3px; padding:0 0 12px 15px;color: #FFF;}

ol li a { color: #FC0; font-weight:bold}



.list2 { width:100%; overflow:hidden;}

.list2 li { float:left; width:210px; text-align:center; padding-bottom:16px;}

.list2 li img { display:block; margin:0 auto 12px auto;}

.list2 li a { color: #FFF;}

.list2 li a:hover { color: #F60;}



.list3 li { width:100%; overflow:hidden; padding-bottom:12px;}

.list3 li span  { float:right;}

.list3 li a { color:#21638d; background:url(images/arrow1.gif) no-repeat left top; padding:0 0 0 16px;}



/*==================other====================*/

.img-indent { margin:0 0 0 0;}

.img-box { width:100%; overflow:hidden; padding-bottom:20px;}

.img-box img { float:left; margin:0 20px 0 0;}



.extra-wrap { overflow:hidden; }



.p1 { margin-bottom:16px;}

.p2 { margin-bottom:10px;}





/*=================txt, links, lines, titles====================*/

a {color: #F60; font-weight:bold}

a:hover{text-decoration:none; color: #FFF}



.txt1 { color:#fff;}



.link1 { text-decoration:none;}

.link1:hover { text-decoration:underline;}



.title { margin-bottom:26px;}



/*==================boxes====================*/

.box-1 { background:url(images/box1-bg.jpg) left top repeat-y; width:100%;}

.box-1 .top { background:url(images/box1-top.jpg) no-repeat left top;}

.box-1 .bottom { background:url(images/box1-bottom.jpg) no-repeat left bottom; width:100%; min-height:371px; height:auto !important; height:371px;}

.box-1 .inner { padding:54px 25px 50px 30px;}



.cont-box { padding:0 20px 0 0; margin:0;}

.cont-box span { float:right;}





/*header*/

#header .row-1 { height:235px;}

#header .row-1 .indent { padding:0; text-align:center;}

#header .row-2 { height:235px; }

#header .slogan { position:absolute; top:584px; text-align:center; width:980px; margin-left:-28px; text-transform:uppercase;}

#header .slogan span { color:#fff;}



/*content*/

#content { padding:0 31px 0 28px;}

#content .row-2 { padding:10px 30px 10px 30px; text-align:right;}



/*footer*/

#footer { color:#cccccc; text-align:center; height:100px; margin-top:30px; background-color:#000000;}

#footer p { padding:24px 0 5px 0; margin:0; text-align:center}

#footer a {color: #FFF; text-decoration:none; font-weight:normal}

#footer a:hover { text-decoration:underline;}



/*==========================================*/

#main {width:980px; margin:0 auto; position:relative;}



#header {height:546px; background:url(images/header-bg.jpg) no-repeat left top; padding:0 31px 0 28px;}

#header, #content, #footer { font-size:12px;}



.col-1, .col-2, .col-3 { float:left;}



/*======= index.html =======*/

#page1 #content .row-1 .col-1 {width:460px;}

#page1 #content .row-1 .col-2 { width:405px;}

#page1 #content .row-2 .col-1 { width:287px;}

#page1 #content .row-2 .col-2 { width:291px;}

#page1 #content .row-2 .col-3 { width:182px;}



.bord td {border:1px solid #444444; padding:5px;}




.otst td {padding:10px; border-top:1px solid #444444;}