/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#2f373a;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
{
    font-family: Tahoma;
    font-size: 0.688em;
    line-height: 1.364em;
    color: #061D42;
}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#d14a00;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

#slPluginHost
{
    background-position: left top;
    padding: 10px;
    background-image: url('images/Silverligh700x500Bkg.png');
    background-repeat: no-repeat;
    width: 720px;
    height: 520px;
}

.link {font-size:1.091em; color:#12191c;}

cite {padding:0 20px 18px 157px; display:block; font-size:1.364em; font-family:arial; line-height:1.467em;}
.author {float:right; position:relative; margin:-34px 38px 0 0;}
.extra {font-size:1.364em; font-family:arial; line-height:1.467em; font-style:italic;}

h3 {font-size:1.091em;}

ol {padding-left:26px;}
ol li {font-size:1.091em; line-height:2.417em; color:#c35020;}
ol li a {color:#12191c;}

ul span {color:#c35020; float:right; line-height:1.636em;}
ul a {color:#635956; text-decoration:none; line-height:1.636em;}
ul a:hover {text-decoration:underline; color:#c35020;}

.imgindent {margin:0 20px 0 0; float:left;}
.title {margin-bottom:10px;}
.title2 {margin-bottom:6px;}

/* ============================= content ====================== */

h1
{
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #292E43;
	text-align: center;
	width: 100%;
}

h3
{
	padding: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #292E43;
	width: 100%;
	text-align: center;
}

.row1
{
    background-position: #A4B5D0;
    background: #A4B5D0;
    border-bottom: 1px solid #9a958b;
    padding: 33px 40px 30px 38px;
}
#page1 .row1 {background:#A4B5D0; padding:33px 0 0 25px;}
#page4 .row1, #page7 .row1 {padding:33px 0 33px 38px;}
.img {margin-bottom:20px;}
.img2 {margin:28px 0 10px 0;}
.img3
{
    margin: 0px 10px 10px 0;
    float: left;
}
.imgRight
{
    margin: 10px 10px 10px 10px;
    float: right;
}

.row2 {background:#cdc8bd; border-top:1px solid #c1bcb1; padding:29px 0 33px 0;}
#page8 .row2 {padding:30px 40px 50px 37px;}

.special .side-1
{
    background-position: #A4B5D0;
    background: #A4B5D0;
    border-right: 1px solid #9a958b;
    border-right-color: #C6D0DF;
}
.special .side-2
{
    background-position: #CBD5E4;
    background: #CBD5E4;
    border-left: 1px solid #c1bcb1;
    border-left-color: #516BA8;
    text-align: justify;
}

.padding1 {padding-top:10px;}
.padding2 {padding-top:24px;}
.margin1 {margin-top:35px;}
.fs12 {font-size:1.091em;}
.phone {float:right; margin-right:55px;}

.indent1 { padding:33px 39px 43px 38px;}
.indent2 { padding:33px 38px 31px 39px;}
.indent3 { padding:33px 33px 43px 38px;}

h3.upozorenje
{
    color: #8E242F;
}

/* ============================= footer ====================== */

#footer a {color:#cdc8bd; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* ============================= forms ============================= */


#ContactForm .rowi {height:43px;}
#ContactForm .input {width:198px; height:16px; border:1px solid #717171; background:#fff; padding:0 0 0 5px; font-size:1em;}
#ContactForm textarea {width:198px; height:68px; border:1px solid #717171; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em; margin-bottom:15px;}
#ContactForm .link {float:right; margin:0 10px 0 5px;}

#ReservationForm .rowi {height:36px;}
#ReservationForm .rows {height:44px;}
#ReservationForm .rowt {height:88px;}
#ReservationForm .link {float:right;}

#ReservationForm .input {width:191px; height:15px; border:1px solid #717171; background:#fff; padding:0 0 0 5px; font-size:1em;}
#ReservationForm textarea {width:191px; height:66px; border:1px solid #717171; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}
#ReservationForm .select1 {width:88px; font-size:1em;}
#ReservationForm .select2 {width:97px; font-size:1em; margin-left:10px;}
#ReservationForm .cheack {width:17px; height:17px;}

