/* ---------->>> CSS RESET <<<--------*/
body, div, ul, ol, li, h1, h2, h3, form, fieldset, input, textarea, p { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
ol, ul { list-style:none; }
h1, h2, h3 { font-size:100%; font-weight:normal; }
.overclear { width: 100%; overflow: hidden; }
/* ---------->>> GLOBAL <<<-----------*/
body { font-family: Arial, Helvetica, sans-serif; background: url(/images/background-pattern.jpg) repeat;}
#wrapper { width: 938px; margin: 0 auto; }
#content {background: #fff url(/images/nav-shadow.jpg) no-repeat left top; color: #444; font-size: 14px; box-shadow: 0 0 15px #797878;}
#content p {margin-left: 20px; margin-bottom: 7px; line-height: 18px; }
strong {color: #15377d;}
.welcome span {color: #15377d;}
#langs .cir a {color: #ae1d23; padding-right: 12px; background: url(/images/lang-bull.gif) no-repeat right center;}
#langs .lat a {color: #102f6f; padding-right: 12px; /* background: url(/images/lang-bull.gif) no-repeat right center; */}
#langs .eng a {color: #6d6e72;}
#content p a {color: #A5252A; text-decoration: none;}
#content p a:hover {text-decoration: underline; color: #25468B;}
/* ---------->>> HEADER <<<-----------*/
#header {height: 147px; background: url(/images/header-bgrd-beznaslova.png) no-repeat; position: relative;}
#header img {position: absolute; top: 46px; left: 112px;}
#langs {position: absolute; right: 15px; top: 5px;}
#langs li { display:inline; margin:0 10px 0 0;}
#langs li a { display:block; float:right; padding:5px; text-transform: uppercase; font-size: 11px; font-weight: bold; text-decoration: none;}
#langs li a:hover { text-decoration: underline;}
/* ---------->>> HOME, O NAMA <<<-----------*/
#intro {}
#home .welcome {float: left; width: 415px; text-align: justify; margin-right: 0;}
.col {width: 286px; height: 353px; float: left; margin-left: 20px; background: url(/images/col-bgrd.png) no-repeat;}
.col h3 {text-transform: uppercase; text-align: center; margin: 3px 0 20px -5px; color: #fff; letter-spacing: 1px; font-size: 14px; font-weight: normal; font-family: Verdana, Geneva, sans-serif; }
.col img {margin-left: 14px; margin-top: 5px;}
#content .col p {margin-top: 15px; margin: 20px 17px 0 15px; text-align: justify; font-size: 13px;}
.welcome h1, .primary h1 {font-size: 19px; font-weight: bold; color: #1d3f86; margin: 20px 0 12px 20px; border-bottom: 1px solid #e1e1e1; padding-bottom: 2px;}
#home .welcome p {line-height: 19px; margin-bottom: 8px;}
p.button-vise a {display: block; width: 107px; height: 29px; background: url(/images/vise-o-nama.png) no-repeat; text-indent: -5489px; margin-top: 13px;}
p.button-vise.lat a {background: url(/images/vise-o-nama-lat.png) no-repeat;}
p.button-vise a:hover {background-position: 0 -29px;}
.welcome, .primary {width: auto; margin-right: 10px;}
#o-nama .slideshow, #hotel-bristol .slideshow, #restorani .slideshow {margin: 0 0 5px 15px;}
#o-nama #content .welcome { margin-bottom: 20px;}
.fotografije {margin-left: 20px; margin-right: 15px;}
.fotografije h3, .welcome h3, .primary h3 { margin: 10px 10px 12px 0; font-size: 16px; font-weight: bold; color: #900;}
.welcome h3, .primary h3 {margin-left: 20px;}
.fotografije img, #ishrana .welcome img {margin-right: 12px; margin-bottom: 10px; border: 2px solid #ccc;}
#kontakt hr {margin: 15px 20px 10px 20px;}
#kontakt .primary div {min-height: 140px;}
img.desno, #kontakt .primary div img, .primary img.vud  {float: right; margin: 0 10px 10px 20px;}
#kontakt .primary div img, .primary img.vud  {margin-right: 70px; border: 1px solid #ccc;}
#restorani iframe {margin: 10px 0 10px 20px;}
#restorani .vranje {width: 440px; height: 330px; float: left; margin-right: 23px;}
p.ishrana {float: right; margin: 5px 20px 5px 0;}
#ishrana .welcome {margin-left: 20px;}
#ishrana .welcome h1 {margin-left: 0;}
/* ---------->>> FOOTER <<<-------*/
.vazni-linkovi h3 {font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #1d3f86; margin-left: 20px; margin-right: 20px; padding-bottom: 3px; border-bottom: 1px solid #ccc; margin-top: 10px; letter-spacing: 1px; margin-bottom: 15px;}
.col-linkovi {width: 286px; float: left; margin-left: 20px;  margin-bottom: 5px;}
.col-linkovi img {margin-bottom: 10px; margin-left: 13px; border: 2px solid #ddd;}
#footer { width: 938px; margin: 0 auto; }
#footer p {text-align: center; font-size: 12px; padding-top: 10px; padding-bottom: 10px; line-height: 18px;}
#footer p a {color: #ae2127; font-weight: bold; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; text-decoration: none;}
#footer p a:hover {color: #0c4076; text-decoration: underline;}
#footer p span a {font-size: 11px; text-transform:none; font-weight: normal; letter-spacing: normal;}

.dropshadow, #kontakt .primary div img, .primary img.vud   {
 -moz-box-shadow: 3px 3px 4px #999; /* Firefox */
 -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
 box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
 : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */ }