/* Главный файл стилей */

dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote {margin: 0; padding: 0;}
img{border:0;}

.clear_after:after {font-size:0;display:block;visibility:hidden;clear:both;height:0;content:".";line-height:0;}

a {color:#006699;}
a:hover{color:#006666;}
a.active {color:#003366;text-decoration:none}

body{
background: #f9f9f7;
font-family:"Trebuchet MS", Arial, Tahoma, "Segoi UE";
font-size: 14px;
color:#000;
height:auto;
}


.hidden {visibility: hidden;}

#Ruler {display: none;}

/*?=wrap
------------------- */
.wrap {width: 100%; min-width: 1000px; max-width: 1280px; margin: 0 auto;}
.wrap_in {background:#f9f9f7 url('http://www.glss.ru/style/bg.gif') left bottom repeat-x;}

/*?=top
------------------- */
.top {background:#eff6f8 url('http://www.glss.ru/style/bg_top.gif') left top repeat-x; height:107px;}
.top_in {padding: 0 34px; position: relative; height:107px; overflow: hidden; }
.logo {float: left; padding: 2px 0 0; width: 405px;}

.slogan {float: left;  padding: 26px 0 0; font-size: 14px;}
.slogan_h {display: block; padding: 0 0 10px;}
.slogan em {font-size: 22px; border-bottom: 1px dashed #006666; font-style: normal;}
.slogan em a {color:#006666; text-decoration: none;}
.slogan em a:hover {color:#006666; text-decoration: none;}

.contacts {position: absolute; top: -22px; right: 0; width: 230px; padding: 26px 0 0; font-size: 14px;}
.phone {overflow: hidden;  padding: 0 0 5px 16ex; /*line-height: 1.5em;*/}
.phone em {font-style: normal; display: inline; float: left; width: 16ex; margin: 0 0 0 -16ex; white-space: nowrap;}
.phone span {float: left; width: 100%;}

/*.icons {padding: 0 0 7px;}*/
.icons a {padding: 0 7px 0 0;}

/*?=header
------------------- */
.header {font-family: georgia, arial; background:#2bafd1 url('http://www.glss.ru/style/bg_header.jpg') left top repeat-x; height:350px; color:#fff; margin: 0 0 34px;}
.header_in {background: url('http://www.glss.ru/style/bg_header_right.jpg') 227px top no-repeat; padding: 0 84px; height:350px; position: relative; overflow: hidden;}
.header_in_alt {background: url('http://www.glss.ru/style/bg_header_right_alt.jpg') 227px top no-repeat; padding: 0 84px; height:350px;}
.header_menu {width: 170px; padding: 32px 0 0;position:relative; z-index:99;}
.header_menu ul {list-style: none; padding: 0; margin: 0;}
.header_menu ul li {font-size: 17px; font-style: italic; font-weight: bold; padding: 14px 0 0;}
.header_menu ul li a {color:#fff;}
.header_menu ul li a:hover,
.header_menu ul li a.active {color:#fff; text-decoration: none;}

.header_menu ul li ul {padding: 2px 0 0;}
.header_menu ul li ul li {font-size: 12px; font-style: normal; font-weight: normal; padding: 0 0 2px 10px;}

/*?=content
------------------- */
.content {position: relative; overflow: hidden;  padding: 0 34px 34px;}
.content_in {overflow: hidden;  padding: 34px 50px 0; background: url('http://www.glss.ru/style/bg_dash.gif') left top repeat-x;}
.content_in_in {overflow: hidden; }
.main {float: left; width: 100%; overflow: hidden;}
.main_in {margin: 0 290px 0 0; position: relative; min-height: 500px; height: auto !important; height: 500px;}
.sidebar {display: inline; float: left; width: 160px; overflow: hidden; margin: 80px 0 0 -160px;}

.menu {font-family: georgia, arial; overflow: hidden; }
.menu ul {list-style: none; padding: 0; margin: -7px 0 0; overflow: hidden; }
.menu ul li {font-size: 18px; font-style: italic; padding: 7px 0 0;}
.menu ul li ul {padding: 7px 0 0 7px;}
.menu ul li ul li {font-size: 11px;}
.menu ul li ul li a:hover {color:#003366;}
.menu ul li ul li a.active {color:#003366;text-decoration:none}

.two_cols {overflow: hidden; }
.col_left,
.col_right {width:47%;}
.col_left {float: left;}
.col_right {float: right;}

.h {font-size: 26px; padding: 0 0 10px; font-style: italic; color:#006666;}
.h a {color:#006666;}
.h a:hover {color:#003366;}
.d {font-size: 12px; font-style: italic; color:#006666; padding: 0 0 10px;}
.p {font-size: 12px;}

/*?=footer
------------------- */
.footer {overflow: hidden;  color:#6f6f6f;}
.footer_in {padding: 0 34px;}
.footer_in_in {padding: 30px 50px 71px; background: url('http://www.glss.ru/style/bg_dash.gif') left top repeat-x; overflow: hidden; }
.copyright {float: left; width: 450px; padding: 0 0 0 3ex;}
.copyright span {display: inline; float: left; width: 3ex; margin: 0 0 0 -3ex;}
.copyright .em {font-style: normal; float: left; width: 100%;}
.copyright .em p {padding: 0 0 4px;}

.dvaslona {float: right; width:101px; height:56px;}
.dvaslona img {vertical-align:top;}


/*?=Content
------------------- */
#Content {}

#Content a {color:#006666;}
#Content a:hover {color:#006666; text-decoration: none;}
#Content a:visited {color:#6f6f6f;}

#Content p {padding: 0 0 20px; line-height: 22px;}
h1 {font-size: 44px; padding: 0 0 20px; font-style: italic; color:#006666; font-weight: normal;}
h2 {font-size: 26px; padding: 0 0 10px; color:#006666; font-weight: normal;}
h3 {font-size: 18px; padding: 0 0 10px; font-style: italic; color:#006666; font-weight: normal;}
h4 {font-size: 16px; padding: 0 0 10px; color:#006666; font-weight: normal;}
h5 {font-size: 16px; padding: 0 0 10px;}
h6 {font-size: 16px; padding: 0 0 10px;}

.img {display: inline; float: left; margin: 0 20px 7px 0;}

#Content .images {margin: 0 0 20px; background: none;}
#Content .images td {font-size: 14px; padding: 0 20px 0 0; background: none; border:0;}
#Content .image {border: 3px solid #fff;}
#Content .image_holder {padding: 0 0 7px;}
#Content .image_text {font-weight: bold;}
#Content .image_text a {color:#000; text-decoration: none;}
#Content .image_text a:hover {color:#000; text-decoration: underline;}

#Content ul {padding: 0 0 20px 3ex; margin: 0;}
#Content ul li {padding: 0 0 3px;}
#Content ul li ul {padding: 3px 0 0 3ex;}
#Content ul li ul li {padding: 0 0 3px;}

.form {padding: 0 0 20px; width: 450px; position: relative; z-index:100;}
.form fieldset {padding: 0 0 10px; margin: 0; border: 0; overflow: hidden; }
.form label {font-size: 12px;}
.form .button {cursor: pointer; background:#666; color:#fff; font-family: georgia; font-size: 16px; float: right; border: 0; padding: 4px;}
.form .hint {color:#ff6600;}
.form .input {cursor: text; background:#fff; padding: 4px;}
.form .input input,
.form .input textarea {cursor: text; width: 100%; background:none; border: 0; color:#333; padding: 0; margin: 0; font-family: georgia; font-size: 14px;}
.form .input textarea {height: 100px;}

.two_cols {overflow: hidden; }

/*
.col_left,
.col_right {width: 49%; float: left;}
.col_right {float: right;}

*/
.col_left {width: 49%; float: left;}
.col_left.num_1{float: right;}

#Content table {margin: 0 0 15px; border-collapse: collapse;}
#Content table th,
#Content table td {padding: 4px 7px; border: 1px solid #666;}
#Content table th {font-size: 12px; text-align: left; font-weight: bold;}
#Content table td {font-size: 12px;}
#Content table .even {background:#f1f1f0;}

.pages {overflow: hidden;  padding: 0 0 35px;}
.pages span {padding: 0 10px 0 0; float: left;}
.pages em,
.pages a {padding: 1px 7px; float: left; font-style: normal;}
.pages em {color:#fff; background:#066;}

.articles {overflow: hidden;  padding: 0 0 35px;}
.articles_in {overflow: hidden;  margin: -35px 0 0;}

.articles_item {overflow: hidden;  padding: 35px 0 0 0;}
.articles_image {display: inline; float: left; width: 230px; padding: 0 10px 7px 0;}
.articles_in_in {}
.articles_h {font-style: italic; font-size: 20px; padding: 0 0 5px; color:#006666;}
#Content .articles_h a {color:#006666;}

.articles_t {line-height: 22px; padding: 0 0 5px; font-size: 12px;}

#Content .album {overflow: hidden; padding: 0 0 25px;}
#Content .album table {background: none; margin: -25px 0 0 0;}
#Content .album table td {border: 0; font-size: 12px; border: 0; background: none; padding: 25px 0 0 0;}
#Content .album_link {padding: 3px 0;}
#Content .album_link a {color:#000; text-decoration: none;}
#Content .album_link a:hover {color:#000; text-decoration: underline;}
#Content .album_image {padding: 0 0 5px;}
#Content .album_image img {vertical-align: top; padding: 5px; background:#fff;}

#Content .album_image,
#Content .album_link {text-align: center; width:148px;}




/* * * * * * * * * * * * * * * * * * * * * * * * * *
* Стили, используемые информационными сообщениями  *
* * * * * * * * * * * * * * * * * * * * * * * * * */
/* Сообщения об ошибках */
div.errorBox {background: #fff; color: #000; border: solid 2px #f00; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}
div.errorBoxCap {background: #f00; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}
/* Информационные сообщения */
div.infoBox {background: #fff; color: #000; border: solid 2px #25b; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}
div.infoBoxCap {background: #25b; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}

/* блок слайдшоу */
div#div_slideshow_plugin{
	display:block;
	position:absolute;
	top: 0;
	left:0;
	overflow:hidden;
}
div#slideshow_{
	left:260px;
	overflow:hidden;
}

.spec h2{
font-size: 16px;
} 

#Content .spec p{
	
padding-bottom: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}


.img-caption{
font-size: 12px;
    float: right;

    width: 140px;
    margin: 0 0 10px 20px;

    text-align: center;
}

.img-caption img{
    margin-bottom: 5px;
    background: #FFFFFF;
    padding: 5px;
}

.online-consult{
    position:absolute;
    top:10px;
    right:20px;
}