@import url(http://fonts.googleapis.com/css?family=Dosis:400,700);
@media screen {
/* ========== START BODY ========== */
* {
 border:0;
 margin:0;
 padding:0;
 outline:0;
}

body {
 font-size:1em;
 text-align:center;
 background:#f7fbfe;
 font-family:Dosis,Arial,Helvetica,sans-serif;
}

.wrap {
 margin:0 auto;
 max-width:980px;
 position:relative;
}
/* ========== END BODY ========== */
/* ========== START HEAD ========== */
#head {
 width:100%;
 height:80px;
 background:#0391ce;
}

#logo {
 float:left;
 margin-top:21px;
 max-width:182px;
}

#head ul {
 float:right;
 overflow:hidden;
 margin-top:23px;
 list-style:none;
}

#head li {
 float:left;
}

#head li a {
 color:#fff;
 font-size:1.4em;
 text-decoration:none;
}

#head li a:hover {
 text-decoration:underline;
}
/* ========== END HEAD ========== */
/* ========== START TEXT ========== */
#txt1, #txt2, #txt3 {
 float:left;
 width:100%;
 cursor:default;
 text-align:left;
}

h1 {
 font-size:1.6em;
 padding:0.8em 0 0.7em 0;
}

h2 {
 font-size:1.4em;
 font-weight:400;
 text-align:left;
 padding:0.7em 0 0.5em 0;
}

#txt1 #great, #txt1 #wrong {
 margin:2em 0;
 border-radius:6px;
 text-align:center;
 background:#d5e9c7;
 box-sizing:border-box;
 -moz-border-radius:6px;
 -khtml-border-radius:6px;
 -o-box-sizing:border-box;
 -webkit-border-radius:6px;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 padding:0 1.5em 2em 1.5em;
 border:1px solid #66b032;
}

#txt1 #wrong {
 background:#ffd8d4;
 border:1px solid #fe2712;
}

#txt1 #great h1 {
 color:#38601b;
}

#txt1 #wrong h1 {
 color:#fe2712;
}

#txt1 #great p, #txt1 #wrong p {
 font-weight:700;
}

#txt3 {
 margin-top:0.6em;
 background:#e9f5fb;
 padding-bottom:1.6em;
 border-top:1px solid #e1f1fa;
 border-bottom:1px solid #e1f1fa;
}

#txt3 ul {
 margin-top:1em;
 list-style:none;
}

#txt3 li.tops {
 margin-top:1em;
}

#txt3 span {
 font-weight:700;
}
/* ========== END TEXT ========== */
/* ========== START LIST ========== */
#list, #rows {
 float:left;
 width:100%;
 cursor:default;
}

#list li, #rows li {
 float:left;
 width:23.5%;
 height:auto;
 background:#fff;
 list-style:none;
 position:relative;
 border-radius:6px;
 padding:0 0 0.8em 0;
 margin:0 2% 1.1em 0;
 box-sizing:border-box;
 -moz-border-radius:6px;
 -khtml-border-radius:6px;
 -o-box-sizing:border-box;
 -webkit-border-radius:6px;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 border:1px solid #bae1f2;
}

#rows li {
 margin:0 2% 0 0;
}

#list li:hover {
 border:1px solid #0391ce;
}

#list li span {
 width:70%;
 color:#fff;
 float:right;
 font-weight:700;
 font-size:1.2em;
 overflow:hidden;
 min-height:1.4em;
 margin-top:0.6em;
 white-space:nowrap;
 display:inline-block;
 text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 -ms-text-overflow:ellipsis;
 line-height:1.4em;
}

#list li span.prom {
 background:#0391ce;
}

#list li span.soon {
 background:#bae1f2;
}

#list li:nth-child(4n+0), #rows li:nth-child(4n+0) {
 margin-right:0;
}

#list img, #rows img {
 width:96%;
 margin:1em 0;
 height:auto!important;
 vertical-align:top;
}

#rows img {
 width:80%;
 padding-top:0.2em;
}

h4 {
 color:#0391ce;
}

