* { margin: 0; padding: 0; }
body {
	font: .50em Tahoma, Verdana, Sans-Serif, Arial;
	background: url(../images/pattern.png) repeat;
	color: #7f7f7f;
}
body a {
	color: #7f7f7f;
	
}

body a:hover {
	color: #C00;
	
}


h1 { font: normal 3.4em "Trebuchet MS", Helvetica, Arial; }
h2 {
	color: #666;
	margin: 0 0 15px;
	font-family: Helvetica;
	font-size: 1.8em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
h3 {
	font: normal 1.4em "Trebuchet MS", Helvetica, Arial;
	margin: 0 0 px;
}
h4 { font: normal 1.2em "Trebuchet MS", Helvetica, Arial; color: #dfdfdf; margin: 0 0 4px; }
p { margin: 0 0 15px; line-height: 1.6em; }
a { text-decoration: none; }

	
	
	 }
li { list-style: none; }
li a {
list-type: none;
}
img { display: block;

	
 }
img { outline: 0; border: 0; }

.news img {
	padding: 2px;
	margin: 0 4px 5px 1px;
	text-align:justify;}

#wrapper {
	width: 985px;
	margin: auto;
}
.clr { clear: both; }
#logo {
	float: left;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
}
	#logo h1 a { color: #fff; }
		#logo h1 a span { color: #808080; }
		
#rest {
	float: right;
	padding-top: 37px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
       
        

}
#tel {
	margin-top: 4px;
	margin-right: 11px;
	display: block;display: none;
	width: 152px;
	height: 40px;
	text-decoration: none;
	background-image: url(../images/tel.png);
	background-position: 0 0;
	float: right;
}

#tel:hover {
	background-position: 0 40px; 
	}

#sitemap {
	margin-top: 4px;
	margin-right: 1px;
	display: block;
	width: 81px;
	height: 24px;
	text-decoration: none;
	background-image: url(http://atikerservice.com.ua/images/headnav.png);
	background-position: 0 0;
	float: left;
}

#sitemap:hover {
	background-position: 0 24px; 
	}
	
#forenglish {
	margin-top: 4px;
	margin-right: 1px;
	display: block;
	width: 84px;
	height: 24px;
	text-decoration: none;
	background-image: url(http://atikerservice.com.ua/images/headnav.png);
	background-position: -85px 0;
	float: left;
}

#forenglish:hover {
	background-position: -85px 24px; 
	}
#clientrecources {
	margin-top: 4px;
	display: block;
	width: 120px;
	height: 52px;
	text-decoration: none;
	background-image: url(../images/clientrecources.png);
	background-position: 0 0;
	float: left;
	position:relative;
}

#clientrecources:hover {
	background-position: 0 52px; 
	}	
#shadow{
	width: auto;
	height: 34px;
	background: url(../images/shadow.png);
	position: relative;
}
		
#menu { height: 44px; padding: 10px 0 0 1px; }
	#menu li { float: left; font-size: 1.3em;  }
		#menu li a {
	color: #888;
}
			#menu li a.current, #menu li a:hover {
	color: #535353;
}			
.content {
}
.link { background: #304D6F; color: #fff; padding: 5px 10px; font-size: .9em; }
#main {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.col {
	float: left;
	width: 312px;
	margin-top: 0;
	margin-bottom: 15px;
	margin-left: 8px;
	background-image: url(../images/big-sep.png);
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 10px;
}
.col2 {
	float: left;
	width: 305px;
	margin-top: 0;
	margin-bottom: 15px;
	margin-left: 10px;
	
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 10px;
}


.colmiddle {
	float: left;
	width: 340px;
	margin-top: 0;
	margin-bottom: 15px;
	margin-left: 0;
	background-image: url(../images/big-sep.png);
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 20px;
}
.collast{
	float: right;
	width: 310px;
	margin-top: 0;
	margin-bottom: 15px;
	margin-left: 0;
	background-repeat: repeat-y;
}
	.case img {
	float: left;
	clear: left;
	padding: 3px;
	margin-top: 14px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 0;
}
	.short { padding: 0 0 15px 0; background: url(http://atikerservice.com.ua/templates/default-ua/images/line.gif) repeat-x left bottom; }
	.case a, .article a {
	color: #666;
}
	.date { font-size: .84em; margin: 0 0 3px; }
#footer-s {
	clear: both;
	font-size: 0.9em;
	
	height: 148px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 18px;
}

#footer {
	clear: both;
	font-size: 0.9em;
	background-image: url(../images/footer.png);
	background-repeat: repeat-x;
	height: 248px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 18px;
}
	#footer a {
	color: #666;
	margin: 0 5px 0 0;
}

	#footer a:hover {
	color: #E01E28;

}
	#links { float: right; }
		#links a { margin: 0 0 0 10px; }
	#footer p { margin: 0 0 -2px; }


/*slider*/
#gallery, #thumbs{
	float: left;
}

#gallery{
	width: 880px;
	height: 300px;
	overflow: hidden;
	margin-top: 10px;
}

#gallery img{
	position: absolute;
	z-index: -99999;
	width: 880px;
	height: 300px;
}

#thumbs{
	width: 100px;
	height: 300px;
	overflow: hidden;
	margin-top: 10px;
	z-index: -99999;

}

#next{
	display: block;
	width: 100px;
	height: 38px;
	background-position: 0 0;
	background: url(http://atikerservice.com.ua/templates/default-ua/img/arrowmo.png);
	position: relative;
	top: 272px;
	left: 880px;
}

#next:hover{
	background-position: 0 38px;
}

