/* CSS Document */

/* BARVY: 
žlutá:      #FC3;
červená:    #C7091E;
tyrkys:     #14C9AD;
tm. tyrkys: #1CA590; 
šedá:       #75787C;   
*/

/*
body {
 height: 100%; 
}
*/

html {
	height: 100%;
}

body {
  min-width: 100%;
	min-height:100%;
}


/* POSITION */

header, footer {
position: fixed;
z-index: 1;
} 

body, header#zahlavi, nav, section, div[id^="snippet-poll-pollItem"], div#wrapper {
position: relative;
} 
                        
nav, header, footer { 
width: 100%; 
overflow: hidden;  
} 

header { 
top: 0; 
left: 0; 
height: 158px; 
}

header#zahlavi, nav div { 
width: 800px; 
margin: 0 auto; 
padding: 10px 0;
}

header#zahlavi     { 
height: 94px;   
}  /* = výška loga */

nav div                  {  }

/* kontakt pluje vpravo: */
header div#kontakt       { 
float: right; 
text-align: right; 
} 

/* section má dole tak vysoký padding, jako je výška otevřeného kalendáře: */
section  { 
width: 800px; 
margin: 160px auto; 
padding: 10px 10px 110px 10px; 
}

div#wrapper {
/*
display: block;
width: 100%;
border: 10px solid green;
*/

}

/* otevřený kalendář: */
footer   { 
  bottom: 0; 
  height: 70px;  
}

/* zavřený kalendář: */
#zavrit:target {  
  height: 270px; 
}



/* BACKGROUNDS */

body, header     { background-color: #FFF;  }
nav              { background-color: #FC3;  }
nav div          { background-color: #14C9AD; }
/* header#zahlavi   { background: url(pic/logo.gif) no-repeat; } */
footer           { background: url(pic/tapeta.gif) #333; }


  
/* FONTS */

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, input {
 font-family: 'Open Sans';
 -webkit-font-smoothing: subpixel-antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-smooth: always;
 font-smoothing: antialiased;
 moz-font-smoothing: antialiased;
 text-rendering: optimizeLegibility;
}

/* šedá */
p, h1, h2, ul { 
 color: #75787C;               
} 
  
/* tyrkys */
a:link, a:visited { 
 color: #14C9AD;              
 text-decoration: none; 
}

/* červená */
a:hover, a:active { 
 color: #C7091E;              
 text-decoration: underline; 
}

header, 
nav,
input, 
.autobox p  { 
 font-size: 18px; 
 line-height: 1.3; 
}

section p, 
section ul { 
 margin-bottom: 10px;
 font-size: 23px;
 text-align: justify; 
}

section ul {
 list-style: disc;
 margin-left: 25px;
}

h1 {
 font-size: 45px; 
 padding: 20px 0;
 text-align: center; 
}

h2 {
 font-size: 25px; 
 padding: 10px 0; 
 margin: 10px 0;
 text-align: center;
}



/* NAVIGACE */
/* tyrkys */
nav a:link,
nav a:visited { 
 padding: 10px 14px;
 border-right: 3px solid #FC3;
 text-decoration: none;
 color: white;
 background-color: #14C9AD;   
}
/* červená */
nav a:hover { 
 background-color: #C7091E; 
}  


/* KOMIKS */
#komiks { 
  display: table;
  width: 850px;
  margin: 5px 0 20px 0; 
 }
#komiks img.R { 
  border-right: 2px solid #75787C; 
}
#komiks img.B { 
  border-bottom: 2px solid #75787C; 
}


/* STRÁNKA S AUTY */
.autobox {
 display: inline-block;
 float: left;
 width: 230px;
 margin: 0 15px;
}

.autobox p, .autobox h2 {
 margin: 0;
 text-align: left;
}

.dolni_text {
 clear: both;
 padding-top: 50px; 
}

.autobox a.buton { 
 display: block;
 width: 100px;
 margin-top: 20px;
 padding: 10px 14px;
 text-align: center;
 text-decoration: none;
 color: white;
 background-color: #14C9AD; 
}

.autobox a.buton:hover { 
 background-color: #C7091E; 
}  

/* TABULKY - ceník */

/* obecné definice- pro všechny tabulky */
section table { 
 width: 100%;
 font-size: 25px;
 text-align: center;
 color: white;   	
 background-color: #14C9AD;
}

section td, section th {
	padding: 10px;	
}

section tr {
 border-bottom: 1px solid #FFF;
}

/* tabulka s objednávkou, kontaktním formulářem: */
div form table tr {
 text-align: left;
}

div form table tr th {
 width: 300px;
}

.tarif {
 border-left: 1px solid #FFF;
}

.km  { 
 font-size: 38px; 
 background-color: #75787C; 
}

.hodina { 
 font-size: 38px; 
 background-color: #1CA590; 
}


/* FORMS */

label, select, input {  
display: inline; 
}

input {
padding: 5px;
}

input[type="text"] {
border: 2px solid #1CA590;
}

input[type="submit"] {
background-color: #FC3;
box-shadow: 2px 2px 5px black;
}

input[type="submit"]:hover {
background-color: #C7091E;
}

/* KALENDÁŘ */

/* neviditelný kontejner */
#kontejner-kalendare {
 display: block;
 width: 870px;
 height: 250px;       /* overflow: hidden ? */
 margin: 10px auto; 
}

