html {
  overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}
     
body {
  font-family: Verdana;
  font-size: 12px;
  background-color: #000000;
  scrollbar-face-color: #EEEEEE;
  scrollbar-highlight-color: #D0D0D0;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-arrow-color: #D0D0D0;
  scrollbar-track-color: #EEEEEE;
  scrollbar-darkshadow-color: #D0D0D0;
  
  background-image: url('images/pozadina.jpg');
  background-position: 50% 0%;
  background-repeat: no-repeat;
  /*background-repeat: repeat-x;
  background-repeat: repeat-y;*/
  color: #222;
  font: 12px Verdana;
  line-height: 125%;
  margin: 0;
  padding: 0; /* required for Opera to have 0 margin */
  text-align: center; /* centers board in MSIE */
}
	
table.okvir {
  background-color: #000000;
  font: Verdana;
  font-size: 12px;
  border-color: #FF9000;
  border-style: solid;
  border-width: 1px;
  color: #6F6F6F;
  width: 970px;
  margin-top: 20px;
  margin-bottom: 50px;
}

.banner {
  background-image: url('images/banner.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  height: 200px;
}

.lineh {
  background-color: #FF9000;
  height: 1px;
}

table.sadrzaj {
  background-color: #000000;
  font: Verdana;
  font-size: 12px;
  width: 970px;
}

.linew {
  background-color: #FF9000;
  width: 1px;
}

/* LJevi dio */


.ljevo {
  background-color: #000000;
  width: 188px;
  vertical-align: top; 
}

table.ljevo {
  background-color: #000000;
  font: Verdana;
  font-size: 12px;
  width: 188px;
}

.zastave {
  background-color: #000000;
  height: 20px;
  width: 188px;
  text-align: center;
}

table.zastave {
  background-color: #000000;
  width: 188px;
  text-align: center;	
}

.mapa {
  background-color: #000000;
  background-image: url('images/istra.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  height: 220px;
}

.prognoza {
  background-color: #000000;
  height: 170px;
}

table.prognoz {
  background-color: #000000;
  font: Verdana;
  font-size: 11px;
  width: 188px;
}

.tempnaslov {
  background-color: #000000;
  color: #FFFFFF;
  height: 20px;	
}

.tempbroj {
  background-color: #000000;
  color: #FF9000;
  height: 20px;	
}

.izbornik {
  background-color: #000000;
  height: 150px;
}

table.izbornik {
  background-color: #000000;
  font: Verdana;
  font-size: 12px;
  width: 188px;
}

.link {
  background-color: #000000;
  background-image: url('images/izbornik_pozadina.gif');
  font: Verdana;
  font-size: 12px;
  color: #FFF;
  width: 188px;
  height: 24px;
  vertical-align: middle; 
  text-align: right;	
}

.linkx {
  background-color: #000000;
  background-image: url('images/izbornik_pozadina_hover.gif');
  font: Verdana;
  font-size: 12px;
  color: #000;
  width: 188px;
  height: 24px;
  vertical-align: middle; 
  text-align: right;	
}


a.rel {
  display: block;
  color: #FFF;
  text-decoration: none;
  padding-left: 0px;
  line-height: 2;
  vertical-align: middle;
  padding-right: 5px; 	
}

a.rel:hover {
  color: #000;
  background-color: #000000;
  background-image: url('images/izbornik_pozadina_hover.gif');
  text-decoration: none;
  line-height: 2;
  vertical-align: middle; 		
}

a.relx {
  display: block;
  color: #000;
  text-decoration: none;
  padding-left: 0px;
  line-height: 2;
  vertical-align: middle;
  padding-right: 5px; 	
}

a.links {
  color: #6F6F6F;
  text-decoration: none;	
}

a.links:hover {
  color: #6F6F6F;
  text-decoration: underline;	
}


.linkl {
  background-color: #333333;
  height: 1px;
}	

.akcija {
  background-color: #000000;
  height: 135px;
}

/* Centralni dio */


.centralni {
  background-color: #000000;
  width: 530px;
  vertical-align: top;
  text-align: center;
}

table.centar {
  background-color: #000000;
  font: Verdana;
  font-size: 12px;
  width: 490px;
  text-align: center;
  border: 1px;	
}

h1 {
  font: Verdana;
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
  padding-right: 0px;
  text-align: right;	
}

table.text {
  background-color: #000000;
  font: Tahoma, sans-serif;
  font-size: 11px;
  width: 490px;
  text-align: center;
  border: 1px;	
}

.tslika {
  background-color: #000000;
  width: 130px;
  vertical-align: top;
  text-align: left;
}

.ttext {
  background-color: #000000;
  width: 360px;
  vertical-align: top;
  text-align: justify;
}

.ttext {
  background-color: #000000;
  width: 360px;
  vertical-align: middle;
  text-align: center;
}

table.povijest {
  background-color: #000000;
  font: Tahoma, sans-serif;
  font-size: 11px;
  width: 490px;
  text-align: center;	
}

.povijesttext {
  width: 490px;
  text-align: justify;
}

table.akcije {
  background-color: #000000;
  font: Tahoma, sans-serif;
  font-size: 11px;
  width: 490px;
  text-align: center;	
}

table.smjestaj {
  background-color: #000000;
  font: Tahoma, sans-serif;
  font-size: 11px;
  width: 490px;
  text-align: center;	
}

table.smjestajotvokvir {
  background-color: #333333;
  font: Tahoma, sans-serif;
  font-size: 11px;
  width: 120px;
  text-align: center;	
}

table.smjestajotvokvirlezaj {
  background-color: #333333;
  font: Tahoma, sans-serif;
  font-size: 11px;
  width: 130px;
  text-align: center;	
}

.smjestajotvnaslov {
  background-color: #222222;
  font: Tahoma, sans-serif;
  font-size: 11px;
  text-align: center;	
}

.smjestajotvvrijed {
  background-color: #000000;
  font: Tahoma, sans-serif;
  font-size: 11px;
  text-align: center;	
}

table.smjestajdodatno {
  background-color: #000000;
  font: Tahoma, sans-serif;
  font-size: 11px;
  width: 335px;
  text-align: center;	
}

.samjestajdodatnovrst {
  background-color: #000000;
  font: Tahoma, sans-serif;
  font-size: 11px;
  text-align: left;
  width: 160px;	
}

.samjestajdodatnoslika {
  background-color: #000000;
  font: Tahoma, sans-serif;
  font-size: 11px;
  text-align: left;
  width: 75px;
  height: 33px;	
}

.samjestajdodatnoudalj {
  background-color: #000000;
  font: Tahoma, sans-serif;
  font-size: 11px;
  text-align: left;
  width: 100px;	
}

.samjestajdodatnoopis {
  background-color: #000000;
  font: Tahoma, sans-serif;
  font-size: 11px;
  text-align: left;
  width: 150px;	
}

.samjestajdodatnovrije {
  background-color: #000000;
  font: Tahoma, sans-serif;
  font-size: 11px;
  text-align: left;
  width: 185px;	
}

.gastroslika {
  background: url(images/gastro.jpg);
  height: 150px;	
}

table.gastro {
  background-color: #000000;
  font: Tahoma, sans-serif;
  font-size: 11px;
  width: 490px;
  text-align: center;	
}

.gastronaslov {
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  height: 20px;	
}

.gastronaslovx {
  text-align: left;
  font-size: 13px;
  height: 20px;		
}

.gastrosastojci {
  width: 200px;	
  text-align: left;
  vertical-align: top;
}

.gastropriprema {
  width: 290px;
  text-align: right;
}

.gastropripremaopis {
  width: 280px;
  text-align: justify;
}

.gastroposluzivanje {
  text-align: justify;
}

table.kalendar {
  background-color: #000000;
  font: Tahoma, sans-serif;
  font-size: 11px;
  width: 490px;
  text-align: center;	
}

table.kalendarokvir {
  background-color: #333333;
  font: Tahoma, sans-serif;
  font-size: 11px;
  width: 490px;
  text-align: center;	
}

.kalendardatum {
  background-color: #000000;
  width: 80px;
  text-align: right;	
}

.kalendarnaslov {
  background-color: #000000;
  width: 240px;
  text-align: center;	
}

.kalendargrad {
  background-color: #000000;
  width: 60px;
  text-align: center;	
}

.kalendarkategorija {
  background-color: #000000;
  width: 60px;
  text-align: center;	
}

.kalendarweb {
  background-color: #000000;
  width: 40px;
  text-align: center;	
}

.kalendardel {
  background-color: #000000;
  width: 40px;
  text-align: center;	
}

table.sport {
  background-color: #000000;
  font: Tahoma, sans-serif;
  font-size: 11px;
  width: 490px;
  text-align: center;	
}

table.sportokvir {
  background-color: #333333;
  font: Tahoma, sans-serif;
  font-size: 11px;
  width: 490px;
  text-align: center;	
}

.sportsavez {
  background-color: #222222;
  width: 486px;
  text-align: center;
  height: 28px;	
}

.sportklub {
  background-color: #000000;
  width: 220px;
  text-align: center;	
}

.sportgrad {
  background-color: #000000;
  width: 110px;
  text-align: center;	
}

.sporttel {
  background-color: #000000;
  width: 90px;
  text-align: center;	
}

.sportweb {
  background-color: #000000;
  width: 40px;
  text-align: center;	
}

.sportmail {
  background-color: #000000;
  width: 20px;
  text-align: center;	
}

.sportdelete {
  background-color: #000000;
  width: 20px;
  text-align: center;	
}

table.slike {
  background-color: #000000;
  font: Tahoma, sans-serif;
  font-size: 11px;
  width: 490px;
  text-align: center;	
}

.slikekategorija {
  height: 30px;
}

table.linkovi {
  background-color: #000000;
  font: Tahoma, sans-serif;
  font-size: 11px;
  width: 490px;
  text-align: center;	
}

table.kontakt {
  background-color: #000000;
  font: Tahoma, sans-serif;
  font-size: 11px;
  width: 490px;
  text-align: center;	
}

table.kontaktform {
  background-color: #000000;
  font: Tahoma, sans-serif;
  font-size: 11px;
  width: 480px;
  text-align: center;	
}

.space {
  height: 10px;
}

.linija {
  background-image: url('images/l.gif'); 
  background-repeat: no-repeat;
  background-position: center center;
  height: 9px;
}

.linija3 {
  background-image: url('images/l.gif'); 
  background-repeat: no-repeat;
  background-position: center center;
  height: 9px;
  width: 335px;
}	

/* Desni dio */


.desno {
  background-color: #000000;
  width: 250px;
  vertical-align: top;
}

table.desno {
  background-color: #000000;
  font: Verdana;
  font-size: 12px;
  width: 250px;
}

.pretrazivac {
  background-color: #000000;
  height: 50px;
}

table.pretrazivac {
  background-color: #000000;
  font: Verdana;
  font-size: 12px;
  width: 250px;
}

.sat {
  color: #FF9A00;
  font-size: 15px;
  font-weight: bold;
  width: 150px;
}

.satx {
  width: 90px;
}

.albungalow {
  background-color: #000000;
  height: 200px;
}

.banneridesno {
  background-color: #000000;
}

table.banneridesno {
  background-color: #000000;
  width: 250px;
}

.banneridesnolj {
  background-color: #000000;
  width: 125px;
  text-align: right;
  vertical-align: top;
}

.banneridesnod {
  background-color: #000000;
  width: 125px;
  text-align: left;
  vertical-align: top;
}

img.okv {
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;	
}

.footerlinkovi {
  background-color: #000000;
  font: Tahoma, sans-serif;
  font-size: 9px;
  height: 30px;
  text-align: center;	
}

.footerslike {
  background-color: #000000;
  background-image: url('images/footer.jpg'); 
  background-repeat: no-repeat;
  background-position: center center;
  height: 100px;
  text-align: center;	
}

.copyright {
  background-color: #000000;
  height: 25px;
  text-align: center;	
}

table.login {
  background-color: #000000;
  font: Tahoma, sans-serif;
  font-size: 11px;
  width: 400px;
  text-align: center;	
}

/* input */

.box {
  background-color: #222222;
  font: Verdana;
  font-size: 12px;
  border-color: #444444;
  border-style: solid;
  border-width: 1px;
  color: #6F6F6F;
}

.boxc {
  background-color: #222222;
  font: Verdana;
  font-size: 13px;
  border-color: #444444;
  border-style: solid;
  border-width: 1px;
  color: #6F6F6F;
}

input.boxr {
width: 250px;
margin-bottom: 3px;
padding: 2px;
  background-color: #222222;
  font: Tahoma;
  font-size: 13px;
  border-color: #444444;
  border-style: solid;
  border-width: 1px;
  color: #6F6F6F;
}

select.boxr {
margin-bottom: 3px;
padding: 2px;
  background-color: #222222;
  font: Tahoma;
  font-size: 13px;
  border-color: #444444;
  border-style: solid;
  border-width: 1px;
  color: #6F6F6F;
}

textarea.boxr {
width: 250px;
height: 80px;
margin-bottom: 3px;
padding: 2px;
  background-color: #222222;
  font: Tahoma;
  font-size: 13px;
  border-color: #444444;
  border-style: solid;
  border-width: 1px;
  color: #6F6F6F;
}