/*--- CSS Document ---*/
*{ margin:0px;	padding:0px;}
*{font-family:Verdana;font-size:11px;outline:none;}

a img{border:none;}
a{color:#586AE9;text-decoration:none;font-size:11px;}
a:hover{text-decoration:underline;}
b,strong{color:#E12991;font-size:11px;}
p{padding:5px;line-height:1.5em;font-size:11px;color:#555;}

h1{font-size:15px; color:#586AE9; font-family:Tahoma;margin:10px 0;padding:5px 0 5px 5px;}
h2{font-size:13px; color:#E12991; font-family:Tahoma;margin:10px 0;}
h3{font-size:12px; color:000; font-family:Tahoma;margin:5px 0;}

.clr-20{clear:both;height:20px;}
ul.left-menu{list-style:none;}
ul.left-menu li{margin:5px 0;}
ul.left-menu li a.active{color:#f52f6a;}

/*-------------------------------------------------------------
============================ Layout ============================
--------------------------------------------------------------*/
html, body {height: 100%; }
#wrapper{min-height: 100%; position:relative; left:50%; width:920px; margin-bottom:-190px; margin-left:-460px;}
* html #wrapper {height: 100%;} 
#page-empty {height: 190px; clear: both;}
#footer{height:150px;position:relative;left:50%;width:733px;margin-left:-460px;padding-top:20px;}

#body{ margin-top:50px;}
#leftPart{width:675px;float:left;}
#rightPart{	margin-left:670px;padding-left:20px;}
#rightInPart{float:right;padding-left:10px;width:240px;}
#centerInPart{float:left;width:300px;}
#leftInPart{float:left;width:190px;}
#centerPartAntenn{width:740px;float:left;}

#centerPart{width:500px;margin-left:165px;font-family:Arial, Helvetica, sans-serif;	font-size:11px;padding-left:20px;}
#leftPartSmall{width:165px;float:left;}


#footer #footer-logo{float:left;background:url(../img/shopGuardFooter.jpg) no-repeat top center;width:178px; height:54px;margin-top:10px;}
#footer-content{float:left;margin-left:10px;margin-top:10px;width:540px;padding-left:5px;}
#footer-content p{margin-bottom:10px;font-size:11px;padding:0;color:#999;}
#footer-content a{color:#E12991;font-size:11px;}



/*-------------------------------------------------------------
============================ Menu ============================
--------------------------------------------------------------*/
#headBlock{}
#head{width:675px; height:110px; background:#4e4e4e; margin-top:10px;}
#logo{background:url(../img/logo.gif) no-repeat top left; width:178px; height:54px; position:relative; top:25px; left:20px;}
#nav{ position:relative; top:25px; left:280px;}
#nav ul{list-style:none;}
#nav ul li{list-style:none;position:relative;display:inline;float:left;}
#nav ul li a{display:inline-block;text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;font-weight:bold; color:#FFFFFF; display:block; padding:10px 5px 0px 5px;  height:21px;}
#nav ul li a:hover{background:url(../img/bg-nav.gif) repeat-x top left;}
#nav ul li a.hover{background:url(../img/bg-nav.gif) repeat-x top left;}
#nav ul li ul{position: absolute;left: 0;top:30px;display: block;visibility: hidden;background:#8f8f8f;z-index:10;}
#nav ul li ul li{display: list-item;float: none;}
#nav ul li ul li a{display:block;width:220px;padding:5px 5px;height:15px;font-size:10px;}
#nav ul li ul li a:hover{background:#ffd5e1;color:#e14aba;}
#nav div.activeline{width:auto;background:url(../img/activeline.jpg);height:6px;z-index:1;}

/*-------------------------------------------------------------
============================ Статьи ============================
--------------------------------------------------------------*/
.art-link{
	padding:5px 0 0 0;
}
.art-link a{
	display:block;
}
.art-link a img{
	display:block;
	max-width:190px;
}
.art-link a span{
	display:block;
	margin-top:3px;
}
.art-text{}
.art-text p{
	text-align:justify;
}

/*-------------------------------------------------------------
============================ News ============================
--------------------------------------------------------------*/
div#centerPart ul{
	list-style:none;
	margin:10px 0px 0px 10px;
}
div#centerPart ul li{
	font-family:Verdana;
	font-size:11px;
	margin-left:0;
	padding:0 0 10px 15px;
	background:url(../img/kpcs.gif) no-repeat scroll left top;
}

/*-------------------------------------------------------------
============================ News ============================
--------------------------------------------------------------*/

#imgnews{
	background:url(../img/news.gif) no-repeat top left;
	width:245px;
	height:58px;
	margin-bottom:80px;
}
#controls-news{clear:both;height:20px;}
div.news{
	margin-left:165px;
	margin-bottom:50px;
	width:480px;
	display:block;
	float:left;
}
div.news h4{
	padding-left:20px;
	margin-bottom:20px;
	display:inline;
	font-size:13px;
	letter-spacing:1px;
	background:url(/img/sign.png) no-repeat scroll left top;
}
div.new p.bold {
	font-size:12px;
	background-color:#acf;
}
div.news h4 img{float:left;}
div.news span{
	font-size:9px;
	letter-spacing:1px;
}
div.news img{
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
}
div.news a b{font-size:9px;}
div.news ul{
	list-style:none;
	margin-left:10px;
	margin-top:10px;
}
div.news ul li{padding-left:15px;}
div.nav{color:#E12991;}
#leftPart div.nav a{
	font-size:15px;
	color:#E12991;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
}
#leftPart div.nav a:hover{text-decoration:none;}
div#prev{
	margin-left:165px;
	position:absolute;
}
div#next{
	margin-left:600px;
	position:absolute;
}
#leftPart a.arrow{
	text-decoration:none;
	color:#E12991;
	font-size:10px;
	float:right;
	padding-right:10px;
	padding-left:10px;
	font-weight:bold;
}
#leftPart a.arrow:hover{text-decoration:none;}



