body {
	background-color:#000000;
	font-family: 'Montserrat', sans-serif;
}

#footer_text {
font-size:9px;
color:#ffffff;
  font-weight:700;
}

#footer_text a {
 color:#ffffff; 
  text-decoration:none;
}

#stage {
position: absolute;
left: 50%;
margin-left: -208px;
margin-top: 26px;
width:292px; 
}
#stage img {width:100%; height:auto;}

#video {
left: 50%;
margin-left: 106px;
margin-top: 21px;
position: absolute;
}


#vk {
left: 50%;
margin-left: 300px;
margin-top: 28px;
position: absolute;
}

#fb {
left: 50%;
margin-left: 330px;
margin-top: 28px;
position: absolute;
}


  #counter_page {
    position:absolute;
    left:50%;
    margin-left:401px;
    margin-top:20px;
  }  
  
#main_block {
	z-index:1000;
	width:960px;
	height:560px;
	background:#333333;
	opacity:1;
	border:1px solid #333333;
	box-shadow:0px 0px 7px #000000;
}

#mess_inside {
	position: absolute;
	width: 143px;
	left: 50%;
	margin-left: 312px;
	margin-top: 418px;
	top: 0;
	text-align: center;
}

img.soc_icon {
	width: 42px;
	height: auto;
	padding: 1px;
}

#phones_inside {
	position: absolute;
	width: 167px;
	left: 50%;
	margin-left: 297px;
	margin-top: 370px;
	top: 0;
	text-align: center;
	line-height: 22px;
	letter-spacing: -0.5px;
	font-weight: 700;
	font-size: 15px;
	text-shadow: 0px 2px 2px #000000;
}

#phones_inside a {
color:#ffffff;
text-decoration:none;  
}

#phones_inside a:hover {
  color:#dcea00;
}

.green {
  color:#dcea00;
}

#adress_inside {
	position: absolute;
	width: 130px;
	left: 50%;
	margin-left: 317px;
	margin-top: 466px;
	top: 0;
	line-height: 18px;
	letter-spacing: 0px;
	font-weight: 400;
	font-size: 11px;
	text-shadow: 0px 2px 2px #000000;
	color: #dddddd;
	text-align: center;
}

#question {
	position:absolute;
	margin-top:427px;
	margin-left:772px;

}

#phone_inside {
	position:absolute;
	margin-top:291px;
	margin-left:802px;
}



#header {
	width:960px;
	height:80px;
	background:url(images/inside/header_bg.jpg);

}

#close {
	position:relative;
	float:right;
	top:6px;


}


#inside_window {
	background:url(images/inside/inside_window.png);
	position:absolute;
	width:741px;
	height:438px;
	margin-top:23px;
	margin-left:23px;

}





#cat {
	text-align:left;
	position:absolute;
	margin-left:780px;
	margin-top:90px;

}

#cat_point {
	height:15px;
	vertical-align:top;
}


#cat_name {
	text-align:left;
	position:absolute;
	margin-left:447px;
	margin-top:23px;

}


#name {
	position: relative;
	margin-top: 24px;
	float: left;
	left: 50%;
	margin-left: -439px;
	width: 153px;
}
#name img { width:100%; height:auto;}



span .web {
	color:#f9d339;

}


#featured{ 
	width:720px; 
	height:423px; 
	overflow:hidden;
	position:relative; 
	padding-top:80px;
	text-align:left;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	list-style: none;
	width:405px; 
	overflow-y:hidden;
	overflow-x:hidden;
	padding:0px;
	margin:0px;
	top:0px;
}
#featured ul.ui-tabs-nav li{ 
	width:99px;
	margin-right:2px;
	font-size:11px;
	font-weight:bold;
	text-align:center; 
	float:left;
}
#featured ul.ui-tabs-nav li img{ 
	float:left; 
	margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	padding-top:24px;
	display:block; 
	height:42px; 
	text-decoration:none;
	color:#999999;  
	background:none; 
	line-height:11px; 
	outline:none;
	border-top:5px solid #000000;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#000000; 
	border-top:5px solid #000000;
}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a{ 
	background:#000000;
	border-top:5px solid #f9d339;
	color:#ffffff;
	text-shadow:0px 0px 5px rgba(255 255 255 0.3);
}




