html, body
{	width: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
              /*background: #7C7C7C;*/
             background:#1A181B;
}

/*common style*/
.container
{	width: 100%;
	border: 1px;
	text-align:center;}

.supcontainer
{ margin-left: auto;
 margin-right: auto;
 width: 960px;
 /*border: 1px;
 border-color: black;
 border-style: solid; */
 text-align:left;}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.grid_1
{
	width: 60px;
}

.grid_2
{
	width: 140px;
}

.grid_3
{
	width: 220px;
}

.grid_4
{
	width: 300px;
}

.grid_5
{
	width: 380px;
}

.grid_6
{
	width: 460px;
}

.grid_7
{
	width: 540px;
}

.grid_8
{
	width: 620px;
}

.grid_9
{
	width: 700px;
}

.grid_10
{
	width: 780px;
}

 .grid_11
{
	width: 860px;
}

.grid_12
{
	width: 940px;
}

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*specific style*/

/*--------------------UPSTR----------------------*/
#upstr
{width: 100%;
height:18px;
text-align:center;background: black;
color:#89EF5D;
font-size:14px;
}

#upstr .grid_4 a
{	color:#89EF5D;
	line-height:18px;
	text-decoration:none;}

#upstr .grid_4 a:hover
{
	text-decoration:underline;
}

/*----------------------END UPSTR----------------*/


/*----------------------LOGO-STR------------------*/
#logostr
{width: 100%;
height:131px;
text-align:center;
background:#F1F0DE;}

#logostr .grid_8
{background: url(../images/logo.jpg) top left no-repeat;
height:131px;}

#logostr .grid_4
{
height:131px;
}

#logostr .grid_4 div
{
	color: #569EF2;
	font-size: 22px;
	position:relative;
	left:-15px;
	top:20px;
}

#logostr .grid_4 div span
{	color: #569EF2;
	font-size: 14px;}

/*--------------------------END-LOGO-STR---------------------*/



/*------------------------NAVSTR------------------------------*/
#upnavstr
{width: 100%;
text-align:center;
background:#F1F0DE;
height:38px;}

#upnavstr .grid_12
{height:38px;}

#upnavstr .grid_12 ul
{	margin-top:17px;}

#upnavstr .grid_12 ul li
{	display:block;
	float:left;
    background: url(../images/navmarker.gif) top left no-repeat;}

#upnavstr .grid_12 ul .select
{
	display:block;
	float:left;
    background: url(../images/navmarkerselect.gif) top left no-repeat !important;
}

#upnavstr .grid_12 ul li a
{	display:block;
	color:#3C545E;
	text-decoration: none;
	font-size:14px;
	font-weight:bold;
	margin-left:15px;
	margin-right:17px;}

#upnavstr .grid_12 ul li a:hover
{	text-decoration:none;
	color:#820F84;}

/*------------------------END-NAVSTR------------------------------*/


/*-----------------------REKLAMA-STR--------------------------------*/
#reklamastr
{
width: 100%;
height:216px;
text-align:center;
background: url(../images/bgblue.jpg) top left repeat-x;
}

#reklamastr .grid_6
{
height:216px;

}

#reklamastr .grid_6 .sml
{	margin-top:16px;
	color:#fff;
	font-size:18px;
	line-height:27px;}

#reklamastr .grid_6 .big
{
	margin-top:0px;
	color:#fff;
	font-size:26px;
	line-height:39px;
}

/*#reklamastr .grid_6 .sml a{	margin-top:16px;

	color:#fff;

	font-size:18px;

	line-height:27px;

	text-decoration:underline;
	}  */


/*#reklamastr .grid_6 .sml a:hover{
	margin-top:16px;

	color:#fff;

	font-size:18px;

	line-height:27px;

	text-decoration:none;
	} */

#reklamastr .grid_6 .big  a{
    font-weight:bold;

	margin-top:0px;

    color:#820F84;
	/*color:#fff;  */

	font-size:16px;

	line-height:32px;

	text-decoration:underline;
	}

#reklamastr .grid_6 .big  a:hover{
    font-weight:bold;

	margin-top:0px;

    color:#820F84;

	/*color:#fff; */

	font-size:16px;

	line-height:32px;

	text-decoration:none;
	}

#puzle
{	position:absolute;
	height:321px;
	width:439px;
	float:left;
	top:83px;
	background: url(../images/puzle.jpg) right top;
	margin-left:19px;
}

