/* Hotel Plzen Mobile CSS                                                       
   Released: 2015
   Autor: PC-IN PLZEN, http://www.pcinplzen.cz
*/

body {background-color:#fff;margin:0;padding:0;font-family:Source Sans Pro;font-size:16px;text-align:center;}
img, a {border:0;max-width:100% !important;}
input[type=submit] {background-color:#1D1D1B;color:#fff;cursor:pointer;padding:10px 20px 10px 20px;font-family:Source Sans Pro;font-size:20px;}
input[type=reset] {background-color:#1D1D1B;color:#fff;cursor:pointer;padding:10px 20px 10px 20px;font-family:Source Sans Pro;}
input[type=text] {width:280px;padding:10px;font-size:18px;}
input[type=email] {width:280px;padding:10px;font-size:18px;}
textarea {width:280px;padding:10px;font-family:Source Sans Pro;font-size:18px;}
  
#main {background:url('../media/images/hp-hlavni-foto.webp') no-repeat;background-size:cover;height:auto;min-height:1000px;margin-top:-20px;padding-top:20px;}


#top {position:relative;top:-20px;}
#top center {color:#fff;font-size:bold;position:relative;top:-10px;}
#top img.logo {margin:50px 10px 0 10px;height:28px !important;}
#top img.active {opacity:0.75;}

#top ul.jazyky {list-style-type:none;position:absolute;top:0px;left:0px;}
#top ul.jazyky li {display:inline-block;}
#top ul.jazyky img {height:24px !important;opacity:0.5;}
#top ul.jazyky img:hover {opacity:1;}
#top ul.jazyky a {margin-left:10px;z-index:1000 !important;}
#top li.active img {opacity:1;}

#top #google_translate_element {position:absolute;top:5px;right:10px;}

#top select.goog-te-combo {border: 0;background-color:transparent !important;color:#fff;font-size:16px;height:24px;cursor:pointer;font-size:14px;}
#top select.goog-te-combo option {color:#010101;font-size:0.9em;}
/* .goog-te-combo {background-color:transparent !important;} */
#top DIV.skiptranslate.goog-te-gadget{font-size: 0px;}
.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active {visibility:hidden;} 

#top a.telefon {margin-bottom:10px;font-size:1em;font-weight:bold;text-shadow:2px 2px #000;font-size:22px;text-decoration:none;color:#fff;}
#top a.telefon img {margin-right:5px;height:18px;}


#wrapper .main_ico {display:inline-block;width:18%;text-align:center;margin:10px;text-align:center;vertical-align:top;}
#wrapper .main_ico a {color:#fff;text-decoration:none;margin-top:10px;font-size:18px;text-shadow:1px 1px #000;}
#wrapper .main_ico a:hover {font-weight:bold;text-decoration:none;}

#wrapper #submenu {text-align:center;margin-top:20px;line-height:2.4em;text-align:center;background-color:#615264;padding:5px;}
#wrapper #submenu a {color: #fff;margin:0 15px 0 15px;text-decoration:none;display:inline-block;}
#wrapper #submenu a:hover {text-decoration:underline;}


#rezervace {clear:both; height:auto; margin: 0 auto; padding:10px;background-color:#EEEDEE;position:relative;top:-20px;}
#rezervace span {font-size:1.4em;font-weight:bold;}
                                                
#rezervace form table {width:99%;text-align:center;}
#rezervace form td {display:block;padding-bottom:10px;}
#rezervace form select {padding:5px;width:50%}
#rezervace form input[type=text] {padding:5px;width:50%;}
#rezervace form input[type=submit] {background-color:#1D1D1B;color:#fff;cursor:pointer;padding:5px 20px 5px 20px;}

#content {clear:both; height:auto;padding:10px;background-color:#fff;position:relative;top:-20px;}
#content a {color:#000;text-decoration:underline !important;}
#content a:hover {text-decoration:none;}

#content h1 {margin:10px 0 20px 0;font-size:24px;}
#content h1.main {text-align:center;color:#fff;display:block;font-size:24px;margin-bottom:20px;text-shadow:2px 2px #000;}
#content h2 {font-size:22px;}
#content img.kalendar {background-color:#000;}
#content td {vertical-align:top;display:block;}
#content td h3 {margin-top:0;}

#content #footer {clear:both;border-top:1px solid #E7E7E7; height:auto;margin-top:40px;padding:10px 10px 0 10px;font-size:0.8em;text-align:left;}
#content #footer .bar {height:auto;margin-bottom:20px;display:block;}
#content #footer .bar td {display:inline-block;}
#content #footer .bar img {margin-right:10px;}
#content #footer .bar_1 {height:auto;display:block;padding:10px 10px 30px 10px;text-align:center;}
#content #footer .bar_1 img {margin:0 10px 0 10px;width:16px;height:16px;}


#content #footer_main {clear:both;width:100%;font-size:0.8em;text-align:center;background-color:#fff;position:fixed;bottom:0px;left:0px;padding:10px;}
#content #footer_main .bar {height:auto;margin-bottom:20px;float:left;}
#content #footer_main .bar td {display:inline-block;margin-right:5px;}
#content #footer_main .bar img {margin-right:10px;}
#content #footer_main .bar_1 {display:none;}

#footer .center {text-align:center;margin-top:40px;}
#footer .center img {height:32px;margin:10px;}
#footer .center a {margin:0 20px 0 20px;}

#footer center img {position:relative;top:5px;margin-left:50px;margin-right:5px;}

#content table.menu {width:99%;}
#content td.no {display:none !important;}
#content td.food {width:80% !important;float:left;}
#content td.prize {width:15% !important;float:right;font-weight:bold;}

#content table.room {width:99%;}


.room-info_detail {width:99% !important;}
#content-center iframe {width:99% !important;}
#__wbiframe___wbord_{width:99% !important;height:auto;min-height:800px;}
a.image_slide_link {width:99% !important;}
.odhlaseni {height:160px;display:block;}

.listek td:first-child {width:60%;}
.listek td:last-child {width:20%;}
.listek tr:hover {font-weight:bold;}

#galerie a {text-decoration:none; }
#galerie img {margin:1px !important;max-width:45% !important;height:auto !important;}
#galerie img:hover {opacity:0.8;}

.galerie {width:150px;height:100px;background-size:cover;display:inline-block;margin:1px;}
.detail {width:400px;height:260px;background-size:cover;display:inline-block;margin:1px;}

#a1, #a2, #a3, #a4, #a5, #a6, #a7, #a8, #a9, #a10, #a11, #a12, #a13, #a14, #p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10, #p11, #p12, #p13, #p14, #p15, #p16, #p17, #p18, #p19, #p20, #p21, #p22, #p23, #p24 {display:none;text-align:center;}


a.rezervace {padding:7px 15px 7px 15px;background-color:#010101;color:#fff !important;border:1px solid #E7E7E7;}
a.rezervace:hover {background-color:#fff;color:#010101 !important;border:1px solid #010101;}

a.rezervace_main {padding:7px 15px 7px 15px;background-color:#F99604;color:#000;border:1px solid #F99604;box-shadow:1px 1px #000;margin:0 10px 0 10px;}
a.rezervace_main:hover {background-color:#fff;color:#010101 !important;border:1px solid #010101;}

#ui-datepicker-div {font-size:0.8em !important;}

a.prev {float:left;text-decoration:none;}
a.next {float:right;text-decoration:none;}
#content #anchor a {display:none;}


form.rezervace td {padding-right:5px;display:inline-block !important;}
form.rezervace input[type=text] {width:240px;font-family:Open Sans;font-size:14px;}
form.rezervace input[type=email] {width:240px;font-family:Open Sans;font-size:14px;}
form.rezervace input[type=submit] {width:240px;background-color:#010101;color:#fff;cursor:pointer;border:1px solid #E7E7E7;padding:10px;font-family:Open Sans;font-size:14px;}
form.rezervace input[type=submit]:hover {background-color:#fff !important;color:#010101 !important;border:1px solid #010101;}
form.rezervace select {width:240px;font-family:Open Sans;font-size:14px;}
form.rezervace textarea {width:240px;font-family:Open Sans;font-size:14px;}
form.rezervace p img {margin-right:10px;height:24px;width:24px;}
form.rezervace h2 img {margin-right:10px;}

#content table.cena {font-weight:bold;width:auto !important;margin:0 auto;}
#content table.cena td {padding:10px;width:auto !important;display:inline;}
#content table.cena img {height:24px !important;margin-right:10px !important;position:relative;top:6px;}
#content table.cena a {background-color:#fff;padding:5px 10px;border:1px solid #615264;display:inline-block;margin:10px;}
#content table.cena a:hover {background-color:#000;color:#fff !important;}

#content .sluzby {display:inline-block;width:260px;margin:10px;height:auto;min-height:260px;vertical-align:top;padding:10px;}
#content .sluzby h2, #content .sluzby h3 {margin-bottom:0px;font-size:18px;}


#reference {padding:10px;margin:20px 0 20px 0;text-align:center;font-size:20px;}
#reference-center {width:100%;}
#reference h2 {text-align:center;font-weight:bold;}
#reference .reference {width:28%;height:auto;min-height:300px;padding:20px;vertical-align:top;display:inline-block;margin-bottom:20px;}
#reference .reference:hover {background-color:#000067;transition:1s all;color:#fff;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;}
#reference .reference span {font-size:17px !important;}

a.tlacitko {padding:7px 15px 7px 15px;background-color:#010101;color:#fff !important;border:1px solid #E7E7E7;}
a.tlacitko:hover {background-color:#fff;color:#010101 !important;border:1px solid #010101;}

#cookie {
transition:2s all;-webkit-transition:2s all;-moz-transition:2s all;-o-transition:2s all;-ms-transition:2s all;
text-align:center;padding:5px;width:100%;height:auto;font-size:12px;color:#fff;background-color:#000;opacity:0.9;position:fixed;bottom:0;
}
#cookie a {color:#fff;text-decoration:none;cursor:pointer;display:inline-block;}
#cookie a.c_vse {padding:5px 10px;background-color:green;border-radius:10px;margin:10px;}
#cookie a.c_vybrane {padding:5px 10px;background-color:orange;border-radius:10px;margin:10px;}
#cookie a.c_ne {padding:5px 10px;background-color:red;border-radius:10px;margin:10px;}