/******* MAIN CSS styles + Fixes *******/
/******** Copyright © Pixio 2011 *******/
/************* www.pixio.cz ************/

/* ----- RESET Styles ----- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header,  group, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
html {overflow-y: scroll;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins {background-color:#ff9;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
ol, ul {list-style: none;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}

/* ----- FONT Face Styles ----- */


/*****************************************************************************************************************************/
/* ----- Main Styles ----- */
body {background:url(img/bg.png) top left;}
#Wrapper {width:990px; margin:0 auto;}
#Header {position:relative; height:130px; width: inherit;}
#Header h1 a {background:url(img/logo.png); height:86px; width:238px; display:block; text-indent: -5555px; position:absolute; top:20px; left:20px;}
#Header div form {position:absolute; right:0px; top:70px;}
#Header div form input {border: 0px;}
#Header div form input[type="text"]{background: url(img/searchbox.png) top left; height:44px; width:179px; text-indent:6px; line-height:44px;}
#Header div form input[type="submit"]{background: url(img/searchbutton.png) top left; height:46px; width:42px; text-indent:-5555px; margin-left:-5px; cursor:pointer;font-size: 0px;color: #9c3913;}
#Header div form input[type="submit"]:hover {background: url(img/searchbutton.png) bottom left; height:46px; width:42px}
#Rezerve{background: url(img/rezervace.png) center left no-repeat; width:220px; height:58px; position:absolute; top:0px; right:-25px; text-decoration:none; color: #ffffff; line-height:58px; padding-left:25px;}
#Rezerve:hover {background: url(img/rezervace.png) center left no-repeat; width:220px; height:58px; position:absolute; top:0px; right:-25px; text-decoration:underline; color: #ffffff; line-height:58px; padding-left:25px;}


