/*
	StyleSheet by Manol Dobrovski
	http://www.67tools.com
*/



*{
   padding: 0;
   margin: 0;
 }
 
 body {
   font-family: tahoma;
   font-size: 11px;
   color: #666;
   background-image: url(images/background.gif);
   background-repeat: repeat-y;
   background-color: #292929;
 }
 
 
 
 
/* header -------------------------------------------------------------------------------------------- */
#header {
   margin: 20px 0 0px 0;
}
#header h1 {
   margin-left: 120px;
   font-size: 32px;
   font-weight: 100;
   letter-spacing: -2px;
}
#header h1 a {
   color: #FAFFB0;
   text-decoration: none;
}
#header h1 a:hover {
   color: #eee;
   text-decoration: none;
}
#header h2 {
   margin-left: 120px;
   color: #808080;
   font-size: 12px;
   font-weight: 100;
} 
 
 
 
 
/* content -------------------------------------------------------------------------------------------- */
.content {
  width: 740px;
 }

 
 
 
 
/* меню ----------------------------------------------------------------------------------------------- */
.menu {
   float:left;
   padding-top: 50px;
   width: 310px;
 }
 
.menu ul li {
   float: right;
 }

.menu ul li a {
   margin-top: 2px;
   font-family: Verdana;
   font-size: 12px;
   color: #C0C0C0;
   text-decoration: none;
   padding-top: 7px;
   padding-left: 5px;
   width: 155px;
   height: 23px;
   float: right;
}

.menu ul li a:hover {
   color: #ffaa00;
   background: #292929;
 }
 
.menu ul li.active a {
   color: #ffaa00;
   background: #292929;
 }
 
 
 
 

/* поле в менютата и линии --------------------------------------------------------------------------------------- */
.menu_line {
   background-color:#292929;
   margin-top:20px; 
   margin-bottom:20px;
   margin-left:50px;
   width: 160px;
   height: 3px;
   float: right;
}
 
.menu_line1 {
   background-color: #FF0000;
   margin-left:0px;
   width: 740px;
   height: 1px;
}
 
.menu_line1_1 {
   background-color: #FF0000;
   margin-left:0px;
   width: 740px;
   height: 2px;
}

.menu_line1_2 {
   background-color: #FF0000;
   margin-left:0px;
   width: 740px;
   height: 5px;
}

.menu_line2 {
   background-color: #FF0000;
   margin-left:70px;
   width: 600px;
   height: 5px;
}

.menu_line3 {
   background-color: #FF0000;
   margin-left:140px;
   width: 460px;
   height: 4px;
}

.menu_line4 {
   background-color: #FF0000;
   margin-left:210px;
   width: 320px;
   height: 3px;
}

.menu_line5 {
   background-color: #FF0000;
   margin-left:280px;
   width: 180px;
   height: 2px;
}

  
 
 
 
/* меню за ABC SYSTEM --------------------------------------------------------------------------------------- */  
.menu_abcs {
   font-size: small;
   font-weight: bold;
   color: #339966;
}

.menu_abcs a {
   color: #FF9933;   
}

.menu_abcs a:hover {
   color: #999966;
}

.menu_abcs a.active {
   color: #999966;
}

 
 
 
 
 
/* меню за TUTORIALS --------------------------------------------------------------------------------------- */  
.menu_tutorials {
   margin-left: 20px;
   width: 300px;
   border: 2px;
   border-color: #00FFFF;
   background-color:;
}


 
 
 
 
  
/* дясно поле /на целия сайт/ ------------------------------------------------------------------------------ */
.right {
   padding-left: 310px;
   padding-top: 20px;
}

.right img {
   margin-right: 10px;
   display: block;
   border: 1px solid #666666;
}
 
.right img:hover {
   border: 2px solid #FF6600;
}
 
 
 
.right1 {
   padding-left: 310px;
   padding-top: 20px;
}

.right1 img {
   margin-right: 10px;
   display: block;
   border: 1px solid #666666;
}



.right2 {
   padding-left: 310px;
   padding-top: 20px;
}

.right2 img {
   margin-right: 10px;
   display: block;
}
 
.right2 img:hover {
   border: 1px solid #999966;
}



