/*------------------Revesh Robert Potography-----------------*/
html
{
height: 100%;
}

body
{
background-image:url(img/a/bg1.jpg);
background-repeat: repeat-x;
background-color: #7c0d13;
color: #fbb20d;
font-family: Verdana 20px;
text-align: center;
height: 100%;
}


#content
{
top: 0px !important;
_top:-5px;

height: auto !important;
height: 100%;
margin: 0 auto;
padding: 0;
padding-bottom: 50px;
border-right: 1px solid #4a0d0d;
text-align: left;
width: 697px;
background-color: #7c0d13;
position: relative;
min-height: 100%;
background-image:url(img/a/red3a.gif);
background-repeat: repeat-y;
}


#footer
{

margin: 0;
padding: 0;
position: absolute;
bottom: 0;


}


p.contact{
margin-left: 60px;
/*margin-top: 0;*/
font-size:13px;
}


.tel {
margin-left:20px;
}

img.pics{border:none;}

p.footer{
position: relative;
left: 100px;
bottom: -20px;
margin: 0;
padding: 0;
font-size: 13px;}

#arrow {
border: none;
margin-top: 10px;
margin-bottom: 50px;
font-size: 12px;
}
#arrow a:hover{color: white;}
img.arrow{margin-left: 15px;
border: none;}


#churcha {height: 350px;}
.crkvaa,.uboji{margin-top: 30px;
margin-bottom: 10px;}

a.gal {
margin: 2px;
float: left;
display: inline;
width: 10px;
height: 10px;
margin-bottom: 30px;
background-color:#5f0a0f;
border: 2px solid #7c0d13;}

a:hover.gal{
border: 2px solid ;
display: block;
/*border: 1px solid white;*/}

span.opis{
font-size:smaller;
}
img.uboji{
border: 1px solid black;
color: black;}

.bend{margin-left: 40px;}
#bend{}
/*--------------------START MENU-------------------*/

#menu{
position: absolute;
width:100px;
margin-top: 0;
margin-bottom: 0;
padding:0;}

img.headpic1 {border: none;}

img.headpic2 {
position:relative;
_top:-4px;/* show to IE */
border: none;}

img.headpic3 {
position:relative;
_top:-8px;/* show to IE */
border: none;}

img.headpic4 {
position:relative;
_top:-12px;/* show to IE */
border: none;}

/*--------------------END MENU-------------------*/



/*--------------------Start Gallery Menu------------------*/
ul, li {

list-style: none;
margin: 0px 0;
text-align: left;
padding-left: 20px;
}

/*-------------church button-------------*/
a.srollover4{

    display: block;

    width: 20px;

    height: 34px;

    background: url("img/a/churchm.gif") no-repeat;
  
 position: absolute;
 top: 243px;
    text-decoration: none;

}



a:hover.srollover4 {
 text-decoration: none;
    background-position:  0 -33px;
    }

#church .srollover4 { text-decoration: none;
    background-position:  0 -33px;
    } 
/*--madjarski meni-*/    
#madjarski a.srollover4{

    display: block;

    width: 20px;

    height: 34px;

    background: url("img/a/churchm.gif") no-repeat;
  
 position: absolute;
 top: 215px;
    text-decoration: none;

}



#madjarski a:hover.srollover4 {
 text-decoration: none;
    background-position:  0 -33px;
    }

#srpski a.srollover4{

    display: block;

    width: 20px;

    height: 27px;

    background: url("img/a/churchs.gif") no-repeat;
  
 position: absolute;
 top: 214px;
    text-decoration: none;

}



#srpski a:hover.srollover4 {
 text-decoration: none;
    background-position:  0 -27px;
    }


#hunexibitions a.srollover4{

    display: block;

    width: 20px;

    height: 68px;

    background: url("img/a/publicationsm.gif") no-repeat;
  
 position: absolute;
 top: 185px;
    text-decoration: none;

}



#hunexibitions a:hover.srollover4 {
 text-decoration: none;
    background-position:  0 -68px;
    } 
#engexibitions a.srollover4{

    display: block;

    width: 20px;

    height: 72px;

    background: url("img/a/publications.gif") no-repeat;
  
 position: absolute;
 top: 180px;
    text-decoration: none;

}
#engexibitions a:hover.srollover4 {
 text-decoration: none;
    background-position:  0 -71px;
     }                            
 
 #srpexibitions a.srollover4{

    display: block;

    width: 20px;

    height: 65px;

    background: url("img/a/publicationss.gif") no-repeat;
  
 position: absolute;
 top: 130px;
    text-decoration: none;

}



