/* CSS Document */

.main_border {
		border:1px solid #000000;

}
.main{
	height:100%;

}

p{font-size:16px; font-family:Verdana; padding: 10px 20px;  align:justify;}
ol{font-size:16px; font-family:Verdana;  padding-left: 45px;}
ul{font-size:16px; font-family:Verdana;  padding-left: 45px;}

ul.sq {
    list-style-type: square;
    padding-left: 45px;
    font-size:16px;
    font-family:Verdana;
}
.rowTitle{
	color:#003d55;
	font-size:18px;
	font-family:Verdana;
	padding-top:10px;
	padding-left: 20px;
	padding-bottom:1px;
	align:justify;



}
.rowTitle1{
	color:#003d55;
	font-size:18px;
	font-family:Verdana;
	padding-top:10px;
	padding-left: 20px;

	align:justify;
    font-weight:bold;


}
.row{
	color:#000000;
	font-size:16px;
	font-family:Verdana;
	padding-top:1px;
	padding-left: 20px;
	padding-bottom:5px;
	align:justify;
    font-weight:bold;


}
.protokol{
	padding-top:20px;
    padding-left: 20px;
    font-size:16px;
    font-family:Verdana;
}

.outline {
    border: 2px solid black;
    padding: 0 5px;
   }
.left {background-color:#f6f6f6; border-right:1px solid #424242; }
.title {
background-color: #9eea18;  /*ñâ³òëî-çåëåíèé*/
color: #000000;
font-weight:bold;
font-size:13px;
padding-left: 40px;
/*margin:5px;  */
padding-top:3px;
padding-bottom:3px;
}
/*begin----footer login*/
.log{color: #000000;
     font:  bold 13px Verdana;
     /*padding-left: 20px;   */
     float:right;
      margin:25px 10px 5px 10px;

      }
.log  a{
    width:100%;
          box-sizing:border-box;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
	     font:  16px Verdana;
         color: #fff;
         font-weight:bold;
        /* padding:10px;    */
         text-decoration: none;
         }
.log  a:hover{
    width:100%;
          box-sizing:border-box;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
	     font:  16px Verdana;
         color: #000;
         font-weight:bold;
        /* padding:10px;    */
         text-decoration: none;
         }

.logbox{float:right; margin:1px 1px 1px 1px;
/* margin:25px 20px 10px 20px;  */
}


/*button */
.button{
    background:  #19afd5;
    float:right;
    padding: 10px 24px;
    margin:5px 20px 5px 20px;
    border-radius: 4px;

   color: #000000;
   font: bold 13px Verdana;
   text-decoration: none;
   vertical-align: middle;
     }
.button:hover {

   background:#C9DFEA;
   color: #19afd5;
   }
.button:active {

   background:#C9DFEA;
   color:#000000}

/*button end */
#rightmenu {
	 background: #fef183;
	 padding: 15px;




	 margin-right:1%;


}

.buttonlink {
    background-color: #19afd5;
    color: black;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}


.buttonlink:hover,active{
    background-color: #013D51;
    color:white;

}

/* header menu*/

#coolmenu{
background-color: #082255;
 height: auto;}

/** html #coolmenu{
width: 150px;Internet Explorer
}                              */

#coolmenu a{
font: bold 13px Verdana;
color: #fff;
text-decoration: none;

}

html>body #coolmenu a{
width: auto; height: auto;
}

/*      ìåíþ ³ ï³äìåíþ */

#coolmenu ul ul {
	display: none;
   }

	#coolmenu ul li:hover > ul {
		display: block;

	}

#coolmenu ul {

	background: #082255;         /*darkblue*/
	/*background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); */
	/*box-shadow: 0px 0px 9px rgba(0,0,0,0.15);  */
	/*padding: 0 20px;

	border-radius: 10px;     */
	list-style: none;
    position: relative;
	display: inline-table;
    margin: 0;


}
	#coolmenu ul:after {
		content: ""; clear: both; display: block;
	}


	#coolmenu ul li {
	float: left;
}
	#coolmenu ul li:hover {
		background: #bbeeff;    /*lightblue*/
		/*background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);  */
	}
		#coolmenu ul li:hover a {
			color: #000;


}
#coolmenu ul li:hover a.new {
              color: red;
}
	#coolmenu ul li a {
		display: block;
		padding: 12px 15px;
		color: #bbeeff;
		text-decoration: none;
	}

#coolmenu ul ul {
	background: #158baa; border-radius: 0px; padding: 0; padding-top:0px;
	position: absolute;
top: 100%;
}
	#coolmenu ul ul li {
		float: none;
		border-top: 1px solid #013D51;
		border-bottom: 1px solid #013D51;
		position: relative;
	}
		#coolmenu ul ul li a {
			padding: 12px 25px;
			color: #fff;
		}
			#coolmenu ul ul li a:hover {
				background: #013D51;
			}

			#coolmenu ul ul ul {
	position: absolute; left: 100%; top:0;
}
.new ul li :hover a{
    color: hotpink;
}


/*ìåíþ ê³íåöü*/

/*example3*/
       .example3 {
    display:inline-block;
    position:relative;
}
.example3 .example_text {

    display:block;
    position:absolute;
    left:145;
    bottom:80;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    color:#fff;



}

.example3  a{
     display:block;

    width:100%;
          box-sizing:border-box;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
	     font:  24px Verdana;
         color: #b89255;
        /* padding:10px;    */
         text-decoration: none;
         }


.content{border:1px solid #cccccc;
         width:95%;
         }
.content_title {background-color:#f9f4e9;}

.content_name{font-weight:bold; margin-top:7px;margin-bottom:5px;}
.content_adds{font-size:11px; margin-top:3px;margin-bottom:5px;  }
table, th, td {
    valign:top;font-size:16px; font-family:Verdana;
}
table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:16px;
	border-width: 1px;
	border-collapse: collapse;

}

table.gridtable td {
	text-align: left;
	padding: 10px 20px;
	}

table.gridtable td {
	text-align: left;

	}
table.gridtable tr {
	border-width: 1px;
	padding-left: 20px;
	border-style: solid;
}


table, th, td {
    valign:top;
    font-size:16px;
    font-family:Verdana;
}
table.subtable {
	font-family: verdana,arial,sans-serif;
	font-size:16px;
	border-width: 1px;
	border-collapse: collapse;
    margin: 20px 20px 20px 20px;
}

table.subtable td {
	text-align: left;
	padding-left: 20px;
	}

table.subtable td {
	text-align: left;

	}
table.subtable tr {
	border-width: 1px;
	padding-left: 20px;
	border-style: solid;
}
/*--------Forms--------*/
.frm    {
	border:1px solid #C9DFEA;
	width:85%;
	float:left;
	font-size:16px;
	font-family:Verdana;
	text-align:left;
	margin:20px 20px 20px 20px;
	padding:10px 40px;
}
.frm legend {
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    border: none;
	color:#19afd5;
}

.formitem                  {float:left; width:65%; margin:0; padding:0 0 5px 0;}

.frm label,
.frm input,
.frm select,
.frm textarea             {float:left; width: 32%; text-align:left; margin:6px 4px 2px 0px; padding:3px 0;}
.frm fieldset{
	border:1px solid #19afd5;
    padding:10px;
    margin: 20px 20px 10px 10px;
 }
 .frm input  {
 	font-size:16px;
 	font-family:Verdana;
 	width:90%;
 	margin:10px 0;
}
 .frm textarea {
    font-size:16px;
 	font-family:Verdana;
 	width:90%;
 	margin:10px 0;
}
 .frm select {
 	margin:10px 0 ;
 }
 .frm input[type=radio] {
 	font-size:16px;
 	font-family:Verdana;
 	margin:10px 0 ;
 	width: 100%;
    width     : 2em;
 	margin    : 0;
  	padding   : 0;  }



