body	{background: #333333; color: #666666; font-family: arial; font-size: 12px; line-height: normal; margin: 0px;}

a		{color: #847A3B; text-decoration: underline;}
a:hover	{color: #847A3B; text-decoration: none;}

.clear	{clear: both; }
.long-special { margin-bottom: 20px; }
#content p				{ margin: 0px 0px 20px 0px; }
/*** KONTAKTNY FORMULAR ***/
#contact_form 			     { background: #f9f9f9; border-bottom: 1px solid #ebebeb; border: 1px solid #ebebeb; margin: 0px 0px 20px 0px; padding: 20px 20px 10px 20px; width: 626px; }
#contact_form span		   { padding: 0px 5px; }
#contact_form td 		     { line-height: 22px; padding: 0px 10px 10px 0px; }
#contact_form input 	   { background: #fff; border: 1px solid #ebebeb; color: #666; padding: 3px; width: 160px; }
#contact_form textarea 	 { background: #fff; border: 1px solid #ebebeb; color: #666; font-family: 'Arial', sans-serif; font-size: 12px; padding: 3px; width: 320px; }
#contact_form .submit 	 { cursor: pointer; width: auto; }
.post_title, 
.post_date, 
.post-title, 
.post-date 				{ border: 0px; }
.post-short 			{ padding-bottom: 20px; }
/*** HLAVNE MENU ***/
div.topmenu			{width: 100%; height: 50px; text-align: center;}
div.topmenu .wrap		{width: 1000px; height: 50px; margin: 0px auto; position: relative;}
div.topmenu ul.menu		{list-style-type: none; margin: 0px; padding: 0px; line-height: 37px; position: absolute; top: 13px; left: 26px;}
div.topmenu ul.menu ul	{ display: none; }
div.topmenu ul.menu li		{float: left; height: 37px; font-size: 11px; font-weight: bold; text-transform: uppercase;}
div.topmenu ul.menu a 		{display: block; float: left; height: 37px; padding-left: 18px; padding-right: 18px; color: #FFFFFF; text-decoration: none;}
div.topmenu ul.menu a:hover	{color: #F7D122; text-decoration: none;}
div.topmenu ul.menu li.menu-current,
div.topmenu ul.menu li.menu-parent		{background: url('../images/zalozka_left.gif') top left no-repeat;}
div.topmenu ul.menu li.menu-current a,
div.topmenu ul.menu li.menu-parent a		{background: url('../images/zalozka_right.gif') top right no-repeat; color: #000000;}

div.flags			{position: absolute; top: 22px; right: 51px; text-align: right;}
div.flags a img			{border: 1px solid #ADADAD; display: block; float: left; padding: 1px; width: 20px; height: 12px; margin-left: 5px;}
div.flags a:hover img		{border: 1px solid #F7D122;}
div.flags a.active img		{border: 1px solid #FFFFFF;}

div.flags.sk .sk img, 
div.flags.en .en img,
div.flags.pl .pl img,
div.flags.de .de img,
div.flags.ru .ru img,
div.flags.hu .hu img{ border: 1px solid #FFFFFF; }

/*** Specialne ponuky ***/
.long-special img { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #C1BC9D; display:block; float: left; margin: 0px 10px 10px 0px; padding: 3px; }
.long-special p.description { }
.long-special fieldset { border: 0px; }
.long-special input { border: 1px solid #cacaca; margin: 0px 0px 5px 0px; padding: 3px; width: 150px; }
.long-special label { display: block; float: left; margin: 3px 10px 0px 0px; width: 30px; }
.long-special .submit { background: #cacaca; border: 0px; color: #847A3B; cursor: pointer; margin: 0px 0px 0px 40px; width: 158px; }
/*** HOME LAYOUT ***/

div.header			{width: 100%; height: 492px; text-align: center; background: url('../images/homebar.gif') top left repeat-x #DDDDDD;}
div.header .layout		{width: 1000px; height: 492px; margin: 0px auto; position: relative; text-align: left;}
div.header .shadows		{width: 1000px; height: 450px; position: absolute; top: 20px; left: 0px; background: url('../images/shadows.png') top left no-repeat;}
div.header .topshadow		{width: 820px; height: 12px; position: absolute; top: 1px; left: 90px; background: url('../images/topshadow.png') top left no-repeat;}

div.header div.logo			{ width: 230px; height: 140px; position: absolute; top: 36px; left: 385px; z-index: 1;}
div.header div.logo .logo	{ width: 230px; height: 140px; position: absolute; top: 0px; left: 0px; background: url('../images/logo_hotel_petra.png') top left no-repeat;}
div.header div.logo a		{ width: 230px; height: 140px; position: absolute; top: 0px; left: 0px; display: block;}
div.header div.logo h1		{ margin: 0px; padding: 0px; font-size: 0%; visibility: hidden;}

div.header .leftbox		{width: 274px; position: absolute; top: 72px; left: 52px; padding-top: 29px; z-index: 1;}
div.header .leftbox h2		{color: #333333; font-size: 18px; text-transform: uppercase; margin: 0px; font-weight: normal; position: absolute; top: 0px; right: -1px;}
div.header .leftbox a		{color: #333333; text-decoration: none;}
div.header .leftbox p		{color: #FFFFFF; line-height: 16px; margin: 0px 0px 5px 0px; padding: 0px; text-align: right;}

div.header .rightbox		{width: 274px; position: absolute; top: 72px; right: 52px; padding-top: 29px; z-index: 1;}
div.header .rightbox h2		{color: #333333; font-size: 18px; text-transform: uppercase; margin: 0px; font-weight: normal; position: absolute; top: 0px; left: -1px;}
div.header .rightbox a		{color: #333333; text-decoration: none;}
div.header .rightbox p		{color: #FFFFFF; line-height: 16px; margin: 0px 0px 5px 0px; padding: 0px;}

/*** SLIDER ***/

div.slider			{width: 898px; height: 205px; position: absolute; top: 203px; left: 51px;}
div.slider .ornament		{width: 874px; height: 106px; position: absolute; top: -42px; left: 12px; background: url('../images/ornament.png') top left no-repeat;}
div.slider .slide_box		{width: 898px; height: 205px; position: absolute; top: 0px; left: 0px; background: url('../images/slider.png') top left no-repeat;}
div.slider .shadow		{width: 820px; height: 12px; position: absolute; top: 205px; left: 39px; background: url('../images/topshadow.png') top left no-repeat;}
div.slider .text		{width: 898px !important; position: absolute; top: 224px; left: 0px; text-align: center; }
div.slider .text .wrap 		{ text-align: center; width: 898px !important; }
div.slider .text ul		{padding: 0px; margin: 0px; /*background: url('../images/greybar.gif') 0px -55px repeat-x #FFFFFF;*/}
div.slider .text li 		{ display: block; list-style: none; text-align: center; width: 898px !important;  background: url('../images/greybar.gif') 0px -55px repeat-x;}
div.slider h2			{ color: #847A3B; font-size: 20px; text-transform: uppercase; margin: 0px; font-weight: normal;}
div.slider a			{text-decoration: none;}
div.slider p			{margin: 0px; padding-top: 4px;}
div.slider #slider		{ width: 792px; height: 177px; position: absolute; top: 14px; left: 53px; overflow: hidden; }
div.slider #slider p 	{ margin: 0px; padding: 0px; }
div.slider #slider img		{width: 792px; height: 177px;}
div.slider a.left		{display: block; width: 26px; height: 33px; position: absolute; top: 86px; left: 12px;}
div.slider a.left .ico		{display: block; width: 26px; height: 33px; position: absolute; top: 0px; left: 0px; background: url('../images/left_arrow.png') top left no-repeat;}
div.slider a.left .sign		{visibility: hidden;}
div.slider a.right		{display: block; width: 26px; height: 33px; position: absolute; top: 86px; right: 12px;}
div.slider a.right .ico		{display: block; width: 26px; height: 33px; position: absolute; top: 0px; left: 0px; background: url('../images/right_arrow.png') top left no-repeat;}
div.slider a.right .sign	{visibility: hidden;}


/*** HOME CONTENTS ***/

div.home			{width: 100%; background: #FFFFFF; text-align: center; padding-top: 40px; padding-bottom: 5px;}
div.home .wrap			{width: 1000px; margin: 0px auto; text-align: left;}
div.home .contents		{padding-left: 51px;}
div.home .boxes			{background: url('../images/boxes2.gif') top left repeat-y; width: 100%;}
div.home .boxesdown		{height: 10px; background: url('../images/boxes_bottom2.gif') top left no-repeat;}
div.home .bottom		{width: 898px; height: 60px; background: url('../images/points.gif') center center no-repeat;}
div.home .homebox		{width: 276px; float: left; margin-right: 35px;}
div.home .akcie	.top		{height: 10px; background: url('../images/box_blue_top.gif') top left no-repeat;}
div.akcie p 			{color: #C5F5FF;}
div.home .svp .top		{height: 10px; background: url('../images/box_grey_top.gif') top left no-repeat;}
div.home .pobyt			{margin-right: 0px;}
div.homebox .icon		{width: 90px; height: 75px; float: right; position: relative;}
div.homebox .icon span		{display: block; width: 64px; height: 64px; position: absolute; top: 0px; right: 14px;}
div.home .akcie .icon span	{background: url('../images/ico_akcia2.png') top left no-repeat;}
div.home .svp .icon span	{background: url('../images/ico_svp.png') top left no-repeat;}
div.homebox h2			{color: #637883; text-transform: uppercase; font-size: 16px; font-weight: normal; margin: 6px 20px 13px 20px; padding: 0px;}
div.homebox h2 a		{color: #637883; text-decoration: none; display: block;}
div.homebox h2 a:hover		{color: #637883; text-decoration: none;}
div.homebox p			{margin: 0px 20px 18px 20px; line-height: 16px;}

#searchbox h2				{ color: #FFFFFF; font-weight: normal; padding: 16px 20px 10px 20px; background: url('../images/box_gold_top.gif') top left no-repeat; margin: 0px; text-align: center; }
#searchbox h2 a				{ color: #FFFFFF; }
#searchbox form				{margin: 0px; padding: 17px 20px 0px 20px;}
#searchbox fieldset			{height: 130px; margin: 0px; padding: 0px; border-width: 0px; text-align: center;}
#searchbox label			{color: #333333; display: block; width: 70px; float: left; line-height: 22px; font-weight: bold; text-align: right; margin-right: 10px;}
#searchbox fieldset input		{display: block; width: 110px; float: left; border: 1px solid #FFFFFF; background: #E8E7DC; padding: 3px 6px 2px 6px; font-size: 12px; font-family: arial;}
#searchbox .searchbox-dates		{width: 100%;}
#searchbox .from			{width: 100%; clear: both;}
#searchbox .to				{width: 100%; clear: both; padding-top: 6px;}
#searchbox .searchbox-code		{width: 100%; clear: both; padding-top: 6px;}
#searchbox .searchbox-code input	{background: #BEC4B8;}
#searchbox input#searchbox-submit	{width: 196px; float: none; border-width: 0px; background: url('../images/button_big.gif') top left no-repeat; color: #FFFFFF; font-weight: bold; cursor: pointer; position: relative; top: 15px; padding: 6px 6px 6px 6px; margin: 0px auto;}

/*******************************
 * SUBPAGE                     *
 *******************************/
 
div.subpage				{width: 100%; background: url('../images/subpage.gif') top left repeat-x #FFFFFF; text-align: center;}
div.subpage .wrap			{width: 1000px; margin: 0px auto; text-align: left; background: url('../images/subpage_ornament.gif') top center no-repeat;} 
div.subpage .layout			{width: 1000px; position: relative;}
div.subpage .shadows			{width: 1000px; height: 450px; position: absolute; top: 20px; left: 0px; background: url('../images/shadows.png') top left no-repeat; z-index: 0;}
div.subpage .topshadow			{width: 820px; height: 12px; position: absolute; top: 1px; left: 90px; background: url('../images/topshadow.png') top left no-repeat;}
div.subpage .leftcol			{width: 677px; float: left; position: relative; z-index: 1;}
div.subpage .rightcol			{width: 287px; float: right; position: relative; z-index: 1; padding-bottom: 40px;}


div.subheader				{height: 225px; position: relative;}
div.subheader div.logo			{width: 182px; height: 112px; position: absolute; top: 36px; left: 51px; z-index: 1;}
div.subheader div.logo .logo		{width: 182px; height: 112px; position: absolute; top: 0px; left: 0px; background: url('../images/logo_hotel_petra_small.png') top left no-repeat;}
div.subheader div.logo a		{ text-decoration: none; width: 182px; height: 112px; position: absolute; top: 0px; left: 0px; display: block;}
div.subheader div.logo a span		{margin: 0px; padding: 0px; font-size: 0%; visibility: hidden;}

div.subheader .description		{width: 414px; position: absolute; top: 0px; left: 263px;}
div.subheader .description h1		{color: #333333; font-size: 24px; padding-top: 56px; margin: 0px 0px 8px 0px; text-transform: uppercase; font-weight: normal; position: relative; left: -1px;}
div.subheader .description p		{color: #FFFFFF; line-height: 16px; padding: 0px; margin: 0px;}

div.topgallery 				{padding-left: 47px; padding-bottom: 20px;}
div.topgallery ul			{margin: 0px; padding: 0px; list-style-type: none;}
div.topgallery li			{float: left; width: 126px; height: 80px; margin: 0px; padding: 0px; }
div.topgallery li img			{ border: 0px; display: block; padding: 4px; background: url('../images/thumbnail.gif') top left no-repeat;}
div.topgallery li a			{display: block; margin-left: 4px;}
div.topgallery .clear			{font-size: 0%; height: 0px;}

div.main				{padding-left: 52px; padding-bottom: 40px; line-height: 16px;}
div.main p				{text-align: justify; padding: 0px; margin: 0px 0px 15px 0px;}
div.main strong				{color: #333333;}
div.main h1				{color: #847A3B; font-size: 22px; margin: 0px 0px 15px 0px; font-weight: normal;}
div.main h2				{color: #847A3B; font-size: 18px; margin: 0px 0px 15px 0px; font-weight: normal;}
div.main h2 a			{ text-decoration: none; }
div.main h3				{color: #959595; font-size: 16px; margin: 0px 0px 15px 0px; font-weight: normal;}
div.main h4				{color: #333333; font-size: 14px; margin: 0px 0px 15px 0px; font-weight: normal;}
div.main h5				{color: #847A3B; font-size: 12px; margin: 0px 0px 15px 0px; font-weight: bold;}
div.main h6				{color: #333333; font-size: 12px; margin: 0px 0px 15px 0px; font-weight: bold;}

/*** REZERVACIA ***/

div.subpage #search				{width: 236px; height: 211px; background: url('../images/subreserve_bottom.gif') bottom left no-repeat; padding-top: 30px;}
#search #searchbox h2				{ background: url('../images/box_gold_top2.gif') top left no-repeat; text-transform: uppercase; margin: 0px; font-size: 16px; padding: 16px 20px 13px 20px; }
#search #searchbox form				{ background: url('../images/subreserve.gif') top left repeat-y; padding-top: 20px;}
#search #searchbox label			{ width: 60px;}
#search #searchbox fieldset input		{width: 80px;}
#search #searchbox input#searchbox-submit	{width: 176px; background: url('../images/button_med.gif') top left no-repeat;}

/*** PRAVY STLPEC ***/

div.rightcol .rule		{width: 236px; height: 47px; background: url(../images/points2.gif) top center no-repeat;}	
div.rcolbox			{width: 236px; background: url('../images/rcol.gif') top left repeat-y;}
div.rcolbox .top		{height: 5px; background: url('../images/rcol_top.gif') top left no-repeat; font-size: 0%;}
div.rcolbox .contents		{background: url(../images/rcol_bottom.gif) bottom left no-repeat;}

div.rcolbox h2			{color: #637883; font-size: 16px; font-weight: normal; margin: 0px; padding: 10px 20px 12px 20px; text-transform: uppercase;}
div.rcolbox h2 a		{color: #637883; text-decoration: none; display: block;}

div.rcolbox h3			{color: #8B8146; font-size: 12px; font-weight: bold; margin: 0px; padding: 10px 10px 0 55px !important; text-transform: uppercase;}
div.rcolbox h3 a		{color: #8B8146; text-decoration: none; display: block;}

div.rcolbox h4			{color: #637883; font-size: 12px; font-weight: bold; margin: 0px; padding: 10px 20px 12px 20px; text-transform: uppercase;}
div.rcolbox h4 a		{color: #637883; text-decoration: none; display: block;}

div.rcolbox .rmenu		{padding-bottom: 18px; background: url('../images/rcol_rule.gif') bottom left no-repeat;}
div.rcolbox .rmenu ul		{margin: 0px; padding: 0px 20px 0px 20px; list-style-type: none;}
div.rcolbox .rmenu li		{width: 100%; height: 26px; line-height: 26px; background: url('../images/line.gif') top left repeat-x; float: left;}
div.rcolbox .rmenu li.menu-current	{font-weight: bold;}
div.rcolbox .rmenu li a	{color: #333333; text-decoration: none; display: block; background: url('../images/mark.gif') 0px 11px no-repeat; padding-left: 10px;}
div.rcolbox .rmenu li a:hover	{color: #847A3B; text-decoration: none;}

div.rcolbox .box 		  { padding-bottom: 22px; background: url('../images/rcol_rule.gif') bottom left no-repeat;}
div.rcolbox .box h2		{ padding: 10px 0px 0px 0px;}
div.rcolbox .box h3		{ padding: 10px 0px 0px 50px;}
div.rcolbox .box h4		{ padding: 10px 0px 0px 0px;}

div.rcolbox .box p		{ font-size: 11px; line-height: 14px; margin: 0px; padding: 5px 0px 0px 55px;}
/* div.rcolbox .box img		{display: block; padding: 2px; border: 1px solid #847A3B;} */
div.rcolbox .box img { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #C1BC9D; display:block; float:left; height:40px; margin: 10px 5px 5px 0px; padding:2px; width:40px; }
div.rcolbox .box a.thumb		{display: block; margin-top: 10px;}
div.rcolbox .box a.thumb img		{border-color: #C1BC9D;}
div.rcolbox .box a.thumb:hover img	{border-color: #847A3B;}
div.rcolbox .boxlast 		{ padding-bottom: 20px; background: none;}
div.rcolbox .akcie		{ padding: 0px 20px 0px 20px;}

div.rightfoot			{height: 67px; background: url('../images/rcol_icons.gif') top left no-repeat;}
div.rightfoot div.icons		{padding: 9px 0px 0px 11px;}
div.rightfoot ul.icons		{padding: 0px; margin: 0px; list-style-type: none; height: 48px;}
div.rightfoot ul.icons li	{width: 48px; height: 48px; float: left; margin-right: 7px;}
div.rightfoot ul.icons a	{display: block; width: 48px; height: 48px; position: relative;}
div.rightfoot ul.icons a span	{display: block; width: 48px; height: 48px; position: absolute; top: 0px; left: 0px; cursor: pointer;}
div.rightfoot ul.icons a .text	{font-size: 0%; visibility: hidden;}
div.rightfoot ul.icons a .ico1	{background: url('../images/icon1.png') top left no-repeat;}
div.rightfoot ul.icons a .ico2	{background: url('../images/icon2.png') top left no-repeat;}
div.rightfoot ul.icons a .ico3	{background: url('../images/icon3.png') top left no-repeat;}
div.rightfoot ul.icons a .ico4	{background: url('../images/icon4.png') top left no-repeat;}
div.rightfoot ul.icons a:hover .ico1	{background: url('../images/icon1_act.png') top left no-repeat;}
div.rightfoot ul.icons a:hover .ico2	{background: url('../images/icon2_act.png') top left no-repeat;}
div.rightfoot ul.icons a:hover .ico3	{background: url('../images/icon3_act.png') top left no-repeat;}
div.rightfoot ul.icons a:hover .ico4	{background: url('../images/icon4_act.png') top left no-repeat;}

/*** FOOTER ***/

div.footer					{ width: 100%; height: 100px; text-align: center; font-size: 11px; color: #A0A0A0;}
div.footer .wrap			{ width: 1000px; margin: 0px auto; text-align: left; position: relative; }
div.footer .copy			{ width: 440px; position: absolute; top: 24px; left: 51px; line-height: 18px;}
div.footer .links			{ color: #D2CDA1; width: 440px; position: absolute; top: 12px; right: 51px; text-align: right;}
div.footer .link			{ color: #A0A0A0; width: 440px; position: absolute; top: 40px; right: 51px; text-align: right;}
div.footer a				{ color: #D2CDA1; text-decoration: none;}
div.footer a:hover			{ color: #D2CDA1; text-decoration: underline;}
div.footer ul				{ float: right; }
div.footer ul ul 			{ display: none; }
div.footer li 				{ float: left; list-style: none; }
div.footer li .sep			{ padding: 0px 5px;}
div.footer .menu-last .sep	{ display: none; }