#featured .ui-tabs-panel {
	width: 720px;
	height: 347px;
	position: relative;
	font-family: 'Montserrat, 'sans-serif;
	color: #e4e4e4;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: -0.3px;
}


#image {
	position:absolute;
	top:148px;
}


#featured .ui-tabs-panel .info1{ 
	position:absolute; 
	padding:10px;
	left:0; 
	width:700px;
	height:117px;
	text-align:justify; 
}

#featured .ui-tabs-panel .info2{ 
	position:absolute; 
	padding:0px 10px 10px 10px;
	left:210;
	margin-top:138px; 
	width:490px;
	height:200px; 
	text-align:justify; 
}



#featured .ui-tabs-hide{ 
	display:none; 
}






/* ---------->>>  <<<---------------------------------------------------------------*/

.tooltip
{
  position: relative;
  background: #f9d339;
  cursor: help;
  display: inline-block;
  text-decoration: none;
  color: #000000;
  outline: none;
  padding:7px 60px 7px 60px;
  font-weight:bold;
  border-radius:3px;
  border:0px solid #ffffff;
  margin-right:5px;
}

.tooltip-graph
{
  position: relative;
  background: #f9d339;
  cursor: help;
  display: inline-block;
  text-decoration: none;
  color: #222;
  outline: none;
  padding:7px 60px 7px 60px;
  font-weight:bold;
  border-radius:3px;
  border:0px solid #ffffff;
  margin-right:5px;
}


.tooltip span
{
  visibility: hidden;
  font-weight:normal;
  position: absolute; 
  bottom: 38px;
  left: 50%;
  z-index: 999;
  width: auto;
  margin-left: -50%;
  padding: 10px;
  opacity: 1;
  background-color: #000000;                     
  -moz-border-radius: 7px;
  border-radius: 7px;
  box-shadow:0px 0px 7px #666666;
}

.tooltip:hover
{
  border: 0; /* IE6 fix */
}

.tooltip:hover span
{
  visibility: visible;
}

.tooltip span:before,
.tooltip span:after
{
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;  
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;        
  border-bottom: 0;  
}

.tooltip span:before
{
  border-top-color: #ccc;
  bottom: -8px;
}


/* Navy */

.navy-tooltip span
{
  color: #fff;
  text-shadow: 0px 1px 1px #000000;  
  border-color: #161a1f;
  background-color: #222222;
}

.navy-tooltip span:after
{ 
  border-top-color: #222222;
}

.navy-tooltip span:before
{
  border-top-color: #333333;
}


/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {

}



/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {

}



/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {
  
#main_block {
	width: 336px;
	height: 1375px;
	margin-top: 130px;
}
  
   #stage {
  position: absolute;
  left: 50%;
  margin-left: -147px;
  margin-top: -50px;
  width: 292px;
}
  
    #name {
	margin-left: -146px;
} 
  
#cat_name {
	margin-left: 1px !important;
	margin-top: 0px;
	width: 336px;
	overflow: hidden;
}
  
  
  
  
  #phones_inside {
  margin-left: -10px;
  margin-top: 10px;
  }  
  
  #mess_inside {
  margin-left: -160px;
  margin-top: 10px;
  }
  
 #adress_inside {
	width: 339px;
	margin-left: -169px;
	margin-top: 59px;
	text-align: center;
}
  
 #header {
	width: 100%;
}
  
 #video {
display:none;
} 

  #vk {
display:none;
} 

 #fb {
