﻿/* създаване на таблицата, която държи всички останали таблици и държи сайта центриран по хоризонталата */

.vsi4ko
{
 width:auto;
 margin-left:auto;
 margin-right:auto;
 background-color:#ffffff;
 border: 0px solid #0000ff ;

}


/* създаване на таблицата с цялото съдържание, да стои ОТЛЯВО  на десния колонтул на голямите екрани */

.vyn6na
{
 float:left;
 background-color: #000000;
 width:auto;
}

/* в тази таблица с име вътрешна е съдържанието на уникалното съдържание на всяка страница до колонтулите под него */

.leffloat-1 {
  width:100%;
  background-color:#f5f5e9;
}

/* Create a left-aligned  ZA DESEN KOLONTUL да стои отляво на таблицата с основното съдържание на голямите екрани  */

.rightloat-1
{
 float:.right;
 background-color: #0000ff;
 width:auto;
 margin-top:40px;
 margin-left:10px;
 margin-right:10px;

}

/* създаване на таблицата за ДЕСНИЯ колонтул, който се показва на малките монитори и се намира над долния колонтул на тях  */

.deskol-mal-monitors
{
 background-color: #0000ff;
}


/* създаване на таблицата , която съдържа в нея всичко от долния колонтул надолу, включително и него  */

.leffloat-2 {
  float:left;
  background-color:auto;
  width:auto;
  }


#myOverlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 90%; /* Full width (cover the whole page) */
  height: 60px; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}


.dolkol-2 {
  margin: 0;
  padding: 0px;
  width: auto;
  height: auto;
  overflow: auto;
  float: left;
}

.dolkol-2 div.levkol-1  {
  display: inline-block;
  padding-top:15px; 
  padding-left:5px;
  padding-right:5px; 
  padding-bottom:1px;
  text-decoration: none;
  width: auto;
  height: auto
  float: left;
}

div.levkol-1  {
  display:block; 
  width:100%;
  height:auto;
  margin-bottom:20px;
  padding-top:auto; 
  padding-left:auto;
  padding-right:auto;
  padding-bottom:auto;
  font-weight:400;  
  line-height:22px;
  border-radius:8px;
  overflow:hidden;
  overflow-y: hidden;
}

div.levkol-1 a:hover {
  display:block; 
  width:100%;
  height:auto;
  margin-bottom:20px;
  padding-top:8px; 
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  font-weight:400;  
  line-height:22px;
  border-radius:8px;
  overflow:hidden; 
  }
  
div.levkol-1 a {
  display:block; 
  width:100%;
  height:auto;
  margin-bottom:20px;
  padding-top:8px; 
  padding-left:8px;
  padding-right:8;
  padding-bottom:8px;
  font-weight:400;  
  line-height:22px;
  border-radius:8px;
  overflow:hidden; 
}

p.levkol-1 {
  display:block; 
  width:100%;
  height:auto; 
  background:#2196F3; 
  border:1px solid #cddc39!;
  margin-left:auto;
  margin-rifht:auto;
  margin-top:auto;
  margin-bottom:auto;
  padding-top:auto; 
  padding-left:auto;
  padding-right:auto;
  padding-bottom:auto;
  text-align:float-left; 
  text-align:left; 
  text-decoration:none; 
  font-family:arial,verdana,helvetica,tahoma, sans-serif; 
  color: #ffffff; 
  font-size:1em; 
  font-family:calibri, arial, verdana, helvetica,tahoma, sans-serif; 
  font-weight:400;  
  line-height:22px;
  border-radius:8px;
  overflow:hidden; 
}

p.levkol-1 a {
  display:block; 
  width:100%;
  height:auto; 
  border:1px solid #cddc39!;
  margin-left:auto;
  margin-right:auto;
  margin-top:auto;
  margin-bottom:auto; 
  padding-top:auto; 
  padding-left:auto;
  padding-right:auto; 
  padding-bottom:auto;
  text-align:float-left; 
  text-align:left; 
  text-decoration:none; 
  font-family:arial,verdana,helvetica,tahoma, sans-serif; 
  font-size:1em; 
  font-family:calibri, arial, verdana, helvetica,tahoma, sans-serif; 
  font-weight:400;  
  line-height:22px;
  border-radius:8px;
  overflow:hidden; 
}

p.levkol-1 a:hover 
{ display:block; 
  width:100%;
  height:auto;
  color:#000000; background:#ddffdd; border:1px solid #cddc39!; 
  margin-left:auto;
  margin-rifht:auto;
  margin-top:auto;
  margin-bottom:auto; 
  padding-top:auto; 
  padding-left:auto;
  padding-right:auto; 
  padding-bottom:auto;
  border-radius:8px;
}