h4 a {
 color:#0391ce;
 text-decoration:none;
}

h4 a:hover {
 text-decoration:underline;
}

p.pret, p.pretnou {
 font-weight:700;
 font-size:1.5em;
 padding:0.3em 0 0.1em 0;
}

p.pretnou {
 color:#fe2712;
}

p.pretvechi, p.pretlipsa {
 min-height:1.3em;
 line-height:1.3em;
 text-decoration:line-through;
}

#list a.vreau {
 width:82%;
 color:#fff;
 min-height:2em;
 line-height:2em;
 font-size:1.2em;
 font-weight:700;
 border-radius:4px;
 text-align:center;
 background:#fd6429;
 text-decoration:none;
 display:inline-block;
 box-sizing:border-box;
 -moz-border-radius:4px;
 -o-box-sizing:border-box;
 -khtml-border-radius:4px;
 -webkit-border-radius:4px;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 border:1px solid #e64c12;
 margin:0.6em 0 0.4em 0;
}

#list a.vreau:hover {
 background:#e64c12;
 border:1px solid #b83d0f;
}

#list a.vreau:active, #rows a.check:active {
 top:1px;
 position:relative;
}

#rows a.check {
 width:74%;
 color:#026996;
 font-size:1.1em;
 min-height:1.8em;
 line-height:1.8em;
 border-radius:4px;
 text-align:center;
 background:#bae1f2;
 text-decoration:none;
 display:inline-block;
 box-sizing:border-box;
 -moz-border-radius:4px;
 -o-box-sizing:border-box;
 -khtml-border-radius:4px;
 -webkit-border-radius:4px;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 border:1px solid #0391ce;
 margin:0.6em 0 0.2em 0;
}

#rows a.check:hover {
 color:#fff;
 background:#0391ce;
 border:1px solid #024f70;
}

#list p.gone {
 min-height:2em;
 line-height:2em;
 font-size:1.2em;
 font-weight:700;
 border:1px solid #fff;
 margin:0.6em 0 0.4em 0;
}

p.time {
 color:#fe2712;
 line-height:2em;
}

p.notime {
 min-height:2em;
 line-height:2em;
}
/* ========== END LIST ========== */
/* ========== START INFO ========== */
#info {
 width:100%;
 overflow:auto;
 cursor:default;
 text-align:left;
 margin:1.5em 0 0.5em 0;
}

#info img {
 width:46%;
 float:left;
 padding:4px;
 background:#fff;
 border-radius:6px;
 margin-bottom:0.8em;
 box-sizing:border-box;
 -moz-border-radius:6px;
 -khtml-border-radius:6px;
 -o-box-sizing:border-box;
 -webkit-border-radius:6px;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 border:1px solid #bae1f2;
}

#info ul {
 width:51%;
 float:left;
 padding-left:3%;
 list-style:none;
}

#info h1 {
 padding:0.5em 0 0.1em 0;
}

.rate {
 height:16px;
 line-height:16px;
 text-indent:110px;
 margin-bottom:1.6em;
 background:url(star.png) no-repeat;
}

#star0 {
 background-position:0 0;
}

#star1 {
 background-position:0 -16px;
}

#star2 {
 background-position:0 -32px;
}

#star3 {
 background-position:0 -48px;
}

#star4 {
 background-position:0 -64px;
}

#star5 {
 background-position:0 -80px;
}

#info span {
 color:#fff;
 font-weight:700;
 font-size:1.2em;
 min-height:1.4em;
 line-height:1.4em;
 padding:0.2em 1em;
 white-space:nowrap;
 background:#0391ce;
 margin-bottom:0.6em;
 display:inline-block;
 text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 -ms-text-overflow:ellipsis;
}

#info p.pret, #info p.pretnou, #info p.pretvechi {
 padding-left:0;
}

#info a#book {
 width:40%;
 color:#fff;
 float:left;
 display:inline;
 cursor:pointer;
 font-size:1.4em;
 font-weight:700;
 line-height:2.4em;
 border-radius:4px;
 text-align:center;
 background:#fd6429;
 text-decoration:none;
 box-sizing:border-box;
 -moz-border-radius:4px;
 -o-box-sizing:border-box;
 -khtml-border-radius:4px;
 -webkit-border-radius:4px;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 border:1px solid #e64c12;
 margin:1.2em 0 0.8em 3%;
}

