@import url("reset.css");

body{
background: #fff;
color: #222;
min-width: 1004px;
max-width: 1440px;
min-height: 100%;
position: relative;
margin: 0 auto !important;
}
 
#window{
background: #fff;
margin: 0 auto;
}

h1{
color: #f60;
font: 24px Georgia;
}

/************************head************************/
#head{
width: 80%;
height: 150px;
margin: 0 10% 0 10%;
position: relative;
}

#menu{
height: 120px;
margin: 0 0 0 340px;
}

#logo{
padding-top: 30px;
position: relative;
float: left;
width: 340px;
height: 110px;
margin-left: -340px;
background: #fff url('img/logo.png') right bottom no-repeat;
}

#menu_line{
border-bottom: 4px solid #aeaeae;
margin: 0 auto;
height: 116px;
line-height:normal;
}

/************************body************************/
#banner{
padding-top: 30px;
margin: 0 auto;
width: 640px;
height: 210px;
background: url('img/banner.jpg') 0% 40px no-repeat;
}

#main_text{
background: url('img/lamp.jpg') 0% 100% no-repeat;
margin: 0 10% 0 10%;
padding: 40px 0 0 84px;
font: 14px Arial;
}

#main_text p{
text-align: left;
padding-top: 10px;
}
/************************color blocks**************************/
#blocks{
margin: 0 auto;
width: 784px;
height: 275px;
padding-top: 40px;
}

#blocks a{
text-decoration: none !important;
cursor: pointer !important;
}

#blocks a:link, a:visited {
text-decoration: none !important;
cursor: pointer !important;
}

#orange{
float: left;
background: url('img/orange.jpg') no-repeat;
width: 248px;
height: 274px;
}

#green{
float: left;
background: url('img/green.jpg') no-repeat;
width: 248px;
height: 274px;
margin: 0 0 0 20px;
}

#blue{
float: left;
background: url('img/blue.jpg') no-repeat;
width: 248px;
height: 274px;
margin: 0 0 0 20px;
}

.top_part {
width: 240px;
height: 80px;
margin: 0 auto;
}

.top_part span{
padding: 16px 10px 10px 14px;
float: left;
}

.top_part h1{
font: 22px 'Trebuchet MS';
color: #fff;
padding-left: 6px;
line-height: 22px;
}

.bottom_part {
width: 208px;
height: 104px;
margin: 0 auto;
font: 14px Arial;
color: #fff;
padding: 0 10px 0 20px;
}

.orange {
background: url('img/orange_arrow.png') no-repeat 92% 94%;
}

.green {
background: url('img/green_arrow.png') no-repeat 92% 94%;
}

.blue {
background: url('img/blue_arrow.png') no-repeat 92% 94%;
}
/***********************test/latest**********************/
#test_latest{
width: 80%;
height: 300px;
margin: 0 10% 0 10%;
position: relative;
}

#test{
margin: 0 290px 0 0px;
_right: 0px;
_position: relative;
}

#latest{
_position: relative;
margin-right: -290px;
_left: -290px;
width: 290px;
float: right;
}

#latest a{
font: 12px Arial !important;
color: #333;
text-decoration: underline !important;
}

#latest a:hover {
text-decoration: none !important;
}

#test a{
font: 12px Arial !important;
color: #333;
text-decoration: underline !important;
}

#test a:hover {
text-decoration: none !important;
}


.latest_screen {
float: left;
padding: 4px 12px 0px 15px;
}

.test_text {
padding: 10px 0 0 0;
}

.test_text p{
font: 14px Arial;
padding-bottom: 8px;
}

.test_text h2{
padding: 10px 0 6px 0;
font: 18px Arial;
}

.test_text a{
font: 14px Arial;
padding-top: 10px;
}

#test h1{
font-size: 24px;
padding: 0 0 10px 14px;
}

#latest h1{
font-size: 24px;
padding: 0 0 10px 16px;
}

#test_fon{
width: 100%;
height: 253px;
}

#test_fon_left{
background: url('img/test_fon_l.png') no-repeat;
margin: 0 40px 0 0px;
height: 253px;
}

#test_fon_right{
background: url('img/test_fon_r.png') no-repeat;
width: 10px;
height: 253px;
float: right;
}

#test ul{
padding-left: 18px;
}

#test li{
background: url('img/galka.png') left top no-repeat !important;
color: #444;
margin: 0 !important;
padding:0 0 6px 20px !important;
font-size: 12px;
}

#test a:link, a:visited{
color: #444;
text-decoration: underline;
font: 12px Arial;
}

#test a:hover{
color: #444;
text-decoration: none;
font: 12px Arial;
}


