@charset "utf-8";
/* CSS Document */
body { 
	margin:0;
	background-color:#009103;
	/*background-image:url(img/bckGrad.jpg);*/
	background-repeat:repeat-x;
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	}
body.perf { 
	margin:0;
	background-color:#fff;
	background-image: none;
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	}
p {
	font: 12px/1.5em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 10px 10px 0;
}
p a:link, p a:visited {
	text-decoration: none;
	font-size: 12px;
	line-height: 1.5em;
	color: #993399;
}
p a:hover {
	color: #660066;
	text-decoration: underline;
}
ul {
	list-style-position: outside;
	list-style-type: disc;
	font: 12px/1.5em Arial, Helvetica, sans-serif;
}

li {
	margin-bottom: 10px;
}
.infosadrzaj h1 {
	color: #993399;
	font-size: 20px;
	text-transform: uppercase;
}

.infosadrzaj h2 {
	color: #009103;
	font-size: 18px;
}
.infosadrzaj h2 a:link, .infosadrzaj h2 a:visited {
	text-decoration: none;
	color: #993399;
}
.infosadrzaj h2 a:hover {
	text-decoration: underline;
	color: #660066;
}
.infosadrzaj h3 {
	color: #993399;
	font-size: 14px;
}

.infosadrzaj h4 {
	color: #000000;
	font-size: 12px;
}

h1 {
	font-size: 20px;
	text-transform: uppercase;
	color: #e1037e;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 14px;
}

h3 a:link, h3 a:visited {
	font-size: 14px;
	text-decoration: none;
	color: #009103;
}
h3 a:hover {
	color: #006600;
	text-decoration: underline;
	font-size: 14px;
}
h4 {
	font-size: 12px;
}
h4 a:link, h4 a:visited {
	text-decoration: none;
	color: #993399;
}
h4 a:hover {
	text-decoration: underline;
	color: #660066;
}
h5 {
	font-size: 11px;
	font-style: italic;
}
h5 a:link, h5 a:visited {
	text-decoration: none;
	color: #993399;
}

h5 a:hover {
	text-decoration: underline;
	color: #660066;
}
h4, h5 {
	color: #000000;
}
.ime {
	width: 100%;
	height: auto;
	font-size: 24px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}
.performator {
	width: 695px;
	background-color: #ff94ff;
	margin: 0 auto;
	padding-bottom: 20px;
}
.slike {
	background-color: #009103;
	width: 100%;
}
.slike img {
	border: 1px solid white;
	margin: 5px;
}
.hairline {
	width: 100%;
	height: 1px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-top: 10px;
}
.logo {
	width:750px;
	height:230px;
	margin:0 auto;
	background-image:url(img/summer3p_logo_big.jpg);
	background-repeat:no-repeat;
}
.meni {
	width:750px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
}
.meniLevo, .meniDesno, .meniDugmad {
		float:left;
		background-color:#ff94ff;
		height:30px;
}
.meniLevo {
	width:28px;
	background-image:url(img/meniLevoPozadina.gif);
	background-repeat:no-repeat;
	background-position:right;
}
.meniDesno {
	width:29px;
	background-image:url(img/meniDesnoPozadina.gif);
	background-repeat:no-repeat;
	background-position:left;
}
.meniDugmad {
	width:693px;
	/*border:#333 thin solid;
	float:left;
	background-color:#9C0;
	height:30px;*/
}
.meniDugme {
	background-image:url(img/meni.gif);
	background-repeat:no-repeat;
	width:99px;
	height:30px;
	background-color:#0F6;
	float:left;
}
/*GALERIJE*/
.galStrafta {
	width: 750px;
	margin: 0 auto;
	background-color: #ff94ff;
}
.galerija {
	width: 286px;
	height:20px;
	background-color:#009103;
	margin: 0 auto 0 418px;
	clear:both;
	font-size: 11px;
	padding-right: 20px;
}
.galerija a:link, .galerija a:visited {
	color: #fff;
	text-decoration: none;
}
.galerija a:hover {
	color: #fff;
	text-decoration: underline;
}

