@font-face {
 font-family: Myriadpro;
 src: url("/pro_web/MYRIADPRO-REGULAR.OTF") 
}

@font-face {
 font-family: Myriadprobold;
 src: url("/pro_web/MYRIADPRO-BOLD.OTF") 
}



/* @media (min-width:320px) { */

@media only screen and (max-width: 1024px) { 
/* tablet, landscape iPad, lo-res laptops ands desktops */ 

  
body {
/* background-color:white; */
font-family: Myriadpro, arial;
}


#prihlaseni {
width:80%;
}

#prihlaseni .nadpisprihl {
font-size:1em;
width:80%;
margin-bottom:5px;
}

#prihlaseni .inputprihl {
font-size:1em;
width:90%;
margin-bottom:20px;
}

#prihlaseni .tlacitkoprihl {
 font-size:1em;
}

.g-recaptcha {
margin: 0 0 25px 0;
  
} 

.radek {
  font-family:arial;font-size:1.1em;
  border: 1px solid gray;
  margin-top:3px;  
}


.prvnisloupecnazev {
display:none;

}


.druhysloupecnazev {
positive:relative;float:left;top:0;left:0;width:98%; padding:1%;
background-color:black;color:white;
text-align:center;
}

.ctvrtysloupecnazev {
positive:relative;float:left;width:26%;padding:2%;
height:20px;
font-size:0.9em;
background-color:black;color:white;
text-align:center;
}

.tretisloupecnazev {
positive:relative;float:left;width:98%; padding:1%;
height:20px;
font-size:0.9em;
background-color:black;color:white;
text-align:center;
}



.patysloupecnazev {
positive:relative;float:left;padding:1%;width:98%;
margin-bottom:5px;
background-color:black;color:white;
text-align:center;
}


.prvnisloupec {
positive:relative;float:left;top:0;left:0;width:20%;
height:70px;     display:inline;
}

.tlacitkoupravit{
margin:5px;
}

.druhysloupec {
positive:relative;float:left;top:0;left:0;width:80%;display:inline;
 text-align:left;
}

.poddruhymsloupcem {
clear:both;
}

.tretiactvrtysloupec {
display:block;
height:auto;
}

.ctvrtysloupec {
positive:relative;float:left;width:26%;padding:2%;
height:20px;
font-size:0.9em;
}

.tretisloupec {
positive:relative;float:left;top:0;left:0;width:80%;display:inline;
 text-align:left;   
 font-weight:normal;font-size:0.9em;
}



.patysloupec {
positive:relative;float:left;top:0;left:0;width:80%;display:inline;
 text-align:left;
font-weight:normal;font-size:0.9em;

}





#bannerovy {background-color: #FFFFE0;border-left: 1px solid #FAC841;border-right: 1px solid #FAC841;
            border-bottom: 1px solid #FAC841;height:auto; padding-top:50px;}


#textovy {background-color: #FFD2A6;border-left: 1px solid #FAC841;border-right: 1px solid #FAC841;
            border-bottom: 1px solid #FAC841;height:auto;padding-top:50px;}



#bannerovyprvnipol {
position:relative;width:100%;
}

.nadpis {
color:white;background-color: #F17D24;width:95%;padding:5px;text-align:center;
font-size:1em; border:1px solid #F17D24;
}

.pozadipoli {
background-color:#FAC841;padding:5px;width:95%;border:1px solid #F17D24;
}

.nadpispole {
margin-bottom:6px;font-size:0.9em;
}

.podnadpispole {
margin-bottom:6px;font-size:0.9em;
}

.inputtext {
padding:3px;
width:90%;
font-size:1em;
}

.inputtexturl {
padding:3px;
width:90%;
font-size:0.8em;
}

.inputtextdlouhy {
padding:3px;
width:80%;
font-size:1em;
}

.inputtextarea {
padding:3px;
width:80%;
height:40px;
font-size:1em;
}

.dataleva {
width:250px;text-align:center;position:relative;float:left;
margin-bottom:10px;
}

.dataprava {
width:250px;text-align:center;position:relative;float:left;
margin-bottom:10px;
}

.datanadpis {
width:100%;background-color:#F17D24;font-size:0.9em;padding-top:3px;padding-bottom:3px;font-size:0.9em;
}

.od {
font-size:0.9em;padding-top:3px;padding-bottom:3px;line-height:15px;width:45%;display:inline;position:relative;float:left;
border-left:1px solid #F17D24;border-bottom:1px solid #F17D24;text-align:center;border-top:0px;border-right:0px;
border-radius: 0px;
margin-top:2px;
}

.pomlcka {
font-size:0.9em;padding-top:3px;padding-bottom:3px;line-height:18px;height:15px;width:10%;
display:inline;position:relative;float:left;border-right:0px solid #F17D24;border-bottom:1px solid #F17D24;
text-align:center;border-top:0px;border-left:0px;
border-radius: 0px;
margin-top:2px;
background-color:white;
}