.right3 {
   padding-left: 310px;
   padding-top: 20px;
}

.right3 img {
   margin-right: 10px;
   display: block;
}
 





/* кутии на знамената ------------------------------------------------------------------------------ */ 
.flags {
   position: absolute;
   margin-top: 155px;
   margin-left: 140px;
   width: 110px;
}






/* кутии за WORLDMAP .................................................................................................................................*/
.worldmap {
   position: absolute;
   margin-top: 360px;
   margin-left: 30px;
   width: 250px;
   height: 250px;
   background: #212121;
}
/* край на кутии за WORLDMAP .................................................................................................................................*/





  
/* кутии на продуктите ------------------------------------------------------------------------------ */
.block {
   margin-top: 20px;
   margin-left: 20px;
   height: 160px;
   width: 720px;
 }

.block1 {
   position: absolute;
   margin-top: 20px;
   margin-left: 20px;
   height: 160px;
   width: 190px;
 }
 
.block2 {
   position: relative;
   margin-top: 20px;
   margin-left: 210px;
   height: 160px;
   width: 580px;
 }

.block3 {
   margin-left: 75px;
   width: 600px;
   border: 2px;
   border-color: #00FFFF;
   background-color:;
 }

.block4 {
   margin-left: 55px;
   width: 670px;
   border: 2px;
   border-color: #00FFFF;
   background-color:;
 }

.block5 {
   margin-top: 10px;
   margin-left: 125px;
   height: 200px;
   width: 500px;
 }

.block6 {
   margin-left: 20px;
   width: 700px;
   border: 2px;
   border-color: #00FFFF;
   background-color:;
 }




/* разни ------------------------------------------------------------------------------ */
.news_block {
   margin-top: 20px;
   margin-left: 20px;
   width: 720px;
 }

.block_connection {
   margin-left: 35px;
   width: 670px;
   border: 2px;
   border-color: #00FFFF;
   background-color:;
 }

.life_test {
   margin-top: 20px;
   margin-left: 20px;
   width: 720px;
 }

.home_pic {
   width: 740px;
   height: 550px;
   background-image: url('home/home.jpg');
   background-repeat: no-repeat;
   background-position: left;
   text-align: left;
   margin-top: 1px;
} 

.field_jtag {
   margin-left: 45px;
   width: 550px;
   height: auto;
   padding: 20px;
   border: 2px solid #666633;
   background-color: #C0C0C0;
   color: #333300;
   font-family: "Times New Roman";
   font-size: 14px;
}









/* Бутони за продукти ------------------------------------------------------------------------------ */
.btn_pr_all_bg {
   margin-left: 520px;
   font-family: Tahoma;
   font-size: 11px;
   color: #f16262;
}

.btn_pr_all_en {
   margin-left: 545px;
   font-family: Tahoma;
   font-size: 11px;
   color: #f16262;
}







/* БУТОНИ ------------------------------------------------------------------------*/

/* общи настройки - бял бутон*/
.btn {
  display: inline-block;
  *	border-left: 0 none #e6e6e6;
	border-right: 0 none #e6e6e6;
	border-top: 0 none #e6e6e6;
	border-bottom: 0 none #a2a2a2;
	display: inline;
  	padding: 4px 12px;
  	margin-bottom: 0;
  *	margin-left: .3em;
  	font-size: 11px;
  	line-height: 20px;
  	color: #333333;
  	text-align: center;
  	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  	vertical-align: middle;
  	cursor: pointer;
  background-color: #f5f5f5;
  *	background-color: #e6e6e6;
  	background-repeat: repeat-x;
  *	-webkit-border-radius: 4px;
     	-moz-border-radius: 4px;
          	border-radius: 4px;
  	zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);*
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -28px;
  -webkit-transition: background-position 0.35s linear;
     -moz-transition: background-position 0.35s linear;
       -o-transition: background-position 0.35s linear;
          transition: background-position 0.35s linear;
}