/* ODKAZY V KALENDÁŘI */
a.ajax {
 display: block;
 color: white;
 padding: 2px 5px;
}

a.btn.btn-inverse.ajax {
 display: inline;
}

a.ajax:hover {
 background-color: #C7091E;
 text-decoration: none;
}

.car-select li.active a,
.day-number.selected a,
.autobox a.buton.active {
 background-color: #C7091E;
}
.day-number.selected a {
    border-color: red;
    background-color: transparent;
}
.calendar-day.pending .day-number a {
    background-color: orange;
}
.calendar-day.taken .day-number a {
    background-color: red;
}

.car-select a { 
 margin-bottom: 5px;
 background-color: #14C9AD;
 border: 1px solid #FC3;
}

.day-number a { 
 border: 1px solid #FC3;
 margin: 1px;
}

/* PRVKY KALENDÁŘE */

/* ovládání kalendáře */
#ovladani {
  display: block;
  float: right;
  padding: 10px;
}
#ovladani a{
  margin-left: 20px;
}
#ovladani a:link  { opacity: 0.5; }
#ovladani a:hover { opacity: 1; } 

/* ostatní, zleva doprava: */
.car-select,
.calendar,
#snippet-orderControl-order {
display: table;
float: left;
margin-right: 10px;
}

/* 1 - výběr aut */
div.car-select { }
div.car-select ul { }

/* 2 - kalendář */
.calendar {
 width: 300px;
 padding: 5px;
 font-size: 16px;
 background-color: #14C9AD;
}

a.resetDates {
 color: white;
}

.month-year{
 font-size: 20px;
 display: inline;
}

.calendar-day {
 color: black;
}

/* 3 - to ostatní */
/* hlavní prvek napravo */
#snippet-orderControl-order {
 width: 400px;
 padding: 5px;
 background-color: #1CA590;
}

/* 
  tlačítko "Rezervovat" je obaleno nejméně dvěma prvky:
  prvnímu dáme šířku, jinak se roztáhne přes celou tabulku. 
*/
div.order-submit { width: 100px; }
#frm-orderControl-submitOrder { }  

/* 
  tato tři tlačítka chceme vedle sebe: 
  jsou to: vůz, tarif a "Rezervovat"
*/
span.car, 
div.used-tariffs, 
div.order-submit { 
  display: inline-block; 
  vertical-align: top; 
}

/* 3.1 */
div.setting {}
/* 3.1.1. */
#frm-orderControl-settingForm { }
#frm-orderControl-settingForm-time1,
#frm-orderControl-settingForm-time2,
#frm-orderControl-settingForm-km {}
/* 3.2. */
.calculator {}

.calculator span.date,
.calculator span.price,
.calculator span.km,
.calculator span.car,  
.calculator div.used-tariffs {
 display: inline-block;
 padding: 2px 7px;
 margin-top: 5px;
}
.calculator span.price,
.calculator span.km {
 font-size: 30px; 
 background-color: #FC3; 
}
.calculator span.date, 
.calculator span.car,  
.calculator div.used-tariffs {
 font-size: 20px;
 color: #FFF;
 background-color: #75787C;  
}
/* 3.2.1 */
#snippet-orderControl-calculator { }
.car-order { }

.procedure-order {}

input.red {
 color: #C7091E;;
 border: 1px solid #C7091E;
}




/* anketa */

.flashes { }

div[id^="snippet-poll-pollItem"] { 
margin: 15px;
padding: 10px;
width: 157px;
font-size: 14px; 
background-color: #FC3;
}

/* .btn ovlivňuje i kalendář, takže nepoužívat */
.btn-success, .btn-danger  {
display: block;
width: 60px;
margin: 10px 0;
padding: 10px;
background-color: #FFF;
}


/* SPECIÁLNÍ EFEKTY */

/* menu buttony */
nav a, 
a.ajax,
input[type="submit"] {                                      
-webkit-transition: 0.2s ease-in-out; 
-moz-transition: 0.2s ease-in-out; 
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out; 
}

/* kalendář */
footer, #zavrit:target {                                
-moz-transition: height 0.5s ease-out; 
-webkit-transition: height 0.5s ease-out;
-o-transition: height 0.5s ease-out;
-ms-transition: height 0.5s ease-out;
transition: height 0.5s ease-out;
}
.poll-item {
    float: right;
}