#srpexibitions a:hover.srollover4 {
 text-decoration: none;
    background-position:  0 -64px;}
 /*-------------dance button-------------*/   
a.srollover8 {

    display: block;

    width: 20px;

    height: 37px;

    background: url("img/a/dance.gif") no-repeat;
    position: absolute;
    top: 445px;

    text-decoration: none;

}



a:hover.srollover8 {
 text-decoration: none;
    background-position:  0 -37px;
    }
#dance .srollover8 { text-decoration: none;
    background-position:  0 -37px;}    

#madjarski a.srollover8 {

    display: block;

    width: 20px;

    height: 29px;

    background: url("img/a/dancem.gif") no-repeat;
    position: absolute;
    top: 430px;

    text-decoration: none;

}



#madjarski a:hover.srollover8 {
 text-decoration: none;
    background-position:  0 -29px;
    }    

#srpski a.srollover8 {

    display: block;

    width: 20px;

    height: 24px;

    background: url("img/a/dances.gif") no-repeat;
    position: absolute;
    top: 430px;

    text-decoration: none;

}



#srpski a:hover.srollover8 {
 text-decoration: none;
    background-position:  0 -23px;
    }          
 /*-------------thealter button-------------*/   
a.srollover5 {

    display: block;

    width: 20px;

    height: 50px;

    background: url("img/a/thealter.gif") no-repeat;
    position: absolute;
    top: 290px;

    text-decoration: none;

}

#madjarski a.srollover5 {
position: absolute;
top: 265px;}
#srpski a.srollover5 {
position: absolute;
top: 255px;}

a:hover.srollover5 {
 text-decoration: none;
    background-position:  0px -50px;
    }
      
#thealter .srollover5 { text-decoration: none;
    background-position:  0 -50px;}

#hunexibitions a.srollover5 {

    display: block;

    width: 20px;

    height: 62px;

    background: url("img/a/openingsm.gif") no-repeat;
    position: absolute;
    top: 270px;

    text-decoration: none;

}

#hunexibitions a:hover.srollover5 {
 text-decoration: none;
    background-position:  0px -61px;
    } 
                  
 /*-------------theatre button-------------*/   
a.srollover6 {

    display: block;

    width: 20px;

    height: 23px;

    background: url("img/a/6x6.gif") no-repeat;
    position: absolute;
    top: 360px;

    text-decoration: none;

}

a:hover.srollover6 {
 text-decoration: none;
    background-position:  0px -23px;
    }
#theatre .srollover6 { text-decoration: none;
    background-position:  0 -23px;}



#madjarski a.srollover6 {

    display: block;

    width: 20px;

    height: 23px;

    background: url("img/a/6x6.gif") no-repeat;
    position: absolute;
    top: 340px;

    text-decoration: none;

}



#madjarski a:hover.srollover6 {
 text-decoration: none;
    background-position:  0px -23px;
    } 
#srpski a.srollover6 {

    display: block;

    width: 20px;

    height: 23px;

    background: url("img/a/6x6.gif") no-repeat;
    position: absolute;
    top: 335px;

    text-decoration: none;

}



#srpski a:hover.srollover6 {
 text-decoration: none;
    background-position:  0px -23px;
    } 
    

#hunexibitions a.srollover6 {

    display: block;

    width: 20px;

    height: 49px;

    background: url("img/a/interviewm.gif") no-repeat;
    position: absolute;
    top: 350px;

    text-decoration: none;

}



#hunexibitions a:hover.srollover6 {
 text-decoration: none;
    background-position:  0px -48px;
    }

#engexibitions a.srollover6 {

    display: block;

    width: 20px;

    height: 57px;

    background: url("img/a/interview.gif") no-repeat;
    position: absolute;
    top: 270px;

    text-decoration: none;

}



#engexibitions a:hover.srollover6 {
 text-decoration: none;
    background-position:  0px -57px;
    }                      

#srpexibitions a.srollover6 {

    display: block;

    width: 20px;

    height: 49px;

    background: url("img/a/interviews.gif") no-repeat;
    position: absolute;
    top: 280px;

    text-decoration: none;

}



#srpexibitions a:hover.srollover6 {
 text-decoration: none;
    background-position:  0px -49px;
    }                          
     /*-------------portrait button-------------*/   
a.srollover3 {

    display: block;

    width: 20px;

    height: 49px;

    background: url("img/a/portrait.gif") no-repeat;
    position: absolute;
    top: 180px;

    text-decoration: none;

}



