@charset "UTF-8";
/* CSS Document */

body
{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#737373;
	background:url(images/bg.jpg) repeat-x;
	
}

#total_container
{
	width:902px;
	height:auto;
	margin:auto;
	
}

#top_container
{
	width:902px;
	height:134px;
}

.clear
{
	clear:both;
	
}

.logo
{
	width:168px;
	height:134px;
	float:left;
}

.nav_bg
{
	width:733px;
	height:134px;
	background:url(images/nav_bg.jpg) repeat-x;
	float:left;
	
}

.hotel_rajna_link
{
	width:723px;
	height:auto;
	padding-top:5px;
	padding-bottom:5px;
	text-align:right;
	padding-right:10px;
}

.hotel_rajna_link2
{
color:#942794;
font-size:12px;
height:45px;
line-height:20px;
margin-top:0;
padding-bottom:12px;
padding-right:0;
padding-top:17px;
text-align:center;
width:533px;
}

#naslov {
	font-size:26px;
line-height:30px;
}

.navigation
{
	width:733px;
	height:auto;
	
}

a.nav
{
	padding-left:11px;
	padding-right:11px;
	padding-top:13px;
	padding-bottom:15px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	float:left;
	text-decoration:none;
}

a.nav:hover
{
	padding-left:11px;
	padding-right:11px;
	padding-top:13px;
	padding-bottom:15px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	background:#7bb97e;
	float:left;
	text-decoration:none;
}

.header
{
	width:902px;
	height:428px;
	margin-top:2px;
	border-bottom:2px solid #f5f5f5;
	
}

.header2
{
	width:902px;
	height:176px;
	margin-top:2px;
	border-bottom:2px solid #f5f5f5;
	
}

.front_boxes_container
{
	width:902px;
	height:138px;
	margin-top:5px;
	
}

.front_box1
{
	width:220px;
	height:136px;
	float:left;
	border:1px solid #f3f3f3;
	background:url(images/box_bg.jpg) repeat-x;
	margin-left:3px;
}

.front_box1:hover
{
	width:220px;
	height:136px;
	float:left;
	border:1px solid #dedede;
	background:none;
	margin-left:3px;
}

.front_box2
{
	width:220px;
	height:136px;
	float:left;
	border:1px solid #f3f3f3;
	background:url(images/box_bg.jpg) repeat-x;
	margin-left:10px;
	margin-bottom:5px;
	
}

.front_box2:hover
{
	width:220px;
	height:136px;
	float:left;
	border:1px solid #FFF;
	background:none;
	margin-left:10px;
	margin-bottom:5px;
	
}

.box_title
{
	width:189px;
	padding-top:5px;
	padding-bottom:5px;
	background:#bebebe;
	text-align:center;
	color:#fff;
	margin:auto;
	font-weight:bold;
}