/* klasayt a.gorlent e za dvata nai-gorni-butoni zov i rebuplika 
ako iskam s nego da gi napravi da ostavat scete6ti az sin tuk kogato 
e otvorena tiahnata stranica */

   a.gorlent {
  display:inline-block;; 
  float:left ;
  width: 100%
  height:auto; 
  background-color:w3-red;
  border:0px solid #cddc39!;
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:0px; 
  padding-top: 12px; 
  padding-left:16px; 
  padding-right:16px; 
  padding-bottom:9px;
  text-align:float-left; 
  text-align:left; 
  text-decoration:none; 
  color:#ffffff; 
  font-size:16px; 
  font-family:verdana, helvetica,tahoma, sans-serif; 
  font-weight:400;  
  line-height:normal;
  overflow:hidden;   
}

a.gorlent-small-monitor {
  display:inline-block; 
  float:left ;
  width: auto ;
  height:auto; 
  background-color:w3-red;
  border:0px solid #cddc39!;
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:0px; 
  padding-top: 12px; 
  padding-left:0px; 
  padding-right:0px; 
  padding-bottom:9px;
  text-align:float-left; 
  text-align:left; 
  text-decoration:none; 
  color:#ffffff; 
  font-size:14px; 
  font-family:arial,verdana, helvetica,tahoma, sans-serif; 
  font-weight:400;  
  line-height:normal;
  overflow:hidden;   
}

a:hover.gorlent-small-monitor  {
  display:inline-block; 
  float:left ;
  width: auto ;
  height:auto; 
  background-color:blue;
  border:0px solid #cddc39!;
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:0px; 
  padding-top: 12px; 
  padding-left:0px; 
  padding-right:0px; 
  padding-bottom:9px;
  text-align:float-left; 
  text-align:left; 
  text-decoration:none; 
  color:#ffffff; 
  font-size:14px; 
  font-family:arial,verdana, helvetica,tahoma, sans-serif; 
  font-weight:400;  
  line-height:normal;
  overflow:hidden;   
}


body,h1,h2,h3,h4,h5 {
font-family:verdana,helvetica,tahoma,calibri; sans-serif;times new roman;segoe UI;}
    
    
body {font-size:16px;}

	
/* footer e tazi 4ast ot stanicata, 
  koiato sydyrga dolnia link-bar, dokato pravia saita sym ia svetnal v galto */
	
footer {background-color:fff000;}
	
	
/* Extra small devices (phones, 600px and down) - 
 tova sa nastoikite na 6iro4inite za levia link bar i na 4astite ot srtanicite main i footer */