.clear{
	clear: both;
}

#info-1 {
	margin-left:15px;
	margin-bottom:5px;
	display: block;
	width: 298px;
	height: 27px;
	background-position: 0 0;
	background: url(../images/info-1.png);
	position: relative;
}
#info-1:hover{
	background-position: 0 27px;
}

#info-2 {
	margin-left:15px;
	margin-bottom:5px;
	display: block;
	width: 298px;
	height: 27px;
	background-position: 0 0;
	background: url(../images/info-2.png);
	position: relative;
}
#info-2:hover{
	background-position: 0 27px;
}

#info-3 {
	margin-left:15px;
	margin-bottom:5px;
	display: block;
	width: 298px;
	height: 27px;
	background-position: 0 0;
	background: url(../images/info-3.png);
	position: relative;
}
#info-3:hover{
	background-position: 0 27px;
}


#newstitle {
	margin-left:19px;
	margin-bottom:5px;
	display: block;
	width: 298px;
	height: 27px;
	background-position: 0 0;
	background: url(../images/-.png);
	position: relative;
}
#newstitle:hover{
	background-position: 0 27px;
}
#maptitle {
	margin-left:19px;
	margin-bottom:5px;
	display: block;
	width: 298px;
	height: 27px;
	background-position: 0 0;
	background: url(../images/--.png);
	position: relative;
}
#maptitle1:hover{
	background-position: 0 27px;
}
#newsticker {
	display: block;
}
#newsticker li{
	display: block;
	width: 310px;
	height: 57px;
	background-position: 0 0;
	background: url(../images/signer.png);
	position: relative;
	margin-bottom: 2px;

}
#newsticker li:hover{
	background-position: 0 57px;
}
#newsticker li p {
	font-family:Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size:16px;
	padding-left: 45px;
	padding-top: 20px;
	max-height: 25px;
	line-height: 17px;
	font-weight: normal;
}
#newsticker li p:hover {
	color: #FFF;
}
#mapimage {
	padding-left: 15px;
}
#companies {
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.liner {
	height: 2px;
	background-image: url(../images/liner.png);
	background-repeat: no-repeat;
	width: 304px;
	margin-left:25px;
	margin-bottom:5px;
}
#performance p {
	font-family: helvetica;
	font-size: 11px;
	color: #383838;
	padding-left: 15px;
	float: left;
	line-height: 11px;
	padding-top: 5px;
}
#performance-buttons {
	float: right;
	width: 220px;
}
#partners {
	margin-bottom: 2px;
	display: block;
	width: 208px;
	height: 22px;
	text-decoration: none;
	background-image: url(../images/bayilerimiz.png);
	background-position: 0 0;
	float: left;
}

#partners:hover {
	background-position: 0 22px; 
	}
#frommap {
	display: block;
	width: 208px;
	height: 22px;
	text-decoration: none;
	background-image: url(../images/frommap.png);
	background-position: 0 0;
	float: left;
}

#frommap:hover {
	background-position: 0 22px; 
	}
#footercol1 {
	list-style: none;
	margin-left:18px;
	float: left;
	width: 224px;
	background-image: url(../images/big-sep-footer.png);
	background-repeat: repeat-y;
	background-position: right;
}
#footercol1 p {
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 15px;
}
#footercol1 li {
	font-family: helvetica;
	font-size: 12px;
}
#footercol1 li:hover {
	color: #333;
}
#footercollast {
	margin-left:20px;
	float: left;
	width: 200px;
}
#sub-col-left {
	width: 281px;
	
/*	background-image:url(../images/sep-menu.png);*/
	
	background-repeat: repeat-y;
	background-position: right;
	float: left;
	margin-bottom: 30px;
}
#sub-col-left-top {
	height: 30px;
	background-image: url(../images/col-sub-top.jpg);
	background-repeat: no-repeat;
}
#sub-col-left-bottom {
	height: 30px;
	background-image: url(../images/col-sub-bottom.jpg);
	background-repeat: no-repeat;
	margin-top: -21px;
}
#sup-col-middle {
	background-image: url(../images/col-sub-mid.png);
	background-repeat: repeat-y;
}

.title-suc {
	font-size: 20px;
	font-weight: bold;
	color: #E01E28;
	padding-left: 0px;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 2px 2px 2px #FFF;
}




	
.title-suc-t {float:left;
	font-size: 20px;
	font-weight: bold;
	color: #E01E28;
	margin-left: 16px;
	
	
	padding-top: 10px;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 2px 2px 2px #FFF;
}
.related-title {
	margin-left: 30px;
	margin-right: 30px;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #FFF;
}
.related-title li{
	display:block;
	padding-left: 10px;
	margin-left: 10px;
}
.related-title a{
	font-family:Helvetica;
	font-size:12px;
	color: #8b8b8b;
	display:block;


	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #FFF;
	font-weight: normal  ;
	line-height: 18px;
}
.related-title a:hover{
	font-family:Helvetica;
	font-size:12px;
	color: #c00;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #FFF;
	font-weight: normal;
	line-height: 18px;
}


