html { font-size: 100%; min-height: 100%; font-family: Tahoma, Helvetica, sans-serif; text-align: center; }
body { width:100%; padding: 0; margin: 0; font: 12px Tahoma, Helvetica, sans-serif; text-align: center; color: #555; background:#EFEFEF url(../Images/Bg.jpg) repeat-x top left; min-height: 100%;}
    
td { text-align: left;}
td.Right {text-align:right;} 
td.Center {text-align:center;} 

p { display: inline;}

#header { width: 100%; height: 170px; } 
#footer { background: #F1F1F1 url(../Images/Footer.gif) repeat-x top center; width: 100%; height: 136px; clear: both; margin-top : 50px; } 

/************************************************************************************************************
        PAGE WIDTH
************************************************************************************************************/
#small { width: 1005px; text-align: center; }
#wide { width: 95%; text-align: center; }


/************************************************************************************************************
        SPAN STYLES
************************************************************************************************************/
.DarkSmall{font: 11px Tahoma, Helvetica, sans-serif; color: #555555; font-style: italic;}
.DarkStrong{font: 17px Tahoma, Helvetica, sans-serif; color: #555555;}
.WhiteStrong{font: 17px Tahoma, Helvetica, sans-serif; color: #ffffff;}  
.PurpleSmall{font: 11px Tahoma, Helvetica, sans-serif; color: #890052;} 
.PurpleStrong{font: 17px Tahoma, Helvetica, sans-serif; color: #890052;}
.Ad{font: 12px Tahoma, Helvetica, sans-serif;}  


/************************************************************************************************************
        LINK STYLES
************************************************************************************************************/
a { text-decoration:none; color:#680955;}  
a:focus {text-decoration:none; color:#680955;}
a:hover {text-decoration:underline; color:#680955;}
a:active {text-decoration:none; color:#680955;}  

a.DarkSmall {font: 12px Tahoma, Helvetica, sans-serif; text-decoration:none; color:#555555;}  
a.DarkSmall:focus {text-decoration:none;}
a.DarkSmall:hover  {color:#680955; text-decoration:underline;}  
a.DarkSmall:active {text-decoration:none;}

a.PurpleStrong {font: 17px Tahoma, Helvetica, sans-serif; text-decoration:none; color:#680955;}  
a.PurpleStrong:focus {text-decoration:none;}
a.PurpleStrong:hover  {color:#680955; text-decoration:underline;}  
a.PurpleStrong:active {text-decoration:none;}

a.WhiteSmall {font: 12px Tahoma, Helvetica, sans-serif; text-decoration:none; color:#ffffff;}  
a.WhiteSmall:focus {text-decoration:none;}
a.WhiteSmall:hover  {color:#ffffff; text-decoration:underline;}  
a.WhiteSmall:active {text-decoration:none;}

.pagination { color: #7D7D7D; text-decoration: none; background: #F6F6F6; padding: 3px 5px 3px 5px; border: 1px solid #CDCDCD;}
.paginationCur { color: #7D7D7D; text-decoration: none; background: #F6F6F6; padding: 3px 5px 3px 5px; margin-bottom: 50px; border: 1px solid #CDCDCD; font-size: 17px; } 
a.pagination { color: #7D7D7D; text-decoration: none; background: #F6F6F6; padding: 3px 5px 3px 5px; margin-bottom: 50px; border: 1px solid #CDCDCD;}
a.pagination:hover, a.pagination:focus, a.pagination:active { background-color : #DFDFDF; color:#680955; }

a.letter { color: #ffffff; text-decoration: none; background: #680955; padding: 3px 5px 3px 5px; margin-bottom: 50px; border: 1px solid #801B6C;}
a.letter:hover, a.letter:focus, a.letter:active { background-color : #ffffff; color:#680955; } 

a.GalleryPic {color:#fefefe;}  
a.GalleryPic:focus {color:#fefefe;}
a.GalleryPic:hover  {color:#fefefe;}  
a.GalleryPic:active {color:#fefefe;}


/************************************************************************************************************
        FORMS
************************************************************************************************************/
input, select, textarea {padding: 2px; font-size: 12px; font-family: Tahoma; color: #555555; background: #F9F9F9; border: 1px solid #BEBFC1;}
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus {color: #555555; background: #F9F9F9; border: 1px solid #BEBFC1;}

.button {padding: 3px 3px 3px 3px; font: 12px Tahoma, Helvetica, sans-serif; color: #FEFEFE; background: #555 url(../Images/button.gif) repeat-x top left; border: 1px solid #; width: auto;}
.button:hover, .button:focus {color: #FEFEFE; background: #666; }

.buttonPretrazi, .buttonPretrazi:hover, .buttonPretrazi:focus { background: #680955 url(../Images/buttonPretrazi.gif) no-repeat top center; border: 0; width: 76px; height: 26px; }
.buttonPretrazi span { display:none; }


/************************************************************************************************************
        MENU
************************************************************************************************************/
#Menu { width: 650px; list-style:none; float:right; float: right;}
#Menu ul { display:inline; margin: 0; padding: 0; list-style: none; }
#Menu li { float: right; }
#Menu ul li a { display:block; float:left; height:32px; padding-left:15px; margin-right:2px; text-decoration: none; background:url(../Images/MenuBgd.gif) no-repeat left top;}
#Menu ul li a span { padding:10px 15px 0 0; height:25px; font: 12px Tahoma, Helvetica, sans-serif; color: #ffffff; text-transform: uppercase; display:block; float:left; background:url(../Images/MenuBgd.gif) no-repeat right top;}
#Menu ul li a:hover { background:url(../Images/MenuBg.gif) no-repeat left top; }
#Menu ul li a:hover span { background:url(../Images/MenuBg.gif) no-repeat right top; color:#ffffff; cursor:pointer; }
#Menu ul li.current a { background:url(../Images/MenuBg.gif) no-repeat left top; }
#Menu ul li.current a span { background:url(../Images/MenuBg.gif) no-repeat right top; color:#ffffff; }


/************************************************************************************************************
        SEARCH
************************************************************************************************************/
#search{background: url(../Images/indexSearch.gif) no-repeat left center; width: 1005px; padding:22px 0; margin: 0 auto; position:relative; clear: both; text-align: left; }
#search input{font-size: 17px; color: #555; padding:7px 0; width: 825px; border:none; background:none; padding-left: 40px;}
#search button{width: 100px; height: 29px; background: url(../Images/searchButton.gif) top right; position:absolute; right: 25px; top: 25px; margin: 0 auto; border: 0; padding: 0 0 2px 0; }
#search button span { font: 17px Tahoma, Helvetica, sans-serif; color: #666; }


/************************************************************************************************************
        TABLE HOOVER EFECT   
************************************************************************************************************/
table.css{  empty-cells: show;}
table.css tbody tr{ background: #F6F6F6; padding-left: 10px;}
table.css tbody tr.zebra { background: #F6F6F6; padding-left: 10px;}
table.hover tbody tr:hover{ background: #F0F0F0; padding-left: 10px;}


/*.Logo, .Logo a { display: block; width: 414px; height: 117px; margin: 0; border: 0;}
.Logo a span { display: none;}
.Logo a:hover {background-position: 0 -117px;}
*/


/************************************************************************************************************
        DIV
************************************************************************************************************/ 
#bannerT { width: 100%; height: 80px; margin: 10px 0 10px 0; text-align: right; } 
/*#bannerM { width: 100%; height: 100px; margin: 10px 0 10px 0; text-align: right; } */
#bannerM { width: 100%; height: 50px; margin: 10px 0 10px 0; text-align: center; } 

#shadow-container { position: relative; left: 3px; top: 3px; margin-right: 3px; margin-bottom: 3px; }
#shadow-container .shadow2, #shadow-container .shadow3, #shadow-container .containerTop { position: relative; left: -1px; top: -1px; }
#shadow-container .containerTopPic { position: relative; left: -1px; top: -1px; }
#shadow-container .container { position: relative; left: -1px; top: -1px; }
#shadow-container .shadow1 { background: #F1F0F1; }
#shadow-container .shadow2 { background: #E4E4E4; }
#shadow-container .shadow3 { background: #E4E4E4; }
#shadow-container .containerTop { background: #680955; border-left : 1px solid #BEBEBE; border-top : 1px solid #BEBEBE; border-right : 1px solid #BEBEBE; padding: 10px 20px 10px 20px; text-transform: uppercase; color: #FEFEFE; text-align: left; }    
#shadow-container .containerTopPic { background: #FEFEFE; border-left : 1px solid #BEBEBE; border-top : 1px solid #BEBEBE; border-right : 1px solid #BEBEBE; }
#shadow-container .container { background: #FEFEFE url(../Images/containerBg.gif) repeat-x bottom left; border-left : 1px solid #BEBEBE; border-bottom  : 1px solid #BEBEBE; border-right : 1px solid #BEBEBE; padding: 20px; }

#indexPic { background: url(../Images/Index.png) no-repeat top center; width: 960px; height: 400px; clear: both; }
#loadDjelatnost { padding: 2px; color: #680955; }
#loadNaselje { padding: 2px; color: #680955; }
#divTitle { text-transform: uppercase; } 

#mapBrowse { width:100%; height: 650px; } 
#mapUserView { width:100%; height: 400px; }
#mapUserEdit { width:100%; height: 320px; }
#mapCompany { width:100%; height: 400px; }
#mapSignUp { width:100%; height: 450px; }

.PicBg { width:319px; height: 290px; background: url(../Images/Pic/Bg.gif) no-repeat top center; padding: 35px 0 0 70px; }  

#ResultTxt  { width : 100%; }
#ResultTxt ul { width : 100%; margin: 0 auto; padding: 0; list-style: none; }
#ResultTxt ul li { padding: 3px 0px 3px 3px; text-decoration: none; text-align: left; }
#ResultTxt ul li.first { padding: 5px; background: #666; color: #FEFEFE; text-align: right; }
#ResultTxt ul li.result { background: #FEFEFE url(../Images/ResultTxtSep.gif) repeat-x bottom left; color: #555; text-align: right; padding: 5px; } 
#ResultTxt ul li.result:hover { background: #f6f6f6 url(../Images/ResultTxtSep.gif) repeat-x bottom left; color:#680955; } 
#ResultTxt ul li.last { background: none; text-align: right; }  
#ResultTxt ul li.result:hover a { color:#333; }
#ResultTxt ul li.result:hover a { color:#680955; } 

#AccountMenu ul { margin: 0; padding: 0; list-style: none; }   
#AccountMenu li span {display:block; margin:15px 0 15px 65px; font-size:11px; color:#666666; text-align: left;}
#AccountMenu li span strong {display:block; font: 17px Tahoma, Helvetica, sans-serif; color:#890052;}
#AccountMenu li a {background: #DCDCDC; display:block; padding:3px 0 5px; width:100%; -moz-border-radius:5px; -webkit-border-radius:5px;}
#AccountMenu li a:hover {text-decoration:none;    background-color:#D6D6D6;}
#AccountMenu li.Gallery a {background: #F6F6F6 url(../Images/AccountMenuGallery.gif) no-repeat top left;}
#AccountMenu li.Gallery a:hover {background: #F0F0F0 url(../Images/AccountMenuGallery.gif) no-repeat top left;}
#AccountMenu li.Saved a {background: #F6F6F6 url(../Images/AccountMenuSaved.gif) no-repeat top left;}
#AccountMenu li.Saved a:hover {background: #F0F0F0 url(../Images/AccountMenuSaved.gif) no-repeat top left;}
#AccountMenu li.Docs a {background: #F6F6F6 url(../Images/AccountMenuDocs.gif) no-repeat top left;}
#AccountMenu li.Docs a:hover {background: #F0F0F0 url(../Images/AccountMenuDocs.gif) no-repeat top left;}
#AccountMenu li.News a {background: #F6F6F6 url(../Images/AccountMenuNews.gif) no-repeat top left;}
#AccountMenu li.News a:hover {background: #F0F0F0 url(../Images/AccountMenuNews.gif) no-repeat top left;}
#AccountMenu li.Account a {background: #F6F6F6 url(../Images/AccountMenuAccount.gif) no-repeat top left;} 
#AccountMenu li.Account a:hover {background: #F0F0F0 url(../Images/AccountMenuAccount.gif) no-repeat top left;}

.Error { background-color: #680955; color: #fff; font-size: 17px; width: 100%; padding: 20px; }

div.img {margin: 2px; border: 1px solid #DFDFDF; height: auto; width: auto; float: left; text-align: center;}
div.img img {display: inline; margin: 3px; border: 1px solid #ffffff;}
div.img a:hover img {border: 1px solid #ffffff;}
div.desc {text-align: center; font-weight: normal; width: 200px; margin: 2px; background-color: #F6F6F6; color: #888888; padding: 2px; }


/************************************************************************************************************
        TAGS
************************************************************************************************************/
.word { padding: 4px 4px 4px 4px; letter-spacing: 3px;}
span.size1 { color: #890052; font-size: 2.4em;}
span.size2 { color: #890052; font-size:2.2em;}
span.size3 { color: #890052; font-size: 2.0em;}
span.size4 { color: #890052; font-size: 1.0em;}
span.size5 { color: #890052; font-size: 1.6em;}
span.size6 { color: #890052; font-size: 1.4em;}
span.size7 { color: #890052; font-size: 1.2em;}
span.size8 { color: #890052; font-size: .8em;}
span.size0 { color: #890052; font-size: .6em;}