/***********************content**********************/
#page_content {
width: 80%;
padding: 30px 10% 0 10%;
}

#page_content h1{
text-align: center;
color: #7fb5e5;
font: bold italic 36px 'Times New Roman' !important;
padding-bottom: 10px;
}

#page_content p {
text-align: center;
font: italic 18px 'Trebuchet MS';
padding-bottom: 8px;
}

#page_content p img {
margin-left: -2px;
}

#internal_pages {
width: 80%;
padding: 20px 10% 0 10%;
min-height: 400px;
font: 14px Arial;
}

#internal_pages h1{
padding-bottom: 12px;
}

.task p{
text-align: left !important;
width: 465px;
margin: 0 auto;
}

.task a{
text-decoration: underline;
color: #555 !important;
font: italic 18px 'Trebuchet MS';
}

.task a:hover {
text-decoration: none;
}

#line {
width: 80%;
height: 4px;
background-color: #ddd;
margin: 20px 10% 20px 10%;
}

#arrow_left {
z-index: 100;
position: fixed;
top: 220px;
left: 8%;
_position: absolute; 
_top: expression(document.getElementsByTagName("body")[220].scrollTop + "px"); 
}

#arrow_right {
z-index: 100;
position: fixed;
top: 220px;
right: 8%;
_position: absolute; 
_top: expression(document.getElementsByTagName("body")[220].scrollTop + "px"); 
}



.jcarousel-skin-ie7 .jcarousel-container {
-moz-border-radius: 10px;
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
width: 80%;
margin: 0 auto;
padding-top: 10px;
}


.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
width: 800px;
margin: 0 auto;
height: 250px;
}

.jcarousel-skin-ie7 .jcarousel-item {
    width: 195px;
}

.jcarousel-skin-ie7 .jcarousel-item:hover {
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
   padding: 0 35px 0 35px;
}

.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
	z-index: 10;
    top: 43px;
    right: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(img/next-hor.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
	z-index: 10;
    top: 43px;
    left: -5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(img/prev-hor.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
/*********************** /content**********************/

/************************basement************************/
#basement{
width: 80%;
height: 110px;
background: #ddd;
padding: 0 10% 0 10%;
}

#phone{
padding-top: 30px;
font: bold italic 24px "Times New Roman";
color: #555;
float: left;
}

#basement_links{
float: right;
color: #930;
font: 12px Arial;
width: 400px;
}

#basement ul{
float: right;
padding: 30px 0px 0 0;
}

#basement li{
text-align: right;
float: left;
color: #444;
padding: 0 0 0 5px;
}

#basement li a:link, a:visited{
color: #444;
text-decoration: underline;
padding-right: 5px;
}

#basement li a:hover{
color: #444;
text-decoration: none;
}

#basement_links p{
clear: both;
padding-top: 14px;
text-align: right;
}

#sorry{
border: 1px solid yellow;
background-color: #fff;
position: absolute;
text-align: center;
padding-top: 110px;
width: 400px;
height: 190px;
left: 50%;
top: 50%;
margin: -150px 0 0 -200px;
}


/************************top_menu**********************/
#menu_line ul {
margin:0;
padding: 87px 0px 0 0px;
list-style: none;
float: right;
}

#menu_line li {
display: inline;
margin: 0;
padding: 0;
}

#menu_line a {
float: left;
background: url('img/tab_left.png') no-repeat left top;
margin: 0;
padding: 0 0 0 5px;
text-decoration: none;
font: bold 12px Arial;
}

#menu_line a span {
float: left;
display: block;
background: url('img/tab_right.png') no-repeat right top;
padding: 6px 12px 8px 8px;
color: #555;
}

#menu_line a:hover span {
color: #fff;
}

#menu_line a:hover {
background-position: 0% -36px;
}

#menu_line a:hover span {
background-position: 100% -36px;
}


/*-------------Контакты-------------*/
#contact_content {
margin: 0px auto;
margin-right: 360px;
}

#contact_form {
position: relative;
width: 280px;
height: 306px;
margin-right:-360px;
float: right;
padding: 10px;
background: url(img/contact_form_bg.png) top left no-repeat;
}

#contact_form p{
margin:0;
padding: 7px 0 0 0;
}

#message_body {
width: 250px !important;
height: 150px !important;
}
/*------------/Контакты-------------*/

/*-------------Логин-------------*/
.login{
position: absolute;
width: 260px;
height: 150px;
left: 50%;
margin-left:-150px;
top: 50%;
margin-top: -135px;
padding: 20px;
background: url(img/login_bg.png) top left no-repeat;
}

.login p{
margin:0;
padding: 7px 0 0 0;
}

/*------------/Логин-------------*/