﻿* { margin: 0; padding: 0; border: 0; }
img, div { behavior: url(iepngfix.htc); }


html {
	font: 62.5%/1.6 "Trebuchet MS", Trebuchet, Arial, sans-serif; 
	text-align:center;
}

a { color:#306bb9; font-weight:bold; text-decoration:none;  }
a:visited { color:#306bb9; font-weight:bold; text-decoration:none;   }
a:hover { color:#b01d1d; text-decoration:none;  font-weight:bold;  text-decoration:underline; }

.imgl { border-bottom: #b2b2b2 1px solid; border-left: #b2b2b2 1px solid; border-right: #b2b2b2 1px solid; border-top: #b2b2b2 1px solid; margin: auto 15px auto auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; background-color:#fff; }
a.imgl:visited { border-bottom: #b2b2b2 1px solid; border-left: #b2b2b2 1px solid; border-right: #b2b2b2 1px solid; border-top: #b2b2b2 1px solid; margin: auto 15px auto auto; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; background:none; }
a.imgl:hover { border-bottom: #949494 1px solid; border-left: #949494 1px solid; border-right: #949494 1px solid; border-top: #949494 1px solid; margin: auto 15px auto auto; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px; background:none; }

body {
	font-size: 1.1em;
	text-align: center; 
	color:#CCCCCC;
	background:#0d3e61 url(images/kristali_01.jpg) repeat-x;
}

.text { padding-left:10px; }

img {border:0px; text-decoration:none; font-weight:normal;  border-bottom: none; background:none; padding:0px;}

a#onama img {background: url(images/kristalib_09.jpg) top left no-repeat; height: 119px; width: 175px;}
a#diskografija img {background: url(images/kristalib_11.jpg) top left no-repeat; height: 136px; width: 175px;}
a#galerija img {background: url(images/kristalib_13.jpg) top left no-repeat; height: 128px; width: 175px;}
a#vijesti img {background: url(images/kristalib_15.jpg) top left no-repeat; height: 120px; width: 175px;}
a#multimedija img {background: url(images/kristalib_10.jpg) top left no-repeat; height: 124px; width: 186px;}
a#knjiga img {background: url(images/kristalib_12.jpg) top left no-repeat; height: 131px; width: 186px;}
a#linkovi img {background: url(images/kristalib_14.jpg) top left no-repeat; height: 132px; width: 186px;}
a#kontakt img {background: url(images/kristalib_16.jpg) top left no-repeat; height: 127px; width: 186px;}

a#onama:link img {background: url(images/kristali_09.jpg) top left no-repeat; height: 119px; width: 175px;}
a#diskografija:link img {background: url(images/kristali_11.jpg) top left no-repeat; height: 136px; width: 175px;}
a#galerija:link img {background: url(images/kristali_13.jpg) top left no-repeat; height: 128px; width: 175px;}
a#vijesti:link img {background: url(images/kristali_15.jpg) top left no-repeat; height: 120px; width: 175px;}
a#multimedija:link img {background: url(images/kristali_10.jpg) top left no-repeat; height: 124px; width: 186px;}
a#knjiga:link img {background: url(images/kristali_12.jpg) top left no-repeat; height: 131px; width: 186px;}
a#linkovi:link img {background: url(images/kristali_14.jpg) top left no-repeat; height: 132px; width: 186px;}
a#kontakt:link img {background: url(images/kristali_16.jpg) top left no-repeat; height: 127px; width: 186px;}

a#onama:visited img {background: url(images/kristali_09.jpg) top left no-repeat; height: 119px; width: 175px;}
a#diskografija:visited img {background: url(images/kristali_11.jpg) top left no-repeat; height: 136px; width: 175px;}
a#galerija:visited img {background: url(images/kristali_13.jpg) top left no-repeat; height: 128px; width: 175px;}
a#vijesti:visited img {background: url(images/kristali_15.jpg) top left no-repeat; height: 120px; width: 175px;}
a#multimedija:visited img {background: url(images/kristali_10.jpg) top left no-repeat; height: 124px; width: 186px;}
a#knjiga:visited img {background: url(images/kristali_12.jpg) top left no-repeat; height: 131px; width: 186px;}
a#linkovi:visited img {background: url(images/kristali_14.jpg) top left no-repeat; height: 132px; width: 186px;}
a#kontakt:visited img {background: url(images/kristali_16.jpg) top left no-repeat; height: 127px; width: 186px;}

a#onama:hover img {background: url(images/kristalib_09.jpg) top left no-repeat; height: 119px; width: 175px;}
a#diskografija:hover img {background: url(images/kristalib_11.jpg) top left no-repeat; height: 136px; width: 175px;}
a#galerija:hover img {background: url(images/kristalib_13.jpg) top left no-repeat; height: 128px; width: 175px;}
a#vijesti:hover img {background: url(images/kristalib_15.jpg) top left no-repeat; height: 120px; width: 175px;}
a#multimedija:hover img {background: url(images/kristalib_10.jpg) top left no-repeat; height: 124px; width: 229px;}
a#knjiga:hover img {background: url(images/kristalib_12.jpg) top left no-repeat; height: 131px; width: 186px;}
a#linkovi:hover img {background: url(images/kristalib_14.jpg) top left no-repeat; height: 132px; width: 186px;}
a#kontakt:hover img {background: url(images/kristalib_16.jpg) top left no-repeat; height: 127px; width: 186px;}


a.img {border:0px; text-decoration:none; font-weight:normal;  border-bottom: none; background-color:none; padding:0px; 	
filter:alpha(opacity=70);	-moz-opacity:0.7;	-khtml-opacity: 0.7;	opacity: 0.7; progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
a.img:visited {border:0px; text-decoration:none; font-weight:normal;  border-bottom: none; background-color:none; padding:0px; 	
filter:alpha(opacity=70);	-moz-opacity:0.7;	-khtml-opacity: 0.7;	opacity: 0.7;  progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
a.img:hover {border:0px; text-decoration:none; font-weight:normal;  border-bottom: none; background:none; padding:0px; 	
filter:alpha(opacity=100);	-moz-opacity:1.0;	-khtml-opacity: 1.0;	opacity: 1.0;  progid:DXImageTransform.Microsoft.Alpha(opacity=100);}


#content {
	width:997px;
	margin-left: auto;
	margin-right: auto;
}

.logo {
	width:997px;
	height:137px;
	background:url(images/kristali_03.jpg) no-repeat top;
	margin-left: auto;
	margin-right: auto;
} 

.logo2 {
	width:997px;
	height:130px;
	background:url(images/kristali_03.jpg) no-repeat top;
	margin-left: auto;
	margin-right: auto;
}

.top {
	width:997px;
	height:54px;
	background:url(images/kristali_05.jpg) no-repeat top;
	margin-left: auto;
	margin-right: auto;
} 

.middle {
	width:997px;
	height:629px;
	background:url(images/kristali_2_06.jpg) no-repeat top;
	margin-left: auto;
	margin-right: auto;
} 

.mleft {
	width:175px;
	margin-left: auto;
	margin-right: auto;
	float:left;
	display:inline;
} 

* html .mcenter {
	width:610px;
}

.mcenter {
	width:620px;
	margin-left: 175px;
	margin-right: 186px;
	text-align: justify;
	color:#353535;
} 

.mright {
	width:186px;
	margin-left: auto;
	margin-right: auto;
	float:right;
} 


.bottom {
	width:997px;
	height:93px;
	background:url(images/kristali_19.jpg) no-repeat top;
	margin-left: auto;
	margin-right: auto;
} 

a.tekst_menu:link { padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;  color:#a6a6a6; }
a.tekst_menu:visited { padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;  color:#a6a6a6; }
a.tekst_menu:hover { padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;  color:#fff; background-color:#083755; text-decoration:none; }


.bottom_menu {
	padding-top:60px;
	float:left;
	color:#7b7b7b;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	width:997px;
} 


.h48 {
	height:48px;
} 

.datum {
	width:150px;
	height:20px;
	padding-left: 188px;
	padding-top: 10px;
	float:left;
	color:#7b7b7b;
	font-size:1.1em;
} 

.posijete {
	width:150px;
	height:20px;
	padding-left: 315px;
	padding-top: 7px;
	float:left;
	color:#7b7b7b;
	font-size:1.1em;
} 

.broj_posj {
	color:#656565;
	font-size:1.2em;
} 

.uskoro {
	margin:auto;
	margin-top:100px;
	padding:5px;
	width:500px;
	font-size:2.0em;
	background-color:#e5e5e2;
	color:#333333;
}

#footer {
	width:100%;
	height:36px;
	color:#353535;
	margin:0px; 
	padding:0px;
	background:url(images/kristali_21b.jpg) repeat-x top;
}


.naslov {
	padding:10px;
	font-size:2.0em;
	font-weight:bold;
	color:#333333;
}

h2 {
	padding:2px;
	font-size:2.0em;
	font-weight:bold;
	color:#333333;
}

h3 {
	padding:5px;
	padding-left:22px;
	font-size:1.6em;
	font-weight:bold;
	color:#296d9e;
	background:url(images/arrow2.jpg) no-repeat left;
}

h4 {
	padding-top:5px;
	padding-bottom:5px;
	font-size:1.6em;
	font-weight:bold;
	color:#8c1616;
}

.popis_pjesama {
	padding-left:10px;
	padding-top:5px;
}

.album_cover {
	float:right;
	height:210px;
	width:185px;
	margin-top:10px;
	background-color:#FFFFFF;
	border:#999999 1px solid;
}

.album_rijeci {
	background-color: #FFFFFF;
}

.forma_ime {
	font-weight:bold;
	font-size:1.1em;
	padding:5px;
	color:#000;
	background:url(images/forma_bck.jpg) repeat;
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
	border: 1px solid #9d9d9d;
}

.forma_ime:hover, .forma_mail:hover, .forma_ostalo:hover {
	border: 1px solid #3f3f3f;
}

.forma_mail {
	font-size:1.1em;
	padding:5px;
	color:#000;
	background:url(images/forma_bck.jpg) repeat;
	font-family: "Courier New", Courier, monospace;
	border: 1px solid #9d9d9d;
}


.forma_ostalo {
	font-size:1.1em;
	padding:5px;
	color:#000;
	background:url(images/forma_bck2.jpg) repeat;
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif; 
	border: 1px solid #9d9d9d;
}

.forma_ostalo2 {
	font-size:1.1em;
	padding:5px;
	color:#000;
	background:url(images/forma_bck3.jpg) repeat;
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif; 
	border: 1px solid #9d9d9d;
}




* html .custombutton {cursor:hand;} 
.custombutton {padding:0; margin:0;border:none;background:none;cursor:pointer; padding-top:5px; }


.submitbutton {
    border: 1px solid #b4b4b4;
	padding: 2px;
    background: #fff;
	margin-top:5px;
}
.submitbutton:hover {
    border: 1px solid #e5e5e2;
	padding: 2px;
    background: #545454;
	color:#CCCCCC;
	margin-top:5px;
}

.guestbook_unos {
	padding:10px;
	background-color:#FFFFFF;
	border:#b4b4b4 1px solid;
	margin-bottom:5px;
	margin-top:5px;
}

.guestbook_autor {
	padding:5px;
	background-color:#ededed;
	border:#b4b4b4 1px solid;
	margin-bottom:5px;
}