/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */



html, body {
  background: #fff;
  height:100%;
  }

h3 {
  font-size:24px;
  font-family:georgia;
  color:#333333;
}

.wrap {
  background: #e5e5e5;
/*центрируем*/
  position:relative;
  width:980px; /*могут быть и пиксели*/
  margin: 0px auto ;
/*вытягиваем в высоту*/  
  height:auto !important;
  height:100%;
  min-height:100%;
/*украшательства*/  
  border-left:0px solid #69b401;
  border-right:0px solid #69b401;  
}



#header {
  background: url(../images/header_bg.jpg) no-repeat center;
  position:relative;
  width:980px;
  height:217px;
  clear:both;
}

#footer {
  background: #a2a2a2;
/*position:relative;*/
  height:70px;
/*margin:-71px auto 0 auto;*/

  line-height: 20px;
  vertical-align:middle;

  border-top: 1px solid #51abdf;  
  width:980px;
  text-align:right;
  font-size:10px;
}


#logo img {
  background: transparent;
  position:relative;
  margin: 30px 0 0 30px;
}

#menu_container {
  position:relative;
  clear:both;
  margin: 30px 0 0 450px;
}
#menu_l {
  position:relative;
  width:16px;
  height:40px;
  float:left;
  display:inline;
}
#menu_r {
  position:relative;
  width:16px;
  height:40px;
  float:left;
  display:inline;
}

ul#menu {
  position:relative;
  float:left;
  display:inline;
  height:40px;
}

ul#menu li {
  position:relative;
  float:left;
  display:inline;
  height:40px;
  width:130px;
  text-align:center;
  padding-top:5px;
}

ul#menu li a {
  color:#000;
  font-family:arial;
  font-size:12px;
  text-decoration:none;
  border-bottom:1px solid;
}

ul#menu li a:hover {
  color:#000;
  font-family:arial;
  font-size:12px;
  text-decoration:none;
  border-bottom:0px solid;
}


#content {
  background: url(../images/content_bg.jpg) no-repeat center top;
  position:relative;
  width:980px;
  clear:both;

}

#columncontainer {
  width:980px;
  position:relative;
  clear:both;
}

#leftcolumn {
  position:relative;
  width:240px;
  float:left;
  display:block;
}

#rightcolumn {
  position:relative;
  width:735px;
  display:table; /*ыы*/
  margin: 0 0 0 5px;
  padding: 0 0 30px 0;
}

#news {
  position:relative;
  width:240px;
  margin: 20px 0 0 0;
  padding:60px 0 0 15px;

}

#news p {
  font-size:13px;
  font-family:verdana, tahoma;
  color:#000;
  padding: 10px 0;
}

#news hr {
  color:#2169b0;
  background:#2169b0;
}

#contacts {
  position:relative;
  width:240px;
  margin:30px 0 0 0;
  padding:80px 0 0 15px;
}

#contacts p {
  color:#000;
  font-family:georgia;
  font-size:22px;
}

#contacts a {
  color:#000;
  font-family:georgia;
  font-size:22px;
  text-decoration:none;
  border-bottom:1px solid;
  font-style: italic;
}

#contacts a:hover {
  color:#000;
  font-family:georgia;
  font-size:22px;
  text-decoration:none;
  border-bottom:0px solid;
  font-style: italic;
}

#hots {
  position:relative;
  width:240px;
  margin: 120px 0 0 0;
  padding:0px 0 0 15px;

}

#hots p {
  font-size:13px;
  font-family:verdana, tahoma;
  color:#000;
  padding: 10px 0;
}








#text_about {
  position:relative;
  background: #c6c6c6;
  border: 1px #94950e solid;
  width:685px;
  margin:20px auto 0 auto;
}

#text_about_gel p {
  padding:15px;
}

#links {
  position:relative;
  text-align:center;
  margin: 30px 0 0 0;
}

#links a {
  color:#000;
  text-decoration:none;
  border-bottom:1px solid;
  font-size:26px;
  font-family:arial;
  margin:0 30px;
  font-weight:500;
}

#links a:hover {
  color:#000;
  text-decoration:none;
  border-bottom:0px solid;
  font-size:26px;
  font-family:arial;
  margin:0 30px;
}