.frm label.error          {font-style:italic; width:90%; margin:0; padding:0 0 2px 18px; background: url(images/design/unchecked.gif) 0 20% no-repeat;}
.frm input.error,
.frm select.error,
.frm textarea.error      {border: 1px dotted #f00;}
.frm label.valid          {background: url(images/design/checked.gif) 0 100% no-repeat; height:16px; width:1px; padding-left: 18px; margin:7px 0 0 0;}

.frm input:hover,
.frm select:hover,
.frm textarea:hover       {background:#F9F9F9;/*#def7fe;*/ border:1px solid #666;/* #4ab7fe; color:#2c84da;*/}
.frm input:focus,
.frm select:focus,
.frm textarea:focus       {background:#fff;/*#FFF9D3;/*#f8ffba;*/ border:1px solid #999;/* #ffdb72;*/}

.frm label.asterisk       {background: url(images/design/asterisk.gif) 100% 0 no-repeat;}
.frm input.radio          {width:15px; height:15px; margin:10px 5px 0 0; border: none; background:transparent;}


/*--------Forms--------*/

.fontbold                  {font-weight: bold;}
.mrg-left                  {margin-left:0px;}
.mrg-btm12                 {margin-bottom:12px !important;}
.mrg-btm10                 {margin:10px !important;}
.mrg-btm8                  {margin-bottom:6px !important;}
.mrg-btm0                  {margin-bottom:0px;}


.left                      {float: left;}
.right                     {float: right;}
.nofloat                   {float: none;}
.clear                     {clear: both;}

.line                      {width: 100%; height: 1px; background: transparent; border-bottom:1px dotted #999; margin:0 0 10px 0; clear: both;}


/*---- colors ----*/

.black                     {color:#333;}
.gray                      {color:#999;}
.gray666                   {color:#666;}
.blue                      {color:#0AB0DD;}
.red                       {color:#FF6600;}


/*---- width ----*/

.width100                  {width:100% !important;}
.width130t                 {width:130px !important;}
.width260t                 {width:260px !important;}
.width90t                  {width:90px !important;}
.width80t                  {width:80px !important;}
.width65t                  {width:62px !important;}
.width55t                  {width:55px !important;}

/*-- font-sizes --*/

.font12                    {font-size: 12px !important;}
.font11                    {font-size: 11px !important;}
.font10                    {font-size: 10px !important;}
/*--------------------------------------*/
h1                         {font-size:22px; color:#E2EEF7; font-weight:bold; text-transform:uppercase; line-height:26px; margin:0 0 6px 0; height:90px; padding:2px 0 0 102px;
                            /*background: url(../images/design/logo_b.gif) 0px -3px no-repeat;*/ font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
h1 a, h1 a:hover	   {text-decoration:none; color:#E2EEF7;}
h2                         {font-size:24px; color:#0AB0DD; font-weight:normal; width:500px; line-height:30px; padding-top:10px; padding-left: 20px;}
h3                         {font-size:16px; color:#0AB0DD; font-weight:bold; line-height:22px;  padding-top:10px; padding-left: 20px;}
h4                         {font-size:14px; color:#0AB0DD; font-weight:bold; line-height:18px;  padding-top:10px; padding-left: 20px;}
h5                         {font-size:12px; color:#0F67A1; font-weight:bold; line-height:18px; padding-top:10px; padding-left: 20px; }

h4.bgr_gray                {font-size:14px; color:#0AB0DD; font-weight:bold; line-height:28px; padding:0 10px; margin:0 0 10px 0; background:#f0f0f0;}


a, a:hover                 {text-decoration:none;}

.column2_1 a               {color:#0AB0DD;text-decoration:none;}
.column2_1 a:hover         { text-decoration:underline;}

p                          {margin:0 0 18px 0; padding: 0;}
p.subtitle                 {margin:-40px 0 6px 102px;color:#A8C3DD; font-size:14px; font-weight:bold;}


ul                         {margin: 0 0 18px 0; padding: 0; list-style: none;}
ul li                      {padding:0; margin: 0;}

li.dot-blue                {background: url(../images/design/dot-blue.gif) 0px 7px no-repeat; padding:0 0 0 16px; margin:0 0 6px 16px; width: auto;}
li.dot-gray                {background:url(../images/design/li-direct.gif) 0px 6px no-repeat; padding:0 0 0 16px; margin:0 0 6px 0; width: auto;}



.countall                  {float:left; font-size:48px; width:80px;}

.quantity                  {background-color: #f0f0f0;
    						color: black;
    						padding: 7px 10px; }

.pad {
    padding: 0px 0px 5px 20px;
}