/*-----------------------REKLAMA-STR-SCD-PAGE-------------------*/

#reklamastrpg
{
width: 100%;
height:90px;
text-align:center;
background: url(../images/bgblue.jpg) top left repeat-x;
}

#reklamastrpg .grid_8
{
height:90px;

}

#reklamastrpg .grid_8 .sml
{
	margin-top:36px;
	color:#fff;
	font-size:36px;
	/*line-height:27px;*/
}

#reklamastrpg .grid_8 .sml a
{	color:#fff;
	font-size:18px;
	text-decoration: underline;
}

#reklamastrpg .grid_8 .sml a:hover
{
	color:#fff;
	font-size:18px;
	text-decoration: none;

}

/*----------------------END-REKLAMA-STR-SCD-PAGE----------------*/


/*----------------------END-REKLAMA-STR--------------------------------*/

/*----------------POSLEDNIE-RAB-STR-----------------------------------*/
#poslrabstr
{
width: 100%;
height:109px;
text-align:center;
background: url(../images/polosa1.jpg) top left repeat-x;
}

#poslrabstr .grid_12
{
height: 109px;
}

#poslrabstr .grid_12 div
{	color:#377FEB;
	font-size:26px;
	margin-top:36px;}

#poslrabstr .grid_12 div a
{
	font-size:18px;
	color:#5A0B52;
	text-decoration:underline;}

#poslrabstr .grid_12 div a:hover
{
	text-decoration:none;
}

/*-------POSLEDNIE-RAB-STR-PAGE--*/

#poslrabstrpg
{
width: 100%;
height:109px;
text-align:center;
background: url(../images/polosa1.jpg) top left repeat-x;
}

#poslrabstrpg .grid_12
{
height: 109px;
}

#poslrabstrpg .grid_12 div
{
	color:#377FEB;
	font-size:16px;
	margin-top:54px;
	text-align:right;
}

#poslrabstrpg .grid_12 div a
{
	font-size:16px;
	color:#377FEB;
	margin-top:54px;
	text-decoration:none;
}

#poslrabstrpg .grid_12 div a:hover
{
	text-decoration:underline;
}


#poslrabstrpg .grid_12 div span
{	font-size:16px;
	color:#5A0B52;
	margin-top:54px;
	text-decoration:none;}
/*---END-POSLEDNIE-RAB-STR-PAGE--*/


/*-------POSLEDNIE-RAB-STR-PAGE1--*/

#poslrabstrpg1
{
width: 100%;
height:109px;
text-align:center;
background: url(../images/polosa1.jpg) top left repeat-x;
}

#poslrabstrpg1 .grid_12
{
height: 109px;
}

#poslrabstrpg1 .grid_12 div
{
	color:#377FEB;
	font-size:24px;
	margin-top:44px;
}

#poslrabstrpg1 .grid_12 div span
{
	font-size:18px;
	color:#5A0B52;
	margin-top:54px;
	text-decoration:none;
}

#poslrabstrpg1 .grid_12 div a
{
	font-size:18px;
	color:#5A0B52;
	margin-top:54px;
	text-decoration:none;
}

#poslrabstrpg1 .grid_12 div a:hover
{
	text-decoration:underline;
}

/*---END-POSLEDNIE-RAB-STR-PAGE1--*/

/*---------------END-POSLEDNIE-RAB-STR-----------------------------------*/




/*--------------PREVIEW-RAB-STR------------------------------------------*/
#previewstr
{
width: 100%;
text-align:center;
background: white;
}

#previewstr .grid_4
{

/*background: #E5E5E5;*/
}

#previewstr .grid_4 img
{	padding-left:3px;
	padding-top:3px;
	padding-right:3px;
	padding-bottom:3px;
	border: 1px;
    border-color: #377FEB;
    border-style: solid;}

#previewstr .grid_4 h2
{    margin-top:8px;
    margin-bottom:6px;
    color:#377FEB;
    font-size:16px;
    line-height:24px;
    font-weight:normal;}

#previewstr .grid_4 h2 a
{	color:#377FEB;}

#previewstr .grid_4 h2 a:hover
{
	color:#377FEB;
	text-decoration:none;
}

#previewstr .grid_4 p
{	font-size:12px;
	line-height:18px;
	margin-bottom:36px;}

#previewstr .grid_4 p a
{	color:#5A0B52;
	text-decoration:none;
	font-weight:bold;}

#previewstr .grid_4 p a:hover
{
	color:#377FEB;
	text-decoration:none;
	font-weight:bold;
}

/*---------PREVIEW-RAB-STR-PAGE-------*/
#previewstrpg
{
width: 100%;
text-align:center;
background: white;
}

#previewstrpg .grid_4
{
 height:270px;
}

#previewstrpg .grid_4 img
{
	padding-left:3px;
	padding-top:3px;
	padding-right:3px;
	padding-bottom:3px;
	border: 1px;
    border-color: #377FEB;
    border-style: solid;
}

#previewstrpg .grid_4 h2
{
    margin-top:8px;
    margin-bottom:6px;
    color:#377FEB;
    font-size:16px;
    line-height:24px;
    font-weight:normal;
}

#previewstrpg .grid_4 h2 a
{
	color:#377FEB;
}

#previewstrpg .grid_4 h2 a:hover
{
	color:#377FEB;
	text-decoration:none;
}

#previewstrpg .grid_4 p
{
	font-size:12px;
	line-height:18px;
	margin-bottom:36px;
}

#previewstrpg .grid_4 p a
{
	color:#5A0B52;
	text-decoration:none;
	font-weight:bold;
}

#previewstrpg .grid_4 p a:hover
{
	color:#377FEB;
	text-decoration:none;
	font-weight:bold;
}


/*-----END-PREVIEW-RAB-STR-PAGE-------*/

/*---------PREVIEW-RAB-STR-PAGE1-------*/
#previewstrpg1
{
width: 100%;
text-align:center;
background: white;
}

#previewstrpg1 .grid_12
{

/*background: #E5E5E5;*/
}

#previewstrpg1 .grid_12 img
{
	padding-left:3px;
	padding-top:3px;
	padding-right:3px;
	padding-bottom:3px;
	border: 1px;
    border-color: #377FEB;
    border-style: solid;
}


#workopispg1
{
width: 100%;
text-align:center;
background: white;
}


#workopispg1 .grid_8
{

/*background: #E5E5E5;*/
}

#workopispg1 .grid_8 img
{
	padding-left:3px;
	padding-top:3px;
	padding-right:3px;
	padding-bottom:3px;
	border: 1px;
    border-color: #377FEB;
    border-style: solid;
}

#workopispg1 .grid_8 h2
{
    margin-top:8px;
    margin-bottom:6px;
    color:#377FEB;
    font-size:16px;
    line-height:24px;
    font-weight:normal;
}

#workopispg1 .grid_8 h2 a
{
	color:#377FEB;
}

#workopispg1 .grid_8 h2 a:hover
{
	color:#377FEB;
	text-decoration:none;
}

#workopispg1 .grid_8 p
{
	font-size:12px;
	line-height:18px;
	margin-bottom:36px;
	margin-top:18px;
}

#workopispg1 .grid_8 p a
{
	color:#377FEB;
	text-decoration:underline;
	font-weight:bold;
}

#workopispg1 .grid_8 p a:hover
{
	color:#377FEB;
	text-decoration:none;
	font-weight:bold;
}




#workopispg1 .grid_4 .shell
{
	margin-top:27px;
	margin-bottom:108px;
}

/***/
#workopispg1 .grid_4 .banner
{
	margin-bottom:6px;
}

#workopispg1 .grid_4 #newsfeed
{
	margin-top:12px;
}

#workopispg1 .grid_4 #newsfeed .news
{
	color:#000;
	font-size:12px;
	line-height:18px;
	margin-bottom:18px;
	font-style:italic;
}

#workopispg1 .grid_4 #newsfeed .news p
{
	font-size:11px;
}

#workopispg1 .grid_4 #newsfeed .news p a
{
	color:#377FEB;
	text-decoration:none;
}

#workopispg1 .grid_4 #newsfeed .news p a:hover
{
	color:#000;
	text-decoration:none;
}

/***/



/*-----END-PREVIEW-RAB-STR-PAGE1-------*/

/*-------------END-PREVIEW-RAB-STR------------------------------------------*/






/*-----------RAZDEL-TITLE-STR-------------------------------------------------*/
#raztitlestr
{
width: 100%;
height:60px;
text-align:center;
background: url(../images/polosa2.jpg) top left repeat-x;
}

#raztitlestr h2
{	color:#377FEB;
	margin-top:27px;
	font-size:18px;
	font-weight:normal;}

#raztitlestr h2 a
{	color:#5A0B52;
	font-size:12px;
	text-decoration:underline;}

#raztitlestr h2 a:hover
{
	color:#5A0B52;
	font-size:12px;
	text-decoration:none;
}

#raztitlestr .grid_3
{
height:60px;

}

#raztitlestr .grid_4
{
height:60px;
}

#raztitlestr .grid_5
{
height:60px;
}

#raztitlestr .grid_12
{height:60px;}

/*----------END-RAZDEL-TITLE-STR-------------------------------------------------*/

/*----------RAZDELY-STR--------------------------------------------------------*/
#razstr
{
width: 100%;
text-align:center;
background: url(../images/bggray.jpg) top left;
}

#razstr .shell
{	margin-top:27px;
	margin-bottom:108px;}



/*------------------------LEFT-NAV--------------------------------------------*/
#razstr .grid_3
{
 color:white;
}

#razstr .grid_3 ul li
{	display:block;
	margin-bottom:12px;}

#razstr .grid_3 ul li a
{
	color:#fff;
	text-decoration: none;
	font-size:18px;
	line-height:27px;
}

#razstr .grid_3 ul li a:hover
{	text-decoration: underline;}

#razstr .grid_3 ul li ul li
{	display:block !important;
	margin-bottom:3px !important;}

#razstr .grid_3 ul li ul li a
{	text-decoration: none !important;
	font-size:12px !important;
	line-height:18px !important;}

#razstr .grid_3 ul li ul li a:hover
{	text-decoration: underline !important;;}

/*-----------------------END-LEFT-NAV-----------------------------------------*/


#razstr .grid_5
{
   color:#fff;
   font-size:12px;
   line-height:18px;
}


#razstr .grid_5 p
{	margin-bottom:18px;
width:380px;}

#razstr .grid_5 a
{	color:#6BD9B8;
	text-decoration:underline;}

#razstr .grid_5 a:hover
{
	color:#6BD9B8;
	text-decoration:none;
}


#razstr .grid_5 h1
{   color:#fff;
   font-size:20px;
   line-height:30px;
   margin-bottom:6px;}

#razstr .grid_5 h2,h3,h4,h5,h6
{
   color:#fff;
   font-size:18px;
   line-height:27px;
   margin-bottom:6px;
}

#razstr .grid_5 li
{   color:#fff;
   font-size:12px;
   line-height:18px;
   margin-bottom:18px;
   list-style: disc;
   margin-left:17px;}



#razstr .grid_9
{
   color:#fff;
   font-size:12px;
   line-height:18px;
}

#razstr .grid_9 p
{
	margin-bottom:18px;
}

#razstr .grid_9 p a
{
	color:#6BD9B8;
	text-decoration:underline;
}

#razstr .grid_9 p a:hover
{
	color:#6BD9B8;
	text-decoration:none;
}

#razstr .grid_9 h2
{    color:#fff;
	margin-top:27px;
	margin-bottom:18px;
	font-size:18px;
	font-weight:normal;}

#razstr .grid_9 .pagination
{	text-align:right;}

#razstr .grid_9 .pagination a
{	color:#6BD9B8;
	text-decoration:none;}

#razstr .grid_9 .pagination a:hover
{
	color:#fff;
	text-decoration:none;
}

#razstr .grid_9 .pagination span
{	color:#fff;}

#razstr .grid_9 .news a
{	color:#6BD9B8;
	text-decoration:none;}

#razstr .grid_9 .news a:hover
{
	color:#fff;
	text-decoration:none;
}

#razstr .grid_4
{

}

#razstr .grid_4 .banner
{	margin-bottom:6px;}

#razstr .grid_4 #newsfeed
{	margin-top:12px;
             width:295px;
             float:left;}

#razstr .grid_4 #newsfeed .news
{	color:#fff;
	font-size:12px;
	line-height:18px;
	margin-bottom:18px;
	font-style:italic;
              width:295px;}

#razstr .grid_4 #newsfeed .news p
{	font-size:11px;}

#razstr .grid_4 #newsfeed .news p a
{
	color:#6BD9B8;
	text-decoration:none;
}

#razstr .grid_4 #newsfeed .news p a:hover
{
	color:#fff;
	text-decoration:none;
}

/*tabel tr td ul li (Musichin)*/

#razstr .grid_9 .shell ul{padding-left:20px;}
#razstr .grid_9 .shell ul li{ list-style: disc; padding-bottom: 7px;}
#razstr .grid_9 .shell table{width: 100%; background-color: #868686;}
#razstr .grid_9 .shell table .blue{background: #468FED;}
#razstr .grid_9 .shell table .transper{
	background: transparent;
}
#razstr .grid_9 .shell td{
	border: white solid 1px;
	color: white; text-align: center;
	padding: 5px;
}
#razstr .grid_9 .shell td .transper{
	border:  0px;
