@import url(nav.css);

*A { outline: none; color: #747474; }
.clear { clear: both; height: 1px; line-height: 1px; font-size: 1px; }
A { color: #747474; }
A:hover { color: #000000; }

H2 
{
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0px 8px 0px;	
}
H4 {
	margin-bottom: 3px;
}
STRONG {
	font-weight: bold;
}
EM {
	font-style: italic;
}
BODY {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #747474;
}
DIV#background{
	margin: 0px auto;
	width: 985px;
	background: url(../UserFiles/Image/background/background.jpg) repeat-y 0 0;
}

DIV#header {
	width: 951px;
	height: 344px;
	margin: 0 auto;
	padding: 0px;
}

DIV#header #logo {
	float: left;
	margin: 32px 0px 11px 20px;
}

DIV#header #header_image {
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 951px;
	height: 222px;
}

DIV#wrapper {
	width: 951px;
	margin: 0px auto;
	text-align: left;
	background: #fff; /* url(../images/body/wrapper.png) repeat-y 0 0; /*#0A2E78*/
}
H1#mainTitle{
	margin: 30px 0px 18px 223px;
	font-size: 24px;
	line-height: 24px;
}

#left {
	float: left;
	width: 192px;
}
#left #contentHTML {
	margin-top: 6px;
}

#main {
	width: 662px;
	margin: 0px 65px 0px 221px;
}

#main P {
	padding-bottom: 16px;
}

#main UL {
	padding: 0 0 16px 30px;
} 
#main UL LI {
	list-style-type: circle;
	padding-left: 10px;
}

#side_column {
	float: left;
	width: 116px;
}

A.print {
	margin-top: 20px;
	padding-left: 20px;
	background: transparent url(../images/icons/print.gif) no-repeat 0 50%;
	display: block;
	clear: both;
}

DIV#footer {
	background: #333333;
	width: 951px;
	height: 36px;
	border-top: solid 1px #393939;
	border-bottom: solid 1px #393939;
	margin: 70px auto 0px;
	text-align: left;
	color: #848484;
}
DIV#footer IMG#footer_image {
	float: left;
}
DIV#footer P{
	margin: 8px 0px 6px;
	font-size: 9px;
	line-height: 10px;
}
DIV#footer A {
	text-decoration: none;
	color: #848484;
}
DIV#footer A:hover {
	color: #ffffff;
}
/* <-- INDEX */
DIV.headerIndex {
	height: 46px!important;
	background: url(../images/nav/background_index.jpg) repeat-x 0 0;
	display: block;
	overflow: hidden;
}
DIV.navigationIndex{
	margin-top: 12px!important;
}
DIV#wrapperIndex {
	height: 534px;
	background:url(/UserFiles/Image/background/index.jpg) 0 0 no-repeat;
	width: 951px;
	margin: 0px auto;
	text-align: left;
	border-bottom: 1px solid #000000;
}
DIV#mainIndex{
	float: right;
	width: 370px;
	height: 480px;
	margin: 50px 0px 0px 0px;
	text-align: center;
}

DIV#mainIndex H3#title{
	margin: 20px auto 18px;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #698EA3;
}
DIV#mainIndex DIV.exhibition{
	width: 210px;
	margin: 5px auto 5px;
}
DIV#mainIndex DIV.exhibition_separator{
	width: 210px;
	margin: 5px auto 5px;
	height: 30px;
	background:url(/UserFiles/Image/background/indexCatalogSeparator.jpg) no-repeat center center;
}
DIV#mainIndex DIV.exhibition A{
	text-decoration: none;
	border: none;
	color: #B2B2B2;
}
DIV#mainIndex DIV.exhibition A:hover{
	color: #313130;
}
DIV#mainIndex DIV.exhibition A SPAN.exhibitionTitle{
	font-size: 15px;
	text-transform: uppercase;
	line-height: 16px;
	margin: 5px 0px 7px;
	display: block;
}
DIV#mainIndex DIV.exhibition A SPAN.exhibitionType{
	text-transform: lowercase;
}
DIV#mainIndex DIV.exhibition A#indexPrizeContest 
{
	margin: 30px 0px 0px;
	display: block;
}

DIV#main DIV.exhibitionDetails IMG, DIV#main DIV.exhibitionDetails IMG.left {
	float: left;
	margin: 0px 5px 5px 0px;
}
DIV#main DIV.exhibitionDetails IMG.right {
	float: right;
	margin: 0px 0px 5px 5px;
}
DIV#main DIV.exhibitionDetails IMG.center {
	display: block;
	margin: 5px auto;
}