#retailInformation{
	width:200px;
	margin-left:400px;
	margin-top:50px;
	background:url(../img/sign.png) no-repeat top left;
	padding:4px 5px 5px 20px;
}
#retailInformation p{
	background-color:#FFFFFF;
	color:#000000;
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	margin-top:10px;
	margin-left:2px;
}
#retailInformation span.pink a{
	background-color:#FFFFFF;
	color:#E12991;
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	margin-top:5px;
	text-decoration:none;
	cursor:pointer;
}
#solitions{
	background:url(../img/solutions.jpg) no-repeat left center;
	width:245px;
	height:58px;
	margin-bottom:20px;
}
#solutionsBlock{
	background:url(../img/solutionsBg.gif) no-repeat left center;
	width:225px;
	margin-bottom:20px;
	padding:10px;
}
#solutionsBlock a{
	background:url(../img/zvezda-shopguard.gif) no-repeat left center;
	color: #586AE9;
    font-family: Tahoma;
    font-size: 14px;
	padding-left:18px;
	font-weight:bold;
	height:25px;
	margin-left:5px;
}
#mainNews{
	background:url(../img/news.gif) no-repeat left top;
	width:156px;
	height:49px;
	margin-top:10px;
}

#octopus2{
	width:245px;
	background:url(../img/Loop_alarm.gif) top center no-repeat;
	padding-top:20px;
}
#octopus2 p{
	padding:10px 20px 10px 20px;
}
#opalguard{
	width:245px;
	background:url(../img/People_counters.gif) top center no-repeat;
	padding-top:20px;
}
#opalguard p{
	padding:10px 20px 10px 20px;}
#loxys{
	margin-top:20px;
	background:url(../img/loxys.jpg) no-repeat;
}
#loxys a{
	display:block;
	width:245px;
	height:202px;
}




/* ---- ------ for References ---- ----- ----- ---------- ------*/
#linkReferences{
	width:170px;
	float:left;
}
#linkReferences h2{
	background-color:#FFFFFF;
	color:#586AE9;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	margin:5px 0px 20px 10px;
}
#linkReferences p{
	background-color:#FFFFFF;
	color:#000000;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	margin-left:10px;
	margin-top:5px;
}
#fotoReferences{
	width:500px;
	margin-left:170px;	
}
div.foto{
	float:left;
	width:140px;
	padding:5px;
}
div.refs{
	display:block;
	float:left;
	width:145px;
	margin-right:15px;
	margin-bottom:20px;
}
div.refs a img,div.refs img{
	display:block;
	width:120px;
	height:120px;

}
.refs p{
	visibility:hidden;
}

