body { background:#4D0000 url(../images/bg.png) repeat-x 0px -1px; color:#FFF; font:normal 11px Tahoma, Geneva, sans-serif;
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: scroll;}

/* ===== HEADER ===== */
#header { height:610px;}
#header h1 a{ display:block; width:210px; height:60px; margin:100px auto; text-indent:-1000px; background:url(../images/logo-centralhotel.png) no-repeat;   }

/* ===== NAVIGATION ===== */
#navigation { font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:22px; background:url(../images/lampa.png) no-repeat; height:611px}
#navigation li { padding:2px 0}
#navigation a{ color:#f3a83c;}
#navigation a:hover { color:#FFF; }
.large-nav { padding-top:200px; padding-left:30px;}
.small-nav { font-size:16px; padding-top:20px; padding-left:30px;}
#navigation a.active, #podmeni a.active { color:#FFF;}

#podmeni { padding-top:40px; padding-bottom:50px}
#podmeni li { display:inline; margin-right:15px; border-bottom:1px solid #a26949}
#podmeni li a { color:#f3a83c; font:normal 15px Georgia, "Times New Roman", Times, serif}
#podmeni li a:hover { color:#FFF;}

.slideshow { overflow:hidden; z-index:0;  }
.slideshow-nav { position:absolute; z-index:100; left:30px; top:96px }
.slideshow-nav a { text-decoration:none; color:#FFF}
.slideshow-nav a span { background: url(../images/transp.png); padding:10px}
.slideshow-nav a:hover span { background:#000}

#thumb { padding-top:30px;}
#thumb li a{ padding:0; margin:0 ;border:1px solid #a26949; width:70px; height:70px; display:block; }
#thumb li a img { margin:5px}
#thumb li { float:left; margin:3px; }

#thumb li a.activeSlide {border:1px solid #FFF}

/* Fotogalerija */
div.fotogalerija { position:relative; z-index:0;  border:1px solid #7f5a2f; background:#230d00;}
div.fotogalerija div{ padding:10px 0 0 0; overflow:hidden; margin:0 20px 0 25px;}
div.fotogalerija li img { border:1px solid #7f5a2f; margin-right:15px;}
div.fotogalerija .nazad, 
div.fotogalerija .naprijed { position: absolute; top:35px; z-index:500; cursor:pointer}
div.fotogalerija .naprijed { right:-1px}


div.fotogalerija img { margin:0 5px 5px 0}

/* ===== CONTENT ===== */
#text { width:500px; font: normal 15px Georgia, "Times New Roman", Times, serif; line-height:18px; color:#efefef}
#text h3 { font: normal 22px Georgia, "Times New Roman", Times, serif; padding:10px 0; }
#text h4 { font: normal 18px Georgia, "Times New Roman", Times, serif; padding:10px 0; }
#text p { padding:5px 0}
#text a { color:#a26949; text-decoration:underline}
#text a:hover { color:#FFF;}

.lista img{ position:absolute; left:0;border:1px solid #a26949; margin:5px;}
.lista p { font-size:11px;}
.lista li { border-bottom:1px solid #a26949; padding-bottom:10px; padding-left:80px; margin-bottom:10px}
.lista li .datum { font-size:11px;}
.lista a { text-decoration:none !important; font-size:14px;}

/* rezervacija */
label { font-size:11px; line-height:24px; color:#a26949 }
legend { padding:0 5px; color:#a26949; font-weight:bold;}
input, select, textarea { width:98%; font-size:11px; padding:5px ; margin-bottom:2px; border:0; border-bottom:1px solid #754b33;color:#C59857; background: url(../images/transp.png)}
input[type="checkbox"] { width:auto}
fieldset { margin-bottom:10px; margin-top:5px;  display:block; color:#a26949; border:1px solid #a26949; padding:10px }
textarea { height:60px; }
fieldset{position: relative;}
legend{position:absolute;top: -0.5em;left: 0.5em;}
fieldset{position: relative;}
button { float:right; border-color:#a26949;border-style:solid;border-width:1px; color:#C59857; background: url(../images/transp.png); font-size:11px; font-weight:bold; padding:10px 15px; margin-top:50px}
input.error, select.error { background:#850000; }

/* kolone */
.col { float: left; margin-right: 3%; clear: none;  }
.c66 { width: 64%; }
.c50 { width: 47%; }
.c33 { width: 29%; }
.c25 { width: 21%; }
.col.last { margin-right:0 !important;}

/**/
.tabela { margin-bottom:15px; width:100%}
.tabela th{ text-align:left; border-bottom:2px solid #CCC }
.tabela td { border-bottom:1px solid #CCC}

/* ===== FOOTER ===== */
#footer { }
#footer a { color:#FFF; }
#footer a.preporuci { background:#f3a83c; color:#333; display:block; padding:5px 10px 5px 0; width:180px; text-align:right; font:bold 9px Arial, Helvetica, sans-serif; letter-spacing:1px}
#footer a.preporuci:hover { background:#8B0000; color:#FFF;}
.slogan { font:bold 11px Georgia, "Times New Roman", Times, serif; font-style: italic; color:#a39291; padding:15px;}
#footer ul{ padding-left:5px}
#footer li { padding:0 10px; display:inline; border-right: 1px solid #a39291; color:#a39291}
.jezici {position: absolute; margin-left:290px; padding-top:5px}
.jezici a img { margin:3px}

/* LAYOUT */
div#container{width:100%;margin:0; position:relative}
div#header{ width:260px; position: absolute; }
div#navigation{ width:247px; position: absolute; left:260px}
div#content{  position: absolute; z-index:0; left:507px; height:610px; overflow:hidden }
div#footer{clear:both;width:100%; position:absolute; top:610px}