/*<![CDATA[*/

body       { background: #fff; text-align: center; padding: 0 10px; padding-top: 36px; }
body, td   { font: 11px Tahoma }    
*          { margin: 0; padding: 0; text-align: left }
div        { float: left }

#page     { float: none; margin: auto; width: 976px; padding-left: 20px; padding-right: 10px; wid\th/* */: 946px }
#header   { width: 100%; height: 105px }
#logo     { width: 230px }
#logo img { width: 203px; height: 48px }

#menu    { height: 48px; font-size: 12px; background: url(../i/bg_menu.gif) right no-repeat; padding-top: 8px; heig\ht/* */: 40px }
#menu ul { float: left; padding: 0; background: url(../i/bg_menu_ul.gif) no-repeat; height: 40px; padding-left: 15px; padding-right: 49px}
#menu li { float: left; display: inline-block; padding: 0; padding-top: 8px; padding-right: 13px; background: none }
#menu a  { float: left; text-decoration: none; color: #fff }
#menu a:hover  { border-bottom: 1px dotted #231f20; color: #231f20 }

#phones      { float: right; width: 199px; padding-top: 4px; text-align: right }
#phones      { font-weight: bold; color: #00aeef }
#phones span { font-weight: bold;  color: #231f20; float: left; display: block; width: 101px }
#phones code { float: left; display: block; font: 9px Tahoma; color: #9ba5a9; padding-top: 2px; width: 36px  }

#conteiner { width: 946px; padding-left: 13px; wid\th/* */: 933px }

#navigation           { width: 190px; padding-right: 36px; wid\th/* */: 154px }
#navigation ul        { padding: 0; font: 12px Tahoma; padding-top: 3px; padding-bottom: 20px }
#navigation li        { padding: 0; padding-bottom: 8px; background: none; color: #0082de }
#navigation a         { color: #000; text-decoration: none; color: #111 }
#navigation a.clients { color: #00aeef; font-weight: bold }
#navigation a:hover   { text-decoration: underline }
#navigation img       { width: 154px; height: 113px; margin-bottom: 15px }

#content    { width: 743px; float: right }
#content h1 { padding-bottom: 20px }

#content li ul { padding-top: 10px; padding-bottom: 0 }
#content li li { padding-bottom: 5px }

#cleft                   { width: 220px; padding-right: 27px; wid\th/* */: 193px}
#cleft ul, #advantages p { padding-bottom: 30px }
#cleft ul                { padding-left: 0 }
#cleft li                { padding-bottom: 2px }
#cleft a                 { text-decoration: none; color: #000; }
#cleft a:hover           { color: #00aeef }

#connect     { width: 277px; padding-right: 31px; wid\th/* */: 246px}
#connect img { width: 246px; margin-bottom: 15px}

#special     { width: 246px }
#special img { width: 246px; margin-bottom: 15px}

#licencies img               { float: left; display: inline; width: 115px; height: 165px; margin: 10px 15px ; margin-left: 0 }
div.lfull, div.tfull         { width: 100%; text-align: center}
div.lfull img, div.tfull img { margin: auto }

#thanks div div { display: inline; text-align: center; margin-right: 30px; width: 150px; padding: 10px; padding-bottom: 7px; wid\th/* */: 130px }
#thanks img     { margin: auto; width: 115px; height: 165px; margin-bottom: 5px }

#form         { background: #eee; padding: 12px 14px; width: 400px }
#form p       { font-weight: bold; padding-bottom: 3px }
#form div     { width: 100% }
#form div div { padding-bottom: 15px }

#form div.submit input { background: inherit; border: 1px solid gray; padding: 0 15px; width: auto; text-align: center }

#form table       { margin-top: 5px }
#form table td    { padding-right: 4px }
#form table input { width: auto; padding: 0; background: none }
#form table input, #form table label { cursor: hand; cursor: pointer }

#clients          { width: 100%; padding-bottom: 20px }
#clients img      { width: 359px; height: 51px }
#clients div.mail { float: right }

#footer     { width: 100%; height: 80px; padding-top: 20px; heig\ht/* */: 60px }
#fcopyright { color: #403d3e; padding-left: 13px }
#fdeveloper { float: right; padding-top: 3px }

a       { color: #00aeef }
a:hover { text-decoration: none; cursor: pointer }
h1      { font: 17px Tahoma; color: #00aeef; margin-top: -4px; padding-left: 12px; padding-bottom: 12px }
h2      { font: bold 13px Tahoma; padding-top: 5px; padding-bottom: 10px }
ul, p   { padding-bottom: 15px }
ul      { padding-left: 10px; list-style: none }
li      { background: url(../i/bg_li.gif) 0 5px no-repeat; padding-left: 12px; padding-bottom: 10px }
img     { border: 0; display: block; }
table   { border-collapse: collapse} 

h1 a       { text-decoration: none }
h1 a:hover { text-decoration: underline }

input, textarea { font: 11px Tahoma; color: #000; background: #fff; height: 25px; width: 254px; padding: 5px; border: 0; padding-bottom: 0; wid\th/* */: 244px; heig\ht/* */: 20px } 
textarea { height: 100px; width: 349px; wid\th/* */: 337px; }

.error      { color: #00aeef }
span.error  { font-size: 11px; font-weight: normal }
input.error, textarea.error { background: #00aeef; color: #111  }

#form table.error label { color: #00aeef}


@media all and (min-width: 0px) {
  input   { padding-top: 0px; height: 25px; }
  a:hover { cursor: pointer }
  #form.registration td { padding-top: 1px }
}

/*]]>*/

