body {
margin: 10px 0 20px 0;
padding:0;
background:#8fd9f0 url(http://villa-hotelbb.com/slike/more.jpg) top left no-repeat;
font:small Verdana,Sans-serif;
line-height:1.6em;
color:#ffffff;
text-align: center;
}

.img {
border: 0;
}


#wrapper {
width: 902px;
margin: auto;
padding: 13px 0 0 0;
text-align: left;
}

a:focus { -moz-outline-style: none; }

a:link {
	color: #02b7ed;
	text-decoration: none;
}
a:visited {
	color: #02b7ed;
	text-decoration: none;
}
a:active {
	color: #02b7ed;
}
a:hover {
	color: #8ed7ed;
	text-decoration: none;
}

.bijeli:link {
	color: #ffffff;
	text-decoration: none;
}
.bijeli:visited {
	color: #ffffff;
	text-decoration: none;
}
.bijeli:active {
	color: #ffffff;
}
.bijeli:hover {
	color: #e4f3f2;
	text-decoration: none;
}

.rozi:link {
	color: #dfa7a6;
	text-decoration: none;
}
.rozi:visited {
	color: #dfa7a6;
	text-decoration: none;
}
.rozi:active {
	color: #dfa7a6;
}
.rozi:hover {
	color: #ecc2c1;
	text-decoration: none;
}

.crveni:link {
	color: #92050B;
	text-decoration: none;
}
.crveni:visited {
	color: #92050B;
	text-decoration: none;
}
.crveni:active {
	color: #92050B;
}
.crveni:hover {
	color: #d31e26;
	text-decoration: none;
}

.plavi:link {
	color: #02b7ed;
	text-decoration: none;
}
.plavi:visited {
	color: #02b7ed;
	text-decoration: none;
}
.plavi:active {
	color: #02b7ed;
}
.plavi:hover {
	color: #dfa7a6;
	text-decoration: none;
}

img { behavior: url(http://villa-hotelbb.com/iepngfix.htc); }

.none, caption {
display: none;
}

.clear {
clear: both;
margin:0;
padding:0;
height: 0.1px;
}

.razmak {
clear: both;
margin:0;
padding:0;
height: 20px;
}

del {
color: #ccc;
background: #FFFFCC;
}

textarea.text1, input.text1 {
font: 11px Verdana, Arial, sans-serif;
width: 300px;
border: 1px solid #ddd;
}

textarea.text2, input.text2 {
font: 11px Verdana, Arial, sans-serif;
width: 300px;
height: 150px;
border: 1px solid #ddd;
}


input.button {
font: 11px Verdana, Arial, sans-serif;
background: #993333;
color: #ffffff;
}

#jezici {
float: right;
margin: 0;
padding: 0;
}

.caffebar {
background: url(http://villa-hotelbb.com/slike/caffebar.jpg) top left no-repeat;
height: 17px;
width: 902px;
margin: 0;
padding: 0;
float: left;
}

.odmor {
background: url(http://villa-hotelbb.com/slike/odmor.jpg) top left no-repeat;
height: 16px;
width: 902px;
margin: 0;
padding: 0;
float: left;
}

.headergornji {
background: url(http://villa-hotelbb.com/slike/obala.jpg) top left no-repeat;
height: 100px;
width: 902px;
margin: 0;
padding: 0;
float: left;
}

.headerdonji {
background: url(http://villa-hotelbb.com/slike/obala2.jpg) top left no-repeat;
height: 100px;
width: 902px;
margin: 0;
padding: 0;
float: left;
}

#header {
background: url(http://villa-hotelbb.com/slike/ljetovanje.jpg) top left no-repeat;
float: left;
height: 48px;
width: 902px;
margin: 0;
padding: 3px 0 0 0;
}

#header h1 {
font:36px "Trebuchet MS", Verdana, Sans-serif;
text-align: center;
color: #92050b;
margin: 0;
padding: 0;
}

#header a {
border: none;
color: #92050b;
}

#header a:hover {
color: #92050b;
}

#main-c {
width: 902px;
margin: 0;
padding: 0;
}

#main {
width: 902px;
background: #ffffff url(http://villa-hotelbb.com/slike/skoljke.jpg) top left repeat-y;
float: left;
margin: 0;
padding: 0;
}

.beach {
background: url(http://villa-hotelbb.com/slike/breadcrumb.gif) top left no-repeat;
height: 41px;
width: 902px;
margin: 0;
padding: 0;
float: left;
}

.beach h2 {
font: 15px "Trebuchet MS", Verdana, Arial, 'Times New Roman', sans-serif;
margin: 0;
padding: 15px 0 0 292px;
color: #914002;
}

.beachdolje {
background: #ffffff;
height: 41px;
width: 902px;
margin: 0;
padding: 0;
float: left;
}

#bigger {
width: 635px;
float: right;
margin: 0;
padding: 0 0 30px 0;
}