a:hover.srollover3 {
 text-decoration: none;
    background-position:  0px -50px;
    }
#portrait .srollover3 { text-decoration: none;
    background-position:  0 -50px;}
    
#madjarski a.srollover3 {

    display: block;

    width: 20px;

    height: 43px;

    background: url("img/a/portraitm.gif") no-repeat;
    position: absolute;
    top: 155px;

    text-decoration: none;

}
#madjarski a:hover.srollover3 {
 text-decoration: none;
    background-position:  0px -43px;
    }
#srpski a.srollover3 {

    display: block;

    width: 20px;

    height: 44px;

    background: url("img/a/portraits.gif") no-repeat;
    position: absolute;
    top: 155px;

    text-decoration: none;

}
#srpski a:hover.srollover3 {
 text-decoration: none;
    background-position:  0px -43px;
    }   
    
#hunexibitions a.srollover3 {

    display: block;

    width: 20px;

    height: 34px;

    background: url("img/a/awardsm.gif") no-repeat;
    position: absolute;
    top: 140px;

    text-decoration: none;

}
#hunexibitions a:hover.srollover3 {
 text-decoration: none;
    background-position:  0px -33px;
    } 
    
#engexibitions a.srollover3 {

    display: block;

    width: 20px;

    height: 44px;

    background: url("img/a/awards.gif") no-repeat;
    position: absolute;
    top: 120px;

    text-decoration: none;

}
#engexibitions a:hover.srollover3 {
 text-decoration: none;
    background-position:  0px -44px;
    } 
#srpexibitions a.srollover3 {

    display: block;

    width: 20px;

    height: 51px;

    background: url("img/a/awardss.gif") no-repeat;
    position: absolute;
    top: 210px;

    text-decoration: none;

}
#srpexibitions a:hover.srollover3 {
 text-decoration: none;
    background-position:  0px -51px;
    }                                                           
 /*-------------landscapes button-------------*/   
a.srollover2 {

    display: block;

    width: 20px;

    height: 68px;

    background: url("img/a/land.gif") no-repeat;
    position: absolute;
    top: 100px;

    text-decoration: none;

}



a:hover.srollover2 {
 text-decoration: none;
    background-position:  0px -68px;
    }
#landscapes .srollover2 { text-decoration: none;
    background-position:  0 -68px;}     
    
#madjarski a.srollover2 {

    display: block;

    width: 20px;

    height: 56px;

    background: url("img/a/landm.gif") no-repeat;
    position: absolute;
    top: 85px;

    text-decoration: none;

}

#madjarski a:hover.srollover2 {
 text-decoration: none;
    background-position:  0px -55px;
    }
#srpski a.srollover2 {

    display: block;

    width: 20px;

    height: 41px;

    background: url("img/a/lands.gif") no-repeat;
    position: absolute;
    top: 100px;

    text-decoration: none;

}

#srpski a:hover.srollover2 {
 text-decoration: none;
    background-position:  0px -40px;
    }          


#hunexibitions a.srollover2 {

    display: block;

    width: 20px;

    height: 61px;

    background: url("img/a/collectivem.gif") no-repeat;
    position: absolute;
    top: 65px;

    text-decoration: none;

}

#hunexibitions a:hover.srollover2 {
 text-decoration: none;
    background-position:  0px -60px;
    }          

#engexibitions a.srollover2 {

    display: block;

    width: 20px;

    height: 58px;

    background: url("img/a/collective.gif") no-repeat;
    position: absolute;
    top: 50px;

    text-decoration: none;

}

#engexibitions a:hover.srollover2 {
 text-decoration: none;
    background-position:  0px -58px;
    }


#srpexibitions a.srollover2 {

    display: block;

    width: 20px;

    height: 63px;

    background: url("img/a/collectives.gif") no-repeat;
    position: absolute;
    top: 50px;

    text-decoration: none;

}

#srpexibitions a:hover.srollover2 {
 text-decoration: none;
    background-position:  0px -63px;
    }    
  /*-------------jazz button-------------*/   
a.srollover7 {

    display: block;

    width: 20px;

    height: 25px;

    background: url("img/a/jazz.gif") no-repeat;
    position: absolute;
    top: 406px;

    text-decoration: none;

}

#madjarski a.srollover7 {
position: absolute;
top: 390px;}
#srpski a.srollover7 {
position: absolute;
top: 390px;}
a:hover.srollover7 {
 text-decoration: none;
    background-position:  0px -25px;
    }