DIV.footerIndex{
	margin: 10px auto!important;
	background: none!important;
	border: none!important;
	width: 951px;
	text-align: left;
}
DIV.footerIndex A:hover{
	color: #000000!important;
}
/* INDEX  --> */

/* <-- NEWS */
DIV.novost IMG.left {
	float: left;
	margin: 0px 5px 5px 0px;
}
DIV.novost IMG.right {
	float: right;
	margin: 0px 0px 5px 5px;
}
DIV.novost IMG.center {
	display: block;
	margin: 5px auto;
}
DIV.novost A.linkBack {
	display: block;
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

.novost H4 {
	font-size: 11px;
	color: #000;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.novost A.a {
	margin-top: 10px;
}
.novost A:hover {
	color: #000000;
}


DIV.novosti {
	clear: right;
	margin-bottom: 20px;
	display: block;
	overflow: hidden;
}
DIV.novosti A:hover{
	color: #000000;
}
DIV.novosti .imgLink{
	margin-right: 9px;
	float: left;
}
DIV.novosti DIV {
	display: inline;
}

DIV.pager A,
DIV.pager A:hover{
	text-decoration: none;
}
DIV#year_list{
	padding: 3px 15px 3px 27px;
	background: #ECECEC;
	text-align: right;	
	overflow: hidden;
}
/* NEWS --> */

/* <-- CATALOGS */
DIV#catalogSearch{
	padding: 3px 15px 3px 27px;
	background: #ECECEC;
	text-align: right;	
	overflow: hidden;
}
DIV#catalogSearch H3{
	float: left;
	font-weight: bold;
	font-size: 12px;
	margin: 3px 0px 10px;
}

DIV#catalogSearch .schInput{
	clear: both;
	width: 150px;
	margin: 2px 0px;
}
DIV#catalogSearch INPUT.schInput{
	clear: both;
	width: 146px;
	margin: 2px 0px;
}
/* CATALOGS --> */

/* <-- CATALOGS LIST */
DIV.catalog{
	border-top: 1px solid #F2F2F2;
	display: block;
	padding-left: 20px;
}
DIV.catalog A.catalogImage{
	background:#ECECEC;
	width: 143px;
	height: 188px;
	float: right;
	text-align: center;
	margin: 4px 10px 0px 0px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat; 
	background-position: center;
}
DIV.catalog A.catalogImage:hover{
	border-bottom: 1px solid #000;
}
DIV.catalog A.catalogImage IMG{
	
	vertical-align: middle;
}

DIV.catalog DIV.kosarica{
	width: 115px;
	height: 52px;
	margin-top: 140px;
	float: right;
}
DIV.catalog DIV.kosarica A{
	display: block;
	padding-left: 36px;
	line-height: 21px;
	text-decoration: none;
}
DIV.catalog DIV.kosarica A.more{
	background: url(/UserFiles/Image/background/basket-more.gif) no-repeat;
	margin-bottom: 10px;
}
DIV.catalog DIV.kosarica A.add{
	background: url(/UserFiles/Image/background/basket-add.gif) no-repeat;
}


DIV.catalog H3{
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;	
	line-height: 33px;
}
DIV.catalog H3 A,
DIV.catalog H3 A:hover{
	text-decoration: none;
}
DIV.catalog DIV.catalogData {
	margin-bottom: 5px;
	height: 160px;
}
/* CATALOGS LIST --> */


/* <-- CATALOGS DETAILS */
DIV.catalogDetails{
	
}
DIV.catalogDetails DIV.catalogImage{
	background:#ECECEC;
	width: 143px;
	height: 188px;
	text-align: center;
	overflow: hidden;
	background-repeat: no-repeat; 
	background-position: center;
}
/*DIV.catalogDetails DIV.catalogImage IMG{
	display: none;
}*/

DIV.catalogDetails DIV.catalogData{
	width: 500px;
	float: right;
}
DIV.catalogDetails DIV.catalogData DIV.kosarica{
	width: 120px;
	height: 77px;
	margin-right: 40px;
	float: right;
}
DIV.catalogDetails DIV.catalogData DIV.kosarica INPUT#howMuch{
	width: 60px;
}
DIV.catalogDetails DIV.catalogData DIV.kosarica A#add{
	display: block;
	padding-left: 36px;
	margin-top: 6px;
	line-height: 21px;
	text-decoration: none;
	background: url(/UserFiles/Image/background/basket-add.gif) no-repeat;
}

/* CATALOGS DETAILS --> */

