﻿body 
{
	/*margin : 10px;

	padding: 0px;*/
	background-image:url('back2.png');
	background-repeat:repeat-x;
	background-position:top;
	font-family:"Verdana";
	font-size:13px;
	min-width:1200px;
}

#menu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 19px;
	padding-left : 10px;
}

#menu ul, #menu li {
display : inline;
list-style-type : none;
margin : 0;
padding : 0;
}

#menu a:link, #menu a:visited {
background : #E8EBF0;
border : 2px solid #ccc;
color : #666;
float : left;
font-size : small;
font-weight : normal;
line-height : 24px;
margin-right : 18px;
padding : 2px 10px 2px 10px;
text-decoration : none;
}

#menu a:link.active, #menu a:visited.active {
background : #fff;
border-bottom : 1px solid #fff;
color : #000;
}

#menu a:hover {
color : #f00;
}

body.section-1 #menu li#nav-1 a,
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a {
background : #fff;
border-bottom : 1px solid #fff;
color : #000;
}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4 {
display : none;
width: 90%;
}

body.section-1 #menu ul#subnav-1,
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4 {
display : inline;
left : 10px;
position : absolute;
top : 95px;
}

body.section-1 #menu ul#subnav-1 a,
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a {
background : #fff;
border : none;
border-left : 1px solid #ccc;
color : #999;
font-size : smaller;
font-weight : bold;
line-height : 10px;
margin-right : 4px;
padding : 2px 10px 2px 10px;
text-decoration : none;
}

#menu ul a:hover {
color : #f00 !important;
}

#contents {
background : #fff;
border : 1px solid #ccc;
border-top : none;
clear : both;
margin : 0px;
padding : 15px;
}
/*p.pos_fixed
{
position:fixed;
top:10px;
right:5px;
} */

#demo-container{padding:25px 15px 0 0px; border-style:none;
border-width:1px; border-color:White;}
 
ul#simple-menu{list-style-type:none;width:100%;position:relative;height:27px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;font-weight:bold;margin:0;padding:11px 0 0 0;
	top: -51px;
	left: -1px;
}
ul#simple-menu li{display:block;float:left;margin:0 0 0 4px;height:27px;}
ul#simple-menu li.left{margin:0;}
ul#simple-menu li a{display:block;float:left;color:#fff;background:#4A6867;line-height:27px;text-decoration:none;padding:0 17px 0 18px;height:27px;}
ul#simple-menu li a.right{padding-right:19px;}
ul#simple-menu li a:hover{background:#2E4560;}
ul#simple-menu li a.current{color:#2E4560;background:#fff;}
ul#simple-menu li a.current:hover{color:#2E4560;background:#fff;}

.resize2 {
width:40px; 
height:40px; 
}


/* vtoroto menu*/

/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
ul#saturday{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url("bgOFF.gif") repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #336666;border-top:1px solid #C0E2D4;}
ul#saturday li{display:block;float:left;margin:0;padding:0;
	
	height: 40px;
}
ul#saturday li a{display:block;float:left;color:#874B46;text-decoration:none;padding:12px 20px 0 20px;height:24px;background:transparent url("bgDIVIDER.gif") no-repeat top right;}
ul#saturday li a:hover{background:transparent url("bgHOVER.gif") no-repeat top right;}
ul#saturday li a.current,ul#saturday li a.current:hover{color:#fff;background:transparent url("bgON.gif") no-repeat top right;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */


p.RoundArticles 
{	 
	border-style:solid;
	border-width:1px;
	border-color:#339966;
	font-size:small;
	}

p.titleLarger
{
	font-size:25px;
	text-decoration:bold;
	color:#1B71B2;
	font-family:"Times New Roman",Georgia,Serif;
}

p.bluecolor
{
	
	text-decoration:bold;
	font-size:20px;
	color:#1B71B2;
	font-family:"Times New Roman",Georgia,Serif;
}

p.bluecolorSmall
{
	
	text-decoration:bold;
	font-size:16px;
	color:#1B71B2;
	font-family:"Times New Roman",Georgia,Serif;
}

p.bluecolorLarge
{
	
	text-decoration:bold;
	font-size:25px;
	color:#1B71B2;
	font-family:"Times New Roman",Georgia,Serif;
}
p.LessLarge
{
	font-size:25px;
	text-decoration:bold;
	color:#83A9C3;
	font-family:"Times New Roman",Georgia,Serif;
}
/* image galeri... */

