@import url("reset_all.css");
@import url("table.css");

body#site {
	background-color: white;
	background-image: url(../Images/bck-picture.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

/*************************************************************/
/**      delovi stranice                                    **/
/*************************************************************/
#LeftTableCell, #RightTableCell{width:50%}
#CenterTableCell{border:0px solid red;}
   #CenterTableCellImg{width:780px;height:12px;}
#BodyContainer{width:780px;*width:auto;margin:0 auto;text-align:center;}
   
   
   #BodyHeader{width:780px;height:112px;}
  
body.sr-latin  #BodyHeader {
	background:url(../Images/grafima_top_sr.png) top left no-repeat;
} 

body.en  #BodyHeader {
	background:url(../Images/grafima_top_en.png) top left no-repeat;
} 
   
      #BodyHeaderDate{position:relative;float:left;margin:0px 0 0 0px;font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#383637;text-decoration:underline;}
      #BodyHeaderTitle{position:relative;float:right;margin:5px 10px 0 0;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
   #BodyMenu{width:780px;margin:0 auto;clear:both;padding:0 0 0 0;background-color:#bdbab9}
   #BodyCenter{width:780px;margin:0 auto;clear:both;background:#fff;border:0px solid red;}
      #BodyCenterLeft{position:relative;float:left;margin:0;width:179px;border:0px solid red;text-align:left;padding:8px 0 0;}
      #BodyCenterRight{position:relative;float:left;margin:0;width:583px;border:0px solid blue;}
   #BodyFooter{width:780px;margin:0 auto;clear:both;background:#fff;}
      #copyright{margin:0;padding:14px 0;color:#666;font-size:10px;}
      #copyright a{color: #666;}

