BODY.home	{color: #666666; font-family: arial; font-size: 13px; line-height: 18px; background: url('images/slide_big.jpg') 0px 155px repeat-x #333333; margin: 0px; text-align: center;}
BODY.page	{color: #666666; font-family: arial; font-size: 13px; line-height: 18px; background: url('images/slide_lit.jpg') 0px 0px repeat-x #333333; margin: 0px; text-align: center;}

a	{color: #008AC5; text-decoration: none;}
a:hover	{color: #008AC5; text-decoration: underline;}

strong	{color: #333333;}

/**** HLAVICKA ****/

DIV.headline		{width: 980px; height: 155px; margin: 0px auto; position: relative; text-align: left;}
DIV.headline .logo	{width: 199px; height: 98px; position: absolute; top: 30px; left: 25px;}
UL.topmenu		{position: absolute; top: 43px; right: 0px; list-style-type: none; margin: 0px; padding: 0px;}
UL.topmenu li		{display: block; width: 220px; float: left;}
UL.topmenu li a		{display: block; color: #CCCCCC; font-size: 11px; line-height: 15px; margin-right: 10px; text-decoration: none; background: url('images/arrow_blue.gif') top left no-repeat;}
UL.topmenu li a:hover	{color: #FFFFFF; text-decoration: none;}
UL.topmenu li a .name	{color: #7DCAEB; display: block; font-size: 16px; line-height: 20px; padding-bottom: 7px; padding-left: 27px;}
UL.topmenu li a .desc	{display: block; padding-left: 7px;}

UL.topmenu li a.design:hover		{background: url('images/arrow_green.gif') top left no-repeat;}
UL.topmenu li a.design:hover .name	{color: #A5BF1F;}
UL.topmenu li a.market:hover		{background: url('images/arrow_red.gif') top left no-repeat;}
UL.topmenu li a.market:hover .name	{color: #EB6D6F;}
UL.topmenu li a.hotely:hover		{background: url('images/arrow_brown.gif') top left no-repeat;}
UL.topmenu li a.hotely:hover .name	{color: #B9A55B;}

/**** SLIDE HOME ****/

DIV.slide_home			{width: 980px; height: 365px; margin: 0px auto; position: relative;}
DIV.slide_home .ornament	{width: 307px; height: 247px; position: absolute; top: 2px; left: -55px;}
DIV.slide_home .picture		{width: 605px; height: 361px; position: absolute; top: 2px; right: 0px;}
DIV.slide_home .text		{width: 410px; position: absolute; text-align: center;}
DIV.slide_home .text H1		{color: #008AC5; font-size: 36px; font-weight: normal; line-height: normal; margin: 0px;}
DIV.slide_home .text .desc	{color: #666666; font-size: 18px; line-height: 22px; display: block; padding-top: 6px; padding-bottom: 6px;}
ul.links			{font-size: 14px; line-height: 20px; list-style-type: none; margin: 0px; padding: 26px 0px 0px 0px;}
ul.links li			{display: inline; line-height: 20px;}
ul.links li.empty		{height: 9px; background: url('images/lnk_point.gif') center center no-repeat; padding-left: 25px; padding-right: 0px;}
ul.links a			{color: #008AC5; text-decoration: none;}
ul.links a:hover		{color: #008AC5; text-decoration: underline;}
DIV.slide_home .text1		{top: 140px; left: 120px;}
DIV.slide_home .text2		{top: 140px; left: 150px;}
DIV.slide_home .text3		{top: 118px; left: 150px;}

/**** HOME page ****/

DIV.page	{width: 980px; margin: 0px auto; text-align: left; padding-bottom: 50px;}
DIV.page_border	{padding-left: 25px; padding-right: 25px;}

DIV.home_left		{width: 565px; float: left; padding-top: 50px;}
DIV.home_left H1	{color: #7DCAEB; font-size: 26px; line-height: normal; font-weight: normal; margin: 0px;}
DIV.home_left p		{color: #CCCCCC; font-size: 16px; line-height: 20px; margin: 0px; padding-top: 10px;}

DIV.home_right		{width: 283px; float: right; padding-top: 50px;}
DIV.home_right H1	{color: #7DCAEB; font-size: 26px; line-height: normal; font-weight: normal; margin: 0px;}
ul.news			{list-style-type: none; margin: 0px; padding: 0px;}
ul.news li		{display: inline; padding: 0px; margin: 0px; font-size: 11px; line-height: 15px;}
ul.news li a		{display: block; color: #CCCCCC; text-decoration: none; background: url('images/dot_blue.gif') 0px 5px no-repeat; margin-top: 10px; padding-left: 17px;}
ul.news li a:hover	{color: #FFFFFF; text-decoration: none;}

/**** FOOTER ****/

DIV.footer			{border-top: 1px solid #545657; background-color: #333333;}
DIV.footer .contents		{width: 980px; height: 140px; text-align: left; margin: 0px auto; position: relative; text-align: left;}
DIV.footer .hotline		{width: 197px; height: 54px; background: url('images/hotline.gif') center center no-repeat; position: absolute; top: 30px; left: 25px; font-size: 16px; line-height: 20px; font-weight: bold;}
DIV.footer .hotline .shadow	{color: #66BAE4; display: block; width: 195px; text-align: center; position: absolute; top: 6px; left: 0px;}
DIV.footer .hotline .normal	{color: #FFFFFF; display: block; width: 197px; text-align: center; position: absolute; top: 7px; left: 0px;}
DIV.footer .hotline .black	{color: #333333;}

div.downlinks			{color: #CCCCCC; font-size: 12px; line-height: normal; position: absolute; top: 40px; left: 265px;}
ul.downmenu			{list-style-type: none; margin: 0px; padding: 0px; padding-bottom: 5px; font-size: 14px;}
ul.downmenu li			{display: inline; padding-left: 10px; padding-right: 9px; background: url('images/lnk_line.gif') 0px 1px no-repeat;}
ul.downmenu li.first		{padding-left: 0px; background: none;}
ul.downmenu a			{color: #7DCAEB; text-decoration: none;}
ul.downmenu a:hover		{color: #FFFFFF; text-decoration: none;}


/**** PODSTRANKY ****/

DIV.slide_page			{width: 980px; height: 238px; margin: 0px auto; position: relative;}
DIV.slide_page .ornament	{width: 200px; height: 161px; position: absolute; top: 2px; left: -28px;}
DIV.slide_page .picture		{width: 520px; height: 236px; position: absolute; top: 2px; right: 0px;}
DIV.slide_page ul.links		{position: absolute; top: 23px; left: 138px; padding-top: 0px;}
DIV.slide_page .text		{position: absolute; top: 100px; left: 115px; text-align: left;}
DIV.slide_page .text H1		{color: #008AC5; font-size: 36px; font-weight: normal; line-height: normal; margin: 0px;}
DIV.slide_page .text .riadok0	{display: block; padding-bottom: 15px;}
DIV.slide_page .text .riadok1	{display: block; color: #666666; font-size: 16px; line-height: 20px;}
DIV.slide_page .text .riadok2	{display: block; color: #666666; font-size: 16px; line-height: 20px; padding-left: 31px;}
DIV.slide_page .text1 .riadok0	{padding-left: 69px;}
DIV.slide_page .text2 .riadok0	{padding-left: 49px;}
DIV.slide_page .text3 .riadok0	{padding-left: 69px;}
DIV.slide_page .text4 .riadok0	{padding-left: 69px;}
DIV.slide_page .text5 .riadok0	{padding-left: 69px;}
DIV.slide_page .text6 .riadok0	{padding-left: 69px;}
DIV.slide_page .text7 .riadok0	{padding-left: 69px;}

DIV.subbckg			{background: url('images/subpage.jpg') top left repeat-x #FFFFFF;}
DIV.subpage			{width: 980px; margin: 0px auto; text-align: left; padding-bottom: 30px; padding-top: 50px;}
DIV.subpage_border		{padding-left: 25px; padding-right: 0px; padding-top: 0px;}
DIV.subpage H1			{color: #008AC5; font-family: arial; font-size: 24px; line-height: normal; font-weight: normal; margin: 0px 0px 10px 0px; padding: 0px;}
DIV.subpage H1 img		{width: 28px; height: 25px; margin-right: 9px;}
DIV.subpage H2			{color: #008AC5; font-family: arial; font-size: 18px; line-height: normal; font-weight: normal; margin: 25px 0px 20px 0px;}
DIV.subpage p			{margin: 0px; padding-bottom: 10px;}
DIV.subpage .halfbox		{width: 477px; float: left; margin-right: 0px; padding-bottom: 25px;}
DIV.subpage .halfbox p		{padding-right: 40px;}
DIV.subpage .icon p		{padding-left: 9px;}

DIV.fulltext			{padding-bottom: 25px;}

DIV.column_left			{width: 565px; float: left; padding-top: 0px; padding-bottom: 25px;}
DIV.column_right		{width: 298px; float: right; padding-top: 0px; padding-bottom: 25px;}

DIV.subpage .date		{font-size: 11px;}
DIV.subpage a.button		{display: block; width: 100px; background-color: 666666; font-size: 11px; line-height: 20px; font-weight: bold; color: FFFFFF; text-align: center; text-decoration: none; margin-top: 20px;}
DIV.subpage a.button:hover	{color: #FFFFFF; text-decoration: none;}

DIV.textbox			{border: 2px solid #ACB7BE; padding: 15px;}

/**** KONTAKT ****/

DIV.subpage H2.adresa		{font-size: 13px; color: #333333; line-height: 18px; display: block; float: left; width: 150px; margin: 0px; font-weight: bold;}
DIV.adresa			{width: 300px; float: left; height: 150px;}
DIV.adresa strong		{color: #008AC5;}
DIV.adresa p			{padding: 0px; margin: 0px; padding-bottom: 10px;}

div.formular			{width: 510px; float: left; padding-bottom: 25px;}
div.formular form		{margin: 0px; padding: 0px;}
div.formular .required		{color: #CC0000; font-weight: bold; margin-left: 3px;}
div.formular label		{display: block; width: 150px; float: left; line-height: 20px; margin-bottom: 5px;}
div.formular input		{width: 300px; float: left; margin-bottom: 5px; line-height: normal; border: 1px solid #ACB7BE;}
div.formular textarea		{width: 300px; float: left; margin-bottom: 5px; line-height: normal; border: 1px solid #ACB7BE; height: 100px; overflow:auto;}
div.formular div.captcha	{width: 300px; float: left; background-color: #E6EBEE;}
div.formular img.captcha	{display: block; width: 120px; height: 30px; border: 1px solid #ACB7BE; margin: 3px;}
div.formular input.captcha	{width: 155px; margin-top: 9px; margin-right: 10px; float: right;}
div.formular input.submit	{width: 100px; margin-top: 15px; border: 0px solid #666666; background-color: #666666; color: #FFFFFF; font-weight: bold; font-size: 11px; height: 22px; line-height: 22px; padding-bottom: 2px;}

div.mapa			{width: 430px; float: left; padding-bottom: 25px;}
div.mapa .googlemap		{border: 1px solid #DBD7CC; margin-top: 40px;}

div.hotelres			{width: 430px; height: 110px; background: url('images/hotelres.gif') top left no-repeat;}
div.hotelres .riadok1		{font-weight: bold; color: #333333; display: block; padding-top: 45px; padding-left: 20px;}
div.hotelres .riadok2		{font-size: 30px; line-height: normal; font-weight: bold; display: block; color: #E97118; padding-left: 20px;}

/**** O nás ****/

div.mena strong		{display: block; float: left; width: 150px; margin-right: 10px;}
div.mena .cinnost	{width: 780px; margin-left: 160px;}

/**** NOVINKY ****/

DIV.subpage ul.news			{padding-right: 15px;}
DIV.subpage ul.news li a		{color: #666666; text-decoration: none; background: url('images/dot_darkblue.gif') 0px 5px no-repeat;}
DIV.subpage ul.news li a:hover		{color: #333333; text-decoration: none; background: url('images/dot_black.gif') 0px 5px no-repeat;}
DIV.subpage ul.news li a.active		{color: #008AC5; text-decoration: none; background: url('images/dot_darkblue.gif') 0px 5px no-repeat;}
DIV.subpage ul.news li a.active:hover	{color: #008AC5; text-decoration: none; background: url('images/dot_darkblue.gif') 0px 5px no-repeat;}

/**** REFERENCIE ****/

DIV.subpage DIV.referencie 	{ padding-bottom: 30px;}
DIV.referencie .ref_icon	{width: 433px; height: 120px; border: 2px solid #ACB7BE;}
DIV.referencie H2		{margin-top: 0px; margin-bottom: 7px; margin-top: 10px;}
DIV.referencie H2 a		{text-decoration: none;}
DIV.referencie H2 a:hover	{text-decoration: underline;}
DIV.referencie p		{font-size: 12px; line-height: 16px; padding-bottom: 7px;}

DIV.reftext H2			{margin-top: 0px;}
DIV.reftext ul.reftext		{margin: 0px; padding: 0px; list-style-type: none;}
DIV.reftext ul.reftext li	{display: block; clear: both;}
DIV.reftext .reftext a		{display: block; background: url('images/dot_black.gif') 0px 5px no-repeat; padding-left: 20; text-decoration: none; float: left;}
DIV.reftext .reftext a:hover	{text-decoration: underline;}

.fl { float: left; }
.fr { float: right; }

#menu-references 				{ border-bottom: 1px solid #c3ccd1; display: block; overflow: hidden; margin: 10px 0px 20px 0px; padding: 0px; width: 914px; }
#menu-references li 			{ display: block; float: left; list-style: none; margin: 0px 4px 0px 0px; }
#menu-references li a 			{ background: #ebf4f9; color: #008ac5; display: block; padding: 4px 20px; text-decoration: none;
	border-radius-top-left: 3px;
	border-radius-top-right: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}
#menu-references li a.selected 	{ background: #008ac5 !important; color: #fff; }
#menu-references li a:hover		{ background: #ebf4f9; }

