.css-grd {
/* default background colour, for all layout engines that don't implement gradients */
background: #2a6da9;

/* gecko based browsers */
background: -moz-linear-gradient(top, #55aaee, #003366);

/* webkit based browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#55aaee), to(#003366));

color: #000000; /* text colour (black) */
height: auto; /* gradient uses the full height of the element */
padding: 5px; /* distance from border edge to text */
}

.outer a, .outer div, .outer li, .outer ul, .outer body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: transparent;
}
div.menu{
	width: auto;
	background-color: transparent;
}
div.menu ul{
	list-style: none;
	text-indent: 0px;
}
div.menu li{
	margin-top: 0px;
	color:#000;
	font-family: Verdana;
	font-size: 14px;
}
div.menu a{
	padding: 4px;
	color: #333333;
	display:block;
	height: 20px;
	text-decoration: none;
	font-family: Verdana;
	font-size: 12px;
	background-image: url(ozadje_alineje.png);
	width: auto;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	background-color: transparent;
}
.h_div_menu {
	height: 21px;
	display: block;
	font-size: 14px;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(ozadje2_alineje.png);
	padding: 2px;
	background-position: center;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	text-decoration: none;
	vertical-align: middle;
	background-color: transparent;
}
body {
	padding:10px;
	font:76%/135% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	background-color: transparent;
	}
p {margin:1em 0;}


html,body {
	margin:0;
	padding:0;
	color: #000;
	background-color: #FFF;
	text-align: left;
	}
#labfooter {
	text-align:center;
	clear:both;
	background-color: transparent;
	}
.three {
	width:70%;
	float:right;
	height: auto;
	background-color: transparent;
	}

/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

/* Two of the boxes are floated just for this demo. Adjust to your needs. */
.cb {
	margin:0em 0;
	background-color: transparent;
	}
.two {
	width:255px;
	float:left;
	background-color: transparent;
	}
/* Rules for the top corners and border */
.bt {
	margin:0 0 0 24px;
	height:21px;
	background-image: url(Box2.png);
	background-position: 100% 0%;
	position: inherit;
	background-color: transparent;
	}
.bt div {
	height:21px;
	width:24px;
	position:relative;
	left:-24px;
	background-image: url(Box2.png);
	background-color: transparent;
	}





/* CSS for the box starts here
================================================*/
/* Default styling. Used when JavaScript is unsupported */
.cbb {
	padding:0 10px;
	margin:1em 0;
	background:#f7f7ef;
	border:1px solid #666;
	background-color: transparent;
	}
/* Rules for the bottom corners and border */
.bb {
	margin:0 0 0 24px;
	height:21px;
	position: relative;
	background-image: url(Box2.png);
	width: auto;
	background-position: 100% 100%;
	background-color: transparent;
	}
/* Insert the left border */
.i1 {
	padding:0 0 0 5px;
	background-image: url(borders2.png);
	background-repeat: repeat-y;
	background-position: 0 0;
	background-color: transparent;
	}
/* Insert the right border */
.i2 {
	padding:0 10px 0 0;
	background:url(borders2.png) repeat-y 100% 0;
	background-color: transparent;
	}
/* CSS for the box ends here */

/* Just a bit of styling for this example. Adjust as you wish. */
.cb h1 {
	margin:0 -10px;
	padding:0 10px 0.3em;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	background-color: transparent;
	}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	padding:0 10px;
	border-top-width: 0px;
	border-right-width: 0;
	border-bottom-width: 0px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: transparent;
	}



.bb div {
	height:21px;
	width:24px;
	position:relative;
	left:-24px;
	background-image: url(Box2.png);
	background-position: 0 100%;
	background-color: transparent;
	}
.style5 {
	font-size: 14px;
	color: #000000;
	font-weight: normal;
	background-color: transparent;
}
.style24 {
	font-size: 14px;
	color: #333333;
	background-color: transparent;
}
.style18 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	background-color: transparent;
}
.style25 {font-size: 14px; color: #333333; font-weight: normal; }
div.menu a:hover{
	padding: 4px 2px;
	color: #00CCFF;
	text-decoration: none;
	background-position: right;
	background-color: transparent;
}                   

.meni {
	font-size: 14px;
	color:#FFF;
	font-weight: normal;
}

#Table_01 a:link{ text-decoration: none;	color: #FFF;}
#Table_01 a:visited{ text-decoration: none;	color: #FFF;}
#Table_01 a:hover{	text-decoration: none; color: #72CAF2;}
#Table_01 a:active { text-decoration: none;	color: #FFF;}

.hovergallery img{
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}

.hovergallery img:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}