.sub-liner {
	background-image: url(http://atikerservice.com.ua/templates/default-ua/images/sub-liner.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 20px;
	z-index: -999999;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#sup-col-middle img {
	padding-left: 25px;
}
#sub-col-right {
	float: right;
	width: 701px;
	margin-bottom: 20px;
	
}
#sub-col-right-top {
	height: 24px;
	background-image: url(../images/sub-right-top.png);
	background-repeat: no-repeat;
	width: 701px;
}
#sup-col-right-middle {
	background-image: url(../images/sub-right-middle.png);
	margin:0; 
}
#sub-col-right-bottom {
	background-image: url(../images/sub-right-bottom.png);
	height: 24px;
	margin:0; 
}
.sub-main-title {
	font-family: helvetica;
	color: #E01E28;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #FFF;
	font-weight: bold;
	line-height: 20px;
	font-size: 20px;
	padding-top: 6px;
	padding-left: 30px;
}
.sub-main-title-news {
	font-family: helvetica;
	color: #E01E28;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #FFF;
	font-weight: bold;
	line-height: 20px;
	font-size: 20px;
	padding-top: 6px;
	padding-left: 17px;
}
#sup-col-right-middle p {
	padding-left: 30px;
	font-weight: normal;
	font-size: 11px;
	letter-spacing: normal;
	padding-right: 30px;
}


#news {
	background-color: none;}
	
.news h1 {
	
	font-size: 20px;
	font-weight: bold;
	color: #E01E28;
	
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 2px 2px 2px #FFF;	
	
	}	
	

#news li {
	float: left;
	width: 320px;
}
#news li .news-title {
	font-family: helvetica;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.8px;
	text-shadow: 1px 1px 1px #FFF;
	color: #4e4e4e;
	padding-left: 18px;
	padding-top: 10px;
	padding-right: 15px;
}
#news li .newstitle {
	background-image: url(http://atikerservice.com.ua/templates/default-ua/images/newstittle.png);
	background-repeat: no-repeat;
	height: 179px;
	width: 301px;
	margin-left: 10px;
	padding-top: 1px;
	margin-top: 4px;
}
.newsdate {
	margin-right: 20px;
	width: 90px;
	height: 30px;
	background-color: #929292;
	margin-left: 191px;
}
.newsdate p {
	font-family: helvetica;
	font-weight: bold;
	font-size: 21px;
	color: #FFF;
	margin-top: 5px;
	margin-left: 4px;
}
.newsdate p strong {
	font-weight: lighter;
	font-size: 11px;
	margin-top: 4px;
}
.allnews a{
	background-color: #E01E28;
	float: left;
	padding: 1px;
	color: #FFF;
	text-shadow: 1px 1px 1px #E01E28;
}
.allnews a:hover {
	background-color: #929292;
	float: left;
	padding: 1px;
	color: #FFF;
	text-shadow: 1px 1px 1px #929292;
}
.newspicture {
	margin-left: 20px;
	padding-top: 10px;
}
.newspicture img {
	float: left;
	padding-right: 15px;
}
.indexnews {
	font-family: helvetica;
	font-size: 11px;
	color: #4e4e4e;
}
.contunienews {
	font-family: helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #4e4e4e;
	text-align: right;
	padding-right: 20px;
}
.contunienews span {
	font-size: 8px;
}
.contunienews:hover {
	color: #E01E28;
}



.arrowlistmenu{
	width: auto; /*width of accordion menu*/
	margin-left: 20px;
	margin-right: 25px;
	margin-top: 0px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 14px helvetica;
	color: #707070;
	background: url(http://atikerservice.com.ua/templates/default-ua/images/titlebar.png) repeat-x center left;
	margin-top: 5px; /*bottom spacing between header and rest of content*/
	cursor: hand;
	cursor: pointer;
	text-shadow: 1px 1px 1px #FFF;
	padding-top: 9px;
	padding-right: 10;
	padding-bottom: 9px;
	padding-left: 10px;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(http://atikerservice.com.ua/templates/default-ua/images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: -10;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
padding-left: -10px;
padding-right: 20px;
}

.arrowlistmenu ul li a{
	color: #333; /*custom bullet list image*/
	display: block;
	
	padding-left: 0px; /*link text is indented 19px*/
	text-decoration: none;
	
	font-size: 11px;
}

.arrowlistmenu ul li a:visited{
color: #515151;
}


#companies {
	width: auto;
	margin-right: 30px;
}

#sup-col-right-middle p {margin:0;}
#sub-col-right-bottom {margin:0;}




/* social */

#soc-fb {
	margin:  4px 3px 4px 3px;
	
	display: block;
	width: 33px;
	height: 33px;
	background-position: 0 0;
	background: url(../images/soc-fb.png);
	text-decoration: none;
	float: left;	
}
#soc-fb:hover {
	background-position: 0 33px; 
	}	

#soc-g {

       
	margin:  4px 3px 4px 3px;
	display: block;
	width: 33px;
	height: 33px;
	background-position: 0 0;
	background: url(../images/soc-g.png);
	text-decoration: none;
	float: left;
        
}
#soc-g:hover {
      
	background-position: 0 33px;
	}	
	
	#soc-tw {
	margin:  4px 3px 4px 3px;
	display: block;
	width: 33px;
	height: 33px;
	background-position: 0 0;
	background: url(../images/soc-tw.png);
	text-decoration: none;
	float: left;	
}
#soc-tw:hover {
	background-position: 0 33px; 
	}	
	
	#soc-vk {
	margin:  4px 3px 4px 3px;
	display: block;
	width: 33px;
	height: 33px;
	background-position: 0 0;
	background: url(../images/soc-vk.png);
	text-decoration: none;
	float: left;	display: none;
}
#soc-vk:hover {
	background-position: 0 33px; display: none;
	}	
	
	
		
	
	
#ua {
	margin-top:4px;
	display: block;
	width: 33px;
	height: 33px;
	background-position: 0 0;
	background: url(../images/ua.png);
	text-decoration: none;
	float: left;	
}
#ua:hover {
	background-position: 0 33px; 
	}	
	
		
