body{
	margin: 0;
	padding: 0;
	background: url(../images/bodybg.jpg) repeat-x #3d5740;
}

body,h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,dd,p,input,textarea,select{
	color: #3c563f;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana,  sans-serif;
	font-size: 11px;
}

p{
	margin: 0 0 10px 0;
	font-family:  Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
}

p strong{
	font-weight: bolder;
}

.clear{
	clear: both;
	margin: 0; padding: 0; line-height: 0;
}

.clearBox{
	clear: both;
	height: 10px;
}

.separator{
	margin: 15px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #788C7A;
}

a{
	color: #3c563f;
	text-decoration: underline;
}

a:hover{
	color: #3c563f;
	text-decoration: none;
}


#holder{
	margin: 10px auto;
	padding: 10px;
	width: 720px;
	text-align: left;
	border: 10px solid #e9f3ea;
	background: #D6E0D7;
}

#home{
	width: 31px;
	float: right;
	padding: 37px 0 0 0;
}

#container{
	width: 720px;
	text-align: left;
	float: left;
	background: #d6e0d7;
}

#content{
	padding: 0;
	margin: 0;
}


.send{
	cursor: pointer;
	color: White;
	background: #3C7469;
	width: 70px;	
}

.send:hover, .reset:hover {
	background: Maroon;
	color: White;
}

.reset{
	cursor: pointer;
	color: White;
	background: #3c563f;
	width: 70px;	
	margin: 0 0 0 10px;
}

/**********/
#language{
	margin: 5px 0;
	text-align: right;
}

#language a{
	margin: 0 8px;
}


/**************************************/
#subnav{
	padding: 0;
	margin: 15px 0;
	color: #3c563f;
	border: 1px solid Silver;
	width: 198px;
	height: 87px;
	background: #D6E0D7; 
}

#subnav ul{
	margin: 0;
	padding: 0;
}

#subnav li{
	padding: 5px 5px 5px 13px;
	margin: 1px;
	border-bottom: 1px solid Silver;
	list-style: none;
}

#subnav li.noborder{
	border-bottom: none;
	padding: 5px 5px 5px 13px;
	
}

#subnav a{
	text-decoration: none;
	padding: 0 0 0 10px;
	background: url(../images/nav_bullet.gif) no-repeat left top;
	color: Maroon;
}

#subnav a:hover{
	color: #3c563f;
	background: url(../images/nav_bullet_hover.gif) no-repeat left top;
}

/*******/
#header{
	width: 720px;
	//width: 723px;
	/*height: 238px;	*/
	margin: 0;
	padding: 0;
}

#header #headbg{
	width: 100%;
	height: 213px;
}

#header #headbg1 {
	background:  url(../images/head1.jpg) no-repeat right; 
	height: 213px;
	margin: 0 0 0 200px;
	border-left: 1px solid White;
}

#header #headbg2 {
	background:  url(../images/head2.jpg) no-repeat right; 
	height: 213px;
}

#header #headbg3 {
	background:  url(../images/head3.jpg) no-repeat right; 
	height: 213px;
}

#header #headbg4 {
	background:  url(../images/head4.jpg) no-repeat right; 
	height: 213px;
}

#header #headbg5 {
	background:  url(../images/head5.jpg) no-repeat right; 
	height: 213px;
}

#header #headbg_test {
	background:  url(../images/head_test.jpg) no-repeat right; 
	height: 213px;
}

#header .logo{
	margin: 0;
	padding: 0;
	float: left;
}

/*********************************/

#leftcol{
	float: left;
	width: 200px;
	/*background: url(../images/leftbg.gif) repeat-y;*/
	margin: 0 0 0 0;
	padding: 0px 0 15px 0;
}

#leftcol .boxoutro{
	height: 145px;
	padding: 0;
	margin: 0 0 15px 0;
	border: 1px solid Silver;
	background: #D6E0D7;
}

#leftcol .boxoutro h1{
	font-size: 11px;
	margin: 0 0 0 15px;
	padding: 0;
	font-family: Georgia, Tahoma, Verdana, Arial, sans-serif;
}

#leftcol .boxoutro a{
	padding: 15px 0 0 65px;
	display: block;
	text-decoration: none;
	color: #3c563f;
}

#leftcol .boxoutro a:hover{
	color: Maroon;
}

#leftcol .contact{
	margin: 0;
	padding: 0;
}

#leftcol .contact ul{
	margin: 0 0 0 0;
	padding: 15px 15px 5px 15px;
}

#leftcol .contact li{
	margin: 0 0 5px 0;
	padding: 0;
	list-style: none;
}

#leftcol .boxoutro .regbox{
	height: 145px;
	background: url(../images/reservationbg.gif) no-repeat;
	padding: 0 8px 0 8px;
}

#leftcol .boxoutro .regboxen{
	height: 145px;
	background: url(../images/reservationbg_en.gif) no-repeat;
	padding: 0 8px 0 8px;
}

#leftcol .boxoutro .regboxit{
	height: 145px;
	background: url(../images/reservationbg_it.gif) no-repeat;
	padding: 0 8px 0 8px;
}

#leftcol .boxoutro .regbox h1{
	margin: 0 0 0 15px;
}

/**************************************/


#maincol{
	float: left;
	width: 497px;
	margin: 5px 0 0 15px;
}


#maincol .contenton{
	/*border: 1px solid #c6ddc8;*/
	margin: 0;
	padding: 20px 10px 10px 16px;
}

#maincol .center{
}

#maincol .izdvojeno{
	padding: 15px 25px 15px 15px;
}

#maincol h1{
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	margin: 0 0 15px 0;
	position: relative;
	padding: 2px 0 2px 0;
	border-bottom: 1px solid Silver;
	color: Maroon;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana,  sans-serif;
}


