/* elements */

body#page, h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, textarea, select { font-size: 100%; font-family: sans-serif; color: #4D4A47; line-height: 1.2; padding: 0; margin: 0; }



body#page { background:#F3EAC3 url(../images/bg-container-top.png) repeat-x left top; font-size: 85%; }



h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }



h1, h2 { font-weight: normal; font-size: 130%; text-transform: uppercase; }

h2 span { color: #B32E09; }



h3 { font-size: 100%; }



img { border: none; }



/* layout */

#container { width:1000px; padding-top:148px; margin:0 auto; position:relative; }



a { font-size: 100%; /*color: #9A2608;*/color:black; }

a:hover { text-decoration: none; }



/* header */

#header { /*background: url(../images/header-bg2.png) no-repeat left top;*/ width:1000px; height:209px; margin:0 auto; position:relative; }

#header h1 { margin-bottom:0; }

#header #logo { width:173px; height:119px; display:block; position:absolute; top:71px; left:35px; }

#header #logo span { background:url(../images/logo.png) no-repeat left top; width:100%; height:100%; position:absolute; left:0; top:0; }

#header #logo .logo1 { background:url(../images/logo1.png) no-repeat left top; }



#header #headerImg { top:61px; position:absolute; right:23px; width:689px; height:143px; display:block; }





/* main */

#main { background:#FFF url(../images/bg-main.png) no-repeat left top; width:1000px; margin:0 auto 0 auto; overflow:hidden; }

#main .bgMainBottom { background:url(../images/bg-main-bottom.png) no-repeat; width:1000px; height:11px; clear:both; display:block; }



/* left-col */

#left-col { width:273px; padding:30px 10px 0 27px; float:left; }



#left-col .strong { font-weight:normal; font-size:130%; text-transform:uppercase; margin-bottom:40px; display:block; }

#left-col strong span { color:#B32E09; }

#left-col #left-col-text p { margin-bottom:20px; }

#left-col #left-col-text strong { margin:0px; display:inline; }

#left-col h2 { padding-bottom:30px; }





/* content */

#content { width:660px; padding:30px 20px 0 0; float:right; }



#content p { margin:10px 0; } 



#content ul,

#content ol { margin: 10px 0; }

#content ul li { margin-left: 15px; }

#content ol li { margin-left: 25px; }



#content table { /*width: 100%;*/ border-collapse: collapse; margin: 10px 0; }

#content table th,

#content table td { padding: 2px 5px; border: 1px solid #8080B2; }

#content table th { text-align: center; }



#content form table { width: auto; }

#content form table th,

#content form table td { vertical-align: middle; border: none; }

#content form table th { text-align: right; }



#content input, 

#content textarea { padding: 2px 5px; } 



#content select { border: 1px solid #8080B2; }



#content .h1h2 { padding-bottom:30px; }

#content .h1h2.home {  }



/* menu */

#menu { position:absolute; left:163px; top:1px; padding:0; padding-right:2px; margin:0 auto; background: url(../images/header-menu-separator.png) no-repeat right top; }

#menu li { background: url(../images/header-menu-separator.png) no-repeat left top; float:left; list-style:none; width:152px; height:53px; padding-left:2px; }

#menu .active { background-image: url(../images/bg-menu-active.gif); }



#menu li a { background-repeat:no-repeat; background-position:left top; font-family:'Arial Narrow', sans-serif; font-size:130%; color:#FFF; text-transform:uppercase; text-decoration:none; line-height:53px; height:53px; display:block; cursor:pointer; width:152px; text-align:center; }

#menu li a:hover { text-decoration:underline; }

#menu .active a { background:url(../images/bg-menu-active.png) repeat-x left top; }

/*#menu .first-item a { background-image: url(../images/bg-menu-left-side-passive.gif); }

#menu .first-item.active a { background-image: url(../images/bg-menu-left-side-active.gif); }



#menu li a span { text-align: center; min-width: 100px; padding: 0 20px; display: block; cursor:pointer; }

#menu .active a span { background: url(../images/bg-menu-right-active.gif) no-repeat right top; }

#menu .last-item a span { background: url(../images/bg-menu-right-side-passive.gif) no-repeat right top; }

#menu .last-item.active a span { background-image: url(../images/bg-menu-right-side-active.gif); }

*/



/* menu1 */

.menu1 { padding:0; }

.menu1 .li1 { list-style:none; margin-bottom:2px; }

.menu1 .li1 a { width:222px; height:20px; background:url(../images/submenu13.png) no-repeat top; display:block; font-weight:bold; color:white; padding:5px 22px; text-decoration:none; font-size:1.1em; }

.menu1 .li1 a:hover,

.menu1 .li1 a.selected { background-position:bottom; }

.menu1 .menu2 { padding:5px 22px; }

.menu1 .menu2 .li2 { list-style:none; }

.menu1 .menu2 .li2 a { background:url(../images/submenu2.png) repeat-x top; color:#4D4A47; width:212px; height:20px; padding:5px 0px 5px 10px; }

.menu1 .menu2 .li2 a:hover,

.menu1 .menu2 .li2 a.selected { text-decoration:underline; }



.menu1 .li1.virtualShow { width:265px; height:85px; }

.menu1 .li1.virtualShow a { width:235px; height:55px; color:white; padding:15px; position:relative; background:none; }

.menu1 .li1.virtualShow a span { background:url(../images/button1.png) no-repeat; width:266px; height:85px; position:absolute; top:0px; left:0px; cursor:pointer; }



/* hotelMenu */

#hotelMenu { padding:0; }

#hotelMenu li { width:313px; height:233px; background:url(../images/hotelMenu.png) no-repeat; list-style:none; float:left; margin:0px 0px 10px 0px; }

#hotelMenu .suda { margin:0px 0px 10px 20px; }

#hotelMenu .link { color:white; height:39px; width:254px; padding:14px 41px 180px 18px; font-size:1.2em; text-decoration:none; display:block; position:relative; }

#hotelMenu .link img { position:absolute; top:64px; left:18px; max-height:152px; max-width:228px; }

#hotelMenu .link .more { position:absolute; top:153px; left:253px; color:#6F5425; }

#hotelMenu .link:hover .more { text-decoration:underline; }



/* carousel */

#mycarousel { overflow:hidden; height:146px; }

#mycarousel li { list-style:none; float:left; }





/* FORM */

#content .reservation{padding-top:10px;width:500px;/*background-color:#2161CE;*//*border:1px solid #D3D3D3;*/ }

#content .reservation.online{background-color:transparent;border:none;}

#content .reservation h2{float:left;width:32%;text-align:center;}

#content .reservation address{display:block;width:40%;float:left;font-style:normal;}

#content .reservation address span{display:block;}

#content .reservation ul.addition{list-style:none;width:32%;margin:0px 0px;padding:0px 0px;float:right;}

#content .reservation ul.addition li{margin:0px 0px;padding:0px 0px;}

#content .reservation .email{clear:both;text-align:right;width:91%;}

#content .reservation fieldset{border:none;/*border-top:1px solid #E7E7E7;background-color:#001E54;*/margin:5px 0 0px;padding:5px 0px;clear:both; position:relative;}

#content .reservation.online fieldset{border:none;}

#content .reservation fieldset fieldset{margin:0px 0px;/*border-bottom:2px solid #e7e7e7;border-top:2px solid #e7e7e7;*/padding:5px 0px 0px 0px;margin-bottom:5px;}

#content .reservation fieldset strong{display:block;text-align:center;padding:0px 0px 10px 0px; }

#content .reservation input,

#content .reservation select,

#content .reservation textarea{border:1px solid #D6DADE;margin-bottom:5px;/*background-color:#00215c;*/color:#4D4A47;}

#content .reservation input,

#content .reservation select{float:left; background:url(../images/input-bg.jpg) repeat-x;}

#content .reservation input,

#content .reservation textarea{width:220px;padding:0.2em 0.5em; /*float:left;*/}

#content .reservation select.wrong,

#content .reservation input.wrong,

#content .reservation textarea.wrong{/*border-color:#c00;*/}

#content .reservation .submit-button{text-align:center;padding:10px 0px;/*border-top:1px solid #E7E7E7;*/}

#content .reservation .submit-button button{ margin-left:164px; width:237px; text-align:center; border:none; background:url(../images/reserved.jpg) no-repeat; display:block; height:28px; color:white; cursor:pointer; }

#content .reservation fieldset label{clear:left;float:left;width:160px;text-align:right;margin-bottom:5px;padding-right:5px;}

/*#content .reservation fieldset label.required{color:#2161CE;}*/

#content .reservation fieldset span.pattern{display:block;clear:both;padding-left:125px;font-size:8pt;color:#ccc;font-style:italic;margin-bottom:5px;}

#content .reservation fieldset div{clear:both;}

#content .reservation div.min-to-stay{/*border-top:1px solid #e7e7e7;*/text-align:center;font-weight:800;}



#content .reservation #res-arrival-date,

#content .reservation #res-departure-date,

#content .reservation #res-arrive,

#content .reservation #res-departure{width:100px;margin-bottom:0px;}



#content .reservation .rooms-type label {text-align:left; width: 300px; margin-left:5px; clear: none;}

#content .reservation .rooms-type label.checkbox {float:left; }

#content .reservation .rooms-type br {clear:both;}

#content .reservation .rooms-type input {width:auto;  margin-left:165px; clear:left; position:relative; top:-2px;}

#content .reservation .rooms-type input.checkbox { border:none;background-color:inherit; padding:0px;}

#content .reservation .rooms-type label.count {width: 90px; margin-left:165px; clear:left; }

#content .reservation .rooms-type input.count {width:20px;  margin-left: 0px; clear:none; }



#content .error,

#content .success{border:1px solid #860000; border-left:none; border-right:none; background-color:#FCB2B2; padding-top:1em; padding-bottom:1em; width:400px; padding-left:20px; }

#content .error li,

#content .success li{ color:#860000; font-weight:bold; /*list-style-image:url(../images/exclamation.gif);*/ font-size:.9em;}

#content .success{border-color:#017F00; background-color:#ACFFAC; color: #017F00; }

#content .success li{/*list-style-image:url(../images/accept.gif);*/color:#017F00;}

#content a.calendar-ico{cursor:pointer;display:block;float:left;width:19px;height:21px;position:relative;top:0px;left:3px;}



/* virtual */

#content .virtual { margin:10px 20px 10px 0; }

#content .virtual h2 { clear:both; padding-top:10px; /*border-top:#4D4A47 solid 1px;*/ }

#content .virtual h2 strong { padding-top:10px; border-top:#4D4A47 solid 1px; display:block; }

#content .virtual .listRooms { height:140px; display:block; }

#content .virtual .listRooms li { list-style:none; float:left; margin:0; }

#content .virtual .listRooms a { text-align:center; text-decoration:underline; display:block; font-weight:bold; }

#content .virtual .listRooms a:hover { text-decoration:none; }

#content .virtual .listRooms img { display:block; padding:5px; cursor:pointer; }





/* footer */

#footer { background: url(../images/bg-footer.png) repeat-x center 100px; padding-top: 100px; margin: 0 auto; }

#footer p { color:#4D4A47; }

#footer a { color:#872006; }



#footer #partners-stripe { width: 966px; margin:0 auto; height: 84px; overflow: hidden; padding-left:34px; }



#footer #partners-stripe strong { font-weight: normal; font-family: 'Arial Narrow', sans-serif; font-size: 130%; color: #FFF; text-transform: uppercase; line-height: 55px; display: block; float: left; margin-top:10px; }

#footer #partners-stripe .partner { text-align:center; margin-right:10px; float:left; }



#footer #partners-stripe #partners1 { width:590px; padding:8px 0 0 0; float:left; }

#footer #partners-stripe #partners1 .partner { /*width: 132px;*/ float:left; }

#footer #partners-stripe #partners1 .partner a { padding-left:30px; }



#footer #partners-stripe #partners1 .partner img { /*height:70px;*/ }

#footer #partners-stripe #partners1 .partner .vista { height:60px; margin-bottom:5px; }

#footer #partners-stripe #partners1 .partner .cd { padding-bottom:15px; }



#footer #partners-stripe #partners2 { width: 350px; padding: 8px 0 0 20px; float: left; }

#footer #partners-stripe #partners2 .partner { margin-left: 30px; }

#footerInfo { width:932px; height:15px; padding:15px 34px 10px 34px; text-align:left; margin:0 auto; color:white; }

.red { color:#B42E09; }

.orange { color:#CA7300; }

.white { color:white; }



/* other */

.hide { display: none; }



.align-c { text-align: center; }

.align-r { text-align: right; }



.clear-l { clear: left; }



.margin-b { margin-bottom: 10px; }



.nobrd { border: none !important; }



.nobg { background: none !important; }



.nomrg { margin: 0 !important; }



.message { font-weight: bold; text-align: center; }



.ok { color: #008000; }



.err { color: #FF0000; }



.hr-spec { height: 0; border: none; margin: 0; display: block; clear: left; visibility: hidden; }



.red { color: #FF0000; }



.strong { font-weight: bold; }



.upc { text-transform: uppercase; }



.clearfix:after { height: 0; display: block !important; visibility: hidden; clear: both; content: "."; }  

  

.clearfix { display: block !important; }



/* ie win hack ~ height acts like min-height \*/

* html .clearfix { height: 1%; }

/* end comment required */





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

/******************************************************* ADMIN *************************************************************/

/* EDIT obtakajici */

#body #administrace { position:absolute; top:0; right:0; background:black; padding:2px 10px; color:white; }

.add { background:#205823; color:white; padding:3px 5px 2px 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:auto; }

.edit a { color:white; float:right; }

.edit .btnSortUpInactive,

.edit .btnSortDownInactive { float:right; }

.absolut { top:0; left:0; position:absolute; }



#body #content-admin { padding:10px 20px; }

#body #content-admin .admin-main-menu { margin:10px 20px; }

#body #content-admin .admin-main-menu li { list-style:none; line-height:20px; }

#body #content-admin .admin-main-menu li a { color:white; }

#body #content-admin .admin-main-menu li ul { margin-left:30px; }



#contentnow { width:301px; height:83px; margin:50px auto; }

#contentnow h1 { text-align:center; width:301px; }

#contentnow img { text-align:center; width:301px; }



#admin-menu { position:absolute; top:0; left:0; /*padding:10px;*/ background:#205823; }

#admin-menu a { color:white; padding:5px 10px; display:block; }





.jcarousel-skin-tango .jcarousel-container-horizontal { width:687px; }

.jcarousel-skin-tango .jcarousel-clip-horizontal { width:687px; height:143px; }

.jcarousel-skin-tango .jcarousel-item { width:229px; height:143px; }

/** Horizontal Buttons */

.jcarousel-skin-tango .jcarousel-next-horizontal { position:absolute; top:0px; right:0px; width:43px; height:143px; cursor:pointer; background:transparent url(../images/carousel-right.png) no-repeat 0 0; }

.jcarousel-skin-tango .jcarousel-prev-horizontal { position:absolute; top:0px; left:0px; width:43px; height:143px; cursor:pointer; background:transparent url(../images/carousel-left.png) no-repeat 0 0; }



.jcarousel-container { position:relative; }

.jcarousel-clip { z-index:2; padding:0; margin:0; overflow:hidden; position:relative; }

.jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0; }

.jcarousel-list li,

.jcarousel-item { float:left; list-style:none; width:75px; height:75px; }

.jcarousel-next { z-index:3; display:none; }

.jcarousel-prev { z-index:3; display:none; }





#lngMenu { margin:0; padding:0; position:absolute; right:0; top:10px; }

#lngMenu li { list-style:none; float:left; margin-left:10px; }

#lngMenu li a {}

#lngMenu li a img {}


/* studentske aktuality */
.studentNews { border-bottom:#4D4A47 dotted 1px; margin-bottom:15px; }
.studentNews .title { font-size:14px; font-weight:bold; margin-bottom:2px; }
.studentNews .date { font-size:12px; }
.studentNews p { }

/* formular */
#contactForm { margin:10px 30px 20px 30px; }
#contactForm .contact { border:none; }
#contactForm .contact ul { padding:0; }
#contactForm .contact li { background:none; margin:0; padding-bottom:5px; list-style:none; }
#contactForm input,
#contactForm textarea { border:#D9D9D9 solid 1px; border-bottom:none; border-top:#8C8C8C solid 1px; /*background:white url(../images/input.png) repeat-x;*/ padding:5px; width:260px; font-family:"Arial Regular", Arial, Helvetica, sans-serif; font-size:12px; }
#contactForm textarea { width:360px; }
#contactForm label { width:140px; color:#3C3C3C; display:block; float:left; padding-top:5px; font-weight:bold; }
#contactForm .more { color:white; display:block; width:69px; height:27px; padding:4px 10px; text-align:center; border:black 1px solid; margin-left:100px; cursor:pointer; }
 
/* chyby formul��� */
.error,
.success { border:1px solid #860000; border-left:none; border-right:none; background-color:#FCB2B2; padding-top:1em; padding-bottom:1em; width:400px; padding-left:20px; margin-bottom:5px; }
.error li,
.success li { color:#860000; font-weight:bold; list-style:disc; font-size:.9em; background:none; padding:0; }
.success { border-color:#017F00; background-color:#ACFFAC; color: #017F00; }
.success li { list-style-image:url(../images/accept.gif);color:#017F00;}

#content .reservation  li { list-style:none; }
#content .reservation li.obligatory { clear:both; }

/* scrollable */

#content #scrollable-box { width: 100%; height: 221px; position: relative; }

#content #scrollable-box .prevPage { background: url(../images/arrow-left.gif) no-repeat left top; width: 44px; height: 41px; position: absolute; left: 0; bottom: 0; cursor: pointer; }

#content #scrollable-box .nextPage { background: url(../images/arrow-right.gif) no-repeat left top; width: 44px; height: 41px; position: absolute; right: 0; bottom: 0; cursor: pointer; }

#content #scrollable-box .disabled { display: none; }

#content #scrollable-box .scrollable { width: 100%; height: 150px; position: relative; overflow: hidden; }

#content #scrollable-box .scrollable .items { width: 10000px; position: absolute; left: 0; top: 0; }

#content #scrollable-box .scrollable .items a { text-align: center; width: 200px; height: 150px; margin-right: 35px; float: left; }



/* photogallery-admin */

#content #photogallery-admin { width: 100%; margin-top: 10px; overflow: hidden; }

#content #photogallery-admin .photo { width: 200px; margin: 0 10px 10px 0; float: left; }

#content #photogallery-admin .photo .img { text-align: center; height: 150px; }



/* googleMap */

#googleMap { width: 100%; height: 400px; margin: 30px auto 10px; }