#ru {
	margin-top:4px;
	display: block;
	width: 33px;
	height: 33px;
	background-position: 0 0;
	background: url(../images/ru.png);
	text-decoration: none;
	float: left;	
}
#ru:hover {
	background-position: 0 33px; 
	}	
	
	
	
	
	/*---search---*/
.searchbar {
    border: none;
    float: right;
    width: 242px;
    height: 26px;
}

.searchbar li {
    float: left;
    height: 26px;
}

.searchbar .lfield {
    width: 205px;
    padding-left: 7px;
    overflow: hidden;
	height:25px;
}

.searchbar .lfield input {
    font-style: italic;
    color: #8b99a8;
    float: left;
    height: 26px;
    width: 200px;
    border: 0 none;
    background: #FFFFFF;
    margin-top: 2px;
	padding-left:4px
}

.searchbar .lbtn input {
    width: 26px;
    height: 26px;
    background: #db143d url("../images/search.png") no-repeat 0 -26px;
}

.searchbar .lbtn input:hover {
    background-position: -30px -26px;
}



.fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xprofile textarea,.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, .logform li.lfield input {
    padding: 2px;
    background: #fff url("../images/fields.png") repeat-x;
    border: 1px solid #bcc0c2;
}

.logform li.lfield {
    margin-bottom: 10px;
}

.logform li.lbtn {
    text-align: center;
}

.logform li.lfield input {
    width: 265px;
}


.ramka {
	float:left;
	margin: 10px 12px 10px 5px;
	padding:10px;    
	background: #FFFFFF; /* Ôîíîâûé öâåò áëîêà */
    width:313px; /* Øèðèíà áëîêà */
    height: auto; /* Âûñîòà áëîêà */
    border:0px solid #333; /* Ðàçìåð âèä è öâåò ðàìêè */
    box-shadow: 0 0 2px 2px #d8d8d8; /* Âàëèäíîå ñâîéñòâî CSS3 òåíü*/
    -webkit-box-shadow: 0 0 2px 2px #d8d8d8; /* Safari, Chrome */
    -moz-box-shadow: 0 0 2px 2px #d8d8d8; /* Firefox */
    /* ÒÅÍÜ   Ïåðâîå çíà÷åíèå(öèôðà) çàäàåò ñìåùåíèå òåíè ïî îñè X (ãîðèçîíòàëè). Ìîæåò çàäàâàòüñÿ â ëþáûõ äîïóñòèìûõ åäèíèöàõ èçìåðåíèÿ CSS Ïîëîæèòåëüíîå çíà÷åíèå çàäàåò ñìåùåíèå âïðàâî, îòðèöàòåëüíîå – ñìåùåíèå âëåâî;
    * Âòîðîå çíà÷åíèå(öèôðà) çàäàåò ñìåùåíèå ïî îñè Y (âåðòèêàëè). Ïîëîæèòåëüíîå çíà÷åíèå ñîîòâåòñòâóåò ñìåùåíèþ âíèç, îòðèöàòåëüíîå – ââåðõ;
    * Òðåòüå çíà÷åíèå(öèôðà) îïðåäåëÿåò ðàäèóñ ðàçìûòèÿ. Îòðèöàòåëüíûå çíà÷åíèÿ íåäîïóñòèìû;
    * ×åòâåðòîå çíà÷åíèå(öèôðà) – ðàäèóñ ðàñòÿæåíèÿ òåíè. Ïîëîæèòåëüíûå çíà÷åíèÿ ðàñòÿãèâàþò òåíü âî âñåõ íàïðàâëåíèÿõ, îòðèöàòåëüíûå ñóæàþò;
    * color – áàçîâûé öâåò òåíè;
    * Åñëè óêàçàíî êëþ÷åâîå ñëîâî inset, òåíü áóäåò íàïðàâëåíà âíóòðü ýëåìåíòà.*/
}

.ramka-produkty a {
	font-family:Helvetica;
	font-size:12px;
	color: #8b8b8b;
	display:block;

	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #FFF;
	font-weight: bold;
	line-height: 18px;
}

.ramka-produkty a:hover {

	text-decoration: underline;

}
.ramka-produkty img {
	margin-bottom: 15px;
	margin-top: 5px;

}


.ramka-produkty {

	padding: 5px; 
	
	font-family:Helvetica;
	font-size:12px;
	color: #8b8b8b;
	display:block;
	text-align:center;

	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #FFF;
	font-weight: bold;
	line-height: 18px;
	
	   
	background: #FFFFFF; /* Ôîíîâûé öâåò áëîêà */
    width:205px; /* Øèðèíà áëîêà */
    height: 150px; /* Âûñîòà áëîêà */
    border:0px solid #333; /* Ðàçìåð âèä è öâåò ðàìêè */
    box-shadow: 0 0 2px 2px #d8d8d8; /* Âàëèäíîå ñâîéñòâî CSS3 òåíü*/
    -webkit-box-shadow: 0 0 2px 2px #d8d8d8; /* Safari, Chrome */
    -moz-box-shadow: 0 0 2px 2px #d8d8d8; /* Firefox */
    /* ÒÅÍÜ   Ïåðâîå çíà÷åíèå(öèôðà) çàäàåò ñìåùåíèå òåíè ïî îñè X (ãîðèçîíòàëè). Ìîæåò çàäàâàòüñÿ â ëþáûõ äîïóñòèìûõ åäèíèöàõ èçìåðåíèÿ CSS Ïîëîæèòåëüíîå çíà÷åíèå çàäàåò ñìåùåíèå âïðàâî, îòðèöàòåëüíîå – ñìåùåíèå âëåâî;
    * Âòîðîå çíà÷åíèå(öèôðà) çàäàåò ñìåùåíèå ïî îñè Y (âåðòèêàëè). Ïîëîæèòåëüíîå çíà÷åíèå ñîîòâåòñòâóåò ñìåùåíèþ âíèç, îòðèöàòåëüíîå – ââåðõ;
    * Òðåòüå çíà÷åíèå(öèôðà) îïðåäåëÿåò ðàäèóñ ðàçìûòèÿ. Îòðèöàòåëüíûå çíà÷åíèÿ íåäîïóñòèìû;
    * ×åòâåðòîå çíà÷åíèå(öèôðà) – ðàäèóñ ðàñòÿæåíèÿ òåíè. Ïîëîæèòåëüíûå çíà÷åíèÿ ðàñòÿãèâàþò òåíü âî âñåõ íàïðàâëåíèÿõ, îòðèöàòåëüíûå ñóæàþò;
    * color – áàçîâûé öâåò òåíè;
    * Åñëè óêàçàíî êëþ÷åâîå ñëîâî inset, òåíü áóäåò íàïðàâëåíà âíóòðü ýëåìåíòà.*/
}

