@charset "utf-8";
* {
        margin:         0;
        padding:        0;
        border-collapse:collapse;
        border-spacing: 0;
        font-family: arial, sans-serif;
}
html, body {
        color:          #000;
        background: url('/img/skaline.jpg') black;
        background-position: top center;
        background-repeat: no-repeat;
        line-height:    1.45;
}                                        
body {
        font-size:      100.01%;
        width: 910px;
        margin: 0px auto;
}

a { text-decoration: none; color: white; font-size: 11px; font-family: verdana; padding-right: 10px; }
a:hover { color: #a40000; }
img { border: none; }
span.strelica { font-size: 1em; }

#page {
	width: 910px;
	background: #776919;
	margin: 0px auto;
	float: left;
}
#left {
	line-height: 0px;
	float: left;
	width: 381px;
	background: url('/img/left.jpg');
	height: 686px;
	margin: 4px;
	margin-left: 2px;
	margin-bottom: 0px;
}
#right {
	background: url('/img/watermark.jpg');
	background-repeat:no-repeat;
	background-position:0px 124px;
	float: right;
	width: 521px;
	margin-top: 5px;
}
#content {
	/*background: #846415;*/
	margin-top: 4px;
	margin-right: 4px;
	padding: 4px;
	padding-left: 10px;
	font-family: verdana;
	font-size: 12px;
	color: #e4c77b;
	font-weight: bold;
	height: 100%;
}



input[type="text"], input[type="password"], textarea{ background-color:#ffffff; border: 1px solid #7f7f7f; font-size: 0.9em; }
input[type="text"]:hover, input[type="password"]:hover, textarea:hover{background-color:#ffffff; border: 1px solid #d11349; font-size: 0.9em; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus{background-color:#dfdfdf; border: 1px solid #d11349; font-size: 0.9em; }
select{border: 1px solid #7f7f7f; font-size: 0.9em; }
select:hover{border: 1px solid #d11349; font-size: 0.9em; }
input.submitter { background-color:#dfdfdf; color:#000; width:70px; border:1px solid #7f7f7f; margin-left: 229px; font-family: arial; font-size: 0.9em; }
input.plus { background-color:#dfdfdf; color:#000; width:14px; border:1px solid #7f7f7f; margin-left: 9px; font-family: arial; font-size: 0.9em; }
input.submitter:hover { border:1px solid #d11349; font-size: 0.9em; }
label {	display: block;	float:left;	width: 160px; padding-right: 20px;	font-size: 0.9em; }

#flashMessage { 
	width: 910px;
	background: #776919;
	margin: 0px auto;
	margin-bottom: 5px;
	text-align: center;
}

#prices
{
	font-family: "Arial", "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	color: #ffe092;
}
#prices th
{
	font-size: 11px;
	font-weight: bold;
	padding: 10px 8px;
	border-bottom: 2px solid #e4c77b;
}
#prices td
{
	border-bottom: 1px solid #e4c77b;
	color: #e5c163;
	padding: 6px 8px;
	text-align: center;
}
#prices td.txt { text-align: left; }
#prices tbody tr:hover td
{
	color: #c3a351; background: #ffe092;
}

#pics img { border: 1px solid gray; }
#pics img:hover { border: 1px solid red; }
#pics a{ padding: 1px;}

#uppermenu {
	padding-left: 10px;
	width: 100%;
}
#uppermenu li {
	display: block; float: left; width: 160px; 
	border-bottom: 1px solid #776919;
}
#uppermenu a.active { color: #a40000; }


#gallindex {
	width: 95%; 
	border: 1px solid #8f7a45;
	background: rgba(119, 105, 25, 0.4);
	margin: 4px;
	padding: 3px;
	font-size: 11px;
}
#gallindex img { margin-right: 5px; float: left; bordeR: 1px solid gray; }
#gallindex img:hover { border: 1px solid red; }
#gallindex a { font-size: 12px; }


div.spacer { width: 100%; clear: both; line-height: 0.01em; }

#bottom { width: 910px; text-align: right; margin: 0 auto; color: #cac6b2; font-size: 0.7em; }
#bottom a { color: #cac6b2; }
#bottom a:hover { color: white; }

#roomindex {
	width: 30%; 
	border: 1px solid #8f7a45;
	background: rgba(119, 105, 25, 0.4);
	margin: 4px;
	padding: 3px;
	font-size: 11px;
	text-align: center;
	float: left;
}
#roomindex img { bordeR: 1px solid gray; }
#roomindex img:hover { border: 1px solid red; }
#roomindex a { font-size: 12px; }
#roomview h2 { font-size: 1.2em; }
#roomview img { float: lefT; margin-right: 5px; margin-bottom: 5px; }
#roomview th, td { font-size: 0.9em; width: 150px; text-align: center; }

#rezervacija { background: url("/img/rezervacija.gif"); width: 120px; height: 20px; text-align: center; vertical-align: middle; float: right; }
#rezervacija a { color: black; }
#rezervacija a:hover { color: #a40000; }

#lang { height: 32px; padding-top: 20px; margin: 0px auto; width: 450px; text-align: right; color: white; font-size: 0.8em; float:right; }
#lang2 { height: 40px; padding-top: 20px; margin: 0px auto;width: 450px;  text-align: left; color: white; font-size: 0.8em; float:left; }
#lang2 a { height: 40px; padding: 0px; margin-right:0px; display: block; float:left; }
#lang2 a:hover { opacity: 0.5; }
#lang a { height: 32px; padding: 0px; margin-left:7px; }
#lang a:hover { opacity: 0.5; }

#specials { background: rgba(165, 50, 0, 0.5); margin-top: 25px; margin-left: 30px; border: 1px solid red; width: 320px; line-height: 1em; padding: 5px; color: white; font-size: 14px; }