@import "hale_map.css";

body{
   vertical-align: top;
   background: #e1e1e1;
   color: #000000;
   margin: 0px;
}
body,td{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #6D6D6D;
   font-size: 11px;
}
span{
width:100%;
}
p{
   display: block;
   padding: 3px 0px 3px 0px;
   margin: 0px 0px 0px 0px;
}
form{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   /*border: 0px solid #FFFFFF;*/
}
textarea,input{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
}
a,a:visited,a:active{
   color: #539FDA;
}
a:hover{
   color: #fe6100;
}
a:focus{
   color: #000000;
}
a img{
   border: 0px;
}
UL,
OL{
   margin: 0px;
   padding: 0px 0px 0px 15px;
}
UL UL,
UL OL,
OL UL,
OL OL{
   margin: 0px;
   padding: 0px 0px 0px 10px;
}
LI,
.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);*/
}

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

/* custom styles */
.classSubtitle{
   width: 100%;
   padding: 18px 10px 2px 7px;
   font-size: 11px;
   font-weight: bold;
   color: #00adda;
   letter-spacing: normal;
   height: 15px;
   background: url(../Images/Beckgrounds/podnaslovBeck1.gif) no-repeat bottom left;
   margin-bottom:5px;
margin-right:3px;
display:block;

}


/* klase za tabele */
.TableClass1 thead td{
   padding: 10px 5px 10px 5px;
   background: #a9d9e5;
   color: #827d7b;
   font-weight: bold;
   /*border-top: 1px solid #FFFFFF;*/
   border-bottom: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF;
}
.TableClass1 tbody td{
   padding: 3px 5px 3px 5px;
   background: #e5ebee;
   color: #827d7b;
   font-weight: normal;
   border-top: 1px solid #FFFFFF;
   border-bottom: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF;
}
.TableClass1 thead td p,
.TableClass1 tbody td p{
   padding: 0px 0px 0px 0px;
}

.TableClass2{
   margin: 0px 0px 0px 0px;
}
.TableClass2 thead td{
   padding: 6px 5px 3px 5px;
   background: #ffffff;
   color: #827d7b;
   font-weight: bold;
   /*border-top: 1px solid #FFFFFF;*/
}
.TableClass2 tbody td{
   padding: 2px 5px 3px 5px;
   background: #ffffff;
   color: #827d7b;
   font-weight: normal;
   border-top: 1px solid #d2d0cf;
   text-align: left;
   vertical-align: top;
}
.TableClass2 tbody tr.firstrow td{
   border-top: 0px solid #ffffff;
}
.TableClass2 tbody td.left {
  text-align: right;
  border-right: 1px solid #d2d0cf;
}




/*************************************************************/
/**      globalne klase templejta textblokova               **/
/*************************************************************/
.blockTitle{
   color: #fe6100;
   font-size: 14px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-weight: bold;
   letter-spacing: normal;
   padding: 16px 10px 10px 30px;
   text-align: left;
   text-transform: none;
   vertical-align: top;
   background: url(../Images/Beckgrounds/naslovBeck.gif) no-repeat  bottom left;
   width: 560px;
}
.blockTitleTable{
   margin: 7px 0px 14px 0px;
}
.blockTitle:first-line{
   text-transform: none;
}
.blockSubtitle{
   width: 100%;
   padding: 8px 10px 2px 30px;
   font-size: 11px;
   font-weight: bold;
   color: #00adda;
   letter-spacing: normal;
   height: 15px;
   background: url(../Images/Beckgrounds/podnaslovBeck.gif) no-repeat bottom left;
   margin-bottom:20px;
   display:block;
}
.blockTextAndTextLeft,
.blockTextAndTextRight,
.blockImageAndImageLeft,
.blockImageAndImageRight{
   /*width: 159px;*/
   padding: 5px 0px 5px 23px;
   font-weight: normal;
   color: #707070;
   letter-spacing: normal;
   vertical-align: top;
}
.blockTextAndImageLeftText,
.blockTextAndImageRightText,
.blockTextAndImageLeftImage
.blockTextAndImageRightImage,
.blockParagrafText,
.blockImage,
.blockImageOnTheLeft,
.blockImageOnTheRight,
.blockTemplates{
   width: 100%;
   padding: 5px 0px 5px 23px;
   font-weight: normal;
   color: #707070;
   letter-spacing: normal;
   vertical-align: top;
   text-align: justify;
}
.blockParagrafText{
   padding: 5px 0px 5px 23px;
   width:568px;
}
.blockTextAndImageRightText,
.blockTextAndImageLeftText{
   width: 100%;
   vertical-align:top;
}
.blockTextAndImageRightImage,
.blockTextAndImageLeftImage{
   text-align: center;
   vertical-align: top;
   padding: 0px 10px 0px 23px;
}
.blockImageOnTheLeft td,
.blockImageOnTheRight td{
   text-align: center;
}
.blockImageOnTheLeft td{
   padding: 0px 10px 10px 0px;
}
.blockImageOnTheRight td{
   padding: 0px 0px 10px 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: #707070;
   letter-spacing: normal;
   vertical-align: middle;
}


