@charset "utf-8";
html {
	height:100%;
	margin:0px;
	padding:0px;
	height:100%;
	margin-left:10px;
	margin-top:10px;
	background-color:#000000;
}
a {
	outline:none;
}
body {
	padding:0px;
	margin:0px;
	margin-left:50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#FFFFFF;
	
	/*background-image: url(../myImages/body_bck.jpg);*/
	/*background-image:url(../myImages/top_bck.png);*/
	background-image:url(../myImages/levo_bck.jpg);
	background-repeat:no-repeat;
	background-position: 0px 5px;
	height:auto;
	height:558px;
	margin-left:50px;
	margin-top:0px;
	font-weight:normal;
	margin-left:30px;
	margin-top:30px;
}
p {
	font-weight:normal;
	font-size:10px;
}
#container{
	width:7300px;
	height:558px;
	margin:0px;
	padding:0px;
	
	background-image:url(../myImages/top_bck.png);
	background-repeat:repeat-x;
	background-position: left top;
	/*margin-top:10px;*/
	margin-bottom:auto;
	/*background-color:#FFFFFF;*/
}
img a:link{
	border:none;
}
#container #subcontainer{
	height:578px;
	/*background-image:url(../myImages/splash_bck.png);*/
	background-image:url(../myImages/toopix_footer.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin:0px;
	padding:0px;
	width:auto;
}
#container #subcontainer #content-wraper{
	/*min-width:1000px;*/
	/*width:auto;*/
	height:auto;
	width:auto;
	/*overflow:auto;*/
}
#left{
	float: left;
	width: 290px;
	height:458px;
	position:relative;
	padding-top:100px;
	background-image:url(../myImages/levo_bck.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
#right{
	float: left;
	/*margin-left:35%;*/
	width: 7000px;/**/
	height:100%;
	position:relative;
	top:0px;
	padding-left:10px;
	/*padding-top:100px;
	min-width:800px;*/
}
#right .naslov{
	padding-top:20px;/**/
	width:600px;
	padding-left:60px;
	position:relative;
	/*float:left;*/
}
#right .content-holder{
	/*position:relative;*/
	height:356px;
	background-color:#FFFFFF;
	width:7000px;
}
.mini-text {
	font-size: 30%;
	text-decoration:none;
	margin-top:0px;
	width:400px;
	padding-left:7px
}
#media {
	/*background-image:expression('none');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/quickmenu_bck.png', sizingMethod='scale');*/
	background-image:url(../myImages/media.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:666px;
	height:183px;
	position:relative;/**/
}
.media-text h2{
	font-size:14px;
}
.media-text {
	padding:30px;
	font-size:10px;
	color:#FFFFFF;
	padding-left:70px;
	padding-right:70px;
}
.content{
	width:600px;
	padding-left:60px;
	padding-top:15px;
	position:relative;
}
#main-menu{
	height:92px;
	clear:left;
	padding-top:20px;
}
#main-menu a{
	color:#000000;
	text-decoration:none;
	border:none;
}
#main-menu img a{
	border:none;
}
#main-menu a:hover{
	/*color:#CC0000;*/
	color:#00aca2; 					/*toopix color*/
	text-decoration:none;
}
.menu-item{
	background-image:url(../myImages/btn_bck1.png);
	background-position:center;
	width:222px;
	height:92px;
	font-size:36px;
	font-weight:bold;
	float:left;
	color:#FFFFFF;
	/*color:#00aca2;*/
	/*line-height:26px;*/
}
#main-menu .menu-print a:hover{
	color:#00aca2;
}

#logo{
	padding:5px;
	margin-top:20px;
	padding-left:20px;
	vertical-align:middle;
	height:518px;
}
h1{
	font-size:24px;
}
h2{
	font-size:18px;
}
h3{
	font-size:16px;
}
h4{
	font-size:13px;
}
#gallery-nav{
	/*float:left;*/
	padding-left:20px;
	height:348px;
	width:auto;
	/*min-width:1000px;*/
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	overflow:hidden; /* fix overflow for IE. Damn explorer! */
	float:left;
	position:relative;
	background-image: url(../myImages/galery_shadow_left.jpg);
	background-repeat: no-repeat;
	background-position: 25px top;
}
#gallery-nav ul{
	margin:0px;
	padding:0px;
	list-style:none;
	padding-top:0px;
	padding-left:25px;
	position:relative;	
	/*width:1000px;*/
}
#gallery-nav li {
  float:left;
  margin:0;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
  background-color:#FFFFFF;
    position:relative;
  }
#gallery-nav li a, #gallery-nav li {
  background-repeat:no-repeat;
  background-position:0 0;
  display:block;
  float:left;
  width:25px;
  height:348px;
  border-width:0;
  text-decoration:none; /* hide underline */
  text-indent:-10000px; /* this hides the text from the browser but will show up if styles are removed entirely */
    position:relative;
}
#gallery-nav li a:hover { /* rollover effect */
	width:150px;
	 /*background-position:-50px -38px;*/
	 padding-left:14px;/*padding za text za klientot */
	 text-align:center;
	 text-indent:-10000px;
	 color:#000;
	 padding-top:50px;
}
#gallery-nav li li{
	width:650px;
	background-image: url(myImages/galery_shadow_left.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
#nav1 a{
	/*background-image:url(../myImages/gallery_sw_fest.jpg);*/
	background-position:0 0;
}
/*#bubi a:hover{
	width:144px;
}*/
#gallery-nav .gallery-item{
	width:25px;
	height:348px;
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	display:block;
	outline:none;
}
/*#gallery-nav .gallery-item a:link{
	width:44px;
}
#gallery-nav .gallery-item a:hover{
	width:144px;
	color:#33FF33;
}*/
#gallery-nav1{
	/*float:left;*/
	padding-left:20px;
	height:348px;
	width:auto;
	/*min-width:1000px;*/
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#000;
	overflow:hidden; /* fix overflow for IE. Damn explorer! */
	float:left;
	position:absolute;
	left:500px;
	top:500px;
	background-image: url(../myImages/galery_shadow_left.jpg);
	background-repeat: no-repeat;
	background-position: 25px top;
	z-index:25
}
#gallery-nav1 ul{
	margin:0px;
	padding:0px;
	list-style:none;
	padding-top:0px;
	padding-left:25px;
	position:relative;	
	/*width:1000px;*/
}
#gallery-nav1 li {
  float:left;
  margin:0;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
  background-color:#FFFFFF;
    position:relative;
  }
#gallery-nav1 li a, #gallery-nav li {
  background-repeat:no-repeat;
  background-position:0 0;
  display:block;
  float:left;
  width:25px;
  height:348px;
  border-width:0;
  text-decoration:none; /* hide underline */
  text-indent:-10000px; /* this hides the text from the browser but will show up if styles are removed entirely */
    position:relative;
}
#gallery-nav1 li a:hover { /* rollover effect */
	width:150px;
	 /*background-position:-50px -38px;*/
	 padding-left:14px;/*padding za text za klientot */
	 text-align:center;
	 text-indent:-10000px;
	 color:#000;
	 padding-top:50px;
}
#gallery-nav1 li li{
	width:650px;
	background-image: url(myImages/galery_shadow_left.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
#gallery-nav1 .gallery-item{
	width:25px;
	height:348px;
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	display:block;
}
#gohome {
	width:97px;
	height:119px;
	position:fixed;
	left:900px;
	top:450px;
	display:none;
	z-index:50;
}
