#panel {
width: 400px; 
margin: 0 auto; 
padding: 15px 0 0;
background: #fff;
font: 16px calibri;
letter-spacing: -1px;
border: 1;
}
#panel_anal {
width: 800px; 
margin: 0 auto; 
padding: 15px;
background: #fff;
font: 18px calibri;
letter-spacing: -1px;
border: 1;
text-align: center;
}

body{
padding :0px;
background-color: #f2f2f2;
margin: 0px;
}

#head {
text-align: center;
font-size: 26px;
position: relative;
}
#head_small {
text-align: center;
font-size: 22px;
position: relative;
}

#text {
text-align: center;
font-size: 12px;
position: relative;
color: #696969;
}

#label_tabele_analiza_podst
{
 width: 100%; 
 padding: 5px 0 5px 0; 
 color: #696969; 
 background: #fff; 
 font: 20px calibri; 
 letter-spacing: -1px; 
 text-align: center;
}

label {
border: 0;
display: block;
width: 260px;
padding: 10px 20px;
color: #696969;
font-size: 16px;
text-shadow: 0 0 1px silver;
}

#username, #password, #opis {
display: block;
width: 360px; 
margin: 0 auto;
padding: 10px 5px;
font-size: 14px;
border: 0;
border-bottom: 1px solid #E0E0E0;
}

#username:focus, #password:focus, #opis:focus {
outline: 2px solid #696969;
}

#lower {

width: 360px;
padding: 5px 20px;
margin-top: 20px;
}

#submit_center {
width: 170px;
padding: 8px 13px;
border: 0;
color: white;
background: rgb(65,105,225);
position: relative;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
}
#submit_center:hover {
color: black;
background: rgb(135,206,235);

}
#submit {
width: 170px;
padding: 8px 13px;
border: 0;
color: white;
background: rgb(65,105,225);
position: relative;
left: 90px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
}
#submit:hover {
color: black;
background: rgb(135,206,235);
}

#submit_lewe{
margin: 0px;
font-size: 20px;
padding: 10px;
border: 0;
transition-duration: 0.4s;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
}
#submit_lewe:hover {
margin: 0px;
font-size: 20px;
padding: 10px;
color: black;
background: white;
}

#submit_gora{
color: grey;
background: white;
font-size: 14px;
padding: 5px;
border: 0;
transition-duration: 0.4s;
}
#submit_gora:hover {
font-size: 16px;
padding: 5px;
color: black;
background: white;
}

#submit_moduly {
background: rgb(135,206,235);
border: 1;
width: 120px;
margin: 0px;
font-size: 20px;
padding: 10px;
transition-duration: 0.4s;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
-webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px;
}
#submit_moduly:hover{
margin: 0px;
font-size: 20px;
padding: 10px;
color: black;
background: white;
}
#submit_analizy_lista {
background: rgb(135,206,235);
border: 1;
width: 120px;
margin: 0px;
font-size: 14px;
padding: 10px;
transition-duration: 0.4s;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
-webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px;
}
#submit_analizy_lista:hover{
margin: 0px;
font-size: 16px;
padding: 10px;
color: black;
background: white;
}

#submit_analizy_lista_dl {
background: rgb(135,206,235);
border: 1;
width: 200px;
margin: 0px;
font-size: 14px;
padding: 10px;
transition-duration: 0.4s;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
-webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px;
}
#submit_analizy_lista_dl:hover{
margin: 0px;
font-size: 16px;
padding: 10px;
color: black;
background: white;
}

#panel, #submit, #panel_anal, #submit_center  {
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    border-radius: 20px; 
}
#submit_gora, #submit_lewe, #lewe{
-webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px; 
}

#opis_anal {
width: 90%;
height: 150px;
padding: 12px 20px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
background-color: #f8f8f8;
resize: none;
}
#analiza_filtr {
width: 300px;;
height: 200px;
padding: 12px 20px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
background-color: #f8f8f8;
resize: none;
text-align: center;
}
#pola_anal
{
width: 90%;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
background-color: #f8f8f8;
text-align: center;
}

#pola_data
{
width: 10%;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
background-color: #f8f8f8;
text-align: center;
}