/*************************************************************/
/**      delovi stranice                                    **/
/*************************************************************/

.levo{ background: #E1E1E1 url(../Images/Beckgrounds/leviBeckround.gif) top right repeat-y;}
.desno{background:#e1e1e1;}
.sredina{background: #ffffff; }
.goreLevoSlika{background:url(../Images/Beckgrounds/slikaGoreLevo.jpg) top left no-repeat;}
/*
.bgdSajam{background:url(../Images/Beckgrounds/beogradskiSajam.gif) left no-repeat;}
*/
.desniOkvir{ background:  #E1E1E1 url(../Images/Beckgrounds/desniCosakGore.gif) top left no-repeat;}
.crtaDole{ background:url(../Images/Beckgrounds/beckgroundGornji.gif) repeat-x;}
.sajamSearchRupa{ width:300px;;background:url(../Images/Beckgrounds/beckroundSearchRupe.gif) bottom repeat-x;}
.sredinaDesno{background:url(../Images/Beckgrounds/sredinaDesno.gif) top right repeat-y; text-align:right;}
.plavaKocka{background:url(../Images/Beckgrounds/plavaKocka.gif) top left no-repeat; height:86px;}
.dno{background:url(../Images/Beckgrounds/beckgroundDno.gif) top right no-repeat; text-align:right; padding-right:5px;font-size:10px; }
.plava{ background-color:#00adda;}
.belo{background:#FFFFFF;}
.dnoMenija{background:url(../Images/Beckgrounds/dnoLevogMenijaStrane.gif) top left no-repeat;}
.beckToPrintBeck{background:url(../Images/Beckgrounds/beckToPrintBeck.gif) center right no-repeat;}
#sredinacentar{padding-right:10px}
.jezici{text-align:right;width:190px;}

/* tabela siva */
.tabela2{ color:#827d7b; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
.jedanJedan,.dvaJedan,.triJedan,.cetiriJedan,.petJedan{ width:25%; border-right:1px solid #827d7b;text-align:right;padding:2px 10px 2px 0px}
.jedanDva,.dvaDva,.triDva,.cetiriDva,.petDva{ width:75%; text-align:left; padding:2px 0px 2px 10px}
.dvaJedan,.cetiriJedan{border-top:1px solid #827d7b;border-bottom:1px solid #827d7b;}
.dvaDva,.cetiriDva{border-top:1px solid #827d7b;border-bottom:1px solid #827d7b;}

/* tabela KONTAKT */

.tableClassKontakt{color:#827d7b; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.levaKontaktTabela{ text-align:right; padding-right:5px; width:25%; border-right:3px solid #d4d1d1;}
.desnoKontakt{border-left:3px solid #d4d1d1; padding:3px 0px 3px 5px;}
.mail,.mail a:visited{color:#00adda;}


#partLevelX0{
   color: #000000;
   background: url(../Images/traka_zuta_ivica_dole.gif) repeat-x top left;
   width: 100%;
}

#partTLLevelX0{
   width: 164px;
   vertical-align: top;
   background: #D2D2D2;
}

#partTLLevelX0 .content{
   width: 165px;
}

#partTRLevelX0{
   vertical-align: top;
   color: #000000;
   width: 100%;
   height: 100%;
}
#partTRLevelX1{
}

#central{
   padding: 0px;
   vertical-align: top;
}

#mainbodyitem{
}

#partBLLevelX0{
   width: 164px;
   vertical-align: top;
   background: #D2D2D2;
}
#partBRLevelX0{
   vertical-align: top;
   text-align: right;
   color: #000000;
   width: 100%;
   height: 15px;
}




/*** button styles ***/
input.smallButton,
input.normalButton,
input.smallButtonOver,
input.normalButtonOver{
   border: 1px solid #7c7877;
   background: #fe6100;
   color: #ffffff;
   font: 10px Verdana,sans-serif;
   font-weight: bold;
   text-transform: uppercase;
   cursor: pointer;
}
input.smallButtonDisabled,
input.normalButtonDisabled{
   border: 1px solid #7c7877;
   background: #fe6100;
   color: #ffffff;
   font: 10px Verdana,sans-serif;
   font-weight: bold;
   text-transform: uppercase;
}
input.largeButton,
input.largeButtonOver{
   border: 1px solid #7c7877;
   background: #fe6100;
   color: #ffffff;
   font: 11px Verdana,sans-serif;
   font-weight: bold;
   cursor: pointer;
}
input.smallButtonFixedSize,
input.normalButtonFixedSize,
input.smallButtonFixedSizeOver,
input.normalButtonFixedSizeOver{
   width: 80px;
   border: 1px solid #7c7877;
   background: #fe6100;
   color: #ffffff;
   font: 10px Verdana,sans-serif;
   font-weight: bold;
   text-transform: uppercase;
   cursor: pointer;
}
input.smallButtonOver,
input.normalButtonOver,
input.largeButtonOver,
input.smallButtonFixedSizeOver,
input.normalButtonFixedSizeOver{
   color: #000000;
}

/*** 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;
}
#copyright{
   color: #565856;
   font-size: 10px;
   font-weight: normal;
   text-align: right;
}
#copyright a{
   color: #565856;
   font-weight: bold;
}


/*** SAJAM ***/


.addVspace {
   display: block;
   margin-bottom: 5px;
}
.sajamSingleHeader {
   padding: 0px;
   border: 0px;
   width: 100%;
}
.sajamSingleHeader .opis {
   padding-left: 7px;
   padding-right: 5px;
   padding-bottom: 15px;
   text-align: left;
   vertical-align: top;
   font-weight: normal;
}
.sajamSingleHeader .opis .kratakOpis {
   /*font-size: 12px;
   font-weight: bold;*/
}
.sajamTopPartWithLogo {
   padding: 0px;
   margin: 0px;
   border: 0px;
   width: 100%;
}
.sajamTopPartWithLogo .dates {

   font-weight: bold;
   color: #ffffff;
   background-color: #00adda;
   padding-left: 8px;
   padding-right: 8px;
   padding-top: 3px;
   padding-bottom: 3px;
   width: 185px;
}
.sajamTopPartWithLogo .left {
   text-align: left;
   vertical-align: top;
   width: 100%;
   padding-right: 15px;
}
.sajamTopPartWithLogo .right {
   text-align: right;
   vertical-align: top;
}
.sajamSingleDetailsTable {
   padding: 0px;
   border: 0px;
   width: 100%;
}
.sajamSingleDetailsTable .title {
   font-weight: bold;
   padding-top: 10px;
   padding-right: 5px;
   padding-left: 7px;
   padding-bottom: 4px;
   background: url(../Images/Beckgrounds/podnaslovBeck1.gif) no-repeat bottom left;
   margin-right:3px;
   color: #00adda;
   text-align: left;
   vertical-align: top;
}
.sajamSingleDetailsTable .value {
   text-align: left;
   vertical-align: top;
   padding-right: 5px;
   padding-left: 7px;
   padding-bottom: 10px;
}
.sajamSingleDetailsTable .h .title {
}
.sajamSingleDetailsTable .h .value {
}
.sajamSingleDetailsTable .v .title {
}
.sajamSingleDetailsTable .v .value {
}

.sajamSingleShort {
   border: 0px;
   padding: 0px;
   margin: 0px;
}
.sajamSingleShort .logo {
   width: 120px;
   text-align: left;
   vertical-align: top;
}
.sajamSingleShort .opis {
   text-align: left;
   vertical-align: top;
}
.sajamSingleShort .opis a,
.sajamSingleShort .opis a:visited,
.sajamSingleShort .opis a:hover {
   font-weight: bold;
   text-decoration: none;
}
.sajamSingleShort .opis a:hover {
   text-decoration: underline;
}
.sajamSingleShort .opis .vSpacedBlock a {
   font-weight: normal;
}
.sajamSBox {
   padding-left: 10px;
   padding-top: 30px;
   padding-right: 0px;
   padding-bottom: 0px;
   background-color:#00adda;

}
.sajamSBox select {
   width: 190px;
   font-size: 9px;
   color: #ffffff;
   background: #fe6000;
}


/* mapa sajma */
.cetrnaest{
position:absolute;
top:60px;
left:164px;
width:74px;
height:108px;
}
#hala1 {
   position:absolute;
   left:137px;
   top:177px;
   width:106px;
   height:107px;
}
#hala5 {
   position:absolute;
   left:141px;
   top:291px;
   width:28px;
   height:51px;
}
#hala2 {
   position:absolute;
   left:126px;
   top:344px;
   width:55px;
   height:106px;
}
#hala4 {
   position:absolute;
   left:130px;
   top:458px;
   width:19px;
   height:66px;
}
#hala3 {
   position:absolute;
   left:124px;
   top:547px;
   width:57px;
   height:79px;
}

