/* index */

html { 
  background: url('../images/stat_portrait_crop_bw.jpg') no-repeat left bottom fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
min-height:100%;

}

#wrapper {
display: flex;
flex-direction: column;
min-height: 100%;
}


.putak {
color:#FFCC66;
text-align:center;
font-size: 100%;
font-family:Roboto, Verdana, sans-serif;
}


.claim {
color:#FFCC66;
text-align:center;
font-family:Roboto, Verdana, sans-serif;
}


.pozadie {
background-color:black;
opacity:0.7;
padding:1%;
margin-bottom:2em;
}

.pozadie_tmave {
background-color:black;
opacity:0.9;
padding:1%;
margin-bottom:2em;
margin-top:1em;
}

#stlpec {
display:flex;
flex-flow:column;

text-align:center;
}

#horny {
display:none;
}

.odkaz {
text-align:center;
padding-top:2em;
padding-bottom:3em;
}

.note {
font-family:Roboto, Verdana, sans-serif;
color: #FFCC66;
}

#hidden_note {
display:none;

}


.chyba {
font-family:Roboto, Verdana, sans-serif;
color: red;
text-align:center;
}

a {
text-decoration:none;
color:inherit;
}

/* --- formy---------------------------------------------------------- */
.formicka {

color:#00B2B2;
text-align:center;
border: solid 0.2em;
border-radius:2em;
border-color:#00B2B2;
width: 60%;
max-width:10em;
display: block;
margin-left:auto;
margin-right:auto;
padding:2em;
margin-bottom:3em;

}

#form_uzka {
max-width:10em;
}



.popiska_formy {
text-align:left;
font-family: Roboto, Verdana, sans-serif;
font-size:90%;
font-weight:bold;
color:#00B2B2;
text-transform:uppercase;
margin-left:auto;
margin-right:auto;
}

.pole_formy {
text-align:left;
margin-bottom:0.5em;
}



.popis_buttonu {
text-align:center;
font-family: Roboto, Verdana, sans-serif;
color:#00B2B2;
font-size:75%;
text-transform:uppercase;
}

.stlpcovy_wrapper {
display:flex;
flex-flow: row wrap;
justify-content: flex-start;
}

.stlpec_formy {
flex-basis: 100%;
padding:0;
}

#posledne {
margin-top:0.5em;
}

.povodne_auto {
background-color:white;
color: black;
font-family: Roboto, Verdana, sans-serif;
font-size:90%;
}

#carmakes {
display:none;
}

input {
margin-bottom:1em;
border:0;
text-align:center;
width:50%;
max-width:9em;
}

input[type=text]:focus {border:solid #00B2B2 2px; }
input[type=password]:focus {border:solid #00B2B2 2px; }
input[type=date]:focus {border:solid #00B2B2 2px; }
input[type=number]:focus {border:solid #00B2B2 2px; }

input[type=submit] {
background-color: #FFCC66;
border:2px outset #FFCC66;
font-family:Roboto;
padding:0.3em;
}
input[type=submit]:hover {
background-color: #00B2B2;
border:2px outset #00B2B2;
}

input[type=button] {
background-color: #FFCC66;
border:2px outset #FFCC66;
font-family:Roboto;
padding:0.3em;
}
input[type=button]:hover {
background-color: #00B2B2;
border:2px outset #00B2B2;
}

label {
margin-bottom:1em;
border:2px outset #FFCC66;
text-align:center;
background-color: #FFCC66;
padding:0.3em;
font-family:Roboto;
}

label:hover {
background-color: #00B2B2;
border:2px outset #00B2B2;
}

label a {
text-decoration:none;
color:black;
}

.transp {
margin-bottom:1em;
border:solid #00B2B2 2px;
text-align:center;
background-color:black;
opacity:0.7;
padding:0.3em;
font-family:Roboto;
}

#blu {
color:#00B2B2;
}



/* --- formy---------------------------------------------------------- */

/* --- dash---------------------------------------------------------- */

.dash_stlpcovy_wrapper {
text-align:center;
display:flex;
flex-flow: column;

}

.dash_wrapper {
text-align:center;
display:flex;
flex-flow: row wrap;
}



.dash_item {
height:10em;
width:10em;
background-color: black;
border: solid 0.2em;
border-radius:2em;
border-color:#00B2B2;
margin-left:auto;
margin-right:auto;
margin-bottom:3em;
padding:1em;
}

.dash_up  {
color:#FFCC66;
text-align:left;
font-family:Roboto;
}

.dash_down   {
color:#FFCC66;
text-align:right;
font-family:Roboto;
}

.dash_center   {
text-align:center;
font-family:Roboto;
font-size:350%;
}

.small {
font-size:200%;
}

#green {
color:green;
}

#red {
color:red;
}

#cyan {
color:#00B2B2;
}