/*----------end references--------------------------*/

/* ---- ------ for About ---- ----- ----- ---------- ------*/
#textAbout{
	margin-left:165px;
	margin-top:270px;
}


/*  CONTACTS */
#map h2{
	background-color:#FFFFFF;
	color:#586AE9;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	margin:5px 0px 20px 10px;
}
#map div{
	margin-right:0px;
}
#rightPart p{
	padding:5px 10px 0px 0px;
}
.listRightPart{
	margin-left:15px;
	font-weight:bold;
}

/* End CONTACTS */

/* PRODUCTS */
#leftPartSmall h2{
	background-color:#FFFFFF;
	color:#586AE9;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}
#leftPartSmall p{
	padding-top:10px;
}
#leftPartSmall p a{
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	padding:0px 10px 0px 0px;
}
#leftPartSmall p  a.link:hover {
	color:#586AEA;
}
#leftPartSmall p a.link:link, #leftPartSmall p a.link:visited {
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;	
}
#leftPartSmall p a.active {
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color:#E12991;	
}
#benefitsImg{
	float:left;
}
#befitsText{
	margin-top:20px;
	float:left;
	width:290px;
}
#accessories {
	margin-top:10px;
} 
#accessories p,#befitsText p{
	padding:0px 0px 10px 20px;
	background:url(../products/img/fcs.gif) no-repeat top left;
	background-color:#FFFFFF;
	color:#000000;
	font-family:Verdana;
	font-size:10px;
	font-weight:normal;
	margin-left:0;
}
#accessories p.head, #befitsText p.head{
	background:url(../img/sign.png) no-repeat top left;
	padding:3px 0px 0px 20px;
	margin-bottom:10px;
}	
#tehnicalInformation{
	float:left;
	width:500px;
}
#tehnicalInformation a{
	display:block;
	padding:0 0 5px 15px;
	background:url(../img/kpcs.gif) no-repeat top left;
	background-color:#FFFFFF;
	color:#000000;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;	
	margin-left:0;
	text-decoration:none;
}

#tehnicalInformation a:hover {
	color:#586AEA;
}


/*---------------------------------------------------------------------------------------------------------
|========================================= TTX TABLE =====================================================| 
---------------------------------------------------------------------------------------------------------*/
#ttx{
	margin-top:20px;
	float:left;
}
#ttx #controls{
	display:block;
	height:18px;
}
#ttx #controls a{
	padding:3px 10px;
	display:inline-block;
	text-decoration:none;
	letter-spacing:1px;
	font-size:11px;
	color:#aaa;
	cursor:pointer;
}
#ttx #controls a:hover{
	color:#777;
}
#ttx #controls a.active{
	background:#ffd5e1;
	color:#f11;
}

table#ttxTable{
	display:block;
}
table#ttxTable tr td{
	padding:4px 5px;
	font-size:10px;
}
table#ttxTable tr th{
	padding:4px 5px;
	font-size:10px;
	text-align:left;
}
table#ttxTable tr.k0{
	background:#ddf;
}
table#ttxTable tr.k1{
	background:#eee;
}
img#imageTable{
	display:none;
}



/* tag $ accessories */
span.h1{
	background-color:#FFFFFF;
	color:#000000;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	margin-left:0;
	margin-top:5px;
}
.title{
	color:#000000;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
}

#hard_a a:hover, #detach_a a:hover, #soft_a a:hover, #paper_a a:hover, #deactive_a a:hover, #other_a a:hover, .link:hover{
	color:#586AEA;
}

#hard_a a, #detach_a a, #soft_a a, #paper_a a, #deactive_a a, #other_a a, a.link {
	color:#000000;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
.refer div{
	background-color:#FFFFFF;
	color:#000000;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	margin-left:0;
	margin-bottom:10px;
}
.tartalom{
	background-color: #FFFFFF;
	font-family: Arial;
        font-weight: normal;
	font-size : 11px;
	margin-top:5px;
	margin-left:0px;
        color: #000000
}
/* end style tag $ accessories */