#jazz .srollover7 { text-decoration: none;
    background-position:  0 -25px;}  
 /*-------------experimental button-------------*/   
a.srollover1 {

    display: block;

    width: 20px;

    height: 78px;

    background: url("img/a/experimental.gif") no-repeat;
    position: absolute;
    top: 10px;

    text-decoration: none;
    
}



a:hover.srollover1 {
 text-decoration: none;
    background-position:  0px -78px;
    }  
#experimental .srollover1 { text-decoration: none;
    background-position:  0 -60px;}
    
#madjarski a.srollover1 {

    display: block;

    width: 20px;

    height: 59px;

    background: url("img/a/experimentalm.gif") no-repeat;
    position: absolute;
    top: 10px;

    text-decoration: none;
    
}

#madjarski a:hover.srollover1 {
 text-decoration: none;
    background-position:  0px -58px;
    }
#srpski a.srollover1 {

    display: block;

    width: 20px;

    height: 78px;

    background: url("img/a/experimentals.gif") no-repeat;
    position: absolute;
    top: 10px;

    text-decoration: none;
    
}

#srpski a:hover.srollover1 {
 text-decoration: none;
    background-position:  0px -77px;
    }

#hunexibitions a.srollover1 {

    display: block;

    width: 20px;

    height: 41px;

    background: url("img/a/solom.gif") no-repeat;
    position: absolute;
    top: 10px;

    text-decoration: none;
    
}

#hunexibitions a:hover.srollover1 {
 text-decoration: none;
    background-position:  0px -40px;
    }  
    
#engexibitions a.srollover1 {
  display: block;

    width: 20px;

    height: 27px;

    background: url("img/a/solo.gif") no-repeat;
    position: absolute;
    top: 10px;

    text-decoration: none;
}                            

#engexibitions a:hover.srollover1 {
 text-decoration: none;
    background-position:  0px -26px;
    }  
#srpexibitions a.srollover1 {
  display: block;

    width: 20px;

    height: 27px;

    background: url("img/a/solo.gif") no-repeat;
    position: absolute;
    top: 10px;

    text-decoration: none;
}                            

#srpexibitions a:hover.srollover1 {
 text-decoration: none;
    background-position:  0px -26px;
    }  
                                   
a span {visibility: hidden;}       
    /*-----------------------*/
#menu1 { 
opacity: 0.999;
position: absolute;
left: 20px;
top:0px;}


/*--------------------End Gallery Menu-------------------*/

img.red2{position: relative;
top:0px !important;

border: none;
left:-1px;
left:0;
}

img.red1{
top:0px !important;

position: relative;
left:-1px;
left:0;
border: none;}

#text{
padding-left: 130px;
padding-right: 30px;
padding-top: 80px;
padding-bottom: 50px;
text-align: justify;}


/* ---------------------ona jedna centrirana pesma---------- */
div.centar{width: 200px;
text-align: center;}
/*--------------------START LINKS-------------------*/
a:link{
text-decoration: none;
color: #fbb20d;
}
a:hover{
text-decoration: none;
color: white;
}
a:visited{
text-decoration: none;
color: #fbb20d;
}

a:active{
text-decoration: none;
color: #fbb20d;
}

span.index {position: relative;
top: -140px;
left: 200px;
font-size:25px;
font-family:"Impact",sans-serif;
;}

a.index {color: black !important;}
/*--------------------END LINKS-------------------*/
img{ border: 1px solid #fbb20d;}

/*----------------begin index page---------------------*/
	#main{
	text-align: center;
	margin-top: -235px;
	margin-left: -250px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 470px;
	visibility: visible;}
	
p.indextext {
font: bold 12px Verdana;
color: white;
text-align: center;
position: relative;
top:30px;
_top:38px;
}

p.lang {

font: 7px/0px Verdana;
color: white;

margin-left: 42px;

text-transform: uppercase;

}


#language a:link, #language a:visited{
text-decoration: none;
color: white;
}
img.indexpic{
border: none;
position: absolute;
left: 50%; /*da bi slika uvek bila centrirana horizontalno i vertikalno*/
top: 50%;
margin-left: -250px;/*minus polovina visine*/
margin-top: -185px;/*minus polovina sirine*/
}
#language a:hover{
font-size:10px;
font-weight: bold;
color: #fbb20d;
}
.prazno{
margin-left: 30px;}

/*----------------end index page---------------------*/
h1{font-style: oblique;
font-size: 16px;
color: white;
font-weight: normal;
padding-bottom: 10px;
padding-top: 10px;}
.robert{text-align: center;}