/* --- dash---------------------------------------------------------- */

/* --- dash accordion------------------------------------------------ */
.ui-accordion {
background:black !important;
opacity:0.9;

}

.ui-accordion-header {
background: black !important;
color:#FFCC66 !important;
border-color:#00B2B2 !important;
font-family: Roboto, Verdana, sans-serif !important;
}

.ui-accordion-content {
background:black !important;
opacity:0.9;
border-color:#00B2B2 !important;
}


/* --- dash accordion------------------------------------------------ */

/*---footer------------------------------------------------- */
.footer {
bottom:0;
text-align:center;
background-color:black;
opacity:0.7;
padding:1%;
}


.footer_item {
font-family:Roboto;
font-size:0.7em;
text-align:center;
color:#FFCC66;
}


#brand {
font-family:Damion;
font-size:2em;
color:#00B2B2;
text-transform:lowercase;
}

#beta_availability {
display:none;
}


.logo {
margin-left:auto;
margin-right:auto;
width:5em;
margin-bottom:1em;
}
/*---footer------------------------------------------------- */

/*---menu----------------------------------------------------------*/


.menubar {
background-color: black;
margin:0;
width:auto;
/*display:none;*/
padding:1%;

}


.menu {
text-transform:uppercase;
font-family:sans-serif;
color:#FFCC66;
width:auto;
text-align:center;
padding:0px;
border-bottom: solid #332914 1px;
}

.menu:hover {
color:#00B2B2;
font-weight:bold;
}

.menu a:link {
color:#FFCC66;
text-decoration:none;
}

.menu a:visited {
color:#FFCC66;
text-decoration:none;
}

.menu a:hover {
color:#00B2B2;
font-weight:bold;
text-decoration:none;
}

/*---menu---------------------------------------------------------*/
















/*******************************************************************
 * *****************************************************************
 * *****************************************************************/
 
@media screen and (min-width:550px) and (max-height:575px){



html { 
  background: url('../images/stationbw.jpg') no-repeat left bottom fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }



/*---menu---------------------------------------------------------*/
.menu {
display:table-cell;
width:auto;
padding:0em 1em 0em 1em;
border-bottom: none;
}

/*---menu----------------------------------------------------------*/

/*---formy---------------------------------------------------------*/
.formicka {
max-width:60%;
}

.stlpec_formy {
flex-basis: 33%;
padding:0;
}
/*---formy---------------------------------------------------------*/

/*--dash----------------------------------------------------------*/




/*--dash----------------------------------------------------------*/

}

/*******************************************************************
 * *****************************************************************
 * *****************************************************************/


 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

@media screen and (min-width:550px) and (min-height:575px){
html { 
  background: url('../images/stationbw.jpg') no-repeat left bottom fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }



#horny {
display:block;
}


#dolny {
position:fixed;
bottom:0;
left:auto;
right:auto;
width:98%;
height:3em;
margin-top:-3em;
}

#wrapper {
overflow:auto;
padding-bottom:3em;
}


.footer {
display:flex;
text-align:left;
justify-content:space-between;
}


.footer_item {
display:inline-block;
vertical-align:middle;
}

/* index
#brand {
padding-right: 50%;
}
 */

#beta_availability {
display:inline-block;
}


/*---menu----------------------------------------------------------*/
.menu {
display:table-cell;
width:auto;
padding:0em 1em 0em 1em;
border-bottom: none;
}

/*---menu----------------------------------------------------------*/

/*--formy----------------------------------------------------------*/
.formicka {
max-width:60%;

}

.stlpec_formy {
flex-basis: 33%;
width:33%;
padding:0;
margin-left:auto;
margin-right:auto;
}


/*--formy----------------------------------------------------------*/

/*--dash----------------------------------------------------------*/





/*--dash----------------------------------------------------------*/


}

/*

#00B2B2
#FFCC66



*/