@charset "utf-8";
/* CSS Document */

.logo #logoa 
{
 display: block;
 margin-top:0px;
 max-width: 100%;
 height: 120px;
 background:url(../images/logo.png) no-repeat;
}
h1{font-size:16px; text-align:left; color:#000; text-decoration:none; margin-left:10px;} /*Kategorija*/
h2{font-size:18px; text-align:left; color:#1c386e; text-decoration:none; }/*Naslov*/
h3{font-size:14px; text-align:left; color:#000; text-decoration:none;}/*Tekst*/
h6{font-size:11px; color:rgb(155,155,155); font-family:Arial, Helvetica, sans-serif;}
.content{width:1013px; background:url(../images/top-content-tail.gif) repeat scroll 50% 0px transparent; display:inline-block}
.baner{ width:250px;margin:10px; float:right; padding:5px; 
border-radius:4px 4px 4px 4px; box-shadow:0 0 4px #000;}
.baner_photo{margin-bottom:10px;}

.box{ background:#fff; width:345px; height:420px; float:left; margin:10px;}
.in_box1{width:320px; height:160px; margin:10px 10px 0px 10px ;}
.in_box2{width:320px; height:150px; background:#fff; margin:0px 10px 10px 10px;}
.box_rect{width:710px; height:100px; background:yellow; margin:10px;}
.box_rect{width:710px; height:200px; background:#fff; margin:10px; float:left; display:inline-block;}
.box_rect1{width:320px; height:160px; margin:15px 15px 15px 15px; float:left;}
.box_rect2{width:345px; height:160px; margin:0px 15px 15px 0px; float:right; background:#fff;}
.line{background:#000; width:320px; height:2px; margin:0 10px 0 10px; }
.line1{background:#000; width:345px; height:2px; }
/******************* MENU ******************/
div.bottombar{ /* bar that runs across the bottom of the menu */
height: 0px;
background: #1a1109;
}

ul.menu{ /* main menu UL */
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
width: 95%;
background: #000;
padding: 11px 0 15px 5px; /* padding of the 4 sides of the menu */
margin: 0 auto;
text-align: left; /* set value to "left", "center", or "right" to align menu accordingly */
}

ul.menu li{
display: inline;
}

ul.menu li a{
color:#fff;
padding: 6px 2px 6px 2px; /* padding of the 4 sides of each menu link */
margin-right: 10px; /* spacing between each menu link */
text-decoration: none;
}

ul.menu li a:hover, ul.menu li a.selected{
color: black;
background:#fff; /* url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);  IE9+ SVG equivalent  of linear gradients
background: -moz-linear-gradient(top,  rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.16) 100%); /* fade from white (0.82 opacty) to 0.16 opacity 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.82)), color-stop(100%,rgba(255,255,255,0.16)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ffffff', endColorstr='#29ffffff',GradientType=0 -->);
-moz-box-shadow: 0 0 5px #595959; /* CSS3 box shadows 
-webkit-box-shadow: 0 0 5px #595959;*/
box-shadow: 0 0 5px #595959;
padding-top: 14px; /* large padding to get menu item to protrude upwards */
padding-bottom: 16px; /* large padding to get menu item to protrude downwards */
}

/****************** END MENU ******************/

/* slider layout */
.lof-slidecontent { position:relative;	overflow:hidden;	border:#F4F4F4 solid 1px;}
.lof-slidecontent .preload{	height:100%;	width:100%;	position:absolute;	top:0;	left:0;	z-index:100000;	text-align:center;	background:#FFF}
.lof-slidecontent .preload div{	height:100%;	width:100%;	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;}

.lof-slidecontent  .sliders-wrapper{	position:relative;	height:100%;	width:900px;	z-index:3px;	overflow:hidden; }
.lof-slidecontent  ul.sliders-wrap-inner{overflow:hidden;	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;	padding:0px;	margin:0;	position:absolute;	overflow:hidden;}
.lof-slidecontent  ul.sliders-wrap-inner li{overflow:hidden;	padding:0px;margin:0px;	float:left;	position:relative;}
.lof-slidecontent  .lof-opacity  li{position:absolute;	top:0;	left:0;	float:inherit; }


.lof-slidecontent  .navigator-content {position:absolute; bottom:10px; right:10px;
	background:url(../images/transparent_bg.png) repeat;
	padding:5px 0px;
}
.lof-slidecontent  .navigator-wrapper{	position:relative;	z-index:10;
	height:180px;
	width:310px;
	overflow:hidden;
	color:#FFF;
	float:left
}
.lof-slidecontent  ul.navigator-wrap-inner{	top:0;	padding:0;	margin:0;	position:absolute;	width:100%; }
.lof-slidecontent  ul.navigator-wrap-inner li{ cursor:hand; 	cursor:pointer;	list-style:none;	padding:0;	margin-left:0px;	overflow:hidden;	float:left;	display:block;	text-align:center;}

/*******************************************************/
 
ul.sliders-wrap-inner li img{	padding:0px;	}

.lof-slidecontent .slider-description a.readmore{color:#58B1EA; font-size:95%; }
.lof-slidecontent .slider-description a{ color:#FFF; }
.lof-slidecontent .slider-description{
	z-index:100px;
	position:absolute;
	bottom:50px;
	left:0px;
	width:350px;
	background:url(../images/bg_trans.png);
	height:100px;
	padding:10px;
	color:#FFF;
}
.lof-slidecontent .slider-description h4 {    font-size: 14px;    margin: 10px 0;    padding: 0; }
.lof-slidecontent .slider-description .slider-meta a{	
	margin:0;
	background:#C01F25;
	font-size:75%;
	padding:2px 3px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
	text-transform:uppercase;
	text-decoration:none
}
.lof-slidecontent  .item-meta a:hover{	text-decoration:underline;}
.lof-slidecontent  .item-meta i {	font-size:70%; }

/* item navigator */

.lof-slidecontent ul.navigator-wrap-inner li img{
	border:#666 solid 3px;	
}
.lof-slidecontent ul.navigator-wrap-inner li.active img, 
.lof-slidecontent ul.navigator-wrap-inner li:hover img {
	border:#A8A8A8 solid 3px;
	-moz-transition:border-color  ease-in-out 0.4s
}
.lof-slidecontent .navigator-content .button-next, 
.lof-slidecontent .navigator-content .button-previous{
	display:block;
	width:22px;
	height:30px;
	color:#FFF;
	cursor:pointer;

}
.lof-slidecontent .navigator-content .button-next {
	float:left;	
	text-indent:-999px;
	margin-right:5px;
	background:url(../images/arrow-l.png) no-repeat right center;
}
.lof-slidecontent .navigator-content .button-previous {
	float:left;	
	text-indent:-999px;
	margin-left:5px;
	background:url(../images/arrow-r.png) no-repeat left center;
}

.lof-slidecontent .button-control {
   position:absolute;
   top:10px;
   right:10px;
    height: 20px;
    width: 20px;
	cursor:hand; cursor:pointer;
	background:url(../images/transparent_bg.png) repeat;
}

.lof-slidecontent .button-control span { display:block;  width:100%; height:100%;}
.lof-slidecontent .action-start span  {
	background:url(../images/play.png) no-repeat center center;
}
.lof-slidecontent .action-stop span {
	background:url(../images/pause.png) no-repeat center center;
}

/*************         FOOTER          *****************/
.footer {
	max-width: 100%;
	background:url(../images/footer.png) no-repeat;
	height:120px;
}

/*--------------------------------------------------
	  **Tech And All Social Icons Roll Over**
---------------------------------------------------*/
.social-icons {
	padding: 0!important;
	margin: 0!important;
	margin-right:100px;!important;
	list-style-type: none!important;
}
.social-icons li{
	float: right!important;
	margin-right: 2px!important;
	margin-bottom: 2px!important;
	padding: 0px!important;
	display: inline!important;
	width: auto!important;
	

}			
.social-icons li a {
	-moz-transition: all 0.3s ease 0s;
	display: block!important;
	float: left!important;
	height: 100%!important;
	margin: 0!important;
	padding: 0!important;
	width: 40px!important;
	height: 40px!important;
	text-indent: -9999px!important;
}
.social-icons li a:hover {
	background-position: 0 -40px!important;
}
.social-icons li a {
	background-color:transparent;
}
.social-icons li.facebook a {
	background:url(../images/facebook.png) no-repeat 0 0;
}
.social-icons li.facebook a:hover {
	background-color: #3b5998;
}
.social-icons li.twitter a {
	background:url(../images/twitter.png) no-repeat 0 0;
}
.social-icons li.twitter a:hover {
	background-color: #48c4d2;
}

.social-icons li.youtube a {
	background:url(../images/youtube.png) no-repeat 0 0;
}
.social-icons li.youtube a:hover {
	background-color: #f45750;
}
.left{width:730px; float:left; display:inline-block;}
.category_title{width:695px;  background:#000;border-radius:2px 2px 2px 2px; box-shadow:0 0 4px #9b9a9a; margin:10px;color:#fff; text-align:left; vertical-align:middle; font-size:16px; padding:7px;}
h11{font-size:12px; color:blue; text-decoration:none; font-family:Arial, Helvetica, sans-serif; ;}
h13{font-size:12px; color:b9b9b9; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
h12{font-size:13px; font-weight:bold; line-height:1.3em; padding:8px 0px 4px; color:#000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
.data_main{color:grey; font-size:11px;}
/*ÁΣÀ ÇÀ ÀÂÒÎÐ -  */
.avtor{ color:#205984; font-size:11px; padding-left:10px; padding-bottom:10px;}
.category_box{ 
/*float:left; */
width:660px; 
margin:30px 20px 10px 20px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
box-shadow: 0px 0px 4px #000000;

-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 82);
filter: alpha(opacity = 82);
/*color:#2b2b2b; opacity: 0.82;*/
color:Black;
font-size:14px;
text-decoration:none;
padding:5px;
}
.more
{color:#205984; font-size:9px ! important;text-decoration:underline;}
.pnlStyle
{
    padding:5px;}
.social-popout {
 height: 40px;
 width: 40px;
 margin-top:-60px;
 margin-right:20px;
 float: right;
 -webkit-transition: all ease 0.5s;
 -moz-transition: all ease 0.5s;
 -o-transition: all ease 0.5s;
 -ms-transition: all ease 0.5s;
 transition: all ease 0.5s;
}
.social-popout img {
 border-radius: 100%;
 margin: 8px;
 width: 100%;
 box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2);
 -webkit-transition: all ease 0.5s;
 -moz-transition: all ease 0.5s;
 -o-transition: all ease 0.5s;
 -ms-transition: all ease 0.5s;
 transition: all ease 0.5s;
}
.social-popout img:hover {
 margin: 0px;
 box-shadow: 6px 6px 4px 4px rgba(0,0,0,0.3);
}