div.img
{
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}

/*linkove mouseover*/

a.mouseover:link {color: #000000}
a.mouseover:visited {color: #000000}
a.mouseover:hover {color: #1B71B2}
a.mouseover:hover {background: #DDF8DE}


.tb7 {
	border-style: none;
      /*  border-color: inherit;*/
        border-width: 0;
        width: 221px;
	    background: transparent url('images/bg.jpg') no-repeat;
	    color : #747862;
	    height:20px;
	    padding:4px 8px;
	    margin-bottom:0px;
        margin-left: 28px;
    }
    
    
    
    
    .tb8
		{
			border-right: 1px solid #84C49F;
            border-top: 1px solid #84C49F;
            border-bottom: 1px solid #84C49F;
	        border-left: 4px solid #84C49F;
	        background-color : #FFFCB7;
	     
	     
		}
		.tb8 td
		{
			padding-bottom:10px;
	        padding-left:10px;
	        padding-right:10px;
	        padding-top:10px;  
	        width:650px;
	        
		}
		
		.textboxKatalog
		{
			border-right: 1px solid #84C49F;
            border-top: 1px solid #84C49F;
            border-bottom: 1px solid #84C49F;
	        border-left: 4px solid #84C49F;
	        background-color : #FFFCB7;
	        height:28px;
	        
	     
		}

  .formatReklami
		{
			border-right: 1px solid #84C49F;
            border-top: 1px solid #84C49F;
            border-bottom: 1px solid #84C49F;
	        border-left: 4px solid #84C49F;
	        background-color : #FFFCB7;
	     
		}

.article
{
			/*border-right: 1px solid #84C49F;
            border-top: 1px solid #84C49F;
            border-bottom: 1px solid #84C49F;
			 border-left: 4px solid #84C49F;*/
			font-size:10px;
	      
	       /* background-color : #FFFCB7;*/
			text-align:justify;
			
			font-family:"Verdana";
			margin-left:15px;
		}
		
		.articleTitle
{
			/*border-right: 1px solid #84C49F;
            border-top: 1px solid #84C49F;
            border-bottom: 1px solid #84C49F;
		    border-left: 4px solid #84C49F;
			
			*/
			
			font-weight:bold;
			text-decoration:bold;
			font-size:13px;
	     	color: #468E65;
			text-align:justify;
			font-family:"Verdana";
		}
.imageAligningText
	{
	float: left;
	padding: 3px 3px 3px 0px;
	text-align:right;
	clip:rect(0px,60px,200px,0px);
	 text-align:justify;
	}	
	
	.ArticlesAlign
	{
	 margin-right:10px;
	
	text-align:justify;
	}		
/*rounded corners*/

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(sbhead.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	
}
.boxbody {
	background: url(sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

.loginbuttons
{
	 /* position:fixed;*/
	   top:71px;
	   left:214px;
}


/*zoom pic*/
        .style1
        {
            width: 88px;
        }
        .style2
        {
            width: 184px;
        }
         .tb8 {
			border-right: 1px solid #84C49F;
			border-top: 1px solid #84C49F;
			border-bottom: 1px solid #84C49F;
			width: 473px;
			border-left: 4px solid #84C49F;
			background-color : #FFFCB7;
			margin-bottom: 0px;
}
.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-left:10px; direction:rtl; }
  html>/**/body .PZ3-r { position:relative; }

.PZ3zoom {
}

.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none;
  cursor:default; height:auto; width:auto;
  overflow:visible; border:2px solid #800000;
  margin:-1px 0 0 -1px; }
  html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }

.PZ3zoom a img { border-style: none;
	border-color: inherit;
	border-width: 0;
height:223%; 
width:228%; }
.PZ3zoom a:hover img { height:auto; width:auto;
  border:0; }

a:hover .PZ3cap,
a:hover .PZ3cap { padding:3px 5px; }
.PZ3inr { display:block; padding:2px 5px; }

.noCap a:hover .PZ3cap { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }


/* div-ve sait */
div.sadyrjanie{ 
 width:1000px; 
 display:inline;
margin-right:auto; 
margin-left:auto;
 overflow:scroll;
 position:relative;
/*height:700px; 
width:760px; */
}

div.header{ 
width:760px; 
height:120px; 
background:#0000FF; 
 margin-bottom:auto;
}

div.menu{ 
width:760px; 
height:30px; 
/*background:#CCCCCC;*/ 
}

div.left{ 
width:590px; 
/*height:550px; */
float:left; 
 
/*background:#FF0000 */
} 
div.leftArticle{ 
width:80%; 
float:left; 
margin-right:10px;

} 

div.NodeCss{ 
width:20%; 
float:left; 
margin-right:10px;


} 
div.center{ 
width:20%; 
float:left;
padding-right:5px;

height:100%;
margin-bottom:auto;

} 


div.center2{ 
width:50%; 
float:left;
padding-right:5px;

/*display:inline;
height:100%;
margin-bottom:auto;
*/
} 

div.centerArtcile{ 
width:80%; 
float:right; 

} 
div.right{ 
width:23%; 

margin-left:3px;
float:right; 
height:100%;

 margin-left:5px;


/*background:#FFFF00 */
}

div.rightLogin{ 
width:30%; 
/*height:550px;*/ 
float:right; 
/*background:#FFFF00 */
}

/* DIV NOT FOR INDEX PAGES */


/* div-ve sait */
div.sadyrjanieNIndex{ 
margin-left:auto; 
margin-right:auto; 
/*height:700px; 
width:760px; */
}

div.headerNIndex{ 
width:760px; 
height:120px; 
background:#0000FF; 
}

div.menuNIndex{ 
width:760px; 
height:30px; 
/*background:#CCCCCC;*/ 
}

div.leftNIndex{ 
width:25%; 

float:left; 

} 
div.centerNIndex{ 
width:50%; 

float:left; 

} 
div.rightNIndex{ 
width:25%; 

float:right; 

}
div.rightLoginNIndex{ 
width:25%; 

float:right; 

}

.ResizingImageIndexPage 
{
position:absolute;
clip:rect(0px,70px,110px,0px);
float: left;
padding: 3px 3px 3px 0px;
text-align:right;
}

.btn { 
 color:#050; 
 font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
 background-color:White; 
 border: 1px solid; 
 border-color:#84C49F; 
	 
}

div.UserPanelLeft
{
		
	width:30%; 
	/*height:550px; */
	float:left; 
	/*background:#FF0000 */
} 
div.UserPanelRight
{
	width:20%;
	float:right;
}

div.UserPanelCenter{ 
width:50%; 
float:left; 

}

.box
{
 background-color:#FFFCB7;
 margin:auto;
 float:left;
 width:70%;
 /*margin-left:50px;*/

}

.btnReg { 
 background-color:#D1EBE0; 
 border: 1px solid; 
 border-color:#11aa93; 
	 
}

.txt
{
	background-color:#A5D4BA;
}


.buttonLogin {
 position:absolute;
 top:0;
 right:0;
 
}


.TxtBorder
{
	 border-color:#84C49F;
	 
}


.txtmini
{
	font-size:12px;
}

.moreInfo
{
			/*border-right: 1px solid #84C49F;
            border-top: 1px solid #84C49F;
            border-bottom: 1px solid #84C49F;
		    border-left: 4px solid #84C49F;
			
			*/
			
			font-weight:bold;
			font-size:10px;
	     	color:Black;
			text-align:justify;
			font-family:"Verdana";
			 font-style:normal;
			 
		}
		
		
		div.center2{ 
width:25%; 
float:left;

} 

div.alignReg
{
	  margin-left:auto;
	  margin-right:auto;
}

ul.classSquare {list-style-type:square;}


.imageAligningText2
	{
	float: left;
	padding: 5px 8px 5px 5px;
	text-align:right;
	clip:rect(0px,60px,200px,0px);
	}	
	
	
	
	div.vic
{
			/*border-right: 1px solid #84C49F;
            border-top: 1px solid #84C49F;
            border-bottom: 1px solid #84C49F;
		    border-left: 4px solid #84C49F;
			
			*/
			
			 width:200px;
			font-weight:bold;
			font-size:13px;
	     	color: #468E65;
			text-align:justify;
			font-family:"Verdana";
		}
		
		
			a:link {text-decoration:none; color: #468E65;}    /* unvisited link */
a:visited {text-decoration:none;
            color:#468E65;
           } /* visited link */
a:hover {text-decoration:underline;
          color:Black;}   /* mouse over link */
a:active {text-decoration:underline; color: #468E65;}


.imageAligningText3
	{
	float: left;
	padding: 5px 5px 5px 5px;
	text-align:right;
	clip:rect(0px,60px,200px,0px);
	width:120px;
	height:80px;
	}	
	.imageAligningText33
	{
	float: left;
	
	margin-right:15px;
	text-align:right;
	clip:rect(0px,60px,200px,0px);
	
	}	
	
	.textkabineti
	{
		
		   font-size:13px;
		   text-decoration:bold;	
		
		
		
	}
	
	.textkabineti5
	{
		
		   font-size:13px;
		   text-decoration:bold;	
		    float:right;
		    color: #468E65;
		    font-size:10px;
		
		
		
	}
	
		
	.textkabineti2
	{
		
		   font-size:11px;
		  	
	}
	
	div.positionDataList
	{
		width:100%;
		 height:auto;
		
		
	}
	
	
	.positioningLogin
	{
		float:right;
		font-weight:bold;
		font-size:13px;
	    color: #468E65;
		text-align:right;
		font-family:"Verdana";
		top:2px;
	}
	
	.positioningLogin2
	{
		float:right;
		font-weight:bold;
		font-size:13px;
	    color: #468E65;
		text-align:right;
		font-family:"Verdana";
		top:15px;
	}
	
	.normaltext
	{
		font-size:10px;
		color:Black;
	}
	
		
	.normaltext2
	{
		font-size:12px;
		color:Black;
		font-weight:bold;
		text-decoration:bold;
	}
	
	#PageFooter2
{
padding-top: 6px;
padding-bottom: 5px;
height: 15px;
position:fixed;
bottom: 0;
z-index: 10;
 background-color:#AED6BE;
text-align: right;

font-size:80%;
padding:5px;
color:Black;
width:100%;


}

.bottomAlign
{
	float:right;
	
}

.positLeft
{ float:left;
 width:45%;
 height:100%;
 padding-left:10px;
 
}

.positRight
{
	float:right;
	 height:100%

	
}

.loginColor
{
	background-color:#C1E1D0;
	font-size:10px;
	float:left;
}

.logincheck
{
	font-size:10px;
	color:#468E65;
	text-decoration:bold;
	text-align:left;
	float:left;
}

.loginColor2
{
	background-color:#C1E1D0;
	
	float:left;
	font-size:11px;
}


.topright
{
	 float:right;
	  top:5px;
	   right:0px;
}



	.posLogin
	{
		/*float:right;*/
		
	   	text-align:justify;
		
		 top:5px;
		 float:right;font-weight:bold;
		font-size:13px;
	    color: #468E65;font-family:"Verdana";
	}
	
	.posLogin2
	{
		/*float:right;*/
		
	   	text-align:justify;
		
		 top:25px;
		 float:right;font-weight:bold;
		font-size:13px;
	    color: #468E65;font-family:"Verdana";
	}
	
	.DataListWeight
	{
		width:50%;
	}
	
	
	.leftOrganaizer
	{
		
	   
	   
	   width:52%; 
/*height:550px; */
	float:left; 
	margin-right:20px;
	padding-right:20px;
	}
	
	
	.divBox
	{
	 width: 240px;
	 padding-left:5px;
	 margin-bottom:8px;
	 height:130px;
	}
	
	.positStati
	{
		 width:500px;
		 top:500px;
		 left:10px;
	}
	
	.quizove
	{
		width:500px;
		height:auto;
		
	}
	.quizLeft
	{	 width:40%;
		 float:left;
		 padding-left:3px;
		 padding-right:3px;
	}
	
	.quizRight
	{
		width:40%;
		float:right;
		 padding-left:3px;
		 padding-right:3px;
	}
	
	.contentTextStyle
	{
		font-size:0.9em;
	}
	
	.articleTitle22
{
			/*border-right: 1px solid #84C49F;
            border-top: 1px solid #84C49F;
            border-bottom: 1px solid #84C49F;
		    border-left: 4px solid #84C49F;
			
			*/
			
			font-weight:bold;
			text-decoration:bold;
			font-size:13px;
	     	color: #468E65;
			text-align:justify;
			font-family:"Verdana";
			padding:10px;
		}