/* people counters */
#textAbout .blue {
	color:#586AE9;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	}
strong.h1{
	background-color:#FFFFFF;
	color:#000000;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	margin-left:0;
	margin-top:5px;
	}
div#avaibleModels div.colLeft p.colHead{
	background-color:#FFFFFF;
	color:#E12991;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	margin-left:0;
	margin-top:15px;

}
/* end people counters*/

/* END PRODUCTS */


/*  */
div.guard{
	margin-left:10px;
	margin-bottom:20px;
	padding-top:10px;
}
div.guard p{
	font-size:9px;
}
div.guard span.pink a{
	background-color:#FFFFFF;
	color:#E12991;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	margin-top:10px;
	text-decoration:none;
	cursor:pointer;
}
div.guard span.pink a:hover{
	text-decoration:underline;
}
/*  */

/* LOOP ALARM*/
div.texLoopAlarm{
	width:725px;
}
div.texLoopAlarm table tr td p {
color:#E12991;
font-family:Verdana;
font-size:10px;
font-weight:bold;
text-decoration:none;
}
div.texLoopAlarm table tr td p.h1-big {
color:#E12991;
font-family:Verdana;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
p.h1-big{
color:#E12991;
font-family:Verdana;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
/* LOOP ALARM*/


/*-------------- LOXYS -----------------------------------*/
#logo-loxys{
	float:right;
	margin-top:-20px;
	width:213px;
	height:35px;
	background:url(../img/loxys.png) no-repeat;
	border:0px solid #111;
	display:none;
}
#menu-loxys{
	float:left;
}
#menu-loxys ul{
	list-style:none;
	margin-top:-20px;
}
#menu-loxys ul li a{
	display:block;
	color:#000;
	font-family:tahoma;
	font-weight:bold;
	font-size:11px;
	margin:5px;
	text-decoration:none;
}
#menu-loxys ul li a:hover{
	color:#586AE9;
}
#menu-loxys ul li a.active{
	color:#E12991;
}
#header-loxys{
	float:left;
	width:300px;
	height:70px;
	margin-top:-20px;
	margin-left:20px;
	background:url(../img/header-loxys.gif) no-repeat left top;
	display:none;
}
#header-loxys-all{
	width:500px;
	height:54px;
	margin-top:-12px;
	margin-left:20px;
	float:left;
	background:url(../img/header-loxys-all.gif)  no-repeat right top;
}
#welcome{
	margin-top:70px;
	margin-left:175px;
	width:500px;
	text-align:justify;
}
#advantages-loxys{
	float:left;
	width:150px;
	height:auto;
	margin-left:20px;
	margin-top:10px;
	padding-right:10px;
	border-right:1px solid #888;
}
#advantages-loxys p{
	margin-top:5px;
	background:url(../img/kpcs.gif) no-repeat left 3px;
	padding-left:15px;
}
#media-loxys{
	float:left;
	width:320px;
	height:auto;
	margin:10px;
}
div.loxys{
	margin-top:20px;
	margin-left:10px;
	display:block;
	width:300px;
	height:170px;
	border:0px solid #111;
	border-top:1px solid #999;
	padding-top:20px;
}
div.loxys img{
	float:left;
	padding-right:20px;
}
div.loxys h4{
	font-size:13px;
}
div.loxys p{
	margin-top:10px;
}
/*--------------end  LOXYS -----------------------------------*/



/*-------------------------------------------------------------
============================ Main ============================
--------------------------------------------------------------*/
div.textMain{
	margin-left:160px;
	padding-top:20px;
}
div#newSolutions{
	position:absolute;
	width:150px;
	height:100px;
	top:477px;
	margin-left:5px;
	
}


span.green{
	background:#20e500;
	display:block;
	color:#000;
	padding:5px;
	text-align:left;
}
span.pink11{
	color: #E12991;
    font-size: 11px;
	font-weight:bold;
	}
div.texLoopAlarm table tr td p.black11px{
	color: #000;
    font-size:11px;
	margin:5px;
	font-weight:normal;
	}