/* CSS Document for yaremche-club-hotel.com */

body {
	font-family:Tahoma, Arial, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	/*background:#A4A691;*/
	background:#8E977D;
	margin: 0px;
	padding: 15px;
}

a:link {color: #2C4E2B; text-decoration: underline;}
a:visited {color: #2C4E2B; text-decoration: underline;}
a:hover { color:#000000; text-decoration: none;} 
a img {	border: 0px solid #FFFFFF;}


form { margin:0; padding:0;}
fieldset { margin:0; padding:0; border:0 solid #000000;}
input, textarea  {font-family:Tahoma, Arial, sans-serif; font-size:11px; background:#FFFFFF; border:solid 1px #FFFEE3; padding:1px 4px;}
	input.button {background-color:#DFDFDF; font-weight:bold; font-size:12px; padding:1px 8px; height:22px; width:100px; text-align:center;}
.clearer {height: 1px; font-size: 1px; clear: both;}

/* banners */
	/* weather */
		.weather {width:99%;}
			.weather table {width:100%; background-color:#FFFEE3;}
			.weather table td {}
			.gmtbl {background-color:#FFFEE3; border:0px solid #2c4e2b;}
			.gmtdttl {font-size:12px; font-weight:bold; color:#000000!important; text-align:center; background-color:#FFFEE3;}
			.gmtdtext {font-size:11px; font-weight:normal; color:#000000; text-align:center;}
	
	/* finance */
		.finance {margin-top:25px;}

#container { background:#FFFFFF; margin:0 auto; width:856px; /*overflow:auto;*/}

/* top */
	#top { background:#2C4E2B; height:35px; margin:0 0 1px 0;}
		#top .slogan { color:#FFFAAC; display:inline; font-size:14px; float:left; line-height:34px; margin:0 0 0 30px;}
/* lang menu */
		#top .langmenu { display:inline; float:right; font-size:10px; margin:0 30px 0 0; line-height:34px;}
			#top .langmenu a { color:#FFFFFF; margin:0 0 0 20px; padding:2px 6px 3px;}
				#top .langmenu a:hover, #top .langmenu a.active { background:#4D6A4C; color:#CADACA; text-decoration:none;}
				
		#logo { position: absolute; margin:0 0 0 372px;}
	
	.vyshyvka { background:url(../images/vyshyvka.gif) top repeat-x; height:33px;}
	
/* menu */
	#menu {font-size:12px; height:38px; line-height:38px; margin:0 30px;}
		#menu a{ padding:8px 18px;}
			#menu a:hover, #menu a.active{ background:#2C4E2B; color:#FFFFFF; text-decoration:none;}
	
		#menu .left { float:left}
			#menu .left a { margin:0 25px 0 0;}
		#menu .right { float:right}
			#menu .right a { margin:0 0 0 25px;}
			
/* photo main */
	#photo1 { background:url(../images/main1a.jpg) top center no-repeat; height:143px; margin:0 12px;}
	#photo2 {  background:url(../images/main1.jpg) top center no-repeat;  height:60px; margin:0 12px; padding:140px 0 0 0;}
		#photo2 .text { color:#FFFFFF; font-size:14px; height:47px; font-family:Arial, Helvetica, sans-serif; }
			#photo2 .text h1 { display:inline; font-size:16px; font-weight:normal; margin:0; padding:0 9px 0 219px;}
				#photo2 .text h1 strong { color:#FEF100; font-size:30px; font-weight:normal; text-transform:none;}
				
	#photoNext {background:url(../images/nextAbout.jpg) top center no-repeat; height:144px; margin:0 12px; padding:0 0 0 0;}
		#photoNext h2 { color:#FFFFFF; font-size:25px; font-weight:normal; margin:0; padding:104px 0 0 18px;}
		
			div#container .pnabout {background:url(../images/nextAbout.jpg) top center no-repeat;}
			div#container .pnconf {background:url(../images/nextConference.jpg) top center no-repeat;}
			div#container .pnrooms {background:url(../images/nextRooms.jpg) top center no-repeat;}
			div#container .pnrestaurant {background:url(../images/nextRestaurant.jpg) top center no-repeat;}
				

	#sm2 { background: url(../images/smbgr.gif) no-repeat top left #2C4E2B; color:#FFFFB8; font-size:10px; height:34px; margin:9px 12px; padding:6px;}
/* search */
		#sm2 #search {float:left; width:238px;}
			#sm2 #search input { margin:8px 0 0 5px; width:81%; float:left;}
			#sm2 #search img { margin:2px 0 0 10px; float:left;}
			
/* menu2 */
		#sm2 #menu2 { float:left; margin:0 0 0 115px; display:inline}
			#sm2 #menu2 .item{border-left:solid 1px #5D774C; float:left; height:34px; padding:0 0 0 14px; margin:0 0 0 10px; text-align:right; display:inline;}
				#sm2 #menu2 a { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:17px; line-height:14px; display:block; margin:0 0 5px 0;}
					#sm2 #menu2 a:hover {color:#FFFFB8;}
					
				#sm2 #menu2 .active { border-left:solid 1px #FFFFB8;}
				#sm2 #menu2 .active a{ color:#FFFFB8; text-decoration:none; font-size:16px; font-weight:bold;}

					
					
					
/* content */
	#content { background:#FFFEE3; font-family:Arial, sans-serif;  margin:0 12px 9px; padding:15px;}
		#content .main3 { background: url(../images/bgr_content.gif) center repeat-y; width:802px; overflow:auto;}
			#content .main3 .left { float:left; width:254px; margin:0 34px 0 0;}
			#content .main3 .center { float:left; width:270px; margin:0 34px 0 0;}
			#content .main3 .right{ float:left; width:210px;}
			
			#content .main3 h3 {font-size:19px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0; padding:0 0 20px 0; line-height:18px;}
			#content .main3 p { margin:0; padding:0 0 10px 0;}
			#content .main3 ul { margin:0; padding:0 0 0 20px;}
				#content .main3 ul li { margin:5px 0; padding:0;}
				
		#content .main2 {width:802px; overflow:hidden;}
			#content .main2 .left { float:left; width:395px; margin:0 34px 0 0; padding:10px 10px 0 15px;}
			#content .main2 .right{ float:left; width:328px; padding:10px 0 0 0;}
			
			#content .main2 h1 {font-size:19px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0; padding:10px 0 15px 0; line-height:18px;}
			#content .main2 h2 {font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0; padding:10px 0 5px 0; line-height:16px;}
				#content .main2 h2 img { padding:4px; margin:0 10px 10px 0; background: #FFFFFF;}
			
			#content .main2 p { margin:0; padding:7px 0 7px 0;}
						
		
		#content .main1 {padding:10px 10px 0 15px; position:relative; min-width:0;}
			#content .main1 h1 {font-size:19px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0; padding:10px 0 15px 0; line-height:18px;}
			#content .main1 p { margin:0; padding:7px 0 7px 0;}

/* content table */			
			#content .price {border-collapse:collapse; font-size:12px;}
			#content .price caption {padding:2px; font-weight:bold;}
			#content .price tr/*.tr-odd*/ {background-color:#FFFFFF;}
			#content .price tr.tr-0 {color:#FFFFFF; background-color:#2c4e2b;}
			#content .price td {border-top:1px solid #2c4e2b; padding:1px 1px 1px 2px;}
			#content .price td.td-0 {font-weight:bold;}


			#content .csc-textpic img {margin-top:10px;}

.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}

/* mailformplus */
.tx-thmailformplus-pi1 {margin:20px 0px; padding:0px;}
	.tx-thmailformplus-pi1 dl {display:inline; /*width:200px;*/}
	.tx-thmailformplus-pi1 dt {clear:both; display:inline; float:left; width:140px;/*100px*/}
	.tx-thmailformplus-pi1 dd {display:inline; float:left; /*width:50%;*/}
	
		.tx-thmailformplus-pi1 .contact-form dt {width:90px;}
	
	.tx-thmailformplus-pi1 input {border:solid 1px #B5B5B5; padding:0 2px; margin-bottom:10px; width:120px;}
		.tx-thmailformplus-pi1 input.button {background-color:#DFDFDF; font-weight:bold; font-size:12px; padding:1px 8px; height:22px; width:100px; text-align:center; cursor:pointer;}

	.tx-thmailformplus-pi1 select {border:solid 1px #B5B5B5; padding:0 0 0 2px; margin-bottom:10px; width:142px;}
	.tx-thmailformplus-pi1 textarea {border:solid 1px #B5B5B5; padding:0 2px; margin-bottom:10px; width:140px; height:100px;}
		.tx-thmailformplus-pi1 .contact-form textarea {width:180px;}
	
	
/* end of mailformplus */	
			

/* photogallery */
	#gallery {background:#FFFFFF; width:99%; margin:0 auto; padding:0 3px;}
		#gallery .mainimage {}
             #gallery .mainimage  img {padding:3px;}
             #gallery .mainimage  .text {text-align:right; padding:3px 3px 0 0; clear:both; height:20px;}
                  #gallery .mainimage  a {float:right; margin:4px; display:inline;}
                       #gallery .mainimage  a:hover img {background-color:#FEF000;}
                       #gallery .mainimage  a.active img {background-color:#FEF000;}

   #gallery_list {background:#FFFFFF; width:328px; margin:0 auto; padding:0 0px;}
		#gallery_list .thumbnails {margin:4px;}
                  #gallery_list .thumbnails img {width:58px;}
                  #gallery_list .thumbnails a {padding:3px; float:left; display:block; height:58px; overflow:hidden}
                       #gallery_list .thumbnails a:hover  {background-color:#FEF000;}
                       #gallery_list .thumbnails a.active {background-color:#FEF000;}
                  #gallery_list .thumbnails div {display: inline; height:58px; width:58px;}
						 
		#gallery_list .link { text-align:right; margin:3px 8px 10px;}



   #gallery {background:#FFFFFF; width:99%; margin:0 auto; padding:0 3px;}
		#gallery .thumbnails {margin:4px;}
                  #gallery .thumbnails img {padding:3px; height:58px; width:58px;}
                  #gallery .thumbnails a {float:left; display:inline;}
                       #gallery .thumbnails a:hover  {background-color:#FEF000;}
                       #gallery .thumbnails a.active {background-color:#FEF000;}
						 
		#gallery .link { text-align:right; margin:3px 8px 10px;}

/* news */
	#news {}
		#news .news{ border-bottom:solid 1px #E5E9CD; overflow:auto; width:270px; margin:0 0 20px 0;}
			#news .news img { border:solid 2px #FFFFFF; float:left; margin:0 17px 15px 0;}
			#news .news .text { float:left; width: 207px; margin:0 0 15px 0;}
				#news .news .text .date {font-size:10px; margin:0 0 6px 0;}

/*bottom */
	#bottom { height:40px; border-bottom:solid 7px #2C4E2B; /*overflow:auto;*/ width:856px;}
		#bottom .copyright { float:left; margin:0 0 0 15px; padding:2px 0 0 0; font-size:10px;}
		#bottom .contacts { float:right; margin:0 15px 0 0; font-size:10px; text-align:right;}
			#bottom .contacts strong { font-size:14px; margin:0 0 0 5px;}
			#bottom .contacts a { margin:0 20px 0 0;}