.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;
}

.slikaEnglish td,.slikaLatinica td, .slika td{padding:0px;

margin:0px;
vertical-align:top;
text-align:left;
border:0px;}


/*** sajam - dodatak (home) ***/
.homeNextTable {

}
.homeNextTable .left {
   vertical-align: top;
   text-align: left;
   width: 100%;
   padding-bottom: 15px;
}
.homeNextTable .right {
   vertical-align: top;
   text-align: right;
   padding-top: 10px;
   padding-right: 20px;
   padding-bottom: 150px;
}
.sajamSingleForHomeNext {
   margin-left: 20px;
   margin-top: 10px;
   margin-bottom: 5px;
}
.sajamSingleForHomeNext .logo {
   vertical-align: top;
   padding-right: 8px;
}
.sajamSingleForHomeNext .logo .logoWrapper {
   display: block;
   border: 1px solid #fe6000;
}
.sajamSingleForHomeNext .logo .logoWrapper img {
   /*border: 1px solid #fe6000;*/
   border: 5px solid #ffffff;
}
.sajamSingleForHomeNext .details {
   vertical-align: top;
   text-align: left;
   padding-right: 10px;
}
.sajamSingleForHomeNext .details .naziv {
   vertical-align: top;
   text-align: left;
   padding-left: 2px;
}
.sajamSingleForHomeNext .details .naziv a,
.sajamSingleForHomeNext .details .naziv a:hover,
.sajamSingleForHomeNext .details .naziv a:visited {
   font-weight: bold;
   color: #fe6000;
   text-decoration: none;
}
.sajamSingleForHomeNext .details .naziv a:hover {
   text-decoration: underline;
}
.sajamSingleForHomeNext .details .termin {
   vertical-align: top;
   text-align: left;
}
.sajamSingleForHomeNext .details .termin .sajamTermin {
}
.sajamSingleForHomeNext .details .termin .sajamTermin td {
   background-color: #00adda;
   color: #ffffff;
   font-weight: bold;
   font-size: 10px;
   padding: 3px 8px 3px 8px;
   border-right: 1px solid #ffffff;
}
.sajamSingleForHomeNext .details .opis {
   vertical-align: top;
   text-align: left;
   padding-left: 2px;
   padding-right: 10px;
   /*background: url(../Images/homeNextOpisBck.gif) bottom right no-repeat;*/
}