.menu_current {font-family: "Times New Roman", Times, serif; font-size:18px; color:#a74619;}
.menu_default {font-family: "Times New Roman", Times, serif; font-size:18px; color:#a74619;}
#Menu ul {display:block; position:absolute; top:22px;}
#Menu ul li {display:block; position:relative;}
#Menu ul li ul {position:absolute; top:0px; left:236px; visibility:hidden; z-index:1000;border: 3px solid #a74619;margin: 0;padding: 0;}
#Menu ul li:hover ul{visibility: visible; z-index:10;} 
#Menu ul li ul li a{display: block;width: 236px;height: 56px;}
#Menu ul li a {background: url(img/menu.png) bottom left no-repeat; display: block; width:236px; height:56px; line-height:56px; text-indent:70px; text-decoration:none;}
#Menu ul li a:hover { height:56px; background: url(img/menu.png) top left no-repeat; color:#ffffff; text-decoration:none;}

#MenuTop {background: url(img/menutop.png) no-repeat; width:236px; height:12px; position:absolute; top:10px;}
#MenuBottom {background: url(img/menubottom.png) no-repeat; width:236px; height:12px; position:absolute; top:302px;}
#MenuLeft {background: url(img/stredleft.png) no-repeat; height:311px; width:51px; position:absolute; top:10px; left:-51px;}



#Center {background: #a74619; position:relative; height:325px;}
#SliderRight {height:52px; width:54px; background: url(img/stredright.png) no-repeat top left; position:absolute; top:252px; right:-54px;}
#Content {background: #ffffff; margin-top:-20px; position:relative;padding-bottom: 15px;font-size: 12px;font-family: Arial, Helvetica, sans-serif;}
#ContentLeft {position:relative; top:15px; left:3px; width:232px; background: #ffffff;}
.NewsTitle  {background:url(img/novinkatop.png) no-repeat; width:232px; height:50px; line-height:50px; display:block; color:#ffffff!important; text-indent:29px;}
.NewsTitle:hover  {background:url(img/novinkatop.png) no-repeat; width:232px; height:50px; line-height:50px; display:block; color:#ffffff!important; text-indent:29px;}
#News{line-height:22px;}
.NewsOpen {background:url(img/novinkabottom.png) repeat-x; width:232px; margin-bottom:15px; height:31px;; color:#ffffff!important; line-height:31px; display:block; font-size:12px; text-indent:110px;}
.NewsOpen:hover {background:url(img/novinkabottom.png) repeat-x; margin-bottom:15px; width:232px; height:31px; color:#ffffff!important; line-height:31px; display:block; font-size:12px; text-indent:110px;}
#PocasiA{text-align: center;line-height: 40px;color: #cbcbcb;}
.NewsText{background: #f1ebeb;padding: 10px;}
#Facebook{background:url(img/novinkatop.png) no-repeat; width:232px; height:50px; line-height:50px; display:block; color:#ffffff!important; text-indent:29px;}
#Facebook a{background: url(img/fb.png) center left no-repeat;line-height: 50px;display: block;color: white;padding-left: 5px;height: 50px;margin-left: 12px;}
#Facebook a:hover{text-decoration: none;}
#Counter {margin: 0 auto;text-align: center;margin-top: 10px;}

#ContentRight {background: #ffffff; width: 740px; float:right;padding-bottom: 35px;}
#Value {margin:30px 15px 15px 15px; padding-top:15px; padding-right:20px;}
#Value hr{background: #b24115;height: 1px!important;border: 0px;}
#Value p {color: #1e1d1d; line-height:22px; margin-bottom:10px; text-align:justify; }
#Value a, #Value a:visited, #News a, #News a:visited {color:#9f3d15; }
#Value a:hover, #News a:hover {color:#9f3d15; text-decoration:none; }
#Value h2 {margin-bottom:10px; color:#a24116; font-size:28px;}
#Value h3 {margin-bottom:10px; color:#a24116; font-size:24px;}
#Value h4, .field_heading {margin-bottom:10px; color:#a24116; font-size:20px;}
#Value h5 {margin-bottom:10px; color:#a24116; font-size:17px;}
#Value ul li {background: url(img/odrazka.png) center left no-repeat; padding-left:24px; color:#1e1d1d; line-height:23px; height:23px;}
#Value ul {margin-bottom:10px;}
#ContentRight > h2 {font-size:30px; color: #853214; background: url(img/odrazkah1.png) no-repeat; padding-left:50px; height:34px; position:relative; top:22px; left:15px;} 
a[href="JavaScript:window.print();"] {color: #a74619; font-weight: bold; background: url(img/print.png) no-repeat; padding-left:30px; height:23px; position: absolute; right:35px; top:30px; text-decoration:none;} 
a[href="JavaScript:window.print();"]:hover {color: #a74619; font-weight: bold; background: url(img/print.png) no-repeat; padding-left:30px; height:23px; position: absolute; right:35px; top:30px; text-decoration:underline;}
.Fotogallery{float: left;}
#Wifi{text-indent: -5555px;width: 232px;height: 50px;background: url(img/wifi.png) top left no-repeat;margin-top: 7px;	}

#Foot {background: url(img/foot.png) repeat-x; height:57px; margin-top: -20px; width:inherit; position:relative;}
#S1 {line-height: 57px; position:absolute; left:20px;}
#S2 {line-height: 57px; position:absolute; right:20px;}
#S2 a {color: #ffffff; text-decoration:none;}
#S2 a:hover {color: #ffffff; text-decoration:underline;}
.SpanFoot {color: #ffffff;}
.clear {clear:both; visibility: hidden;}

/* ----- Slider ----- */
#Slider {z-index:1;width:735px; height:304px; position:absolute; right:19px; top:3px;}
#Slider span{width: 189px;height: 105px;background: url(img/slidernav.png) top left no-repeat;display: block;position: absolute;right: 40px;bottom: -6px;}
#Slider em{color: #eed9ce;line-height: 30px;margin-left: 15px;position: absolute;bottom: 23px;}
#Slider strong{color: white;line-height: 30px;margin-left: 15px;position: absolute;bottom: 23px;left: 210px;}
#slides {position: relative;top: 7px;left:4px;z-index:100;}
.slides_container {width:740px;overflow:hidden;position:relative;display:none;}
.slides_container img {width:740px; height:304px;}
.slides_container a img {display:block;}
.pagination {position: absolute;right: -15px;bottom: 10px;z-index: 300; width:106px; height:52px; line-height:52px; background: url(img/slider.png);}
.pagination li {float:left;margin-left: 15px; position:relative; left:10px;}
.pagination li a {display:block; overflow:hidden; color:#ffffff; text-decoration:none;}
.pagination li.current a {text-decoration:underline;}

#Search input[type="submit"]{border: 0px; background: url(img/searchbutton.png) top left; height:46px; width:42px; text-indent:-5555px;margin-left:-5px; cursor:pointer;}
#Search input[type="submit"]:hover {border: 0px; background: url(img/searchbutton.png) bottom left; height:46px; width:42px}
#Search input[type="text"]{border: 1px solid d6d6d6; height:40px; width:606px; background:#ffffff; text-indent:6px; line-height:44px;} 
#Search table {width:100%;}
.SearchText {color: #1e1d1d; line-height:22px; font-size:15px; text-align:justify;}
.SearchLink {margin-bottom:10px; margin-top:10px; text-decoration:none;}
.SearchLink:hover {margin-bottom:10px; margin-top:10px; text-decoration:underline;}

table {margin:15px 0px 15px 0px;}
table tr td {background:#f1ebeb; line-height:36px; border: 2px solid #ffffff; padding-left:15px;}
table tr th {background:#a6451a; line-height:36px; color:#ffffff;}

.gallery{float: left;border: 3px solid #e0e0e0;}
.gallery:hover{border: 3px solid #adadad;}
.gallery img{height: 75px;width: 100px;}
 
.Reservation{width: 100%;}
.Reservation td{background: transparent;}
.textfield, .email{width: 400px;}
.select{width: 406px;}
.textarea{width: 395px;padding: 5px;font-family: Arial, Helvetica, sans-serif;}
.field_title{font-weight: bold;vertical-align: top;position: relative;top: -4px;}

/*****************************************************************************************************************************/
/* ----- Browsers Fixes ----- */

.ie7 #Menu ul li {height: 56px;padding: 0;margin: 0;position: relative;} 
.ie7 #Menu{z-index: 100000!important;position: relative;}
.ie7 #Content{top: -13px;}
.ie7 #Menu ul li ul{position: relative;top: -56px;}
.ie8
.ie9

@-moz-document url-prefix(){} /*Firefox*/
@media screen and (-webkit-min-device-pixel-ratio:0) {} /*Chrome*/