@media only screen and (max-width: 600px) 
{
  .nav { width: 260px; }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) 
{
  .str { margin-left:240px;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) 
{
  .nav { width: 240px;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) 
{
  .str { margin-left:220px;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) 
{
  .nav { width: 230px;}
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) 
{
  .str {margin-left:210px;}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) 
{
  .nav { width: 220px;}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) 
{
  .str {margin-left:200px;}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) 
{
  .nav { width: 270px ; }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) 
{
  .str {margin-left:270px;}
  
}

.dolenkolontul {
background-color:#ffffff;
width: 100%;
height: auto;
text-align: left;
horizontal-align: left;
vertical-align: top;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000 ;
border-bottom: 0px solid #000000; 
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
}


.tddolenkolontul {
background-color:rgb(255,255,200);
background-color: auto ;
width: 100%;
height: auto;
text-align: left;
horizontal-align: left;
vertical-align: top;
padding-top:5px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 10px;
border-top: 1px solid #0000ff ;
border-left: 1px solid #0000ff ;
border-right: 1px solid #0000ff ;
border-bottom: 1px solid #0000ff ;
font-family:arial ; 
font-size:15px;
}

.tddolenkolontul-2 {
vertical-align: top;
padding-top:5px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 0px;
}


p.dolnav1 { 
float:left ;
text-align: left;
horizontal-align: left;
height: auto;
width: auto; 
border: 0px solid #ff0000; 
padding-top: 3px; 
padding-left: 3px;
padding-right: 3px
padding-bottom: 3px; 
text-decoration: none; 
font-family: arial, Sans-Serif; 
font-size: 15px; 
margin-top:0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom:0px;
} 

p.dolnav1 a { 
display:block;
float:left ;
text-align: left;
horizontal-align: left;
height: auto;
width: auto; 
border: 1px solid #ff0000; 
padding: 3px; 
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
background-color: #f0f2fc; 
color: #0000ff; 
text-decoration: none; 
font-family: arial, Sans-Serif; 
font-size:15px;
} 

p.dolnav1 a:hover {
display:block;
float:left ;
text-align: left;
horizontal-align: left;
height: auto;
width: auto;  
color: #ffffff; 
background-color: #ff0000; 
border: 1px solid #727272; 
border-bottom: 1px solid #0000ff; 
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
text-decoration: none; 
font-family: arial, Sans-Serif; 
font-size:15px;
}
 
p.dolnav2 { 
float:left ;
text-align: left;
horizontal-align: left;
height: auto;
width: auto; 
border: 0px solid #ff0000; 
padding-top: 3px; 
padding-left: 3px;
padding-right: 3px
padding-bottom: 3px; 
text-decoration: none; 
font-family: arial, Sans-Serif; 
font-size: 15px; 
margin-top:0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom:0px;
} 

p.dolnav2 a { 
display:block;
float:left ;
text-align: left;
horizontal-align: left;
height: auto;
width: auto; 
border: 1px solid #0000ff; 
padding: 3px; 
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
background-color: #cefcba; 
color: #c40000; 
text-decoration: none; 
font-family: arial, Sans-Serif; 
font-size: 15px;
} 

p.dolnav2 a:hover {
display:block;
float:left ;
text-align: left;
horizontal-align: left;
height: auto;
width: auto;  
color: #ffffff; 
background-color: #ff0000; 
border: 1px solid #727272; 
border-bottom: 1px solid #0000ff; 
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
text-decoration: none; 
font-family: arial, Sans-Serif; 
font-size: 15px;
}

p.dolnav3 { 
float:left ;
text-align: left;
horizontal-align: left;
height: auto;
width: auto; 
border: 0px solid #ff0000; 
padding-top: 3px; 
padding-left: 3px;
padding-right: 3px
padding-bottom: 3px; 
text-decoration: none; 
font-family: arial, Sans-Serif; 
font-size: 15px; 
margin-top:0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom:0px;
} 

p.dolnav3 a { 
display:block;
float:left ;
text-align: left;
horizontal-align: left;
height: auto;
width: auto; 
border: 1px solid #0000ff; 
padding: 3px; 
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
background-color:#ebffeb; 
color: #18682f; 
text-decoration: none; 
font-family: arial, Sans-Serif; 
font-size: 15px;
} 

p.dolnav3 a:hover {
display:block;
float:left ;
text-align: left;
horizontal-align: left;
height: auto;
width: auto;  
color: #ffffff; 
background-color: #ff0000; 
border: 1px solid #727272; 
border-bottom: 1px solid #0000ff; 
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
text-decoration: none; 
font-family: arial, Sans-Serif; 
font-size: 15px;
}

a.navdolkol, a.navdolkol:link, a.navdolkol:visited

{display:block; 
float:left ;
width: auto ;
height:auto; 
background:auto; 
border:1px solid #ffffff; 
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
text-align:left; 
text-decoration:none; 
font-family:arial,verdana,helvetica,tahoma, sans-serif; 
font-weight: 400;
font-size:15px; 
color:#0000ff; 
line-height:15px; 
overflow:hidden; 
}

a.navdolkol:hover 
{color:#ff0000; background: #ffff00; border:1px solid #000;}

a.navdolkol:active 
{color:#ff0000; background:#c00; border:1px solid #000;}


.obratnokymvyrha {
background-color: auto ;
width: 100%;
height: auto;
text-align: left;
horizontal-align: left;
vertical-align: top;
padding-top:0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
border-top: 0px solid #0000ff ;
border-left: 0px solid #0000ff ;
border-right: 0px solid #0000ff ;
border-bottom: 0px solid #0000ff ;
font-family:arial ; 
font-size:1em;
}


/* tia h-ashove i paragrafi idvat ot Mso Worda 
i triabva da gi zapazvam i hedyra na vsiaka stranica, 
taka kakto sa  ostanali sled prerabotkata im s FrontPag */

.h
	{margin-right:0cm;
	margin-left:0cm;
	font-family:"Times New Roman","serif";
	}
p.MsoHeader
	{margin-bottom:.0001pt;
	font-family:"Calibri","sans-serif";
	margin-left:0cm; margin-right:0cm; margin-top:0cm}
    table.MsoNormalTable
	{mso-style-parent:"";
	font-family:"Calibri","sans-serif"}
 p.MsoNormal
	{mso-style-parent:"";
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:10.0pt;
	margin-left:0cm;
	line-height:115%;
	font-family:"Calibri","sans-serif";
	}
p.MsoListParagraph
	{margin-top:0cm;
	margin-right:0cm;
	margin-bottom:10.0pt;
	margin-left:36.0pt;
	line-height:115%;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
	}

/* klasat .cviatfontekst e za diva, koito sidyrga 4asta ot stranicata s unikalnoto sydyrganie , 
dava zenikavia fon   */


 .cviatfontekst 
 {
 background-color:#f5f5e9;
 }