#info a#book:hover {
 background:#e64c12;
 border:1px solid #b83d0f;
}

#info a#book:active {
 top:1px;
 position:relative;
}

#info p {
 width:51%;
 float:left;
 padding-left:3%;
 font-weight:700;
}
/* ========== END INFO ========== */
/* ========== START BOOK ========== */
#rezervare {
 display:none;
 margin:1.6em auto 2em auto;
}

#rezervare .wrap {
 border-radius:6px;
 background:#e9f5fb;
 box-sizing:border-box;
 -moz-border-radius:6px;
 -khtml-border-radius:6px;
 -o-box-sizing:border-box;
 -webkit-border-radius:6px;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 border:1px solid #bae1f2;
}

#bookit {
 width:85%;
 text-align:left;
 position:relative;
 margin:2em auto 1em auto;
}

#bookit label {
 width:100%;
 display:block;
 overflow:auto;
}

#bookit input {
 width:98%;
 color:#747474;
 font-size:1em;
 font-weight:700;
 padding:0.5em 1%;
 font-family:inherit;
 margin:0.1em 0 0.7em 0;
 border:1px solid #c6c7c8;
}

#bookit input:focus {
 border:1px solid #000;
}

input#doitnow {
 color:#fff;
 width:100%;
 cursor:pointer;
 font-size:1.4em;
 padding:0.4em 0;
 border-radius:4px;
 background:#fd6429;
 margin:0.5em 0 0 0;
 box-sizing:border-box;
 -moz-border-radius:4px;
 -o-box-sizing:border-box;
 -khtml-border-radius:4px;
 -webkit-border-radius:4px;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 border:1px solid #e64c12;
}

input#doitnow:hover {
 background:#e64c12;
 border:1px solid #b83d0f;
}

input#doitnow:active {
 top:1px;
 position:relative;
}

#bookit label span {
 color:#f00;
}

#bookit input.inside {
 background:#fee;
 border:1px solid #f00;
}

#age {
 display:none;
}

#rezervare p {
 width:75%;
 cursor:default;
 font-weight:700;
 margin:0 auto 1em auto;
}

h5 {
 color:#fe2712;
 cursor:default;
 font-weight:700;
 font-size:1.2em;
 text-transform:uppercase;
}

#time {
 width:240px;
 height:62px;
 list-style:none;
 margin:0.2em auto 1.5em auto;
}

#time li {
 float:left;
 width:52px;
 height:61px;
 margin:0 2px;
 color:#fe2712;
 cursor:default;
 font-size:0.8em;
 font-weight:700;
 background:#e9f5fb;
 display:inline-block;
 -moz-border-radius:4px;
 -khtml-border-radius:4px;
 -webkit-border-radius:4px;
 border:2px solid #fe2712;
 border-radius:4px;
}

#time li#live {
 width:236px;
 height:47px;
}

#time span {
 font-size:2em;
 margin:7px 0 0 0;
 display:inline-block;
}
/* ========== END BOOK ========== */
/* ========== START CONTACT ========== */
#mailer {
 width:100%;
 overflow:auto;
}

#mailer .wrap {
 border-radius:6px;
 background:#e9f5fb;
 box-sizing:border-box;
 -moz-border-radius:6px;
 -khtml-border-radius:6px;
 -o-box-sizing:border-box;
 -webkit-border-radius:6px;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 border:1px solid #bae1f2;
 margin:2em auto 1em auto;
}

#mailit {
 width:70%;
 text-align:left;
 position:relative;
 margin:2em auto 3em auto;
}

#mailit label {
 width:100%;
 display:block;
 overflow:auto;
}

#mailit label span {
 color:#f00;
}

#mailit input, #mailit textarea {
 width:98%;
 color:#747474;
 font-size:1em;
 font-weight:700;
 padding:0.5em 1%;
 font-family:inherit;
 margin:0.1em 0 0.7em 0;
 border:1px solid #c6c7c8;
}

