/**************************************************************************************************************************/
/****************************************************** RESET *************************************************************/
/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size: 62.5%; }
body { color:#646464; background:#FFDEAF url(../images/bg-line.png) repeat-x; font-family:"Arial Regular", Arial, Helvetica, sans-serif; font-size:12px; height:100%; line-height:1.4; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; /*font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;*/ vertical-align:baseline; }
:focus { outline:0; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes: "" ""; }

a { text-decoration:underline; color:#FF5600; }
a:hover { text-decoration:none; }
a img { border:none; }
label,
button { cursor:pointer; }
.separate { visibility:hidden; clear:both; }


/***************************************************************************************************************************/
/******************************************************* BODY **************************************************************/
#body { padding:0; }


/**************************************************************************************************************************/
/****************************************************** PAGE **************************************************************/
#page { width:960px; margin:0 auto; position:relative; }
#page .symbRightBottom { background:url(../images/symb-right-bottom.png) no-repeat; position:absolute; bottom:50px; right:-36px; width:102px; height:192px; z-index:-50;}
#page .symbIndexRightBottom { background:url(../images/symb-right-bottom.png) no-repeat; position:absolute; bottom:52px; right:-36px; width:102px; height:192px; z-index:-50; }
#page .symbRightTop { background:url(../images/symb-right-top.png) no-repeat; position:absolute; top:92px; right:-121px; width:197px; height:268px; z-index:-50; }
#page .symbLeftTop { background:url(../images/symb-left-center.png) no-repeat; position:absolute; top:100px; left:-84px; width:192px; height:266px; z-index:-50; }
#page .symbIndexLeftCenter { background:url(../images/symb-left-center.png) no-repeat; position:absolute; bottom:194px; left:-83px; width:192px; height:266px; z-index:-50;}


/***************************************************************************************************************************/
/****************************************************** HEADER *************************************************************/
#header { height:84px; }
#header #logo { top:15px; left:30px; position:absolute; background:url(../images/logo.png) no-repeat; width:195px; height:53px; display:block; }


/***************************************************************************************************************************/
/****************************************************** CONTENT ************************************************************/
#content { background:url(../images/box-transparent.png) repeat; margin-top:30px; margin-bottom:20px; border:#FFC067 solid 1px; padding:0 40px 70px 25px; z-index:100; min-height:400px; position:relative; }
#content h1,
#content h2 { color:#FF5600; font-size:18px; margin-bottom:15px; margin-top:25px; background:url(../images/h1-content.png) no-repeat left 5px; padding-left:20px; }
#content img { border:none; margin-right:15px; margin-bottom:10px; float:left; } 

#content #newsArchive {  }
#content #newsArchive li {  }
#content #newsArchive li h2 { margin-bottom:5px; }

#content .photos {}
#content .photos li { float:left; position:relative; }
#content .photos li .a { display:block; border:#FABF7A solid 2px; margin-bottom:30px; margin-right:50px; width:92px; height:67px; background:#FABF7A; text-align:center; }
#content .photos li .a .img { float:none; margin:0; }
#content .photos li .absolute { top:0; left:0; position:absolute; }
#boxIndexLeftBottom { background:url(../images/box-index-left-bottom.png) no-repeat; position:absolute; bottom:0; right:0; width:309px; height:90px; }
.boxIndexLeftBottom2 { background:url(../images/box-index-left-bottom.png) no-repeat; position:absolute; bottom:0; right:0; width:309px; height:90px; }
.boxIndexLeftBottom1 { background:url(../images/img-bottom2.png) no-repeat; position:absolute; bottom:0; right:0; width:394px; height:243px; }
.boxIndexLeftBottom3 { background:url(../images/img-bottom3.png) no-repeat; position:absolute; bottom:0; right:0; width:229px; height:198px; }
#boxIndexRightBottom { background:url(../images/box-index-right-bottom.png) no-repeat; position:absolute; bottom:0; right:0; width:149px; height:89px; }

/* rezervace */
#reservation-steps { margin-left:200px; height:10px; display:block; }
#reservation-steps li { font-size:14px; color:#828282; font-family: "Georgia CE", Georgia, "Times New CE", "New York CE", "Times CE", times, serif; float:left; margin-right:100px; }
#reservation-steps .active { color:black; }
#content .titleForm { color:#323232; font-size:14px; background:none; }
#content #orderForm { margin-top:20px; }
#content #orderForm table { width:425px; margin-left:100px; }
#content #orderForm select { width:300px; padding:5px; border:#FABF7A solid 4px; }
/*#content #orderForm option { width:207px; height:18px; }*/
#content #orderForm input[type=text] { width:207px; height:18px; padding:5px; border:#FABF7A solid 4px; }
#content #orderForm label { width:120px; margin-left:5px; display:block; float:left; }
#content #orderForm #terms + label { width: auto; display:inline; float:none;}
#content #orderForm #terms {float:left; margin:0px 0px; padding:0px 0px; display:block;}
#content #orderForm td.terms {padding:20px 0px;}
#content #orderForm tr td { padding-bottom:5px; }
#content #orderForm p { margin-left:100px; }
#content #orderForm .align-r { margin:0px; }
#content #orderForm .submit_reservation { margin-left:242px; width:228px; height:33px; background:url(../images/input-continue.png) no-repeat; border:none; cursor:pointer; display:block; font-weight:bold; color:white; }
#ui-datepicker-div { z-index:500; }
#content .errors,
#content .success{ list-style:none; border:1px solid #761B17; border-left:none; border-right:none; background:url(../images/32delete.png) #590706 no-repeat scroll 10px 10px; margin:10px 0px; padding-top:15px; padding-bottom:15px; }
#content .errors li,
#content .success li{ color:#EAABA8; font-weight:800; padding-left:10px; }
#content .success{ border-color:#017F00; background-color:#ACFFAC; }
#content .success li{ color:#017F00; }

#content .reservation-tab { margin-left:200px; }
#content .reservation-tab td { padding:5px 10px; }
#content .reservation-tab .th-spec1 { width:125px; } 

#content .left { float:left; margin-left:180px; }
#content .right {  }
#content .left button,
#content .right button { width:228px; height:33px; background:url(../images/input-continue.png) no-repeat; border:none; cursor:pointer; display:block; font-weight:bold; color:white; }
#content .successMesage {}

#content #contactForm { margin:10px 0 50px 0; }
#content #contactForm legend { display:none; }
#content #contactForm input,
#content #contactForm textarea { width:207px; padding:5px; border:#FABF7A solid 4px; }
#content #contactForm input { height:18px; }
#content #contactForm label { width:120px; margin-left:5px; display:block; float:left; }
#content #contactForm .submit { width:228px; height:33px; background:url(../images/input-continue.png) no-repeat; border:none; cursor:pointer; display:block; font-weight:bold; color:white; }
#content #contactForm .error,
#content #contactForm .success{border:1px solid #860000; border-left:none; border-right:none; background-color:#FCB2B2; padding-top:1em; padding-bottom:1em; width:200px; padding-left:20px; }
#content #contactForm .error li,
#content #contactForm .success li{ color:#860000; font-weight:bold; list-style-image:url(../images/exclamation.gif); font-size:.9em;}
#content #contactForm .success{border-color:#017F00; background-color:#ACFFAC; color: #017F00; }
#content #contactForm .success li{list-style-image:url(../images/accept.gif);color:#017F00;}


/**************************************************************************************************************************/
/******************************************************* INDEX ************************************************************/
#contentIndexTop { margin:40px 505px 40px 30px; /*padding-right:455px; height:311px;*/ position:relative; }
#contentIndexTop h1 { font-size:42px; font-family: "Georgia CE", Georgia, "Times New CE", "New York CE", "Times CE", times, serif; font-weight:normal; padding-top:30px; }
#contentIndexTop h1 .orange { color:#FF5600; }
#contentIndexTop .h2 { font-size:18px; font-family: "Georgia CE", Georgia, "Times New CE", "New York CE", "Times CE", times, serif; font-weight:normal; }
#contentIndexTop .verticalSeparator { width:2px; height:420px; background:url(../images/horizontal-separator.png) no-repeat; position:absolute; top:18px; right:-15px; }
#contentIndexTop #boxIndexPicts { position:absolute; top:10px; right:-442px; width:392px; margin:auto; height:309px; }
#contentIndexTop #boxIndexPicts img { position:absolute; top:0px; left:0; display:none; }

/*#imageContainer { position:relative; width:392px; border:1px solid #000; }
#imageContainer { height:309px; }
#imageContainer img { display:none; position:absolute; top:0; left:0; }*/

#contentIndexMiddle { background:url(../images/box-transparent.png) repeat; border:#FFC067 solid 1px; padding:25px 310px 30px 35px; position:relative; min-height:70px; }
#contentIndexMiddle .h2 { font-size:32px; font-family: "Georgia CE", Georgia, "Times New CE", "New York CE", "Times CE", times, serif; font-weight:normal; color:#FF5600; }
#contentIndexMiddle #reservation { position:absolute; top:40px; right:50px; width:179px; height:28px; padding:15px; text-align:center; }
#contentIndexMiddle #reservation span { position:absolute; top:0; right:0; width:209px; height:58px; background:url(../images/reservation.png) no-repeat; }

#contentIndexLeftBottom { background:url(../images/box-transparent.png) repeat; margin-top:20px; border:#FFB955 solid 1px; padding:0px 0px 35px 0px; float:left; width:598px; height:200px; position:relative; }
#contentIndexLeftBottom .h2 { color:white; font-size:18px; padding:15px 45px; background:url(../images/index-h2.png) repeat-x; position:relative; }
#contentIndexLeftBottom .h2 span { background:url(../images/h2-index.png) no-repeat; position:absolute; top:21px; left:25px; width:20px; height:20px; }
#contentIndexLeftBottom .moreInfo { padding:15px 0; display:block; }
#contentIndexLeftBottom .moreInfo,
#contentIndexLeftBottom p { margin:5px 55px 0 35px; }

#contentIndexRightBottom { float:right; width:338px; height:200px; background:url(../images/box-transparent.png) repeat; margin-top:20px; border:#FFB955 solid 1px; padding:0px 0px 35px 0px; position:relative; }
#contentIndexRightBottom .h2 { color:white; font-size:18px; padding:15px 45px; background:url(../images/index-h2.png) repeat-x; position:relative; }
#contentIndexRightBottom .h2 span { background:url(../images/h2-index.png) no-repeat; position:absolute; top:21px; left:25px; width:20px; height:20px; }
#contentIndexRightBottom table { margin:5px 18px 0; }
#contentIndexRightBottom table td { padding-right: 10px; }
#contentIndexRightBottom p { margin:5px 18px 0; }

#contactMap { float:left; }
.rightContent { float:right; width:260px; }

/***************************************************************************************************************************/
/******************************************************* MENU **************************************************************/
#main-menu { position:absolute; top:6px; right:0; padding:0; margin:0; }
#main-menu li { list-style:none; float:left; }
#main-menu li a { padding:28px 9px 28px 9px; color:black; display:block; font-weight:bold; border:transparent solid 1px; border-bottom:none; text-decoration:none; }
#main-menu li a:link { }  
#main-menu li a:visited { }    
#main-menu li a:active { }
#main-menu li a:hover,
#main-menu li a.active { background:url(../images/menu-active.png) repeat-x; border:#646464 solid 1px; border-bottom:none; color:white; }


/***************************************************************************************************************************/
/****************************************************** FOOTER *************************************************************/
#footer { height:37px; border-top:#FFC067 solid 1px; margin-top:20px; padding:28px 20px 5px 20px; line-height:37px; }
#footer .logoLeft { float:left; background:url(../images/logo-bottom.png) no-repeat; padding-left:200px; }
#footer .right { float:right; }
#footer p a { color:#646565; }
#footer p a:hover { }

#popup { background-color: #FFF; width: 400px; height: 200px; padding: 15px; border: 3px solid #FF5500; margin: -118px 0 0 -218px; position: absolute; top: 50%; left: 50%; z-index: 10; }
#popup h2 { color: #1773BA; text-align: center; } 
#popup p { margin-bottom: 30px; }
#popup .link-close { background-color: #646464; color: #FFF; text-decoration: none; text-align: center; width: 60px; height: 19px; padding-top: 5px; margin-left: -30px; display: block; position: absolute; left: 50%; bottom: 10px; }


/***************************************************************************************************************************/
/******************************************************* ADMIN *************************************************************/
/* EDIT obtakajici */
.add { background:#205823; color:white; padding:1px 5px 1px 30px; position:relative; margin:0; height:20px; line-height:20px; }
.add a { position:absolute; top:3px; left:5px; }
.edit { background:#5C6A1D; color:#926002; color:white; padding:3px 5px; position:relative; margin:0; height:20px; line-height:20px; display:block; width:80%; }
.edit a { color:white; float:right; }
.edit .btnSortUpInactive,
.edit .btnSortDownInactive { float:right; }

/* REZERVACE */
.adminRezervace { position:absolute; top:0; left:0; padding:5px; background:black; }
.adminRezervace li a { color:white; }

.shifting { width:8%; float:right; }
.shifting-left { width:8%; float:left; }
.shifting a { margin:5px; display:block; }
#admin-header a { color:black; }
#reservation { width:80%; overflow-x:auto; }
#reservation tbody th,
#reservation tbody td { border-top:black solid 1px; }
#reservation th { font-size:120%; font-weight:bold; width:250px; }
#reservation .time { width:80px; }
#reservation .suda { background:#FFE2BA; }
#reservation .inactive { color:#999; }
#reservation .name { text-decoration:underline; color:#FF5600; cursor:pointer; display:block; }
#reservation .name:hover { text-decoration:none; }

/* Sitemap */
#sitemap { margin-left:40px; }
#sitemap { list-style:disc; font-size:14px; font-weight:bold; color:#FF5600; }
#sitemap #sitemap-news { margin-left:20px; }
#sitemap #sitemap-news { list-style:circle; font-weight:normal; color:#FF5600; }