.clear{clear:both;}
#BGFairLogoImageClass{
   float:right;
   margin:5px 5px 0 0;
}
#LogoImageClass{
   position:relative;
   float:left;
   margin:38px 5px 0 3px;
}
a,a:hover,a:visited{ color: #0abcf3; }
a:hover{ text-decoration:underline; }
a:focus{ color: #000000; }

p{
   display: block;
   padding: 3px 0px 3px 0px;
   margin: 0px 0px 0px 0px;
}

UL,OL{
   margin: 0px;
   padding: 0px 0px 0px 30px;
}
UL UL,
UL OL,
OL UL,
OL OL{
   margin: 0px;
   padding: 0px 0px 0px 15px;
}
.blockParagrafText OL LI{
   display: list-item;
   list-style: decimal;
}
UL LI,
UL.blockList LI{
   display: list-item;
/*
   list-style-image: url(../../Data/Images/listImage.gif);
*/
}
UL UL LI,
UL OL LI,
OL UL LI,
OL OL LI,
.blockListLevel2 LI{
   /*display: list-item;*/
/* list-style-image: url(../../Data/Images/listImageLevel2.gif);*/
}
UL UL UL LI,
UL UL OL LI,
UL OL UL LI,
UL OL OL LI,
OL UL UL LI,
OL UL OL LI,
OL OL UL LI,
OL OL OL LI,
.blockListLevel3 LI{
   /*display: list-item;*/
/* list-style-image: url(../../Data/Images/listImageLevel3.gif);*/
}


ol li {
}

ul {
   margin: 0px;
   padding: 0px;
   padding-left: 10px;
   
   list-style-type: none;
   list-style-image: none;
}

ul li {
	padding-left: 10px;
	background: url(../Images/bullet_level1.gif) 0px 5px no-repeat;
}





/* klase za tabele */
.TableClass1{
   width: 100%;
   margin: 0px 0px 0px 0px;
   border-top: 1px solid #ffffff;
/*
   border-right: 1px solid #ffffff;
*/
}
.TableClass1 thead td{
   padding: 6px 4px 6px 4px;
   background: url(../Images/head.gif) top left repeat-x;
   background-color: #b7b6b6;
   color: white;
   font-weight: bold;
   border-top: 1px solid #FFFFFF;
   border-bottom: 1px solid #e01b22;
}
.TableClass1 tbody td{
   padding: 2px 5px 2px 5px;
   background: #E4E4E4;
   font-weight: normal;
   border-top: 1px solid #FFFFFF;
   border-bottom: 1px solid #e9b6b8;
}
.TableClass1 tbody .dark td {
   background: #f8f0f0;
}
.TableClass1 tbody .svetlo td {
   background: #fdf6f6;
}
.TableClass1 thead td p,
.TableClass1 tbody td p{
   padding: 0px 0px 0px 0px;
}

/* custom styles */
/*
.classTitle{
   width: 100%;
   padding: 4px 19px 14px;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing:1px;
   background:url(../Images/BlockTitleBck.gif) top left no-repeat;
}
*/


/*************************************************************/
/**      globalne klase templejta textblokova               **/
/*************************************************************/
h1,
.classTitle,
.blockTitle{
   margin: 0px;
   margin-top: 5px;
   margin-bottom: 3px;
   padding: 3px;
   padding-right: 0px;
   padding-left: 27px;
   font-size: 16px;
   font-weight: bold;

   background-color: #e01b22;
   background-image: url(../Images/title.gif);
   background-repeat: no-repeat;
   background-position: 3px 0px;
   color: white;

}
.blockTitleTable{
   margin: 7px 0px 14px 0px;
}
.blockTitle:first-line{

}

h2,
.classSubtitle,
.blockSubtitle{
   width: 100%;
   padding: 12px 10px 0px 0px;
   font-size: 12px;
   font-weight: bold;
   color: #d6001d;
   letter-spacing: normal;
   vertical-align: bottom;
}
.blockParagrafHTML {
	padding: 0px;
	margin: 0px;
}
.blockTextAndTextLeft,
.blockTextAndTextRight,
.blockImageAndImageLeft,
.blockImageAndImageRight{
   width: 159px;
   padding: 4px 10px 15px 10px;
   font-weight: normal;
   color: #838181;
   letter-spacing: normal;
   vertical-align: top;
}
.blockTextAndImageLeftText,
.blockTextAndImageRightText,
.blockTextAndImageLeftImage
.blockTextAndImageRightImage,
.blockParagrafText,
.blockImage,
.blockImageOnTheLeft,
.blockImageOnTheRight,
.blockTemplates{
   width: 100%;
   padding: 4px 10px 15px 10px;
   font-weight: normal;
   color: #838181;
   letter-spacing: normal;
   vertical-align: top;
}
.blockParagrafText{
   padding: 4px 0 15px;
}
.blockTextAndImageRightText,
.blockTextAndImageLeftText{
   width: 100%;
   vertical-align:top;
}
.blockTextAndImageRightImage,
.blockTextAndImageLeftImage{
   text-align: center;
   vertical-align: top;
   padding: 0;
}
.blockImageOnTheLeft td,
.blockImageOnTheRight td{
   text-align: center;
}
.blockImageOnTheLeft td{
   padding: 0 0 10px;
}
.blockImageOnTheRight td{
   padding: 0 0 10px;
}
.blockImage img,
.blockImageAndImageLeft img,
.blockImageAndImageRight img,
.blockImageOnTheLeft img,
.blockImageOnTheRight img,
.blockTextAndImageRightImage img,
.blockTextAndImageLeftImage img{
   margin: 0px 0px 3px 0px;
   display: block;
}
.menuframe td{
   padding: 0px;
   text-align: left;
}
.menuframe img{
   margin: 0px;
}
.blockTableSearch,
.blockTableNews,
.blockTableSitemap{
   padding: 4px 15px 4px 15px;
   font-weight: normal;
   color: #838181;
   letter-spacing: normal;
   vertical-align: middle;
}

/*** button styles ***/
input.smallButton,
input.normalButton,
input.smallButtonOver,
input.normalButtonOver{
   border: 1px solid #B7B7B7;
   background: #E1E1E1;
   color: #900000;
   font: 10px Verdana,sans-serif;
   font-weight: normal;
   text-transform: uppercase;
   cursor: pointer;
}
input.smallButtonDisabled,
input.normalButtonDisabled{
   border: 1px solid #CCCCCC;
   background: #CCCCCC;
   color: #FFFFFF;
   font: 10px Verdana,sans-serif;
   font-weight: normal;
   text-transform: uppercase;
}
input.largeButton,
input.largeButtonOver{
   border: 1px solid #888888;
   background: #FFBA13;
   color: #000000;
   font: 11px Verdana,sans-serif;
   font-weight: normal;
   cursor: pointer;
}
input.smallButtonFixedSize,
input.normalButtonFixedSize,
input.smallButtonFixedSizeOver,
input.normalButtonFixedSizeOver{
   width: 80px;
   border: 1px solid #888888;
   background: #FFBA13;
   color: #000000;
   font: 10px Verdana,sans-serif;
   font-weight: normal;
   text-transform: uppercase;
   cursor: pointer;
}
input.smallButtonOver,
input.normalButtonOver,
input.largeButtonOver,
input.smallButtonFixedSizeOver,
input.normalButtonFixedSizeOver{
   color: #D6001D;
}

/*** input styles ***/
input.smallInput,
input.normalInput,
input.largeInput{
   font-family: Verdana, Arial, sans-serif;
   font-size: 10px;
   border: 1px solid #000000;
   background: #FFFFFF;
   color: #000000;
}
input.smallInput{
   width: 25px;
}


.errorMsg
{
   color: #444444;
   font-family: Verdana, Arial, sans-serif;
   font-size: 11px;
   text-decoration: none;
   display: block;
   background: #DDDDDD;
   border: 1px solid #BE0000;
   padding: 4px;
   margin-bottom: 10px;
}



/* LETO
#HeaderTable .HeaderTableLeftCell{background:url(../Images/leto/HeaderTableLeftCellBCK.jpg) top right no-repeat;}
#HeaderTable .HeaderTableCenterCell{background:url(../Images/leto/HeaderTableCenterCellBCK.jpg) top left no-repeat;}
#HeaderTable .HeaderTableRightCell{background:url(../Images/leto/HeaderTableRightCellBCK.jpg) top left no-repeat;}

.blockTitle{
   background:url(../Images/leto/blockTitleBCK.jpg) top left no-repeat;
}
 */

.slika,.slikaLatinica,.slikaEnglish
{padding:0px;
margin:0px;
vertical-align:top;
border:0px;
}

.slikaEnglish {
background:url(../Images/SajamSlike/Mapa-sajma_en.gif) top left no-repeat;
}
.slika{

background:url(../Images/SajamSlike/Mapa-sajma_cir.gif) top left no-repeat;
}
.slikaLatinica{
background:url(../Images/SajamSlike/Mapa-sajma_lat.gif) top left no-repeat;
}

#top_baner {
   display: block;
}

#top_baner ol {
   margin: 0px;
   padding: 0px;

   list-style-type: none;
   list-style-image: none;
}