.ramka-full {
	margin: 10px auto 20px 10px;
	padding:10px;    
	background: #FFFFFF; /* Ôîíîâûé öâåò áëîêà */
    width:650px; /* Øèðèíà áëîêà */
    height: auto; /* Âûñîòà áëîêà */
    border:0px solid #333; /* Ðàçìåð âèä è öâåò ðàìêè */
    box-shadow: 0 0 2px 2px #d8d8d8; /* Âàëèäíîå ñâîéñòâî CSS3 òåíü*/
    -webkit-box-shadow: 0 0 2px 2px #d8d8d8; /* Safari, Chrome */
    -moz-box-shadow: 0 0 2px 2px #d8d8d8; /* Firefox */
    /* ÒÅÍÜ   Ïåðâîå çíà÷åíèå(öèôðà) çàäàåò ñìåùåíèå òåíè ïî îñè X (ãîðèçîíòàëè). Ìîæåò çàäàâàòüñÿ â ëþáûõ äîïóñòèìûõ åäèíèöàõ èçìåðåíèÿ CSS Ïîëîæèòåëüíîå çíà÷åíèå çàäàåò ñìåùåíèå âïðàâî, îòðèöàòåëüíîå – ñìåùåíèå âëåâî;
    * Âòîðîå çíà÷åíèå(öèôðà) çàäàåò ñìåùåíèå ïî îñè Y (âåðòèêàëè). Ïîëîæèòåëüíîå çíà÷åíèå ñîîòâåòñòâóåò ñìåùåíèþ âíèç, îòðèöàòåëüíîå – ââåðõ;
    * Òðåòüå çíà÷åíèå(öèôðà) îïðåäåëÿåò ðàäèóñ ðàçìûòèÿ. Îòðèöàòåëüíûå çíà÷åíèÿ íåäîïóñòèìû;
    * ×åòâåðòîå çíà÷åíèå(öèôðà) – ðàäèóñ ðàñòÿæåíèÿ òåíè. Ïîëîæèòåëüíûå çíà÷åíèÿ ðàñòÿãèâàþò òåíü âî âñåõ íàïðàâëåíèÿõ, îòðèöàòåëüíûå ñóæàþò;
    * color – áàçîâûé öâåò òåíè;
    * Åñëè óêàçàíî êëþ÷åâîå ñëîâî inset, òåíü áóäåò íàïðàâëåíà âíóòðü ýëåìåíòà.*/
}

.ramka-full2 {
	margin: 0 0 20px 0;
	padding:10px;    
	background: #FFFFFF; /* Ôîíîâûé öâåò áëîêà */
	background:url(../images/fon-ser.jpg);
    width:650px; /* Øèðèíà áëîêà */
    height: auto; /* Âûñîòà áëîêà */
    border:0px solid #333; /* Ðàçìåð âèä è öâåò ðàìêè */
    box-shadow: 0 0 2px 2px #d8d8d8; /* Âàëèäíîå ñâîéñòâî CSS3 òåíü*/
    -webkit-box-shadow: 0 0 2px 2px #d8d8d8; /* Safari, Chrome */
    -moz-box-shadow: 0 0 2px 2px #d8d8d8; /* Firefox */
    /* ÒÅÍÜ   Ïåðâîå çíà÷åíèå(öèôðà) çàäàåò ñìåùåíèå òåíè ïî îñè X (ãîðèçîíòàëè). Ìîæåò çàäàâàòüñÿ â ëþáûõ äîïóñòèìûõ åäèíèöàõ èçìåðåíèÿ CSS Ïîëîæèòåëüíîå çíà÷åíèå çàäàåò ñìåùåíèå âïðàâî, îòðèöàòåëüíîå – ñìåùåíèå âëåâî;
    * Âòîðîå çíà÷åíèå(öèôðà) çàäàåò ñìåùåíèå ïî îñè Y (âåðòèêàëè). Ïîëîæèòåëüíîå çíà÷åíèå ñîîòâåòñòâóåò ñìåùåíèþ âíèç, îòðèöàòåëüíîå – ââåðõ;
    * Òðåòüå çíà÷åíèå(öèôðà) îïðåäåëÿåò ðàäèóñ ðàçìûòèÿ. Îòðèöàòåëüíûå çíà÷åíèÿ íåäîïóñòèìû;
    * ×åòâåðòîå çíà÷åíèå(öèôðà) – ðàäèóñ ðàñòÿæåíèÿ òåíè. Ïîëîæèòåëüíûå çíà÷åíèÿ ðàñòÿãèâàþò òåíü âî âñåõ íàïðàâëåíèÿõ, îòðèöàòåëüíûå ñóæàþò;
    * color – áàçîâûé öâåò òåíè;
    * Åñëè óêàçàíî êëþ÷åâîå ñëîâî inset, òåíü áóäåò íàïðàâëåíà âíóòðü ýëåìåíòà.*/
}