/* бутон ORANGE-OLD */  
.btn-orange1 {
  color: #333333; /* текст */  
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  background-image: linear-gradient(to bottom, #ffCC00, #FF6600); /* сянка отгоре / основен цвят */ 
}
.btn-orange1:hover {
  color: #FFFF99; /* текст */ 
  background-color: #f89406;
  font-size: 14px;
}
.btn-orange1.active {
  color: #FFFF99; /* текст */ 
  background-color: #f89406;
  font-size: 16px;
}




/* бутон СВЕТЛО СИН */  
.btn-elblue {
  color: #E9E9E9;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-repeat: repeat-x;
  	background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
	border-left-color: #2f96b4;
	border-right-color: #2f96b4;
	border-top-color: #2f96b4;
	border-bottom-color: #1f6377;
}

.btn-elblue:hover {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
  font-size: 14px;
}

.btn-elblue.active {
  color: #ffffff;
  background-color: #2f96b4;
  font-size: 17px;
}
  
 

/* бутон ТЪМНО СИН */  
.btn-blue {
  color: #E9E9E9;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-repeat: repeat-x;
  	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	border-left-color: #0044cc;
	border-right-color: #0044cc;
	border-top-color: #0044cc;
	border-bottom-color: #002a80;
}

.btn-blue:hover {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.btn-blue.active {
  background-color: #003399 \9;
}



/* бутон ОРАНЖЕВ */  
.btn-orange {
  color: #E9E9E9;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  *background-color: #f89406;
  background-repeat: repeat-x;
  	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	border-left-color: #f89406;
	border-right-color: #f89406;
	border-top-color: #f89406;
	border-bottom-color: #ad6704;
}

.btn-orange:hover {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
  font-size: 14px;
}

.btn-orange.active {
  color: #ffffff;
  background-color: #f89406;
  font-size: 17px;
}



/* бутон ЧЕРВЕН */  
.btn-red {
  color: #E9E9E9;
  text-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
  background-color: #808080;
  *background-color: #bd362f;
  background-repeat: repeat-x;
  	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	border-left-color: #bd362f;
	border-right-color: #bd362f;
	border-top-color: #bd362f;
	border-bottom-color: #802420;
}

.btn-red:hover {
  color: #c3c3c3;
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-red.active {
  background-color: #942a25 \5;
}



/* бутон ЗЕЛЕН */  
.btn-green {
  color: #E9E9E9;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-repeat: repeat-x;
  	background-image: linear-gradient(to bottom, #62c462, #51a351);
	border-left-color: #51a351;
	border-right-color: #51a351;
	border-top-color: #51a351;
	border-bottom-color: #387038;
}

.btn-green:hover {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
  font-size: 14px;
}

.btn-green.active {
  color: #ffffff;
  background-color: #51a351;
  font-size: 17px;
}



/* бутон ЧЕРЕН */  
.btn-black {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-repeat: repeat-x;
  	background-image: linear-gradient(to bottom, #444444, #222222);
	border-left-color: #222222;
	border-right-color: #222222;
	border-top-color: #222222;
	border-bottom-color: #000000;
}

.btn-black:hover {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}

.btn-black.active {
  background-color: #080808 \9;
}








/* шрифтове --------------------------------------------------------------------------- */
.text_left {
   text-align: left;
 }
 
.text_right {
   text-align: right;
}

.text_center {
   text-align: center;
}

h1 {
   font-weight: bold;
   font-size: 11px;
   color: #FF00AA;
 }
 
h2 {
   font-weight: normal;
   padding-bottom: 7px;
   font-size: 10px;
 }
 





/* други ------------------------------------------------------------------------------ */

.all_right {
   float: right;
}

.all_left {
   float: left;
}



 
 
 /* стил на шрифтове ------------------------------------------------------------------ */
.style1 {
	font-family: "Bradley Hand ITC";
	color: #FF0000;
	font-weight: normal;
	font-size: 22pt;
}

.style2 {
	font-family: "Cooper Std Black";
	color: #3f5fe5;
}

.style3 {
	font-family: "Segoe Script";
}

.style4 {
	color: #FF6600;
}

.style5 {
	font-family: "Cooper Std Black";
	color: #3366FF;
	font-size: 32px;
}

.style6 {
	color: #FFAA00;
	text-align: right;
}

.style7 {
	font-family: "Segoe Script";
	text-align: right;
}

.style8 {
	text-align: center;
	font-size: x-small;
}




.style11 {
	text-align: left;
	font-size: x-small;
}

.style12 {
	font-size: small;
	color: #999999;
}

.style12_1 {
	font-size: medium;
	color: #999999;
    text-align: center;
}

.style12_2 {
	font-size: medium;
	color: #999999;
    text-align: left;
}

.style12_3 {
	font-size: medium;
	color: #999999;
    text-align: right;
}

.style13 {
	font-size: medium;
	font-weight: normal;
	color: ;
}

.style13_1 {
	font-size: medium;
	font-weight: normal;
	color: #FF6600;
	text-align: center;
}

.style13_2 {
	font-size: small;
	font-weight: normal;
	color: #FF6600;
}

.style13_3 {
	font-size: medium;
	font-weight: normal;
	color: #339966;
	text-align: left;
}

.style14 {
	font-size: small;
	color: #FF6600;
}

.style14_1 {
	font-size: small;
	font-weight: normal;
	color: #666666;
}

.style15 {
	font-size: medium;
	color: #FF6600;
}



.style17 {
	margin-top: 20px;
	margin-left: 241px;
	height: 160px;
	width: 580px;
}

.style18 {
	border: 2px solid #0066FF;
	background-color: #99CCFF;
}

.style19 {
	color: #0033CC;
	font-size: small;
}

.style20 {
	border: 2px solid #009900;
	background-color: #00CC99;
}

.style21 {
	color: #006600;
	font-size: small;
}

.style22 {
	border: 2px solid #FF9933;
	background-color: #FFFF99;
}



.style24 {
	border: 2px solid #666666;
	background-color: #CCCCCC;
}

.style25 {
	font-size: small;
	color: #666666;
}

.style26 {
	border: 2px solid #C05050;
	background-color: #E6B9B9;
}

.style28 {
	color: #FF0000;
}

.style29 {
	font-size: small;
	color: #C0504D;
}

.style30 {
	border: 1px solid #008080;
	background-color: #EAE9D4;
    cellspacing: "1";	
}

.style31 {
	border: 0px solid #008080;
	background-color: #EAE9D4;
    cellspacing: "1";	
    border-style: solid;
	border-width: 1px;
}

.style32 {
	border: 1px solid #008080;
	background-color: #EAE9D4;
	text-align: left;
}

.style33 {
	border: 1px solid #008080;
	background-color: #EAE9D4;
	text-align: left;
	color: #666666;
	font-size: small;
}

.style34 {
	border: 1px solid #008080;
	background-color: #FFFF96;
	font-weight: bold;
	color: #666666;
	font-size: small;
}
	
.style35 {
	background-color: #FFFF96;
}

.style36 {
	border: 2px solid #339966;
	background-color: #00FFFF;
}

.style37 {
	color: #339966;
	font-size: small;
}

.style38 {
	font-size: small;
	font-weight: bold;
	color: #666666;
}

.style39 {
	font-size: small;
	font-weight: bold;
	color: #FF0000;
}

.style40 {
	font-size: medium;
	font-weight: bold;
	color: #999966;
}

.style41 {
	font-size: x-large;
	font-weight: bold;
	color: #999966;
}

.style42 {
	font-size: xx-large;
	font-weight: bold;
	color: #999966;
}

.style43 {
    font-size: xx-large;
    font-weight: bold;
    color: #FF0000;
    text-align: center;
}

.style44 {
    font-size: large;
    font-weight: bold;
    color: #FFFFCC;
    background-color:#73915E;
    font-family: Arial, sans-serif; 
}

.style44_1 {
    font-family: Arial, sans-serif; 
    font-size: large;
    font-weight: bold;
    color: #FF9933;
    background-color: #4A5140;
}

.style45 {
    color: #3C3C3C;
}

.style46 {
    font-family: Arial, sans-serif; 
    font-size: 14px;
    font-weight: bold;
    color: #FF9933;
}

.style47 {
    font-family: Arial, sans-serif; 
	font-size: 12px;
	color: #808080;
}

.style48 {
    font-family: Arial, sans-serif; 
    font-size: 12px;
    font-weight: bold;
    color: #BEBEBE;
}

.style49 {
    font-family: Arial, sans-serif; 
    font-size: 9pt;    
    color: #73915E;
}

.style49_1 {
    font-family: Arial, sans-serif; 
    font-size: 13pt;    
    color: #73915E;
}

.style50 {
}

.style51 {
    font-family: Arial, sans-serif; 
    font-size: 10pt;
    color: #434343;
    background-color:#008080;
}

.style52 {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #BEBEBE;
	text-align: center;
}






/* стил на линковете ------------------------------------------------------------------ */

a {
  color: #999966;
  text-decoration: none;
}
a:hover {
  color: #00CC99;
  text-decoration: underline;
}
a:link {
  color: #CC9900
}




  
 /* настройки за FOOTER ------------------------------------------------------------------ */

#footer {
  clear: both;
  margin-top: 2px;
  margin-left: 0px;
  width: 740px;
}


/* стил на FOOTER */
#footer {
  background-color: #3C3C3C;
  color: #666666;
}
#footer p {
  margin: 0;
  font-size: x-small;
  text-align: center;
}
#footer a {
  color: #FFFFFF;
  font-weight: bold;
}
#footer a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
#copyright {
  float: center;
  text-align: center;
}
#copyright p {
  font-size: x-small;
}
.style_bold {
  font-weight: bold;
}
.style_italic {
  font-style: italic;
}


 
 