#top_baner ol li {
   display: block;
}

/* images */
.classImageWithSolidBorder{
   border: 1px solid #b7b7b7;
   margin: 2px;
}
.classImageNoBorder{
   border: 0px solid #000000;
   margin: 2px;
}

.homeTopImage {
	display: block;

	margin: 0px;
	padding: 0px;
	padding-left: 2px;

	text-align: right;
}

span.roze {
	display: block;
	color: #e01b22;
	font-size: 12px;
	border-bottom: 1px solid #ffd3d5;
}

span.plavo {
	display: block;
	color: #005485;
	font-size: 12px;
	border-bottom: 1px dotted #0070b2;
	
}

/* GALERIJA */

.rowClass{
   display: block;
   
   margin: 6px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   float: left;
   width: 192px;
/*
   height: 154px;
*/
   background-position: top left;
   background-repeat: no-repeat;
   background-image: url("../Images/galerijaBKG.png");
}
.rowClass .cellInner{
   display: block;
}
.colClasssimage{
   padding: 28px 0px 0px 0px;
   text-align: center;
   width: 192px;
   height: 154px;
	display: table;
	_display: block;
	_position: relative;
	_overflow: hidden;
}
.colClasssimage a {
	display: table-cell;
	_display: block;
	_position: absolute;
	_top: 50%;
	_left: 50%;

	text-align: center;
	vertical-align: middle;
}
.colClasssimage img{
   _position: relative;
   _top: -50%;
   _left: -50%;
/*
   margin: 0px 10px 0px 10px;
*/
   border: 1px solid #A7A9AC;
}
.colClassname{
   display: none;
   text-align: center;
   padding: 0px 10px 0px 10px;
   height: 40px;
}
.colClassname .cellLink{
   font-size: 11px;
}

table span.galerija
{
	display: block;
	width: 192px;
	height: 154px;
	padding-top: 20px;
	text-align: center;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url("../Images/galerijaBKG.png");

}











/*******************************
	SEARCH BOX
*******************************/

div#searchbox {
	width: 152px;
	height: 50px;
	
	padding-top: 15px;
	
	background-image: url("../Images/searchBox.png");
	background-position: bottom left;
	background-repeat: no-repeat;
}

div#searchbox div#field {
	float: left;
	
	padding-top: 7px;
	padding-left: 14px;
}