.sajamSingleForHomeSelected {
   margin-left: 20px;
   margin-top: 10px;
   margin-bottom: 5px;
   width: 100%;
}
.sajamSingleForHomeSelected .logo {
   vertical-align: top;
   padding-right: 10px;
}
.sajamSingleForHomeSelected .details {
   vertical-align: top;
   text-align: left;
   padding-right: 20px;
   width: 100%;
}
.sajamSingleForHomeSelected .details .naziv {
   vertical-align: top;
   text-align: left;
   padding-left: 2px;
}
.sajamSingleForHomeSelected .details .naziv a,
.sajamSingleForHomeSelected .details .naziv a:hover,
.sajamSingleForHomeSelected .details .naziv a:visited {
   font-weight: bold;
   color: #00adda;
   text-decoration: none;
}
.sajamSingleForHomeSelected .details .naziv a:hover {
   text-decoration: underline;
}
.sajamSingleForHomeSelected .details .termin {
   vertical-align: top;
   text-align: left;
}
.sajamSingleForHomeSelected .details .termin .sajamTermin {
}
.sajamSingleForHomeSelected .details .termin .sajamTermin td {
   background-color: #a7a4a2;
   color: #ffffff;
   font-weight: bold;
   font-size: 10px;
   padding: 3px 8px 3px 8px;
   border-right: 1px solid #ffffff;
}
.sajamSingleForHomeSelected .details .opis {
   vertical-align: top;
   text-align: left;
   padding-left: 2px;
   padding-right: 10px;
   /*background: url(../Images/homeNextOpisBck.gif) bottom right no-repeat;*/
}
.sajamSingleForHomeSelected .details .opis .hale {
   font-style: italic;
   font-size: 10px;
}
.sajamSeparator {
   width: 100%;
}
.sajamSeparator2 {
   padding-right: 20px;
   padding-left: 20px;
   width: 100%;
}
.sajamSeparator3 {
   width: 100%;
}
.sajamSeparator4 {
   width: 100%;
   height: 1px;
   background: url(../Images/sajamHomeSeparator.gif) top left repeat-x;
}
.sajamNextHeader {
   width: 100%;
}
.sajamNextHeader2 {
   padding-right: 20px;
   padding-left: 20px;
   width: 100%;
}
.sajamNextHeader3 {
   width: 100%;
}
.sajamNextHeader4 {
   width: 100%;
   height: 4px;
   background: #91c8df;
}

.vSpacedBlock {
   display: block;
   margin-top: 10px;
}
.homeflash {
   padding-top: 10px;
   padding-left: 20px;
   padding-bottom: 5px;
}