.entry-title {
background: url(http://villa-hotelbb.com/slike/palme.gif) top left no-repeat;
margin: 0; 
padding: 0;
}

.entry-title h3 {
margin: 0 0 8px 61px;
padding: 0;
color: #92050b;
font: bold 24px "Trebuchet MS", Verdana, 'Times New Roman', sans-serif;
}

.entry-title h3 a {
border: none;
color: #92050b;
}

.entry-title h3 a:visited {
border: none;
color: #92050b;
}

.entry-title h3 a:hover {
border: none;
color: #d31e26;
}

.entry {
margin: 20px 29px 40px 24px;
padding: 0;
color: #444;
font: 13px "Trebuchet MS", Verdana, 'Times New Roman', sans-serif;
}

.entry-gal {
margin: 20px 6px 40px 7px;
padding: 0;
color: #444;
font: 13px "Trebuchet MS", Verdana, 'Times New Roman', sans-serif;
}

.entry-info {
background: url(http://villa-hotelbb.com/slike/uze2.gif) top left no-repeat;
width: 580px;
height: 30px;
margin: 0;
padding: 0;
font-size: 10px;
line-height: 16px;
}
.entry-info p {
margin: 0;
padding: 0;
}

.entry-fo {
margin: 0;
padding: 0;
}

.entry-fo p {
margin: 0;
padding: 0;
}

#smaller {
width: 267px;
float: left;
margin: 0;
padding: 0;
font-size: 11px;
line-height: 16px;
}

#smaller h4 {
margin: 0 0 5px 0;
padding: 0;
color: #dfa7a6;
font: bold 16px "Trebuchet MS", Verdana, Arial, sans-serif;
}
#smaller ul {
list-style: square;
margin: 0 0 0 15px;
padding: 0;
}
#smaller ul li {
margin: 4px 0 4px 0;
}

#footer {
float: left;
margin: 0;
padding: 0;
height: 50px;
width: 902px;
background: url(http://villa-hotelbb.com/slike/plaza.jpg) top left no-repeat;
}

.footer-i {
margin: 0;
padding: 0;
}

.apartmani {
background: url(http://villa-hotelbb.com/slike/caffebar2.jpg) top left no-repeat;
height: 17px;
width: 902px;
margin: 0;
padding: 0;
float: left;
}

.ispodfutera {
text-align: center;
margin: 0;
padding: 0;
font: 11px Verdana, Arial, sans-serif;
}

#menu {
position:relative;
top: -16px;
width:247px;
background:transparent url("http://villa-hotelbb.com/slike/meni-final-1.gif");
overflow:hidden;
margin:0 auto;
}

#menu ul {margin:0; padding:0;}
#menu li {list-style-type:none; width:247px; height:36px; display:inline;}

#menu a {
display:block;
float:left;
width:247px;
height:0;
overflow:hidden;
padding-top:36px;
color:#000;
text-decoration:none;
background:transparent url("http://villa-hotelbb.com/slike/meni-final-2.gif") no-repeat 500px 500px;
}


* html #menu a  {height:36px; he\ight:0;}

#menu a#item1:hover {background-position: 0 0; z-index:50;}
#menu a#item2:hover {background-position: 0 -36px; z-index:50;}
#menu a#item3:hover {background-position: 0 -72px; z-index:50;}
#menu a#item4:hover {background-position: 0 -108px; z-index:50;}
#menu a#item5:hover {background-position: 0 -144px; z-index:50;}
#menu a#item6:hover {background-position: 0 -180px; z-index:50;}
#menu a#item7:hover {background-position: 0 -216px; z-index:50;}
#menu a#item8:hover {background-position: 0 -252px; z-index:50;}


body#pocetna a#item1 {background-position: 0 0; z-index:50;}
body#unger a#item2 {background-position: 0 -36px; z-index:50; }
body#izrada a#item3 {background-position: 0 -72px; z-index:50; }
body#galerija a#item4 {background-position: 0 -108px; z-index:50; }
body#kontakt a#item5 {background-position: 0 -144px; z-index:50; }
body#lokacija a#item6 {background-position: 0 -180px; z-index:50; }
body#reference a#item6 {background-position: 0 -216px; z-index:50; }
body#cijenik a#item6 {background-position: 0 -252px; z-index:50; }


.izbornik {
margin:0;
padding:0 10px 0 10px;
float:left;
}


#menu-eng {
position:relative;
top: -16px;
width:247px;
background:transparent url("http://villa-hotelbb.com/slike/meni-final-1-eng.gif");
overflow:hidden;
margin:0 auto;
}

#menu-eng ul {margin:0; padding:0;}
#menu-eng li {list-style-type:none; width:247px; height:36px; display:inline;}

#menu-eng a {
display:block;
float:left;
width:247px;
height:0;
overflow:hidden;
padding-top:36px;
color:#000;
text-decoration:none;
background:transparent url("http://villa-hotelbb.com/slike/meni-final-2-eng.gif") no-repeat 500px 500px;
}