#maincol h2{
	color: #3c563f;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 4px 0 5px 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana,  sans-serif;
}

#maincol h3{
	color: #3c563f;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin: 0 0 5px 0;
	position: relative;
}

#maincol ul{
	list-style: none;
	margin: 5px 0 10px 0;
	padding: 0;
}

#maincol ul li{
	padding: 2px 0;
}


/****** fotoframe ***********/

#fotobox{
	margin: 15px 0;
}

img.border{
	border: 1px solid Silver;
	padding: 3px;
	background-color: #FFF;
	position: relative;
}

img.leftimage{
	float: left;
	margin: 2px 15px 3px 0;
	position: relative;
}

/***********************/
form{
	margin: 0;
	padding: 0;
}

input, select, textarea{
	color: #3C7469;
	text-decoration: none;
	width: 175px;
	padding: 2px;
	border: 1px solid Silver;
}

select{
	width: 181px;
}



input.inputfield

{

	width: 64px;

}



select.inputfield

{

	width: 70px;

}



textarea

{

	width: 300px;

	height: 60px;

}


/******************************/

#general{
	margin: 15px 0;
}

#general p{
	margin: 0;
}

#general span{
	color: #788c7a;
	margin: 0 5px;
}

table.main{
	width: 100%;
	margin: 20px 0 5px 0;
}



table.main thead tr td{
	color: #3c563f;
	text-decoration: none;
	font-size: 12px;
}

table.main tr.margin td{
	padding-top: 20px;
}

table.main td{
	border-bottom: 1px solid #Silver;
	padding: 6px 6px 6px 0;
	color: #788c7a;
}

table.main td.titlet{
	color: #3c563f;
}

table.main tr.last td{
	border: none;
}

.star{
	font-size: 16px;
	font-weight: bold;
	font-family: Georgia;
	color: #788c7a;
}

/********* footer ******/

#footer{
            text-align: right;
            color: Maroon;
            font-size: 11px;          
            border: 1px solid Silver;
            padding: 15px;
				
}

 

#footer a{

            padding: 0 10px;

            color: Maroon;

}

 

#footer a:hover{

            color: #3C563F;

}

 

#footer a.sign{

            color: Maroon;

            text-decoration: none;

            font-size: 11px;          

            font-weight: bold;

            padding: 0 0 0 3px;

}

 

#footer a.sign:hover{

            color: #3C563F;

}

/**/

.image {

	float: left;

	border: 0;
	width: 90px;
	height: 90px;

	margin: 15px 18px 5px 0;

	padding: 1px;
	border: 1px solid sILVER;	

	/*	border: 5px solid #404040;*/

}







#lightbox{

	background-color:#eee;

	padding: 10px;
	

	border-bottom: 2px solid #666;

	border-right: 2px solid #666;

	}

#lightboxDetails{

	font-size: 0.8em;

	padding-top: 0.4em;

	}	

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }



#lightbox img{ border: none; } 

#overlay img{ border: none; }



#overlay{ background-image: url(../images/overlay.png); }



* html #overlay{

	background-color: #000;

	back\ground-color: transparent;

	background-image: url(../images/blank.gif);

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");

	}
	
/*pricelist*/

#pricelist{
	width: 100%;
	color: #3C563F;
	font-family:  "Trebuchet MS", Tahoma, Verdana,   Arial, sans-serif;
	line-height: 14px;
	margin: 0;
	padding: 0;

}

#pricelist a{
	color: #616161;
	text-decoration: none;
	font-family:  "Trebuchet MS", Tahoma, Verdana,   Arial, sans-serif;
	margin: 0;
	padding: 0;
}

#pricelist a:hover{
	color: #3C563F;
}

#pricelist thead tr td{
	background-color: #788C7A;
	padding: 17px 5px 17px 15px;
	color: White;
	font-weight: bold;
	border-bottom: 1px solid Silver;
}

#pricelist tbody tr td {
      /*background-color: #F5F5F5;*/
		padding: 6px 0 6px 15px;
}

#pricelist tbody tr.empty td {
      background-color: #E9F3EA;
}

#pricelist tbody tr td.darken{
		/*background-color: #C7D4E2;*/
		text-align: center;
		padding: 0;
		width: 55px;
}

#pricelist tbody tr td.darken2{
		/*background-color: #F5F5F5;*/
		text-align: center;
		padding: 0;
		width: 55px;
}

#pricelist tbody tr td.descr{
		width: 330px;
		/*cursor: pointer;*/
		/*font-weight: bold;*/
		color: #616161;
		font-size: 11px;
		vertical-align: bottom;
}

#pricelist tbody tr td.descr2{
		/*width: 330px;*/
		/*cursor: pointer;*/
		/*font-weight: bold;*/
		color: #788C7A;
		font-size: 11px;
		text-align: center;
		padding: 0 2px;	
		text-transform: uppercase;
		
}

#pricelist tbody tr td.brand{
	color: #3C563F;
	font-weight: bold;
	padding: 5px 15px;
	border: 1px solid #D1D1D1;
	border-style: solid none;
}

#pricelist tbody tr td.brand2{
	color: #3C563F;
	font-weight: bold;
	padding: 15px 15px 4px 15px;
	border: 1px solid #D1D1D1;
	border-style: none none solid none;
}

#pricelist tbody tr td.price{
		text-align: center;
		padding: 0;
		font-weight: bold;
		color: #3C7469;

}

#pricelist tbody tr td.price2{
		text-align: center;
		padding: 0;
		font-weight: bold;
		color: #616161;
}

#pricelist tbody tr td.descr:hover{
	background: Silver;
}

.headfoto{
	border: 1px solid Silver;
	padding: 1px;
}