.ramka-home {
	float:left;
	margin: 10px 7px 20px 7px;
	padding:20px 30px 20px 5px;   
	 background: #efefef;  /*Ôîíîâûé öâåò áëîêà */
	
    width:220px; /* Øèðèíà áëîêà */
    height: auto; /* Âûñîòà áëîêà */
    border:0px solid #333; /* Ðàçìåð âèä è öâåò ðàìêè */
    box-shadow: 0 0 2px 2px #bdbdbd; /* Âàëèäíîå ñâîéñòâî CSS3 òåíü*/
    -webkit-box-shadow: 0 0 2px 2px #d8d8d8; /* Safari, Chrome */
    -moz-box-shadow: 0 0 2px 2px #bdbdbd; /* Firefox */
    /* ÒÅÍÜ   Ïåðâîå çíà÷åíèå(öèôðà) çàäàåò ñìåùåíèå òåíè ïî îñè X (ãîðèçîíòàëè). Ìîæåò çàäàâàòüñÿ â ëþáûõ äîïóñòèìûõ åäèíèöàõ èçìåðåíèÿ CSS Ïîëîæèòåëüíîå çíà÷åíèå çàäàåò ñìåùåíèå âïðàâî, îòðèöàòåëüíîå – ñìåùåíèå âëåâî;
    * Âòîðîå çíà÷åíèå(öèôðà) çàäàåò ñìåùåíèå ïî îñè Y (âåðòèêàëè). Ïîëîæèòåëüíîå çíà÷åíèå ñîîòâåòñòâóåò ñìåùåíèþ âíèç, îòðèöàòåëüíîå – ââåðõ;
    * Òðåòüå çíà÷åíèå(öèôðà) îïðåäåëÿåò ðàäèóñ ðàçìûòèÿ. Îòðèöàòåëüíûå çíà÷åíèÿ íåäîïóñòèìû;
    * ×åòâåðòîå çíà÷åíèå(öèôðà) – ðàäèóñ ðàñòÿæåíèÿ òåíè. Ïîëîæèòåëüíûå çíà÷åíèÿ ðàñòÿãèâàþò òåíü âî âñåõ íàïðàâëåíèÿõ, îòðèöàòåëüíûå ñóæàþò;
    * color – áàçîâûé öâåò òåíè;
    * Åñëè óêàçàíî êëþ÷åâîå ñëîâî inset, òåíü áóäåò íàïðàâëåíà âíóòðü ýëåìåíòà.*/
}

.ramka2 {
	margin: 10px auto 20px 10px;
	text-align:justify;
	float:left;
	padding:20px;    
	background: #FFFFFF; /* Ôîíîâûé öâåò áëîêà */
    width:650px; /* Øèðèíà áëîêà */
    height: auto; /* Âûñîòà áëîêà */
    border:0px solid #333; /* Ðàçìåð âèä è öâåò ðàìêè */
    box-shadow: 0 0 2px 2px #bdbdbd; /* Âàëèäíîå ñâîéñòâî CSS3 òåíü*/
    -webkit-box-shadow: 0 0 2px 2px #d8d8d8; /* Safari, Chrome */
    -moz-box-shadow: 0 0 2px 2px #d8d8d8; /* Firefox */
    /* ÒÅÍÜ   Ïåðâîå çíà÷åíèå(öèôðà) çàäàåò ñìåùåíèå òåíè ïî îñè X (ãîðèçîíòàëè). Ìîæåò çàäàâàòüñÿ â ëþáûõ äîïóñòèìûõ åäèíèöàõ èçìåðåíèÿ CSS Ïîëîæèòåëüíîå çíà÷åíèå çàäàåò ñìåùåíèå âïðàâî, îòðèöàòåëüíîå – ñìåùåíèå âëåâî;
    * Âòîðîå çíà÷åíèå(öèôðà) çàäàåò ñìåùåíèå ïî îñè Y (âåðòèêàëè). Ïîëîæèòåëüíîå çíà÷åíèå ñîîòâåòñòâóåò ñìåùåíèþ âíèç, îòðèöàòåëüíîå – ââåðõ;
    * Òðåòüå çíà÷åíèå(öèôðà) îïðåäåëÿåò ðàäèóñ ðàçìûòèÿ. Îòðèöàòåëüíûå çíà÷åíèÿ íåäîïóñòèìû;
    * ×åòâåðòîå çíà÷åíèå(öèôðà) – ðàäèóñ ðàñòÿæåíèÿ òåíè. Ïîëîæèòåëüíûå çíà÷åíèÿ ðàñòÿãèâàþò òåíü âî âñåõ íàïðàâëåíèÿõ, îòðèöàòåëüíûå ñóæàþò;
    * color – áàçîâûé öâåò òåíè;
    * Åñëè óêàçàíî êëþ÷åâîå ñëîâî inset, òåíü áóäåò íàïðàâëåíà âíóòðü ýëåìåíòà.*/
}