.box_title a{color:#FFFFFF; text-decoration:none;font-size:12px;}
.box_title a:hover{color:#FFFFFF; text-decoration:underline;}

.box_pic
{
	width:189px;
	height:97px;
	margin:auto;
	padding-top:5px;

}

.text_front_Page
{
	width:902px;
	height:auto;
	margin-top:2px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #f9f9f9;
	border-bottom:1px solid #f9f9f9;
	line-height:18px;
font-size:13px;
font-family:"Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
}

.text1
{
	font-size:16px;
	font-weight:bold;
	color:#609f62;
	line-height:24px;
	font-family:Arial, Tahoma;
	
}


.footer_bg
{
	width:902px;
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	background:url(images/footer_bg.jpg) repeat-x;
	margin-top:3px;
	line-height:18px;
	
}

a.footer_link
{
	text-decoration:none;
	color:#737373;
}

a.footer_link:hover
{
	text-decoration:none;
	color:#d946c9;
}

a.footer_link2
{
	text-decoration:none;
	color:#737373;
}

a.footer_link2:hover
{
	text-decoration:none;
	color:#d946c9;
}

.inner_page_middle_part
{
	width:902px;
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
}

.left_col
{
	width:242px;
	height:auto;
	background:#f3f3f3;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}

.right_col
{
	width:630px;
	height:auto;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:20px;
}

.left_margins
{
	width:242px;
	height:10px;
	
}


.accom_title
{
	width:600px;
	padding-top:5px;
	padding-bottom:5px;
	color:#b45cb3;
	font-weight:bold;
	font-size:14px;
}

.accomodations_box11
{
	width:620px;
	height:auto;
	overflow:hidden;
	font-size:12px;
	line-height:1.5;

	}
	
.accomodations_box11 a{color:#737373; text-decoration:none;}
.accomodations_box11 a:hover{color:#737373; text-decoration:underline;}

.accomo_box
{
	width:303px;
	height:auto;
	float:left;
	border:1px solid #f3f3f3;
	padding-top:10px;
	margin-top:10px;
	margin-left:4px;
}

.accomo_box_title
{
	width:282px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	color:#333;
	background:#f3f3f3;
	margin:auto;
	
}

.accomo_box_pic
{
	width:282px;
	height:134px;
	padding-top:10px;
	margin:auto;
}

.accomo_box_pic_text
{
	width:282px;
	height:auto;
	padding-top:10px;
	line-height:15px;	
	padding-bottom:5px;
	margin:auto;
	text-align:justify;
}

.accomo_readmore
{
	width:282px;
	padding-top:5px;
	padding-bottom:15px;
	text-align:right;
	margin:auto;
	
}


.photogallery_title
{
	width:500px;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:10px;
	font-size:14px;
	color:#b45cb3;
	font-weight:bold;
}



.photogallery_left_col
{
	width:461px;
	height:auto;
	background:#f6f6f6;
	float:left;
	padding-top:20px;
	padding-bottom:10px;
	margin-top:10px;
	margin-right:10px;
	margin-left:10px;
}

.big_photo_pic
{
	width:362px;
	height:320px;
	float:left;
	padding:10px;
	border:1px solid #f3f3f3;
	margin-top:10px;
	margin-left:10px;
}

.big_photo_pic a{color:#737373; text-decoration:none;}
.big_photo_pic a:hover{color:#737373; text-decoration:underline;}

.thumb_cont
{
	width:424px;
	height:99px;
	margin:auto;
	
	padding-bottom:10px;
	
}

.thumb
{
	width:132px;
	height:99px;
	float:left;
	margin-left:8px;
}

.booking_grabber
{
	float:left;
	width:505px;
	height:auto;
	overflow:hidden;
	
}


.apartment_box_text
{
width:405px;
height:auto;
margin-top:10px;
overflow:hidden;
border:1px solid #f3f3f3;
padding-top:15px;
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
line-height:18px;
margin-left:20px;

}

.apartment_box_text a{color:#000000; text-decoration:none;}
.apartment_box_text a:hover{color:#000000; text-decoration:underline;}

.apartment_box_calender
{
width:405px;
height:auto;
margin-top:15px;
overflow:hidden;
border:1px solid #f3f3f3;
padding-top:15px;
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
line-height:18px;
margin-left:20px;
}

.booking_form_text
{
float:left;
width:380px;
height:auto;
text-align:justify;
line-height:20px;
margin-right:20px;
border:1px solid #dddddd;
padding-left:20px;
background:#f3f3f3;
padding-top:12px;
}

.booking_form_text_contact
{
float:left;
width:380px;
height:auto;
text-align:justify;
line-height:20px;
margin-right:20px;

padding-left:20px;

padding-top:12px;
}

.contactnames
{
width:100px;
height:20px;
float:left;
}
.contactnames1
{
width:100px;
height:25px;
float:left;
padding-top:5px
}
.contact_icon
{
float:left;
}

.contact_text
{
float:left;
width:auto;
height:auto;
margin-left:20px;
}
.contact1_container
{
float:left;
width:308px;
height:auto;
text-align:justify;
line-height:23px;
overflow:hidden;
margin-left:14px;
padding-top:10px;
padding-bottom:10px;
}

.contact_text_container
{
width:419px;
height:auto;
}

.contact_container
{
height:25px;
}
.contact_calender
{
height:35px;
}
.flage_text{ font-size:12px;color:#737373;}
.flage_text a{font-size:12px;color:#737373; text-decoration: none;}
.flage_text a:hover{font-size:12px;color:#DF5BDC; text-decoration: none;}

form {
	width: 230px;
}

.col1 {
	text-align: right;
	width: 135px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
}

.col2 {
	width: 195px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
}


.col2x1 {
	width: 187px;
	height: 26px;
	display: block;
	float: left;
	margin: 0;
	padding-left:6px;
	padding-top:5px;
}

.colll
{
	width:auto;
	height:auto;
	padding-left:2px;
	padding-right:2px;
	float:left;
	
}
.col2comment {
	width: 195px;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
}

.col1comment {
	text-align: right;
	width: 135px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 2px;
}

div.row {
	clear: both;
	width: 335px;
}

.submit {
	height: 29px;
	width: 330px;
	padding-top: 5px;
	clear: both;
} 

.input {
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #8595B2;
}

.textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
}