/* <-- EXHIBITONS  */
DIV#main DIV.exhibition{
	width: 213px;
	height: 240px;
	float: left;	
	margin-left: 11px;
}
DIV#main DIV.exhibition A{
	text-decoration: none;
}
DIV#main DIV.exhibition A IMG{
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
}
DIV#main DIV.exhibition A:hover IMG{
	border-bottom: 1px solid #000;
}
DIV#main DIV.exhibition SPAN.exhibitionTitle{
	font-size: 15px;
	line-height: 16px;
	margin-top: 9px;
	display: block;
}
DIV#main DIV.exhibition A:hover{ 
	color: #000;
}
/* EXHIBITONS --> */

/* <-- EXHIBITS  */
DIV#exhibitImage {
	width: 394px;
	overflow: hidden;
	float: left;
	margin-right: 4px;
}
DIV#exhibitTitle {
	margin: 0px 0px 30px 400px;
}
DIV#exhibitList{
	width: 261px;
	margin: 0px 0px 0px 5px;
	overflow: hidden;
}
DIV#exhibitList DIV.exhibit {
	float: left;
	margin: 0px 0px 4px 3px;
	width: 63px;
	height: 64px;
}
DIV#exhibitList DIV.exhibit A{
	display: block;
}
DIV#exhibitList DIV.exhibit A:hover{
	border-bottom: 1px solid #000000;
}

/* EXHIBITS --> */

/* <-- MUSEUM SHOP */
DIV.shopItem {
	float: left; 
	margin: 0px 10px 10px 0px;
	width: 140px;
	height: 240px;
}
DIV.shopItemCd {
	float: left; 
	margin: 0px 10px 10px 0px;
	width: 140px;
	height: 160px;
}
DIV.shopItemPostcard {
	float: left; 
	margin: 0px 10px 10px 0px;
}
DIV.shopItemPostcard DIV {
	width: 140px;
	height: 240px;
	background-color: #ECECEC; 
	background-repeat: no-repeat; 
	background-position: center;
}

DIV.shopItem IMG, DIV.shopItemCd IMG {
	display: block;
	margin: 0px 0px 5px 0px;
}
H3.shopHeading {
	clear: both;
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	margin:0px 0px 8px 0px;
	color: #000;
}
P.shopText {
	clear: both;
	display: block;
}

/* MUSEUM SHOP --> */

/* <-- KOŠARICA */
H3#kosaricaNaslov{
	text-transform: capitalize;
	font-size: 10px;
	margin: 13px 10px;
}
DIV#kosaricaPrikaz{
	border: 1px solid #747474;
	border-left: none;
	width: 183px;
	height: 102px;
	overflow: hidden;
	padding: 5px;
}
DIV#kosaricaPrikaz TABLE {
	width: 100%;
}
DIV#kosaricaPrikaz A#naruci {
	display: block;
	padding-left: 36px;
	margin-top: 6px;
	line-height: 21px;
	text-decoration: none;
	background: url(/UserFiles/Image/background/basket-add.gif) no-repeat;
}
/* KOŠARICA -->  */

/* <-- NAGRADNA IGRA */

#prizeContest {
	width: 60%;
}
#prizeContest .error {
	border: 1px solid red;
}
#prizeContest P.error {
	padding: 10px;
	margin: 0px 0px 10px;
}
#prizeContest INPUT.error {
	width: 177px!important;
	height: 18px!important;
}
#prizeContest SPAN.question
{
	font-size: 12px;
	font-weight: bold;
	display: block;
	margin: 15px 0px 4px;
	padding-top: 8px;
	border-top: 1px solid #F2F2F2;
}
#prizeContest LABEL {
	display: inline;
	float: left;
	width: 100px;
	margin: 0px 5px 0px 10px;
}
#prizeContest LABEL.radio  
{
	display: block;
	float: none!important;
	margin: 2px 0px 0px 10px;
	height: 16px;
	width: auto;	
}
#prizeContest INPUT.radio {
	display: block;
	float: left;
	height: 16px;
	width: auto;
	margin: 0px 10px 0px 0px;
}
#prizeContest INPUT {
	display: block;
	margin: 0px auto 5px;
	height: 16px;
	width: 175px;
	font-size: 11px;
}
#prizeContest INPUT.submit {
	display: block;
	height: auto;
	width: auto;
	margin: 0px;
}
#prizeContest TEXTAREA {
	width: 100%;
	font-size: 11px;
	margin: 0px 0px 10px;
}	

/* NAGRADNA IGRA -->  */


/* <-- EDIT IN PLACE */
A.in_place_edit_button {
	float: right;
	border-bottom: 1px solid red;
	color: red;
	text-decoration: none;
	font-size: 10px;
}

.eip_wrapper { }

.eip_wrapper_over {
	background-image:url('../admin/images/backs/50p_ffd2.gif');
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../admin/images/backs/50p_ffd.png');*/
}
.eip_wrapper_over[class]{
	background-image:url('../admin/images/backs/50p_ffd.png');
}