/* начало за настройки на popup прозореца - НЕ СЕ ИЗПОЛЗВА */

    /***Style the unordered list with the class 'enlarge'***/
    ul.enlarge{
    list-style-type:none; /*remove the bullet point*/
    }
    ul.enlarge li{
    display:inline-block; /*places the images in a line*/
    position: relative; /*allows precise positioning of the popup image when used with position:absolute - see support section */
    z-index: 2; /*resets the stack order of the list items - we'll increase in step 4. See support section for more info*/
    margin: 0px 0px 0px 0px; /*space between the images*/
    }

    /* скриване на голямата снимка на popup прозореца */

    /***In the HTML in step one we placed the large image inside a <span>, now we move it off the page until it's required***/
    ul.enlarge span{
    position: absolute; /*see support section for more info on positioning*/
    left: -99999px; /*moves the span off the page, effectively hidding it from view*/
    }


    /* настройки когато се посочи popup прозореца */
     
    ul.enlarge li:hover{
    z-index: 2; /*places the popups infront of the thumbnails, which we gave a z-index of 0 in step 1*/
    cursor: pointer; /*changes the cursor to a hand*/
    }
    
    /***We bring the large image back onto the page by reducing left from -9999px (set in step 2) to figures below***/
    ul.enlarge li:hover span{ /*positions the <span> when the <li> (which contains the thumbnail) is hovered*/
    top: -100px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
    left: 200px; /*distance from the left of the thumbnail to the left of the popup image*/
    }
      
  
    /* разстояния между малките снимки,ако са повече от една */
     
    /***To make it look neater we used :nth-child to set a different left distance for each image***/
    ul.enlarge li:hover:nth-child(2) span{
    left: -100px;
    }
    ul.enlarge li:hover:nth-child(3) span{
    left: -200px;
    }

 
    /* стил на popup прозореца */ 
    
    ul.enlarge span img{
    padding: 2px; /*size of the frame*/
    background: #ccc; /*colour of the frame*/
    }
    /***Style the <span> containing the framed images and the caption***/
    ul.enlarge span{
    /**Style the frame**/
    padding-top: 15px; /*size of the frame*/
    padding-left: 15px; /*size of the frame*/
    padding-right: 6px; /*size of the frame*/
    padding-bottom: 15px; /*size of the frame*/
    background:#eae9d4; /*colour of the frame*/
    /*add a drop shadow to the frame*/
    -webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
    -moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
    box-shadow: 0 0 20px rgba(0,0,0, .75);
    /*give the corners a curve*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius:8px;
    /**Style the caption**/
    font-family: 'Droid Sans', sans-serif; /*Droid Sans is available from Google fonts*/
    font-size: medium; 
    text-align: center;
    color: #495a62;
    }    
/* край на popup прозореца */