text-align: center;
	padding: 5px;
}
#razstr .grid_9 .shell td.left{
text-align: left; padding-left: 10px;
}

/* end tabel tr td ul li (Musichin)*/


/*---------END-RAZDELY-STR--------------------------------------------------------*/


/*---------UP-FOOT-STR-----------------------------------------------------*/
#upfootstr
{
width: 100%;
height:29px;
text-align:center;
background: url(../images/footbg.jpg) top left repeat-x;
}

#upfootstr .grid_12
{
height:29px;
}

/*--------END-UP-FOOT-STR-----------------------------------------------------*/


/*-------ADRESS-FOOT-STR----------------------------------------------------*/
#adressfootstr
{
width: 100%;
text-align:center;
background: #1A181B;
height:251px;
}

#adressfootstr .grid_6
{

}

#adressfootstr .grid_6 #adress
{	margin-top:27px;
	color:#fff;
	font-size:16px;
	line-height: 36px;
    margin-bottom:27px;}

#adressfootstr .grid_6 #adress span
{	color:#3278B4;
	font-size:24px;}

#adressfootstr .grid_6 #footnav
{	display:block;
	width:460px;}


#adressfootstr .grid_6 #footnav ul li
{	display:inline;
	font-size:14px;
	line-height: 18px;
	margin-right:6px;
	color:#fff;}

#adressfootstr .grid_6 #footnav ul li a
{	color:#fff;
	text-decoration:none;}

#adressfootstr .grid_6 #footnav ul li a:hover
{
	color:#fff;
	text-decoration:underline;
}

#adressfootstr .grid_6 #copy
{	display:block;
	color:#fff;
	font-size:12px;
	line-height: 27px;}

#adressfootstr .grid_6 #copy a
{	color:#fff;
	text-decoration:none;
}

#adressfootstr .grid_6 #copy a:hover
{
	color:#fff;
	text-decoration:underline;
}

#adressfootstr .grid_4
{}


#adressfootstr .grid_2
{
   background: url(../images/logofoot.jpg) bottom left no-repeat;
   height: 245px;
}
/*------END-ADRESS-FOOT-STR----------------------------------------------------*/


/*--------------------------------NAV-FOOT-STR---------------------------------*/
#navfootstr
{
width: 100%;
height: 120px;
text-align:center;
background: #1A181B;
}

#navfootstr .grid_5
{

}

#navfootstr .grid_5
{

}


#navfootstr .grid_2
{
  background: url(../images/logofoot.jpg) top left no-repeat;
  height: 120px;
}

/*----------------------------END-NAV-FOOT-STR---------------------------------*/

/*-------BOT-FOOT-STR-----------------------------------------------------------*/
#botfootstr
{
width: 100%;
height:7px;
text-align:center;
background: url(../images/footbg1.jpg) top left repeat-x;
margin:0px;
padding:0px;
}
#botfootstr .supcontainer{
height:7px;
margin:0px;
padding:0px;
}
#botfootstr .grid_12
{
height:7px;
margin:0px;
padding:0px;
}
/*-------END-BOT-FOOT-STR-----------------------------------------------------------*/
/*-------services M 02022009-----------------------------------------------------------*/
.img{
	border: 1px solid #dcdcdc ; padding: 5px 5px 5px 5px;  margin-left:2%;
}
.redtext{ font-size: 14px; color: white; font-weight:bold;
}
/*-------services-----------------------------------------------------------*/


/*---art 170909----*/

#counter{
position:relative;
width:88px;
height:31px;
top:210px;
left:-90px;
}