/*-- global --*/
.red{ border: 1px solid red; }
*{ margin: 0; padding: 0; }
html, body{ padding: 0; margin: 0; font: 12px Tahoma, Arial, Verdana, sans-serif; color: #000; height: 100%; }
p{ padding: 0 0 30px 0; margin: 0; }
p.infa{ font-size: 11px; line-height: 16px; }
p a{ color: #000; }

img{ border: 0; vertical-align: middle; }

table{ border-collapse: collapse; border: 0; width: 100%; table-layout: fixed; }
table td{ padding: 0;}

form{ padding: 0; margin: 0;}
input{ padding: 0; margin: 0; vertical-align: middle; }
select{ padding: 0; margin: 0; vertical-align: middle;  }
textarea{ overflow: hidden; margin: 0 0 20px; padding: 5px;  }

fieldset{ margin: 0 40px 20px; padding: 0 0 20px 20px; border: 1px solid #eee; color: #223d51; }
fieldset input{ border: 1px solid #c9c9c9; background: url(../images/input_bg.gif) 0 0 repeat-x; width: 220px; padding: 4px 0 4px 4px; margin: 0; }
fieldset label{ line-height: 20px; }
fieldset p{ padding: 20px 0 0; }
fieldset p.other input{ width: 330px; }
fieldset textarea{ border: 1px solid #c9c9c9; background: url(../images/textarea_bg.gif) 0 0 repeat-x; width: 94%; height: 163px; }
legend{ color: #223d51; font-size: 14px; }

ul li{ list-style-type: none; }

a{ text-decoration: underline; }
a:hover{ text-decoration: none;}

h1{ font-size: 24px; line-height: 26px; color: #0a0a0a; padding: 0; margin: 0 0 20px; font-weight: normal; }
h4{ font-size: 12px; line-height: 24px; color: #fff; padding: 0 0 10px; margin: 0; }

.fl_left{ float: left; }
.fl_right{ float: right; }
.clear{ clear: left; font-size: 0; line-height: 0; }

.justify{ clear: left; font-size: 0; line-height: 0; height: 0; margin: 0; padding: 0; }
.main{ width: 673px; height: 100%; margin: 0 auto; }

.wrapper{ position: relative; min-height: 100%; margin-bottom: -96px; }
* html .wrapper{ height: 100%; }
/*-- /global --*/

/*-- header --*/
.header{ padding: 10px 0 10px 0; }
.header_top{ margin: 0 0 0 10px; }
.logo{ background: url(../images/logo.gif) 0 0 no-repeat; width: 338px; height: 37px; float: left; }
.logo a{ display: block; width: 338px; height: 37px; }

.block_login{ float: right; margin: 11px 0 0; }
.block_login input{ border: 1px solid #000; width: 92px; height: 18px; margin: 0 0 0 5px; }
.block_login input.btn_login{ background: url(../images/btn_login.gif ) 0 0 no-repeat; border: none; width: 44px; height: 20px; color: #fff; font-size: 11px; cursor: pointer; padding: 0 0 4px; margin: 0 17px 0 5px; line-height: 20px; }

.header_bg{ background: url(../images/header.png) 0 0 no-repeat; width: 623px; height: 154px; padding: 20px 0 0 50px; }
.slogan{ width: 260px; color: #fff; line-height: 25px; margin: 0 0 26px; }
.header_link{ font-family: Arial; background: url(../images/marker_header_link.gif) 100% 50% no-repeat; float: left; padding: 0 10px 0 0; }
.header_link a{ color: #fbfe06; font-size: 18px; }
/*-- /header --*/

/*-- content --*/
.content{ clear: both; margin: 0 20px 0 8px; padding: 0 0 90px; }
.empty{ height: 70px; clear: left; }

ul.other_logo{ margin: 0 0 40px; padding: 0 0 0 40px; float: left; }
ul.other_logo li{ margin: 0 0 10px; padding: 0; }

.block_txt{ margin: 0 40px; }
.block_txt ol{ margin: 0; padding: 0; }
.block_txt ol li{ margin: 0 0 0 20px; padding: 0; }
.line{ border-top: 1px solid #9c9c9c; height: 1px; font-size: 0; line-height: 0; clear: both; margin: 0 0 30px; }
a.link_title{ font-size: 18px; color: #e70000; }
a.link_title_comment{ font-size: 18px; color: #000000; }

.forma{ border: 1px solid #eee; margin: 0 40px 40px; padding: 20px; }
.forma label{ padding: 0 0 0 4px; line-height: 20px; }
.forma input{ border: 1px solid #c9c9c9; background: url(../images/input_bg.gif) 0 0 repeat-x; width: 99%; padding: 4px 0 4px 4px; margin: 0 0 20px; }
.forma textarea{ border: 1px solid #c9c9c9; background: url(../images/textarea_bg.gif) 0 0 repeat-x; width: 98%; height: 163px; }
.forma select{ border: 1px solid #c9c9c9; background: url(../images/input_bg.gif) 0 0 repeat-x; width: 99%; padding: 4px 0 4px 4px; margin: 0 0 20px; }

.btn_enter{ margin: 0 0 40px 56px; }
.btn_enter input{ background: url(../images/btn_enter.gif ) 0 0 no-repeat; border: none; width: 45px; height: 27px; color: #000; font-size: 11px; cursor: pointer; padding: 0 0 4px; margin: 0 17px 0 5px; line-height: 27px; }

.head{ margin: 0 20px 10px 40px; border-bottom: 1px dashed #000; padding: 0 0 10px; }
span.site{ padding: 0 0 0 20px; line-height: 20px; }
span.site a{ color: #000; }
.rating{ float: right; font-size: 24px; margin: 25px 0 0; }

.block_resume_all{ margin: 0 20px 10px 40px; }

.block_resume_all ul{ margin: 0 0 10px; padding: 0; float: left; }
.block_resume_all ul li{ margin: 0 0 3px; padding: 0; }

.block_resume{ float: right; }
.block_resume_h{ background: #e6e6e6 url(../images/block_resume_t.gif) 0 0 no-repeat; width: 418px; padding: 0 20px; min-height: 95px; }
.block_resume_h p{ padding: 0; }
.block_resume_bot{ background: url(../images/block_resume_b.gif) 0 0 no-repeat; width: 458px; height: 9px; line-height: 0; font-size: 0; }

.block_tb{ margin: 0 20px 40px 30px; }
.tb tr.color{ background: #e6e6e6; }
.tb tr td{ 1height: 19px; }
.tb tr td img{ height: 18px; }

.tb tr td.tb_decor{ background: url(../images/tb_decor.gif) 0 0 no-repeat;  }

/*-- /content --*/

/*-- footer --*/
.footer{ clear: both; position: relative; background: url(../images/footer_bg.png) 0 0 no-repeat; height: 76px; width: 623px; color: #fff; padding: 20px 0 0 50px; }
.footer a{ color: #fff; }
/*-- /footer --*/

.form_error { color: red; font-weight: bold; }

.user_image {
    /* Set the width dynamically depending on the width of the browser window */
    width:100%;
    /* dont enlarge the image more, than its initial resolution */
    max-width:1000px;
    max-height:765px;
    /* Set the height dynamically depending on the image's current width, keeping the aspect ratio */
    height:auto;
}