.do {
font-size:0.9em;padding-top:3px;padding-bottom:3px;line-height:15px;width:45%;display:inline;position:relative;float:right;border-right:1px solid #F17D24;border-bottom:1px solid #F17D24;
text-align:center;border-top:0px;border-left:0px;
border-radius: 0px;
margin-top:2px;
}

#bannerovydruhapol {
position:relative;width:100%;
}

#bannerovydruhapol h2 {

margin:0;padding:0;
font-size:1.3em;
font-weight:bold;
} 

#bannerovydruhapol p {
 margin:0;padding:0;
 font-size:0.9em;
}  
  
.custom-file-input {

}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Vyberte soubor';
  display: inline-block;
  background: linear-gradient(top, #f9f9f9, #e3e3e3);
  
  
  border: 1px solid #999;
  border-radius: 3px;
  padding: 2px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
 
  font-weight: 700;
  font-size: 1em;
  margin-bottom:10px;
  
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}










.otocito90 {
float:left;
display:inline;
width:10%;
}

.otocito90text {
float:left;
display:inline;
width:90%;
} 

.tlacitkoulozitsoubor {
font-size:1.5em;
margin-top:20px;
} 
  
#prostorpropole {
width:100%;margin:0 auto;height:auto;
padding:0;
}

/* tablet, landscape iPad, lo-res laptops ands desktops */ 
}



@media (min-width:1025px) {  
/* big screens */ 


body {
/* background-color:white; */
font-family: Myriadpro, arial;
}




.prvnisloupecnazev {
positive:relative;float:left;width:12%; padding:1%;
background-color:black;color:white;
height:auto;
}

.druhysloupecnazev {
positive:relative;float:left;width:28%;padding:1%;
background-color:black;color:white;
}

.tretisloupecnazev {
positive:relative;float:left;width:20%; padding:1%;
background-color:black;color:white;
}

.ctvrtysloupecnazev {
positive:relative;float:left;width:10%; padding:1%;
background-color:black;color:white;
}

.patysloupecnazev {
positive:relative;float:left;width:32%; padding:1%;
background-color:black;color:white;
}


.prvnisloupec {
positive:relative;float:left;width:12%;padding:1%;
}

.druhysloupec {
positive:relative;float:left;width:28%;padding:1%;
}

.tretisloupec {
positive:relative;float:left;width:20%;padding:1%;
}

.ctvrtysloupec {
positive:relative;float:left;width:10%;padding:1%;
}

.patysloupec {
positive:relative;float:left;width:20%;padding:1%;
}


#bannerovy {background-color: #FFFFE0;border-left: 1px solid #FAC841;border-right: 1px solid #FAC841;
            border-bottom: 1px solid #FAC841;}


#textovy {background-color: #FFD2A6;border-left: 1px solid #FAC841;border-right: 1px solid #FAC841;
            border-bottom: 1px solid #FAC841;height:1100px;}

#prostorpropole {
width:90%;margin:0 auto;
}

#bannerovyprvnipol {
position:relative;float:left;width:50%;
}

.nadpis {
color:white;background-color: #F17D24;width:520px;padding:15px;text-align:center;
}

.pozadipoli {
background-color:#FAC841;padding:15px;width:518px;border:1px solid #F17D24;
}

.nadpispole {
margin-bottom:6px;font-family:arial;font-size:0.9em;
}

.podnadpispole {
margin-bottom:6px;font-family:arial;font-size:0.8em;
}

.inputtext {
padding:3px;
width:250px;
}

.inputtextdlouhy {
padding:3px;
width:200px;
}

.inputtextarea {
padding:3px;
}

.dataleva {
width:250px;text-align:center;position:relative;float:left;
}

.dataprava {
width:250px;text-align:center;position:relative;float:right;
}

.datanadpis {
width:100%;background-color:#F17D24;font-size:0.9em;padding-top:3px;padding-bottom:3px;font-size:0.9em;
}

.od {
padding-top:3px;padding-bottom:3px;line-height:15px;width:45%;display:inline;position:relative;float:left;
        border-left:1px solid #F17D24;border-bottom:1px solid #F17D24;text-align:center;border-top:0px;border-right:0px;
}

.pomlcka {
padding-top:2px;padding-bottom:2px;line-height:17px;width:10%;display:inline;positive:relative;
float:left;background-color:white;margin:0;border-bottom:1px solid #F17D24;border-top:0px;
}

.do {
padding-top:3px;padding-bottom:3px;line-height:15px;width:45%;display:inline;position:relative;float:right;border-right:1px solid #F17D24;border-bottom:1px solid #F17D24;
        text-align:center;border-top:0px;border-left:0px;
}

#bannerovydruhapol {
position:relative;float:right;width:45%;font-family:arial;font-size:0.9em;padding-left:20px;
}


 /* big screens konec */ 
}



h1 {
font-size:1.0em;font-family:Myriadpro, arial;
display:inline; font-weight:bold;
}

h2 {
font-size:1em;font-family:Myriadpro, arial;
display:inline; font-weight:normal;
}