display:none;
} 
  
  #inside_window {
    width:317px;
    height:865px;
  margin-top:70px;
  margin-left:10px;
    background:#111111;
  }
  
  #featured {
  width: 100%;
    height:740px;
  } 
  
  #featured ul.ui-tabs-nav {
  width: 296px;
    padding-left:10px;
  } 
  
  
  #featured ul.ui-tabs-nav li {
  width: 72px;
  font-size: 10px;
  } 
  
  #featured .ui-tabs-panel {
width:100%;
    font-size:12px;
 line-height:14px;
  }
  
  #featured .ui-tabs-panel .info1 {
  width:297px;
    text-align:left;
  }

   #featured .ui-tabs-panel .info2 {
  width:297px;
left:0;
    margin-top:445px;
    text-align:left;
  }
 
 #image {
	top: 210px;
	padding-left: 10px;
	outline: 9px solid #000;
	outline-offset: -9px;
	width: 306px;
}
  
#image img {
	width: 200px;
	border: 9px solid #000;
	background: #111111;
	position: relative;
	left: 50%;
	margin-left: -115px;
}
  
 #counter_page {
	margin-left: -44px;
	margin-top: 90px;
	padding-bottom: 80px;
} 
  
 #question {
	margin-top: 880px;
	margin-left: 77px;
}
  
 #cat {
	text-align: center;
	margin-left: 82px;
	margin-top: 950px;
	z-index: 2;
} 
  
.tooltip {
	padding: 10px 0px 10px 0px;
	width: 100%;
	text-align: center;
}    

}



/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {
  
#main_block {
	width: 336px;
	height: 1375px;
	margin-top: 130px;
}
  
   #stage {
  position: absolute;
  left: 50%;
  margin-left: -147px;
  margin-top: -50px;
  width: 292px;
}
  
#cat_name {
	margin-left: 1px !important;
	margin-top: 0px;
	width: 336px;
	overflow: hidden;
}
  
  
  
  
  #phones_inside {
  margin-left: -10px;
  margin-top: 10px;
  }  
  
  #mess_inside {
  margin-left: -160px;
  margin-top: 10px;
  }
  
 #adress_inside {
	width: 339px;
	margin-left: -169px;
	margin-top: 59px;
	text-align: center;
}
  
 #header {
	width: 100%;
}
  
 #video {
display:none;
} 

  #vk {
display:none;
} 

 #fb {
display:none;
} 
  
  #inside_window {
    width:317px;
    height:865px;
  margin-top:70px;
  margin-left:10px;
    background:#111111;
  }
  
  #featured {
  width: 100%;
    height:740px;
  } 
  
  #featured ul.ui-tabs-nav {
  width: 296px;
    padding-left:10px;
  } 
  
  
  #featured ul.ui-tabs-nav li {
  width: 72px;
  font-size: 10px;
  } 
  
  #featured .ui-tabs-panel {
width:100%;
    font-size:12px;
 line-height:14px;
  }
  
  #featured .ui-tabs-panel .info1 {
  width:297px;
    text-align:left;
  }

   #featured .ui-tabs-panel .info2 {
  width:297px;
left:0;
    margin-top:445px;
    text-align:left;
  }
 
 #image {
	top: 210px;
	padding-left: 10px;
	outline: 9px solid #000;
	outline-offset: -9px;
	width: 306px;
}
  
#image img {
	width: 200px;
	border: 9px solid #000;
	background: #111111;
	position: relative;
	left: 50%;
	margin-left: -115px;
}
  
 #counter_page {
	margin-left: -44px;
	margin-top: 90px;
	padding-bottom: 80px;
} 
  
 #question {
	margin-top: 880px;
	margin-left: 77px;
}
  
 #cat {
	text-align: center;
	margin-left: 82px;
	margin-top: 950px;
	z-index: 2;
} 
  
.tooltip {
	padding: 10px 0px 10px 0px;
	width: 100%;
	text-align: center;
}  
  
  
  

}
