html,  div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0;	font-size: 100%;	vertical-align:baseline; background: transparent;}
ol, ul { list-style: none;}
blockquote, q {quotes: none;}
ins { text-decoration: none;}
del { text-decoration: line-through;} 
table {	border-collapse: collapse; border-spacing: 0;}
body { font-family: Arial;font-size:12px;line-height:18px;color:#d5d5d5;text-align:left; background:#212120 url(../images/bg_site.jpg)  top repeat-y; padding:0; margin:0}


a       { color:#98ddf2; text-decoration:underline; cursor:pointer; outline:none; }
a:link  { color:#98ddf2; text-decoration:underline;}
a:hover { color:#98ddf2; text-decoration:none;}
a:active{ color:#98ddf2	; text-decoration:underline;}


.clear  {clear:both;}
.left{ float:left}
.right{ float:right}
.red { color:#FF0000;}
.white{ color:#fff!important}
.blue{ color:#00aeff}
.broun{ color:#1f1b13!important}
.grey{ color:#c0cdd7}

.grid_1{ width:611px}
.grid_2{ width:600px}
.grid_3{ width:251px}
.grid_4{ width:307px}
.grid_5{ width:600px}
.grid_6{ width:250px}
.grid_7{ width:290px}
.grid_8{ width:0px}
.grid_9{ width:0px}
.grid_10{ width:0px}
.grid_11{ width:0px}

.top_40{ margin-top:40px}
.top_14{ margin-top:14px}
.top_5{ margin-top:5px}
.right_30{ margin-right:30px}
.pad_left_20{ padding-left:5px}







.left_20{ margin-left:20px}
.left_30{ margin-left:30px}
.right_20{ margin-right:20px}
.bot_20{ margin-bottom:20px}
.top_10{ margin-top:-10px}
.right_15{ margin-right:15px}
.bot_13{ margin-bottom:13px}
.bot_18{ margin-bottom:18px}
.right_10{ margin-right:10px}



h1{ font-size:22px; text-transform:uppercase; color:#fff; font-weight:normal;  }
h2{ font-size:22px; text-transform:uppercase; color:#fff; font-weight:normal  }
.img_1{ background:url(../images/img_1.png)left no-repeat; padding-left:50px; margin-bottom:10px}

.border { border-bottom: solid #33302f 1px;}
.border_1 { border-top: solid #000 1px;}
.border_2{ background:url(../images/border_dotet.jpg) left repeat; height:1px; margin-top: }



.shadow{ background:url(../images/shadow_top.png) top repeat-x;}
.centr{ width:967px; margin:0 auto}
.top{  height:97px}
.logo{ margin-left:5px}
b.text{  margin-left:15px; color:#989388; font-weight: 400}
.phone{ background:url(../images/img_phone.png) left  no-repeat; width:200px; margin-right:60px; height:25px; margin-top:40px; color:#949084; padding-left:20px; line-height:40px; font-size:14px; text-transform:uppercase}
.up{ text-transform:uppercase}

.menu{ background:url(../images/bg_menu.jpg) left repeat-x; height:57px; width:959px}
.menu li a.home{ display:block; width:166px; height:34px;  float:left; text-transform:uppercase; text-align:center; padding-top:23px; font-size:14px; text-decoration:none!important; } 
.menu li a.location{ display:block; width:154px; height:34px;  float:right; text-transform:uppercase; text-align:center; padding-top:23px; font-size:14px; text-decoration:none!important; } 
.menu li a.centr{ display:block; width:160px; height:34px;  float:left; text-transform:uppercase; text-align:center; padding-top:23px; font-size:14px; text-decoration:none!important; } 
.menu li a.centr{display:block; width:158px; float:left; text-transform:uppercase; text-align:center; padding-top:23px; font-size:14px; }


.menu li a.home:hover{ background: url(../images/bg_hover_home.jpg) top no-repeat; height:34px; width:166px; }
.menu li a.centr:hover{ background: url(../images/bg_hover.jpg) top no-repeat; height:34px; width:158px; }
.menu li a.location:hover{ background: url(../images/bg_menu_location.jpg)  top right no-repeat; height:34px; width:154px; padding-left:5px;  }

.act{ background: url(../images/bg_hover_home.jpg) top no-repeat; height:34px; width:166px; }
.big_baner{ height:300px; background:url(../images/bg_big_banner.jpg) bottom no-repeat }

.content{ background:url(../images/bg_content.png) top repeat; padding:35px 25px 0px 30px}

.list{ background:url(../images/pin_1.png) left no-repeat; padding-left:30px;  display:block; margin-bottom:18px; width:290px }

.bg_black{ background-color:#000; margin-top:20px; padding:20px; position:relative; left:-20px}
.bg_black_none{ background-color:#000; padding:20px; position:relative; left:-15px; top:-15px}
.bg_black_right{ background-color:#000; padding:20px 20px 0px 30px; position:relative;  top:-25px; right:-10px}

.list_1{ background:url(../images/pin_2.jpg) left no-repeat; padding-left:25px; display:block; width:160px; margin-bottom:15px }
.list_1 a{ color:#efe2c2; text-decoration:none}
.list_1 a:hover{ color:#fff}

.data{ background:url(../images/img_4.jpg) left no-repeat; display:block; height:70px; padding-left:80px; color:#c0cdd7}
.data_1{ background:url(../images/img_5.jpg) left no-repeat; display:block; height:70px; padding-left:80px; color:#c0cdd7}
.data_2{ background:url(../images/img_6.jpg) left no-repeat; display:block; height:70px; padding-left:80px; color:#c0cdd7}

a.read{ margin-top:10px; display:block; }
a.more{ background:url(../images/bg_read.jpg) top no-repeat; text-align:center; padding-top:5px; height:27px; width:150px; display:block; color:#1f1b13; text-transform:uppercase; text-decoration:none; margin-left:60px; font-weight:bold}
a.more_big{ background:url(../images/bg_read.jpg) top no-repeat; text-align:center; padding-top:5px; height:27px; width:115px; display:block; color:#1f1b13; text-transform:uppercase; text-decoration:none;  font-weight:bold}
a.read_more{ text-transform:uppercase; font-weight:700; text-decoration:none; color:#ff6000; margin-left:90px}
a.read_more:hover{ text-decoration:underline}


.baner_1{ background:url(../images/baner_1.jpg) top no-repeat; height:310px; margin-top:30px; margin-left:-20px; margin-right:13px}
.baner_2{ background:url(../images/baner_2.jpg) top no-repeat; height:310px; margin-top:30px; margin-right:10px }
.baner_3{ background:url(../images/baner_3.jpg) top no-repeat; height:310px; margin-top:17px; margin-right:-15px   }
.list_2{ background:url(../images/pin_3.png) left no-repeat; padding-left:20px; display:block; margin-bottom:12px; color:#1f1b13; font-weight:bold}
.baner_list{ margin:180px 0px 0px 30px}
.footer{ height:70px; background-color:#000; border-top:1px #4f4f4f solid; padding-top:40px; color:#3a3a3a}
.copy{ margin-left:10px; margin-top:10px; display:block; font-size:11px}
	
.footer .left a{color:#ebe7dc; text-decoration:none!important ; margin-left:10px;}
.footer .left a:hover{ color:#fff}
	
/* -----------------------------------------------------------------------------*/ 
#read_more h4, #read_more{ color:#000}
#read_more h4{ margin:0px 0px 10px 0px ; font-size:24px; line-height:30px; padding:0}

	
/* -----------------------------ANIMA-----------------------------------------------*/ 
#anima{ width:400px; float:right; margin-top:-20px}
#anima a{display: block; text-decoration: none; float:right; height:30px;  margin-right:20px; }
#anima a:hover span{ display:block; width:50px; height:40px; position:absolute; background:url(../images/opa_50.png) top repeat; z-index:100; margin-top:-30px}


/*----------------   accord  ---------*/
.acordeon{ padding-top:25px; padding-left:36px}
div.acordeon
ul{
list-style: none;
margin: 0;
padding: 0;


}

div.acordeon 
ul li{
float: left;
display: block;
height:248px



}

div.acordeon
ul li a{
display: block;
overflow: hidden;
height: 248px;
width: 58px;
text-decoration:none!important; cursor:pointer;

}

div.acordeon
#a1{
width: 662px;
}
.title_1, .title_2, .title_3, .title_4, .title_5{ width:58px; position:absolute; background:url(../images/opa_50.png) top repeat; height:247px; z-index:100; }
.title_1 span{ display:block; width:58px; height:249px; background:url(../images/title_1.png) center 95% no-repeat}
.title_2 span{ display:block; width:58px; height:249px; background:url(../images/title_2.png) center 95%  no-repeat}
.title_3 span{ display:block; width:58px; height:249px; background:url(../images/title_3.png) center 95%  no-repeat}
.title_4 span{ display:block; width:58px; height:249px; background:url(../images/title_4.png) center 95%  no-repeat}
.title_5 span{ display:block; width:58px; height:249px; background:url(../images/title_5.png) center 95%  no-repeat}





.title_1 span:hover, .title_2 span:hover, .title_3 span:hover, .title_4 span:hover, .title_5 span:hover{ background-position: center 12px}