.arhStrafta {
	width: 750px;
	margin: 0 auto;
	background-color: #ff94ff;
}
.arhiva {
	width: 219px;
	height:20px;
	background-color:#009103;
	margin: 0 auto 0 500px;
	clear:both;
	font-size: 11px;
	padding-right: 5px;
}
.arhiva a:link, .arhiva a:visited {
	color: #fff;
	text-decoration: none;
}
.arhiva a:hover {
	color: #fff;
	text-decoration: underline;
}
/*01 HOME*/
a:link #home {
	background-position:0 0;
}
a:hover #home {
	background-position:0 -30px;
}
#home_idle {
	background-position:0 -60px;
}
/*a:active #home {
	background-position:0 -60px;
}*/
/*02 LINEUP*/
#lineup {
	background-position:-99px 0;
}
a:link #lineup {
	background-position:-99px 0;
}
a:hover #lineup {
	background-position:-99px -30px;
}
#lineup_idle {
	background-position: -99px -60px;
}
/*a:active #lineup {
	background-position:-99px -60px;
}*/
/*03 INFO*/
#info {
	background-position:-198px 0;
}
a:link #info {
	background-position:-198px 0;
}
a:hover #info {
	background-position:-198px -30px;
}
#info_idle {
	background-position:-198px -60px;
}
/*04 LINKS*/
#links {
	background-position:-297px 0;
}
a:link #links {
	background-position:-297px 0;
}
a:hover #links {
	background-position:-297px -30px;
}
#links_idle {
	background-position:-297px -60px;
}
/*a:active #links {
	background-position:-297px -60px;
}*/
/*05 FORUM*/
#forum {
	background-position:-396px 0;
}
a:link #forum {
	background-position:-396px 0;
}
a:hover #forum {
	background-position:-396px -30px;
}
/*a:active #forum {
	background-position:-396px -60px;
}*/
/*06 GALLERY*/
#gallery {
	background-position:-495px 0;
}
a:link #gallery {
	background-position:-495px 0;
}
a:hover #gallery {
	background-position:-495px -30px;
}
/*a:active #gallery {
	background-position:-495px -60px;
}*/
/*07 ARHIVA*/
#archive {
	background-position:-594px 0;
}
a:link #archive {
	background-position:-594px 0;
}
a:hover #archive {
	background-position:-594px -30px;
}
/*a:active #archive {
	background-position:-594px -60px;
}*/
.tijelo {
	width:750px;
	background-color:#ff94ff;
	margin-left:auto;
	margin-right:auto;
	padding:15px 0 15px 0;
	clear: both;
	/*height:auto;*/
}
.levo {
	float:left;
	width:127px;
	/*background-color:#F00;*/
}
.sredina {
	width:450px;
	/*background-color:#390;*/
	margin: 0 auto;
}
.desno {
	float:right;
	width:126px;
	/*background-color: #33F;*/
}
.boks {
	width:100px;
}
.boks p {
	font: 10px Arial, Helvetica, sans-serif;
	color: white;
	padding: 3px;
	margin:5px;
}
.boks p a:link, .boks p a:hover, .boks p a:visited {
	font: 10px Arial, Helvetica, sans-serif;
	color: yellow;
}
.boks p a:link, .boks p a:visited {
	text-decoration: none;
}
.boks p a:hover {
	text-decoration: underline;
}
#levo {
	margin-left: 27px;
}
#desno {
	/*background-color: #96fe7f;*/
}
.cevanica {
	width: 750px;
	height:188px;
	clear:both;
	background-color:#FFF;
	background-image:url(img/cevanica.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
}
.stopalo {
	width: 750px;
	height:50px;
	background-color:#ff94ff;
	margin: 0 auto;
	clear:both;
	font-size: 11px;
}
.stopalo a:link, .stopalo a:visited {
	color: #000000;
	text-decoration: none;
}
.stopalo a:hover {
	color: #000000;
	text-decoration: underline;
}
.sokna {
	width: 750px;
	height: auto;
	margin: 0 auto;
}
ul.noga {
	padding: 0;
	list-style-type: none;
	display: inline;
}
ul.noga1 {
	padding: 0;
	list-style-type: none;
	display: inline;
}
ul.noga li {
	color: #000000;
	display: inline;
	padding: 0;
	margin-left: 20px;
}

ul.noga1 li {
	color: #ffffff;
	display: inline;
	padding: 0;
	margin-left: 20px;
}
/*BOX SA COSKOVIMA UNIVERZALNI ELEMENTI*/
.osnovniBoks {
	width: 100px;
	height: 67px;
	background-image: url(img/counter.jpg);
}
.coskoviGore, .coskoviDole {
	width: 100%;
	height: 3px;
	clear: both;
}
.cosak {
	width: 3px;
	height: 3px;
	background-repeat: no-repeat;
}
#gorelevo, #dolelevo {
	float: left;
}
#goredesno, #doledesno {
	float: right;
}
#gorelevo {
	background-image: url(img/coskovi/01_gorelevo.gif);
}
#goredesno {
	background-image: url(img/coskovi/02_goredesno.gif);
}
#dolelevo {
	background-image: url(img/coskovi/03_dolelevo.gif);
}
#doledesno {
	background-image: url(img/coskovi/04_doledesno.gif);
}
/*BOX SA COSKOVIMA UNIVERZALNI ELEMENTI - KRAJ*/
/*BOX SA COSKOVIMA UNIVERZALNI ELEMENTI*/
.osnovniBoksInfoPack {
	width: 100px;
	height: auto;
	background-image: url(img/coskovi/stripes45deg3px_orange.jpg);
}
.coskoviGore, .coskoviDole {
	width: 100%;
	height: 3px;
	clear: both;
}
.cosak {
	width: 3px;
	height: 3px;
	background-repeat: no-repeat;
}
#gorelevo, #dolelevo {
	float: left;
}
#goredesno, #doledesno {
	float: right;
}
#gorelevo {
	background-image: url(img/coskovi/01_gorelevo.gif);
}
#goredesno {
	background-image: url(img/coskovi/02_goredesno.gif);
}
#dolelevo {
	background-image: url(img/coskovi/03_dolelevo.gif);
}
#doledesno {
	background-image: url(img/coskovi/04_doledesno.gif);
}
/*BOX SA COSKOVIMA UNIVERZALNI ELEMENTI - KRAJ*/
/*.cloudWrap {
	width:660px;
	height:110px;
	margin-left:auto;
	margin-right:auto;
}
.msCloud, .fbCloud {
	background-color:#06C;
	width:330px;
	height:110px;
	float:left;
}
.msCloud {
	background-image:url(img/myspace_oblacic.gif);
	background-repeat:no-repeat;
}
.fbCloud {
	background-image:url(img/facebook_oblacic.gif);
	background-repeat:no-repeat;
}*/

/*GRAYBOX*/

/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }