﻿@charset "utf-8";
/* CSS Document */

body {
	background-color:#DD0379;
	color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	position:absolute;
	width:1007px;
}
.content_ {
	background:url(../images/zavrsi.png);
	background-position:right;
	background-repeat:repeat-y;
	width:1014px;
	height:auto;
}
#drzac  {
	width:1007px;
}
.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

/* BUBBLE PLASTIC HORIZONTAL MENU */

.bubplastic.horizontal {
	width: 100%;
	height: 27px;
	margin: 0;
	padding: 0;
	background: #000000 url(../images/bg-bubplastic.gif) top left repeat-x;
}
.bubplastic.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url(../images/bg-bubplastic-button.gif) top left no-repeat;
}

.bubplastic.horizontal ul li a {
	display: block;
	height: 27px;
	padding-left: 14px;
	float: left;
	text-transform: uppercase;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	text-decoration: none;
}

.bubplastic.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	height: 22px;
	padding-top: 5px;
	padding-right: 14px;
	background: transparent url(../images/bg-bubplastic-button.gif) top right no-repeat;
	cursor: pointer;
}
/* END BUBBLE PLASTIC HORIZONTAL MENU */



/* BUBBLE PLASTIC VERTICAL MENU */

.bubplastic.vertical {
	width: 250px;
	margin: 0;
	padding: 0;
	display: block;
}
.bubplastic.vertical ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.vertical ul li {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent url(../images/bg-bubplastic-button.gif) top left no-repeat;
}

.bubplastic.vertical ul li a {
	display: block;
	margin: 0;
	width: 100%;
	padding-left: 35px;
	text-transform: uppercase;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	text-decoration: none;
	background: transparent url(../images/bg-bubplastic-button.gif) top left no-repeat;
}

.bubplastic.vertical ul li a span.menu_ar {
	display: block;
	margin: 0;
	width: 100%;
	height: 22px;
	padding-top: 5px;
	padding-right: 35px;
	background: transparent url(../images/bg-bubplastic-button.gif) top right no-repeat;
	cursor: pointer;
}
/* END BUBBLE PLASTIC VERTICAL MENU */



/* AQUA HOVER */
.bubplastic.aqua ul li a:hover,
.bubplastic.aqua ul li.highlight a {
	background: transparent url(../images/bg-bubplastic-h-aqua.gif) top left no-repeat;
}
.bubplastic.aqua ul li a:hover span.menu_ar,
.bubplastic.aqua ul li.highlight a span.menu_ar {
	background: transparent url(../images/bg-bubplastic-h-aqua.gif) top right no-repeat;
}


/* BLUE HOVER */
.bubplastic.blue ul li a:hover,
.bubplastic.blue ul li.highlight a {
	background: transparent url(../images/bg-bubplastic-h-blue.gif) top left no-repeat;
}
.bubplastic.blue ul li a:hover span.menu_ar,
.bubplastic.blue ul li.highlight a span.menu_ar {
	background: transparent url(../images/bg-bubplastic-h-blue.gif) top right no-repeat;
}


/* GRAY HOVER */
.bubplastic.gray ul li a:hover,
.bubplastic.gray ul li.highlight a {
	background: transparent url(../images/bg-bubplastic-h-gray.gif) top left no-repeat;
}
.bubplastic.gray ul li a:hover span.menu_ar,
.bubplastic.gray ul li.highlight a span.menu_ar {
	background: transparent url(../images/bg-bubplastic-h-gray.gif) top right no-repeat;
}


/* LIME HOVER */
.bubplastic.lime ul li a:hover,
.bubplastic.lime ul li.highlight a {
	background: transparent url(../images/bg-bubplastic-h-lime.gif) top left no-repeat;
}
.bubplastic.lime ul li a:hover span.menu_ar,
.bubplastic.lime ul li.highlight a span.menu_ar {
	background: transparent url(../images/bg-bubplastic-h-lime.gif) top right no-repeat;
}


/* ORANGE HOVER */
.bubplastic.orange ul li a:hover,
.bubplastic.orange ul li.highlight a {
	background: transparent url(../images/bg-bubplastic-h-orange.gif) top left no-repeat;
}
.bubplastic.orange ul li a:hover span.menu_ar,
.bubplastic.orange ul li.highlight a span.menu_ar {
	background: transparent url(../images/bg-bubplastic-h-orange.gif) top right no-repeat;
}