* html #menu-eng a  {height:36px; he\ight:0;}

#menu-eng a#item1:hover {background-position: 0 0; z-index:50;}
#menu-eng a#item2:hover {background-position: 0 -36px; z-index:50;}
#menu-eng a#item3:hover {background-position: 0 -72px; z-index:50;}
#menu-eng a#item4:hover {background-position: 0 -108px; z-index:50;}
#menu-eng a#item5:hover {background-position: 0 -144px; z-index:50;}
#menu-eng a#item6:hover {background-position: 0 -180px; z-index:50;}
#menu-eng a#item7:hover {background-position: 0 -216px; z-index:50;}
#menu-eng a#item8:hover {background-position: 0 -252px; z-index:50;}


body#pocetna a#item1 {background-position: 0 0; z-index:50;}
body#unger a#item2 {background-position: 0 -36px; z-index:50; }
body#izrada a#item3 {background-position: 0 -72px; z-index:50; }
body#galerija a#item4 {background-position: 0 -108px; z-index:50; }
body#kontakt a#item5 {background-position: 0 -144px; z-index:50; }
body#lokacija a#item6 {background-position: 0 -180px; z-index:50; }
body#reference a#item6 {background-position: 0 -216px; z-index:50; }
body#cijenik a#item6 {background-position: 0 -252px; z-index:50; }

.flash {
width: 236px;
float: left;
margin: 5px 0 0 0;
padding: 0 16px 0 15px;
}

.lokacija {
width: 236px;
margin: 5px 0 0 0;
padding: 0 16px 0 15px;
float: left;
}

.galerija {
float: left;
width: 232px;
margin: 15px 0 10px 0;
padding: 0 0 0 15px;
}

.gal-slika-l{
float:left;
margin: 0;
padding: 0;
}

.gal-slika-d{
float:right;
margin: 0;
padding: 0;
}

.highlightit img{
margin: 0;
padding: 2px;
border-top: 2px solid #dfa7a6;
border-left: 2px solid #dfa7a6;
border-right: 2px solid #dfa7a6;
border-bottom: 2px solid #dfa7a6;
}

.highlightit:hover img{
margin: 0;
padding: 2px;
border-top: 2px solid #a33a38;
border-left: 2px solid #a33a38;
border-right: 2px solid #a33a38;
border-bottom: 2px solid #a33a38;
}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
}

.imgl {
border: 3px solid #dfa7a6;
float: left;
margin: 2px 7px 0 0;
}

.imgr {
float: right;
border: 0;
margin: 0 0 5px 5px;
}

.imgnb {
border: none;
float: left;
margin: 2px 7px 0 0;
}


.nicetable {
        border-collapse:collapse;
        width: 472px;
}
.nicetableheader {
        margin:5px; 
        padding: 8px;
        border:1px solid #dfa7a6;
        background-color:#ecc2c1;                
        color:#FFFFFF;        
        font-size: 9pt;        
        font-weight:bold;
}

.nicetablerow {
        margin:5px;         
        padding: 5px;
        border:1px solid #dfa7a6;        
        background-color:#ecc2c1;        
        color:#000000;        
        font-size: 9pt;
}


.cjenik {
        border-collapse:collapse;
        width: 100%;
}
.cjenikheader {
        margin:5px; 
        padding: 8px;
        border:1px solid #ccc;
        background-color:#CA9FAF;                
        color:#FFFFFF;        
        font-size: 9pt;        
        font-weight:bold;
}

.cjenikrow {
        margin:5px;         
        padding: 5px;
        border:1px solid #ccc;        
        background-color:#FFFFFF;        
        color:#000000;        
        font-size: 9pt;
}

.slika-rub {
float: left;
margin: 0 0 10px 0;
padding: 2px;
border: 2px solid #92050b;
}

.slika-banner {
float: left;
margin: 0 0 10px 0;
padding: 0;
border: 1px solid #92050b;
}

#rotator {
float: right;
width: 574px;
height: 230px;
margin: 0 29px 10px 0;
padding: 2px;
border: 2px solid #92050b;
}

span.crvena {
color: #92050b;
}


.categories {
 padding:           5px 10px 5px 12px;
 background-color:  #E6C9CB;  
}

.tableBorder {
 border: 0;
}

th {
 background-color:  #92050B; 
 color: #fff;
}

td {
 font-family: Arial, Verdana;
 font-size: 11px;
 color:  #92050B;
}

.spacer {
 font-size:	10px;
 margin: 0;
 padding: 0;
}

.thumbs {
 text-align:	center;
 padding:	15px 3px 8px 3px;
 background-color: #ffffff;
}

.paddedborder {
 margin: 0;
 padding: 0;
 border: 0;
}

.imageBG {
 text-align: center;
 background-color:  #ffffff;  
}

.kategorije {
width: 615px;
margin: 0 0 20px 0;
padding: 0 10px 0 10px;
text-align: right;
}