/* CSS Stylizace formuláře */
.formular_odsunuty{
    margin-top: 0px;
    margin-left: 185px;                  
}
label {	
    font-size: 10px;
    color: #666;
    margin-right: 20px;      
}
 
fieldset { border: none; }
 
#uziv_detaily { 
    float: left;
    width: 230px; 
}
 
#uziv_zprava { 
    float: left;
    width: 270px;
    
}

form { 
    float: left;
    border: 1px solid #ddd; 
    padding: 20px 20px 20px 20px; 
    margin: 20px auto;
    width: 300px;
    background: #fff;
    
    /* -- CSS3 - define rounded corners -- */	
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
    border-radius: 10px;
     
    /* -- CSS3 - create a background gradient -- */
    background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFF)); 
    background: -moz-linear-gradient(0% 40% 90deg,#FFF, #EEE); 
     
    /* -- CSS3 - add a drop shadow -- */
    -webkit-box-shadow:0px 0 10px #ccc;
    -moz-box-shadow:0px 0 10px #ccc; 
    box-shadow:0px 0 10px #ccc;
 }
 textarea{
    height: 100px;          
 }
 input, textarea { 		
    padding: 8px; 
    margin: 4px 0 20px 0; 
    background: #fff; 
    width: 250px; 
    font-size: 12px; 
    color: #555; 
    border: 1px #ddd solid;
    
    /* -- CSS3 Shadow - vytvoří stín okolo každého input elementu -- */ 
    -webkit-box-shadow: 0px 0px 4px #aaa;
    -moz-box-shadow: 0px 0px 4px #aaa; 
    box-shadow: 0px 0px 4px #aaa;
     
    /* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		
    -webkit-transition: background 0.3s linear;
}

input:hover, textarea:hover { 
    background: #eee; 
}

input.odeslat, input.vymazat { 	
    width: 110px; 
    color: #eee; 
    text-transform: uppercase; 
    margin-top: 10px;
    margin-right: 20px;
    background-color: #18a5cc;
    border: none;
    
    /* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
    -webkit-transition: -webkit-box-shadow 0.3s linear;
     
    /* -- CSS3 Shadow - create a shadow around each input element -- */ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f061c1), to(#f137b4)); 
    background: -moz-linear-gradient(25% 75% 90deg,#f061c1, #f137b4); 
     
    /* -- CSS3 - Rounded Corners -- */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; 
    border-radius: 4px;

}

input.odeslat:hover, input.vymazat:hover { 		
    -webkit-box-shadow: 0px 0px 8px #555;
    -moz-box-shadow: 0px 0px 8px #aaa; 
    box-shadow: 0px 0px 8px #555;		
    cursor:  pointer; 
}