.ramka3 {
	margin: 4px auto 20px auto;
	float:left;
	padding:4px;    
	background: #FFFFFF; /* Ôîíîâûé öâåò áëîêà */
    width:180px; /* Øèðèíà áëîêà */
    height: auto; /* Âûñîòà áëîêà */
    border:0px solid #333; /* Ðàçìåð âèä è öâåò ðàìêè */
    box-shadow: 0 0 2px 2px #bdbdbd; /* Âàëèäíîå ñâîéñòâî CSS3 òåíü*/
    -webkit-box-shadow: 0 0 2px 2px #d8d8d8; /* Safari, Chrome */
    -moz-box-shadow: 0 0 2px 2px #d8d8d8; /* Firefox */
    /* ÒÅÍÜ   Ïåðâîå çíà÷åíèå(öèôðà) çàäàåò ñìåùåíèå òåíè ïî îñè X (ãîðèçîíòàëè). Ìîæåò çàäàâàòüñÿ â ëþáûõ äîïóñòèìûõ åäèíèöàõ èçìåðåíèÿ CSS Ïîëîæèòåëüíîå çíà÷åíèå çàäàåò ñìåùåíèå âïðàâî, îòðèöàòåëüíîå – ñìåùåíèå âëåâî;
    * Âòîðîå çíà÷åíèå(öèôðà) çàäàåò ñìåùåíèå ïî îñè Y (âåðòèêàëè). Ïîëîæèòåëüíîå çíà÷åíèå ñîîòâåòñòâóåò ñìåùåíèþ âíèç, îòðèöàòåëüíîå – ââåðõ;
    * Òðåòüå çíà÷åíèå(öèôðà) îïðåäåëÿåò ðàäèóñ ðàçìûòèÿ. Îòðèöàòåëüíûå çíà÷åíèÿ íåäîïóñòèìû;
    * ×åòâåðòîå çíà÷åíèå(öèôðà) – ðàäèóñ ðàñòÿæåíèÿ òåíè. Ïîëîæèòåëüíûå çíà÷åíèÿ ðàñòÿãèâàþò òåíü âî âñåõ íàïðàâëåíèÿõ, îòðèöàòåëüíûå ñóæàþò;
    * color – áàçîâûé öâåò òåíè;
    * Åñëè óêàçàíî êëþ÷åâîå ñëîâî inset, òåíü áóäåò íàïðàâëåíà âíóòðü ýëåìåíòà.*/
}


.grey {
	color: #777777;
	font-size: 14px;
	font-weight: normal;
}
.grey a {
	color: #777777;
	text-decoration: none;
}
.grey a:hover {
	color: #c00;
	text-decoration:none;
}


/*---navi---*/
.storenumber {
    font-weight:normal;
}

.basenavi {
    border-bottom: 1px solid #f5f5f5;
}

.basenavi, .bnnavi, .navigation, .navigation a, .navigation span, .bnnavi, .nextprev, .nextprev .thide {
    float: left;
}

.bnnavi {
    border: 0px solid #bcc5c9;
    height: 32px;
    background: #fff url("../images/fbutton.png") repeat-x 0 100%;
}

.navigation a {
    text-decoration: none;
}

.navigation a, .navigation span {
    background: url("../images/basenavi.png") no-repeat;
    border-right: 1px solid #e0e3e4;
    font-weight: normal;
    padding: 0 8px;
    height: 32px;
    line-height: 32px;
}

.navigation a, .navigation span.nav_ext {
    color: #2e363a;
}

.navigation a:hover {
    color: #db143d;
}

.navigation span {
    background-color: #db143d;
    background-position: 0 -32px;
    color: #fff;
}

.nextprev .thide, .toptop {
    width: 32px;
    padding-top: 32px;
    background: url("../images/basenavi.png") no-repeat;
}

.nextprev a span {
    cursor: pointer;
}

.nextprev span .pnext {
    background-position: -32px -64px;
}

.nextprev a .pnext {
    background-position: -32px -96px;
}

.nextprev span .pprev {
    background-position: 0 -64px;
}

.nextprev a .pprev {
    background-position: 0 -96px;
}



.headlinks ul, .headlinks ul li, .headlinks, .headsoc, .headsoc a, ul.loginbox li {
    float: left;
}

.headlinks ul {
    margin-left: -11px;
}

.headlinks ul li {
    background: url("../images/headlinks.png") no-repeat 0 70%;
    padding: 0 10px 0 11px;
}

.headlinks ul a, ul.loginbox li a {
    color: #fff;
}



/*---login---*/
.loginbox {
    display: inline;
	list-style: none;
}

.loginbox ul.loginbox {
    float: right;
    height: 27px;
}

ul.loginbox {
    line-height: 27px;
}

ul.loginbox li {
    margin-left: -4px;
	
}

.loginbtn a {
 
	
	margin-top:4px;
	display: block;
	list-style: none;
	width: 33px;
	height: 33px;
	background-position: 0 0;
	background: url(../images/lg.png);
	text-decoration: none;
	float: left;	}

#loginbtn  a:hover {
	background-position: 0 33px; 
	}	
	
	
	


.loginbtn a b {
    text-align: center;
    display: block;
    cursor: none;
    height: 26px;
    background-color: #db143d;
}

.loginbtn a:hover {
    background-position: 50% 100%;
}

.loginbtn a:hover b {
    background-color: #f1345d;
}

.logform li.lfield {
    margin-bottom: 10px;
}

.logform li.lbtn {
    text-align: center;
}

.logform li.lfield input {
    width: 265px;
}

.logform li.lfchek input {
    width: 13px;
    border: none;
    background: none;
}

.logform li.lfchek label {
    display: inline;
    margin-bottom: 0.2em;
}


