/* Hotel Plzen CSS 
   Released: 2015
   Autor: PC-IN PLZEN, http://www.pcinplzen.cz
*/
body {background:url('../images/pozadi-slim.webp');margin:0;padding:0;font-family:Source Sans Pro;font-size:18px;}
img, a {border:0;}
hr {color:#E7E7E7;}
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;min-height:1400px;height:auto; }

@media (min-width:1400px){
#main {background:url('../media/images/hp-hlavni-foto.webp') no-repeat;background-size:cover;height:1400px;margin-top:-20px;padding-top:20px;}
}

@media (min-width:1400px){
#main {background:url('../media/images/hp-hlavni-foto.webp') no-repeat;background-size:cover;height:1000px;margin-top:-20px;padding-top:20px;}
}

@media (min-width:1800px){
#main {background:url('../media/images/hp-hlavni-foto.webp') no-repeat;background-size:cover;height:1000px;margin-top:-20px;padding-top:20px;}
}

#top {background-size:cover;height:380px;}
#top img.active {opacity:0.75;}

#top #google_translate_element {float:right;position:relative;top:-4px;margin-right:20px;}   
#top select.goog-te-combo {border: 0;background-color:transparent !important;color:#fff;font-size:14px;height:24px;cursor:pointer;}
#top select.goog-te-combo option {color:#010101;}
/* .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 img.logo {position:relative;top:-4px;height:26px !important;z-index:1000 !important;}
#top ul.jazyky {float:right;list-style-type:none;margin-top:-90px;position:relative;}
#top ul.jazyky li {display:inline-block;}
#top ul.jazyky img {height:26px !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 p {margin-top:0px;margin-bottom:30px;}
#top a.telefon {position:relative;top:-64px;color:#fff;font-size:1em;font-weight:bold;text-shadow:2px 2px #000;font-size:22px;text-decoration:none;}
#top a.telefon img {margin-right:5px;height:18px;}

#wrapper {width:968px;margin:0 auto;padding-top:40px;}


#wrapper .main_ico {float:left;width:25%;text-align:center;}
#wrapper .main_ico a {color:#fff;text-decoration:none;line-height:2em;text-shadow:2px 2px 2px #000;font-size:22px;}
#wrapper .main_ico a:hover {font-weight:bold;text-decoration:none;}

#wrapper #submenu {position:absolute; top:347px; color: #fff;width:968px;margin:0 auto;text-align:center;}
#wrapper #submenu a {color: #fff;margin:0 20px 0 20px;text-decoration:none;text-shadow:2px 2px 2px #000;font-size:20px;}
#wrapper #submenu a:hover {text-decoration:underline;}

#rezervace {clear:both; width:968px; height:auto; margin: 0 auto; padding:10px 40px 10px 40px;background-color:#EEEDEE;}
#rezervace span {font-size:20px;font-weight:bold;}

#rezervace form table {width:99%;text-align:center;margin-top:10px;}
#rezervace form option {padding:5px;border:1px solid #E7E7E7;font-family:Open Sans;}

#rezervace form select {padding:5px;border:1px solid #E7E7E7;font-family:Open Sans;}
#rezervace form input[type=text] {padding:5px;border:1px solid #E7E7E7;font-family:Open Sans;}
#rezervace form input[type=text]:hover {border:1px solid #7F7F7F;}
#rezervace form input[type=submit] {background-color:#1D1D1B;color:#fff;cursor:pointer;padding:5px 20px 5px 20px;font-family:Source Sans Pro;}
#rezervace form input[type=submit]:hover {background-color:#fff;color:#010101;}
#rezervace form textarea {padding:5px;border:1px solid #E7E7E7;font-family:Source Sans Pro;}

#content {clear:both; width:968px; height:auto; margin: 0 auto; padding: 20px 40px 20px 40px;background-color:#fff;}
#content p {color:#111111;line-height:1.4em;}
#content a {color:#000;text-decoration:underline !important;}
#content a:hover {text-decoration:none;}
#content a.prohlidka {position:relative;top:-30px;}
#content h1 {text-align:left;display:block;font-size:28px;margin-bottom:20px;}
#content h1.main {text-align:center;color:#fff;display:block;font-size:28px;margin-top:40px;text-shadow:2px 2px #000;}
#content h2 {font-size:26px;}

#content img.kalendar {background-color:#000;}
#content img.foto:hover {opacity:1 !important;}
#content table.sluzby {width:100%;}
#content table.sluzby h2, #content table.sluzby h3 {margin-bottom:0px;font-size:18px;}
#content table.sluzby p {margin-top:5px;}
#content table.sluzby tr td {padding-right:10px;min-width:50px;max-width:200px;}
#content table.sluzby tr td:last-child {width:220px;padding-right:0px;}

#content table.balicky h2, #content table.balicky h3 {margin-bottom:0px;font-size:18px;}
#content table.balicky p {margin-top:5px;}
#content table.balicky tr td {padding-right:20px;width:30%;}
#content table.balicky td img {max-width:99%;}

#content table.cenik {width:100%;}
#content table.cenik td {width:19%;}

#content tr.colored:hover {font-weight:bold;}
#content td {vertical-align:top;min-width:68px;}
#content td h2 {margin-top:0;}
#content td h3 {margin-top:0;}
#content .bar_25 {width:240px;float:left;}

#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 .background {background:0 !important;}

.set center img {width:400px;height:266px;}

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

#content #anchor {position:fixed;margin-left:962px;top:446px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
writing-mode: lr-tb;}
#content #anchor a {background-color:#615264;color:#fff;text-decoration:none;padding:8px 30px 8px 30px;font-size:24px;}
#content #anchor a:hover {background-color:#010101;text-decoration:underline;}

#content #footer {clear:both;height:auto;margin-top:50px;padding:10px;font-size:0.9em;text-align:left;}
#content a {text-decoration:none !important;}
#content #footer .bar {float:left;width:33% !important;height:auto;}
#content #footer .bar img {margin-right:10px !important;}
#content #footer td.small {width:20px !important;}
#content #footer .bar_1 {float:left;width:120px;height:auto;}
#content #footer .bar_1 img {margin-right:10px;width:12px;height:12px;}
#content #footer table td {min-width: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:20px 10px 0 10px;}
#content #footer_main .bar {height:auto;margin-bottom:20px;display:inline-block;}
#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;}

#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;}

#footer .center {text-align:center;margin-top:40px;}
#footer .center img {margin:10px;}
#footer .center a {margin:0 10px 0 10px;}
#footer .center a img:hover {border-radius:90%;}

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

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

#galerie {text-align:left !important;}
#galerie table {width:100%;}
#galerie td {width:25%;}
#galerie img {margin-left:-2px !important;margin-top:-4px !important;}
#galerie img:hover {opacity:0.8;}
#galerie a {text-decoration:none !important;}
#apartmany {text-align:center;}
#apartmany table {text-align:center;width:99%;}
#apartmany img {height:auto;max-height:400px !important;}

.galerie {width:160px;height:105px;display:inline-block;margin:0;padding:0;}
.detail {width:400px;height:240px;display:inline-block;margin:1px;}

#pokoje img {height:auto;max-height:400px !important;}
#pokoje img:hover, #apartmany img:hover {opacity:1;}
#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.prev {float:left;text-decoration:none;}
a.next {float:right;text-decoration:none;}
a.prev img {margin-top:140px;}
a.next img {margin-top:140px;}


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:#fff !important;border:1px solid #F99604;font-size:22px;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;}


form.rezervace td {padding-right:5px;}
form.rezervace input[type=text] {width:260px;font-family:Open Sans;font-size:14px;}
form.rezervace input[type=email] {width:260px;font-family:Open Sans;font-size:14px;}
form.rezervace input[type=submit] {width:260px;background-color:#010101;color:#fff;cursor:pointer;border:1px solid #E7E7E7;padding:10px;float:right;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:250px;padding:2px 5px 2px 5px;font-family:Open Sans;font-size:14px;}
form.rezervace textarea {width:450px;height:100px;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;}

#reference {padding:10px;margin:20px 0 20px 0;text-align:center;font-size:20px;}
#reference-center {width:980px;margin:0 auto;}
#reference h2 {text-align:center;font-weight:bold;}
#reference .reference {width:28%;height:auto;min-height:200px;padding:20px;vertical-align:top;display:inline-block;margin-bottom:20px;}
#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;}