HTML { overflow-y:scroll; width:100% }
BODY { padding:0; margin:0; width:100%; font-family:"News Cycle", "Archivo Narrow", Abel, Arial; font-size:1em; line-height:1.5; letter-spacing:0.3px; }
H1 { margin:0; font-size:16pt; text-transform:uppercase }
H2 { xmargin-top:5px; font-size:14pt; text-transform:uppercase }
INPUT, SELECT, button { border:1px solid #aaa; padding-left:5px; background:white; font-family:"News Cycle", "Archivo Narrow", Abel, Arial; font-size:1em; line-height:1.5; letter-spacing:0.3px; }
A { text-decoration:none; color:#ff6600 }

.container { min-width:350px; max-width:1200px; margin-left:auto; margin-right:auto; xmargin-bottom:25px }
img { max-width:100% }
.header { background: #4471ff; padding:20px 0px; xmargin-top:20px; margin-bottom:20px; height:66px; }
       


.footer { clear:both; max-width:1200px; margin-left:auto; margin-right:auto; margin-top:40px; margin-bottom:20px; background:#626262; text-align:center; color:white }
.logo { float:left; margin-left:25px; }
.column-center, .column-right { padding:0px 25px }
.column-2 { padding-left:400px; }

/* AJAX page */
#ajaxpage { position:fixed; top: 50%; left: 50%; z-index: 20000; padding:15px; text-align:left; background:#fff; color:black; display:none; -webkit-box-shadow: -4px 4px 16px 0px rgba(0,0,0,0.62); -moz-box-shadow: -4px 4px 16px 0px rgba(0,0,0,0.62); box-shadow: -4px 4px 16px 0px rgba(0,0,0,0.62); -moz-border-radius:10px; border-radius: 10px; }
#ajaxpage-close { float:right; cursor:pointer }
#page-cover { display: none; position: fixed; width: 100%; height: 100%; background-color: #000; z-index: 9999; top: 0; left: 0; }
#page-cover-load { display: none; position: fixed; width: 100%; height: 100%; background:#000; z-index: 9999; top: 0; left: 0; }
#page-cover-preloader { display: none; position: fixed; width: 20%; z-index: 20000; top: 50%; left: 50%; margin-top: -10%; margin-left: -10%; background:#4471ff; padding:0px 20px; text-align:center; font-size:1.2em; color:white }

#page-cover-warning { display: none; position:absolute; width:60%; z-index: 20000; top: 50%; left: 50%; margin-top: -10%; margin-left: -30%; background:#4471ff; padding:0px 20px; text-align:center; font-size:1.2em; color:white }


.res-header { background:#ff6600; color:white; padding:5px 25px; font-size:14pt; text-transform:uppercase }
.res-error { background:#f33; color:white; padding:5px 25px; xfont-size:14pt; }
.res-inner { background:#e5e5e5; padding:20px }
.res-oddilTop { padding-bottom:10px; }
.res-oddil { border-top:1px solid #ccc; padding-bottom:10px; padding-top:10px }

.inner { padding:25px }
.shadow { -webkit-box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.49);
-moz-box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.49);
box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.49); }
.hidden { display:none }

.sel-name { font-size:16pt; margin-bottom:15px }
.sel-desc {  }
.sel-price { margin-top:15px }
.sel-price SPAN { color:#4471ff; font-size:20pt }

.tbl-padding { xspadding-bottom:8px }
.tbl-padding TD { padding-top:8px }
#frmRent IMG { margin-left:5px; margin-top:3px; margin-right:20px; float:right }

.oddil { border-top:1px solid #ff6600; margin:20px 0px; }

.button { border:none; padding:10px 40px; text-transform:uppercase; color:white; }
.buttonmid { border:none; padding:4px 20px; text-transform:uppercase; color:white; }
.buttonsmall { border:none; padding:2px 10px; text-transform:uppercase; color:white; }
.button:hover, .buttonmid:hover, .buttonsmall:hover { color:#eee; xopacity:0.9 }
.grey { background:#999; }
.orange { background:#ff6600; }
.orange-text { color:#ff6600; }
.blue { background:#4471ff; }
.hidden { display:none }
.orangelight { background:#ffece0; border:1px solid #ff6600; padding:10px }
.bluelight { background:#e1e8ff; border:1px solid #4471ff; padding:10px }
.btnSelect { width:100px;}

.nav { xfloat:right; text-align:right; background:#4471ff; margin-top:30px; padding-right:25px }
.nav IMG { margin-left:10px }
.nav ul { padding: 0; border:0px; list-style:none; display:inline-block; position: relative; }
.nav li { float: left; display: block; margin-left:40px }
.nav A { color:white; text-transform:uppercase; text-decoration:none }
.header A:hover { color:#ddd; }
.nav-small { background:black; xwidth:200px; float:right; right:0px; top:0px; margin-right:60px; xmargin-top:40p.x; position:absolute }
.nav-small LI { float:none; xwidth:190px; text-align:left; padding:15px }
.nav-btn { display:none; float:right; margin-right:15px; cursor:pointer }
.nav-small IMG { width:40px; }
.nav-customer { float:right; margin-right:20px; color:white; xclear:left }
.nav-customer A { color:#eee }
.nav-myRes { backround:orange; color:white }

.zpravy-nadpis { font-size:14pt; font-weight:bold; text-transform:uppercase; margin:0px }
.zpravy P { margin-top:0px; }

.tblTR { display:table-row }
.tblTD { display:table-cell; float:left; xwidth:300px; height:40px }
.tblTD SPAN { display:inline-block; width:150px; text-align:right; padding-right:10px }
.login .tblTD { width:300px; }
.login .tblTD SPAN { width:50px; }
#registerform label.error, #loginform label.error { color:red; font-size:0.8em }

.pay { margin-top:30px; }
.card-container { margin:30px 0px }
.card-logo { background:url(images/card-logo.png) no-repeat; height:45px; width:70px; display:inline-block; overflow: hidden; }
.card-mastercard { background-position: -6px -9px; }
.card-maestro { background-position: -77px -9px; }
.card-visa { background-position: -150px -10px; }
.card-visaelectron { background-position: -10px -58px; }
.card-diners { background-position: -80px -58px; }

.doporucujeme { xheight:320px }
.res-acc { width:235px; margin:10px; float:left; height:320px; text-align:center }

.mobile-show { display:none }
.mobile-hide { display:block }


@media only screen and (min-width: 1200px)
{
	.column-center, .column-right { padding:0px }
	.column-left { sposition:absolute; width:380px; }
	.fixed-width-left { padding-left:410px; width:800px }
	.column-center { width:380px; margin-right:30px; display:inline-block; float:left; }
	.column-right { width:380px; display:inline-block;  }
	.dlouhodobe-foto { float:left; width:280px; padding-top:30px }
	.dlouhodobe-auto { margin-left:300px }
	.dlouhodobe-mesic { width:110px; text-align:right; font-size:0.9em }
}

@media only screen and (min-width: 800px)
{
	.column-center, .column-right { padding-left:0px; xpadding-right:25px }
	.column-left { float:left; xposition:absolute; width:380px; }
	.fixed-width-left { padding-left:410px; }
	.dlouhodobe-foto { float:left; width:280px; padding-top:30px }
	.dlouhodobe-auto { margin-left:300px }
	.dlouhodobe-mesic { width:110px; text-align:right; font-size:0.9em }

}	

@media only screen and (max-width: 800px)
{
	.mobile-left, .column-center, .column-right { padding:10px 10px 0px 10px }
	.nav-customer { float:none; margin-right:0px; border-top:1px solid white; text-align:right; padding-right:20px; padding-top:2px; clear:both }
	.column-2 { padding:0px }
	.res-acc { width:95%; margin:none }
	.cenaPredSlevou { display:none }
	.xcontact { display:none }
	.btnSelect { width:50px; padding:10px 10px }
	.btnSelect span { display:none;  }
	.btnSelect:after { content: '>' }
	.auto-foto { width:240px }
	.doporucujeme { display:none; }
	.posledniRezervace { display:none; }
	.pay { margin-left:0 }
	.nav { display:none }
	.header { margin:0; height:54px }
	.logo IMG { height:40px }
	.footer { margin-bottom:0; text-align:left; padding:0 }
	.footer .inner { padding:10px }
	.nav-btn { display:block }
	.buttonsmall { padding:1px 5px }
	#rent-address { display:none }
	.tblTD SPAN { width:110px }
	BODY { font-size:1em }
	.contact { text-align:left; padding-bottom:0px; border-bottom:1px solid white }
	.mobile-show { display:block; }
	.mobile-hide { display:none }
	#page-cover-preloader { width: 100%; margin-top: -40%; margin-left: -50%;  }
	#page-cover-warning { width:70%; margin-top: -70%; margin-left: -40%; }
	.dlouhodobe-foto { width:280px; padding-top:10px }
	.dlouhodobe-auto { xmargin-left:300px }
	.dlouhodobe-mesic { width:70px; text-align:right; font-size:0.8em }
}




@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
.objblink {
-webkit-transition: all 3s ease-in-out;
    -moz-transition: all 3s ease-in-out;
    -o-transition: all 3s ease-in-out;
    -ms-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
    
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease-in-out;
    
-moz-animation-direction: normal;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink;
    -moz-animation-timing-function: ease-in-out;    
}