#ic-lg {
	margin-top:4px;
	display: block;
	width: 33px;
	height: 33px;
	background-position: 0 0;
	background: url(../images/lg.png);
	text-decoration: none;
	float: left;	
}
#ic-lg:hover {
	background-position: 0 33px; 
	}
	
	
	
	<!-- popup-->
	
	
	/* popup okno BY WEBs-ART */
.window span a.close {color: #333; text-decoration: none; font-size: 25px;} 
.window span a.close:hover {color:#ccc; text-decoration:none} 
#mask { 
display: none; 
background: #000;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .9;
z-index: 90100;
}
#boxes .window { 
position: fixed; 
width: 505px;
height: 259px; 
display:none; 
left:0; 
top:0; 
z-index:9999; 
} 
#boxes #dialog { 
width:360px; 
height:250; 
background-color:; 
} 
.login-box {	background: url(../images/lg.png);; width: 511px; height: 259px; position: absolute;}

.close-div {position: absolute; width: 23px; height: 23px; right: 15px; top: 11px;}
a.close {width: 23px; height: 23px; display: block; background: url('http://atikerservice.com.ua/templates/default-ua/images/log-icons.png') no-repeat; text-decoration: none;}
.text270deg {position: absolute;left: 15px;bottom: 16px;font-size: 18px;color: white;width: 18px;height: 18px;
-webkit-transform: rotate(270deg); /* для safari и chrome браузеров */
-moz-transform: rotate(270deg); /* для FF */
-o-transform: rotate(270deg); /* для Opera */
transform: rotate(270deg); /* для остальных браузеров поддерживающий поворот по-умолчанию */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* для ИЕ 6-8 */}


.popup-body {font-size: 0.9em; line-height: 1.3em; float: left;}

.log-box-l {margin: 5px 12px 13px 6px;width: 493px;height: 241px;background:url('http://atikerservice.com.ua/templates/default-ua/images/left-bg.png') no-repeat;}
.log-box-r {width: 493px;height: 241px;background:url('http://atikerservice.com.ua/templates/default-ua/images/right-bg.png') no-repeat 100% 0;float: left;color:#555;font:normal 9pt Arial; position: relative;}
.log-vhod {width: 493px;float: left;}

.flogin {float: left; width: 245px; position: absolute; margin: 16px 0 0 72px;}
.poptext {float: right; width: 151px;}
.poptext ul {list-style: none; margin: 0; padding: 0; position: absolute; bottom: 3px;}
.poptext ul li {padding: 0 0 13px 15px;}
.poptext ul li a {	background: url(../images/lg.png); no-repeat;
padding-left: 32px;height: 23px;display: block;line-height: 23px;color: white;font-weight: bold;text-decoration: none;}
.poptext ul li a#b1 {background-position:0 -23px;}
.poptext ul li a#b2 {background-position:0 -46px;}
.poptext ul li a#b3 {background-position:0 -69px;}
.poptext ul li a#b4 {background-position:0 -92px;}

.log-box-c .popup-body .log-vhod {display: block;}
.lfield p {color: #454545; font-weight: bolder; -webkit-margin-before: 10px;-webkit-margin-after: 7px;-webkit-margin-start: 3px;-webkit-margin-end: 0px;}
.lfield input {color:#767676; padding: 0px 0 0 18px; width: 227px; height: 41px; background: url('http://atikerservice.com.ua/templates/default-ua/images/input.png'); border: 0; outline: none; margin: 0; font-style: italic;}
.lfield input:hover {background-position: 0 -41px;}

.but-log {cursor: pointer; width: 96px;height: 38px;color: white;background: url("http://atikerservice.com.ua/templates/default-ua/images/log-button.png") no-repeat;float: right;border: none;margin-top: 25px;margin-right: 1px;}
/* ---------- */

#parent_popup { 
  background-color: rgba(0, 0, 0, 0.8); 
  display: none; 
  position: fixed; 
  z-index: 99999; 
  top: 0; 
  right: 0; 
  bottom: 0; 
  left: 0; 
} 
  
#popup { 
  background: #fff; 
  width: 520px; 
  margin: 10% auto; 
  padding: 5px 20px 13px 20px; 
  border: 10px solid #ddd; 
  position: relative; 
  /*--CSS3 Тени для Блока--*/ 
  -webkit-box-shadow: 0px 0px 20px #000; 
  -moz-box-shadow: 0px 0px 20px #000; 
  box-shadow: 0px 0px 20px #000; 
  /*--CSS3 Скругленные углы--*/ 
  -webkit-border-radius: 15px; 
  -moz-border-radius: 15px; 
  border-radius: 15px; 
} 
  
.close { 
    background-color: rgba(0, 0, 0, 0.8); 
    border: 2px solid #ccc; 
    height: 24px; 
    line-height: 24px; 
    position: absolute; 
    right: -24px; 
    cursor: pointer; 
    font-weight: bold; 
    text-align: center; 
    text-decoration: none; 
    color: rgba(255, 255, 255, 0.9); 
    font-size: 14px; 
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9); 
    top: -24px; 
    width: 24px; 
    -webkit-border-radius: 15px; 
    -moz-border-radius: 15px; 
    -ms-border-radius: 15px; 
    -o-border-radius: 15px; 
    border-radius: 15px; 
    -moz-box-shadow: 1px 1px 3px #000; 
    -webkit-box-shadow: 1px 1px 3px #000; 
    box-shadow: 1px 1px 3px #000; 
} 
.close:hover { 
    background-color: rgba(0, 122, 200, 0.8); 
}