div#searchbox input#searchtext {
	width: 116px;
	height: 15px;
	
	font-family: Arial, Verdana, Helvetica;
	font-weight: normal;
	font-size: 11px;
	
	color: #1d5993;
	
	background-color: transparent;
	border: 0px;
}

div#searchbox div#button {
	float: left;
	margin-left: -6px;
}

div#searchbox input.submitButton {
	width: 28px;
	height: 42px;
	
	border: 0px;
	
	background: url('../Images/searchButton_off.png') top left no-repeat;
	_behavior: url("UI/Style/iepngfix.htc");
}

div#searchbox input.submitButton:hover {
	background: url('../Images/searchButton_on.png') top left no-repeat;
	_behavior: url("UI/Style/iepngfix.htc");
}


/*******************************
	BACK TO PRINT
*******************************/

div#back_to_print_menu {
	display: block;
	
/*
	float: right;
*/
	
	margin-top: 20px;
/*
	margin-right: 8px;
*/
}

div#back_to_print_menu ol {
   margin: 0px;
   padding: 0px;
   
   list-style-type: none !important;
   list-style-image: none !important;
}

div#back_to_print_menu ol li {
   float: left;
   
   margin: 0px;
   margin-left: 8px;
   padding: 0px;
   background-image: none !important;
}

ol li a {

   background-image: none !important;
}

div#back_to_print_menu ol li a {
	list-style-image: none;
   background-image: none;
}

div#back_to_print_menu ol li a #b2p_back {
	width: 23px;
	height: 23px;
	background: url("../Menus/BackToPrint/Style/back_off.png") top left no-repeat;
}

div#back_to_print_menu ol li a:hover #b2p_back {
	width: 23px;
	height: 23px;
	background: url("../Menus/BackToPrint/Style/back_over.png") top left no-repeat;
}

div#back_to_print_menu ol li a #b2p_top {
	width: 23px;
	height: 23px;
	background: url("../Menus/BackToPrint/Style/top_off.png") top left no-repeat;
}

div#back_to_print_menu ol li a:hover #b2p_top {
	width: 23px;
	height: 23px;
	background: url("../Menus/BackToPrint/Style/top_over.png") top left no-repeat;
}

div#back_to_print_menu ol li a #b2p_home {
	width: 23px;
	height: 23px;
	background: url("../Menus/BackToPrint/Style/home_off.png") top left no-repeat;
}

div#back_to_print_menu ol li a:hover #b2p_home {
	width: 23px;
	height: 23px;
	background: url("../Menus/BackToPrint/Style/home_over.png") top left no-repeat;
}

div#back_to_print_menu ol li a #b2p_print {
	width: 23px;
	height: 23px;
	background: url("../Menus/BackToPrint/Style/print_off.png") top left no-repeat;
}

div#back_to_print_menu ol li a:hover #b2p_print {
	width: 23px;
	height: 23px;
	background: url("../Menus/BackToPrint/Style/print_over.png") top left no-repeat;
}

div#back_to_print_menu ol li a #b2p_mail {
	width: 23px;
	height: 23px;
	background: url("../Menus/BackToPrint/Style/mail_off.png") top left no-repeat;
}

div#back_to_print_menu ol li a:hover #b2p_mail {
	width: 23px;
	height: 23px;
	background: url("../Menus/BackToPrint/Style/mail_over.png") top left no-repeat;
}

div#back_to_print_menu ol li a #b2p_map {
	width: 23px;
	height: 23px;
	background: url("../Menus/BackToPrint/Style/map_off.png") top left no-repeat;
}

div#back_to_print_menu ol li a:hover #b2p_map {
	width: 23px;
	height: 23px;
	background: url("../Menus/BackToPrint/Style/map_over.png") top left no-repeat;
}

div#back_to_print_menu ol li a #b2p_web {
	width: 23px;
	height: 23px;
	background: url("../Menus/BackToPrint/Style/service_off.png") top left no-repeat;
}

div#back_to_print_menu ol li a:hover #b2p_web {
	width: 23px;
	height: 23px;
	background: url("../Menus/BackToPrint/Style/service_over.png") top left no-repeat;
}

div#back_to_print_menu ol li a #b2p_imp {
	width: 23px;
	height: 23px;
	background: url("../Menus/BackToPrint/Style/imp_off.png") top left no-repeat;
}

div#back_to_print_menu ol li a:hover #b2p_imp {
	width: 23px;
	height: 23px;
	background: url("../Menus/BackToPrint/Style/imp_over.png") top left no-repeat;
}