body { background: #fbfbfb; font: 17px tahoma,calibri,arial; }  * { margin: 0; padding: 0; }  .clear { clear: both; }  h1.logo { width: 400px; margin: 20px auto; text-align: center;transition: all 0.5s ease 0s; }  h1.logo:hover { opacity: 1; }  .logo a { color: #000; text-decoration: none; }  #ortala { font-weight: 600;
width: 400px;
font-family: ariel;
font-size: 16px;
margin: 23px auto;
background: #fff;
border: 3px solid #ddd;
min-height: 200px;
padding: 10px;
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25); }  #ortala input { float: left; width: 65%; padding: 10px; border: 1px solid #ddd; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25); }  #ortala .tara { float: right; background: none repeat scroll 0% 0% #009AEF; font-weight: bold; color: #fff; width: 100px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); }  #ortala .tara:hover { background: none repeat scroll 0% 0% #007BBF; transition: all 0.5s ease 0s; }  #ortala ul li { list-style: none; }