﻿@import "reset.css";

body {	background:#e7e7e7  ; font-family:Arial;	font-size:12px;	line-height:18px;	color:#3a3a3a;	margin:0; padding:0}

.clear {clear:both;}
.left{ float:left}
.right{ float:right}
a{ outline:none; color:#fff}
a:hover{ text-decoration:none}

/*==== GLOBAL =====*/
.inner-wrap{font-family:Arial, Helvetica, sans-serif; line-height:18px}
.footer {	height:75px; background:#101010; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#6c6c6c; border-top:1px #404040 solid; line-height:14px}
div.top{ height:105px; background:#272727;}
div.menu{ height:45px; border-top:1px #e1e0e0 solid ; border-bottom:1px #e1e0e0 solid}
div.text{ padding:25px 25px 20px 25px}

/*====================== Read More ====================*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; font-size:12px; font-family:Arial }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


/*===================== Sub Pages =====================*/
.grid_1{ width:500px;}
.grid_2{ width:150px;}
.grid_3{ width:300px;}
.grid_31{ width:300px;}
.grid_4{ width:615px;}
.grid_5{ width:700px;}
.grid_6{ width:653px;}
.grid_7{ width:200px;}
.grid_8{ width:327px;}

.grid_10{ width:290px;}


h1{ margin:0; padding:0; font-size:24px; color:#575757 ; line-height:25px; text-transform:uppercase; padding-bottom:16px; white-space:nowrap}
h3{ color:#ddd; font-size:18px; text-transform:uppercase; padding-bottom:10px; line-height:18px; border-bottom:1px #fff  dashed;  margin-bottom:16px}



.right_30{ margin-right:40px;}
.right_20{ margin-right:20px;}
.left_20{ margin-left:20px;}

.red, a.red{ color:#ff2900!important;}
img.photo{ padding:5px ; background-color:#fff; border:1px #9c9c9c solid; margin-bottom:10px}
img.img{ border:3px #dddddd  solid; margin-top:4px}
b{ color:#5b85b3;!important; display:block;}
div.footer div.text div.right a{ color:#dddddd; text-transform:uppercase; font-size:12px; padding:0px 10px; text-decoration:none;}
div.footer div.text div.right a:hover{ color:#fff}

div.top div.text div.right{ text-transform:uppercase; color:#b6b5b3; padding-top:25px}

div.top div.top_links { position:absolute; right:0; top:-20px; width:260px; height:60px;}
div.top div.top_links a{ display:block; width:80px; height:55px; float:left; text-transform:uppercase; text-decoration:none; font-weight:bold; line-height:60px; padding-top:10px; text-align:center; margin-right:5px}
div.top div.top_links a:hover{ background:url(../images/bg_top_links.gif) top no-repeat}

body.index-1 div.box_3, body.index-1 div.box_2{ border:0}
div.box_2 a{ color:#3a3a3a}

/*===================== Menu =====================*/
div.menu ul.nav li{ float:left;}
div.menu ul.nav li a{ color:#3a3a3a; font-size:18px; text-transform:uppercase; text-align:center; text-decoration:none; display:block; width:162px; border-left:1px #e1e0e0 solid ;  height:32px; line-height:0px; padding-top:12px}
div.menu ul.nav li a.first{ border-left-color:#fff}
div.menu ul.nav li a:hover,  div.menu ul.nav li a.act{ background:#d02910;  border-left:1px #e1e0e0 solid; color:#fff}

ul.nav li ul { list-style: none; margin: 0; position: absolute; top: -999px; z-index:1000}
.nav li:hover ul { top: 152px; position: absolute; left:327px; }
.nav li.sfHover ul { top: 152px; position: absolute;}

ul.nav li ul.second{ background:#fff url(../images/bg_second_ul.gif) left top no-repeat; padding-top:20px; width:243px; border:0px solid #a8a8a8;}
ul.nav li ul.second a {  font-size:12px; font-weight:500; color:#3a3a3a; text-align:left; text-indent:20px; width:243px; text-transform:uppercase; font-family:Arial!important; height:35px; padding:0; line-height:35px}
ul.nav li ul.second a:hover { background:#d02910; color:#fff;  } 




/*===================== End Menu =====================*/

div.box_1{ background:#efefef; border-bottom:1px #fff solid}
div.box_1 h2{ font-size:18px; color:#3a3a3a; padding:25px 0px 30px 80px; text-transform:uppercase; white-space:nowrap}

div.box_1 div.block{ width:950px; margin-right:10px}


div.box_1 div.bg_2{ background:url(../images/bg_2.gif) top left no-repeat}
div.box_1 div.bg_3{ background:url(../images/bg_3.gif) top left no-repeat}
div.box_1 div.bg_4{ background:url(../images/bg_4.gif) top left no-repeat}

a.more{ display:block; width:90px; height:20px; background:url(../images/bg_more.gif) top no-repeat; text-align:center; line-height:12px; color:#3a3a3a; cursor:pointer; text-decoration:none; margin-top:15px; text-transform:uppercase; font-size:12px; padding-top:7px}

a.read{ color:#f00!important; line-height:20px; font-size:12px; text-transform:uppercase; text-decoration:none; cursor:pointer}


a.arrow_disk{ display:block; height:17px; border-bottom:1px solid #efefef; padding-left:25px; background:url(../image/arrowIcon.png) left 50% no-repeat; margin-bottom:10px; text-decoration:none; color:#000;} 
a.arrow_disk:hover{ text-decoration:underline} 

div.box_3 a{ color:#d5d5d5}
div.box_3 div.right div.mar_10 a img{ margin-right:8px}

div.box_2{ border-top:1px #c8c7c7 solid}
div.box_3{ border-top:5px #efefef solid; background:#272727; color:#d5d5d5;}
div.box_21{ border-top:1px #c8c7c7 solid}

div.mar_10{  padding-left:10px; padding-right:10px}
div.list a{ display:block; height:28px; padding-left:20px; text-decoration:none; color:#d5d5d5; line-height:28px; border-bottom:1px #7d7d7d dotted; background:url(../images/arrowIcon.png) left 50%  no-repeat}
div.list a:hover{ color:#f00; text-decoration:underline}



/*===================== Show =====================*/
#content{ border-bottom:3px #070704 solid; height:348px; position: relative}
#content .conteiner{ position: relative; z-index:1;}
#content .conteiner>.extra-wrap{ overflow:hidden;	position:relative; }
#content .pages{ width:4000px;	overflow:hidden;	position:relative;}
#content .page{	width:980px; height:348px; margin-right:5px;  position:relative; float:left; margin-left:0px; }
div.content{ position: absolute; z-index:1; height:380px;  padding:45px 0px 0px 60px; overflow:hidden; width:885px}
#content a.prev{ position:absolute;	left:20px;	top:330px;	background:url(../images/prev.png) bottom no-repeat;	width:73px;	height:14px; z-index:100;}
#content a.prev:hover{	background-position: center 3px;}
#content a.next{position:absolute;	right:20px;	top:330px;	background:url(../images/next.png) bottom no-repeat;	width:73px;	height:14px; z-index:101;}
#content a.next:hover{	background-position: center 3px;}

div.bg_top{ background:url(../images/bg_top.png) top repeat; height:15px; position:absolute; top:0; left:0; z-index:100; width:100%; color:#fff; font-size:12px; text-transform:uppercase; padding:8px 20px 3px }

div.bg_foot{ background:url(../images/bg_foot.png) top repeat; height:25px; position:absolute; bottom:0; left:0; z-index:100; width:100%}
img.for_sale{ position:absolute; top:130px; left:690px;  z-index:101; }

.blue{ color:#afd5ff}
/*===================== End Show =====================*/



/*================= Contacts =========================*/

.notification_error{ height: auto;width: 96%;padding: 2px;background: #363636; text-align: left; color:#f00; margin-bottom:2px; border: 1px solid #706b69; }
.notification_ok{ border: 0px ; height: auto; width: 96%; padding: 8px; background: #363636; text-align: center;  } 
.info_fieldset { border: 0px  }
.info_fieldset legend { border: 0px #dddddd solid;  color: black;   font: 13px Verdana;  padding: 2px 5px 2px 5px; }

.button { width:90px; height:30px; background:url(../images/bg_more.gif) top no-repeat; text-align:center; line-height:28px; color:#3a3a3a; cursor:pointer; text-decoration:none; margin-top:15px; text-transform:uppercase; font-size:12px;display:block; margin-bottom:10px; font-weight:bold}
.button:hover{ text-decoration:none}

/* Label */
label  { width: 75px;  margin: 0px; float: left; text-align: left; }

/* Input, Textarea */
input{ margin: 0px; padding: 0px;  float: left; border: 1px solid #6e6e6e;  color: #fff; background:#b2b2b2; font: 12px Arial, Helvetica, Arial, sans-serif; height:22px; margin-bottom:3px; width:500px }

textarea{margin: 0px; padding: 0px;  float: left; background:#b2b2b2; border: 1px solid #6e6e6e;  color: #d9d4d1;   font: 12px Arial, Helvetica, Arial, sans-serif; height:68px; margin-bottom:3px; width:500px }

.centr{ width:980px; margin:0 auto; position:relative; top:0; border:10px #fff solid; margin-top:10px; margin-bottom:10px; margin-left:auto; margin-right:auto; background:#fff}
.logo{ display:block; width:266px; height:59px;  margin-left:60px; position:relative; top:70px}
.textbox
{
	width:250px; padding:10px 10px 10px 10px; color:Black; height:10px; background:#fff; border:1; margin-bottom:7px;
}
.textbox1
{
	width:271px; padding:0px 10px 0px 10px; color:Black; height:34px; border:1; margin-bottom:7px;
}