/* PINK HOVER */
.bubplastic.pink ul li a:hover,
.bubplastic.pink ul li.highlight a {
	background: transparent url(../images/bg-bubplastic-h-pink.gif) top left no-repeat;
}
.bubplastic.pink ul li a:hover span.menu_ar,
.bubplastic.pink ul li.highlight a span.menu_ar {
	background: transparent url(../images/bg-bubplastic-h-pink.gif) top right no-repeat;
}


/* PURPLE HOVER */
.bubplastic.purple ul li a:hover,
.bubplastic.purple ul li.highlight a {
	background: transparent url(../images/bg-bubplastic-h-purple.gif) top left no-repeat;
}
.bubplastic.purple ul li a:hover span.menu_ar,
.bubplastic.purple ul li.highlight a span.menu_ar {
	background: transparent url(../images/bg-bubplastic-h-purple.gif) top right no-repeat;
}


/* RED HOVER */
.bubplastic.red ul li a:hover,
.bubplastic.red ul li.highlight a {
	background: transparent url(../images/bg-bubplastic-h-red.gif) top left no-repeat;
}
.bubplastic.red ul li a:hover span.menu_ar,
.bubplastic.red ul li.highlight a span.menu_ar {
	background: transparent url(../images/bg-bubplastic-h-red.gif) top right no-repeat;
}

#test li {
	display: block;
	border: solid 1px red;
}                    
                    

a {
	text-decoration:none;
	color:#FFF;
}
a img {
	border:none;
	text-decoration:none;
	color:#FFF;
}
a:hover {
	text-decoration:underline;
	color:#FDCB08;
	
}

.logo {
	width:290px;
	height:299px;
	float:left;
	padding:0px;
	margin:0px;
	clear:left;
	background:url(../images/logo.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

.heder  {
	width:717px;
	height:162px;
	float:left;
	padding:0px;
	margin:0px;
	background:url(../images/heder.jpg);
	background-repeat:no-repeat;
	background-position:center;
	clear:right;
}
.naslov {
	background:url(../images/naslov_pocetna.png);
	background-repeat:no-repeat;
	background-position:center;
	width:700px;
	height:133px;
	float:right;
	padding:0px;
	margin:0px;
	clear:right;
	
}
.naslov1 {
	background:url(../images/pravila_.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:700px;
	height:133px;
	float:right;
	padding:0px;
	margin:0px;
	clear:right;
	
}
.naslov_kontakt {
	background:url(../images/naslov_kontakt.png);
	background-repeat:no-repeat;
	background-position:center;
	width:700px;
	height:133px;
	float:right;
	padding:0px;
	margin:0px;
	clear:right;
	
}
.naslov_galerija {
	background:url(../images/naslov_galerija.png);
	background-repeat:no-repeat;
	background-position:center;
	width:700px;
	height:133px;
	float:right;
	padding:0px;
	margin:0px;
	clear:right;
	
}
.naslov_idei {
	background:url(../images/naslov_idei.png);
	background-repeat:no-repeat;
	background-position:center;
	width:700px;
	height:133px;
	float:right;
	padding:0px;
	margin:0px;
	clear:right;
	
}
.naslov_proektot {
	background:url(../images/naslov_proektot.png);
	background-repeat:no-repeat;
	background-position:center;
	width:700px;
	height:133px;
	float:right;
	padding:0px;
	margin:0px;
	clear:right;
	
}
.naslov_raspored {
	background:url(../images/naslov_raspored.png);
	background-repeat:no-repeat;
	background-position:center;
	width:700px;
	height:133px;
	float:right;
	padding:0px;
	margin:0px;
	clear:right;
	
}
.naslov_videa {
	background:url(../images/naslov_videa.png);
	background-repeat:no-repeat;
	background-position:center;
	width:700px;
	height:133px;
	float:right;
	padding:0px;
	margin:0px;
	clear:right;
	
}
.left_content {
	background:url(../images/left_img.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:290px;
	height:auto;
	float:left;
	padding:0px;
	margin:0px;
	clear:left;

}
.right_content {
	float:left;
	width:665px;
	height:auto;
	margin-left:25px;
	margin-right:25px;
	clear:right;
}

.footer {
	width:1007px;
	height:24px;
}