#mailit input:focus, #mailit textarea:focus {
 border:1px solid #000;
}

#mailit input.inside {
 background:#fee;
 border:1px solid #f00;
}

#mailit textarea {
 resize:none;
 height:10em;
}

input#mailitnow {
 color:#fff;
 width:100%;
 cursor:pointer;
 font-size:1.4em;
 padding:0.4em 0;
 border-radius:4px;
 background:#fd6429;
 margin:0.5em 0 0 0;
 box-sizing:border-box;
 -moz-border-radius:4px;
 -o-box-sizing:border-box;
 -khtml-border-radius:4px;
 -webkit-border-radius:4px;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 border:1px solid #e64c12;
}

input#mailitnow:hover {
 background:#e64c12;
 border:1px solid #b83d0f;
}

input#mailitnow:active {
 top:1px;
 position:relative;
}
/* ========== END CONTACT ========== */
/* ========== START FOOT ========== */
#foot {
 float:left;
 width:100%;
 margin-top:2.4em;
 background:#0391ce;
}

#foot li {
 display:inline;
 list-style:none;
}

#foot li a {
 color:#fff;
 padding:0 0.5em;
 line-height:2.4em;
 text-decoration:none;
}

#foot li a:hover {
 text-decoration:underline;
}
/* ========== END FOOT ========== */
}

@media (max-width:1280px){
.wrap {
 padding:0 20px;
 max-width:980px;
}

#rezervare .wrap, #mailer .wrap {
 padding:0;
}
}

@media (max-width:1024px){
#rezervare .wrap {
 margin:0 20px;
}

#mailer .wrap {
 margin:2em 20px 1em 20px;
}
}

@media (max-width:960px){
#list li span {
 width:85%;
}
}

@media (max-width:905px){
#info p {
 width:100%;
 padding-left:0;
}
}

@media (max-width:848px){
#info img {
 margin-bottom:0em;
}

#info a#book {
 width:100%;
 margin:1em 0 0.4em 0;
}
}

@media (max-width:800px){
#list li, #rows li {
 width:32%;
}

#list li:nth-child(3n+0), #rows li:nth-child(3n+0) {
 margin-right:0;
}

#list li:nth-child(4n+0) {
 margin-right:2%;
}

#list li:nth-child(12n+0) {
 margin-right:0;
}

#rows li:nth-child(4) {
 display:none;
}
}

@media (max-width:640px){
h1 {
 font-size:1.5em;
}

h2 {
 font-size:1.3em;
}

#list li span {
 width:90%;
}

#mailit {
 width:90%;
}
}

@media (max-width:590px){
#info img {
 width:100%;
}

#info ul {
 width:100%;
 padding-left:0;
}

#info h1 {
 padding:0.3em 0 0.1em 0;
}

.rate {
 margin-bottom:1em;
}

#info span {
 margin-bottom:0.3em;
}
}

@media (max-width:550px){
.wrap {
 padding:0 10px;
}

#rezervare .wrap {
 margin:0 10px;
}

#mailer .wrap {
 margin:2em 10px 1em 10px;
}

#list li, #rows li {
 width:49%;
}

#list li:nth-child(2n+0), #rows li:nth-child(2n+0) {
 margin-right:0;
}

#list li:nth-child(3), #list li:nth-child(9) {
 margin-right:2%;
}

#list li:nth-child(11), #list li:nth-child(12), #rows li:nth-child(3) {
 display:none;
}
}

@media (max-width:480px){
#txt1 p span {
 display:none;
}

#foot {
 margin-top:1.2em;
}
}

@media (max-width:360px){
#head ul {
 display:none;
}

h1 {
 font-size:1.3em;
}

h2 {
 font-size:1.2em;
}

#list li, #rows li {
 width:100%;
}

#list li span {
 width:60%;
}

#list img {
 width:74%;
}

#rows li {
 margin-bottom:0.8em;
}
}

@media print {
body {
 display:none;
}
}