html, body
{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
#for_season
{
font-size:16px;
margin-top:10px;
margin-left:5px;
}
a
{
color: #ff8100;
text-decoration: none;
}
a.hover
{
color: #ff8100;
text-decoration: underline;
}
img
{
border: 0;
}
body
{
min-height: 100%;
height: auto !important;
height: 100%;
position: relative;
}
body
{
color: #000;
font: 11pt Trebuchet MS, Helvetica, sans-serif, Times New Roman, sans;
background: #fff;
}
.clear
{
clear: both;
/*height: 1px;*/
}
#main
{
/* background: transparent url(/images/content_top.gif) right 100px no-repeat;*/
}
/* Header 1 */
#header1
{
position: relative;
height: 100px;
width: 100%;
background: transparent;
font-size: 10px;
}
#header1 *
{
font-size: 11px;
}
#header1 a.lang_1
{
color: #acacac;
text-decoration: none;
}
#header1 a.lang_0
{
color: #c7c7c7;
text-decoration: underline;
}
#header1 .label1,
#header1 .label2
{
text-transform: uppercase;
color: #acacac;
font-weight: bold;
position: absolute;
top: 20px;
}
html>body #header1 .label1,
html>body #header1 .label2
{
/*letter-spacing: -0.5px;*/
}
#header1 .label1
{
left: 90px;
font-size: 11px;
}
#header1 .label2
{
left: 350px;
}
#header1 .enter
{
position: absolute;
top: 0;
left: 545px;
background: #fff url(/images/enter.gif) top left no-repeat;
width: 420px;
height: 88px;
}
#header1 #formClients
{
padding: 0;
margin: 0;
}
#header1 .enter .label1
{
top: 17px;
left: 152px;
}
#header1 .enter .label1 .strong
{
color: #595959;
}
#header1 .enter div.input1,
#header1 .enter div.input2
{
position: absolute;
top: 49px;
}
#header1 .enter div.input1
{
left: 152px;
}
#header1 .enter div.input2
{
left: 262px;
}
#header1 .enter input.input1,
#header1 .enter input.input2
{
border: 0;
width: 63px;
padding: 0;
margin: 0;
border-bottom: 1px solid #aaa;
background: transparent;
font-weight: bold;
}
#header1 .enter div.button1
{
position: absolute;
top: 54px;
left: 357px;
width: 33px;
height: 22px;
}
#header1 .enter a.button1
{
display: block;
width: 33px;
height: 22px;
}
/* Header 2 */
#header2
{
position: relative;
width: 100%;
overflow: hidden;
}
#header2 .logo
{
position: absolute;
top: 15px;
left: 52px;
background: #fff url(/images/logo.jpg) top left no-repeat;
width: 206px;
height: 55px;
}
#header2 .logo a
{
display: block;
width: 206px;
height: 55px;
}
#header2 .min155px
{
float: left;
width: 1px;
height: 90px;
}
html>body #header2 .min155px
{
height: 0;
}
#header2 .menu
{
padding: 40px 0 0 350px;
min-height: 55px;
}
#header2 .menu a
{
color: #555;
text-decoration: none;
font-weight: bold;
text-transform:uppercase;
}
#header2 .menu .item
{
float: left;
/*border-left: 2px solid #e4d217;*/
padding: 0 0 15px 10px;
margin: 0;
width: 130px;
}
#header2 .menu .item a
{
font-size: 100%;
}
#header2 .menu #menu_subitems
{
clear: both;
border-left: 2px solid #e4d217;
padding: 0 0 0 10px;
margin: 10px 0 0 0;
}
html>body #header2 .menu #menu_subitems
{
margin: 65px 0 0 0;
}
#header2 .menu #menu_subitems ul,
#header2 .menu #menu_subitems li
{
margin: 0;
padding: 0;
list-style: none;
}
#header2 .menu #menu_subitems li
{
padding-bottom: 1px;
}
#header2 .menu #menu_subitems a
{
font-size: 105%;
font-weight: normal;
text-transform:none;
}
/* Content */
body.body_about
{
background: #fff url(/images/left_about.jpg) 0 170px no-repeat;
}
body.body_uslugi
{
background: #fff url(/images/left_uslugi.gif) 0 250px no-repeat;
}
body.body_portfolio
{
background: #fff url(/images/left_portfolio.gif) 0 250px no-repeat;
}
body.body_contacts
{
background: #fff url(/images/left_about.jpg) 0 170px no-repeat;
}
body.body_mailus
{
background: #fff url(/images/left_about.jpg) 0 170px no-repeat;
}
#content
{
padding-bottom: 340px; /* Footer height + 20px */
font-size: 10pt;
color: #000;
width: 950px;
}
#content h1
{
color: #414141;
font-weight: normal;
}
#content h2
{
color: #414141;
font-weight: normal;
}
#content a
{
text-decoration: underline;
}
#content a:hover
{
text-decoration: none;
}
#content h2.top
{
margin-top: 0;
}
#content .left
{
padding: 30px 10px 0 0;
width: 340px;
float: left;
}
#content .content
{
padding: 30px 10px 0 0;
width: 590px;
float: right;
}
#content,
#content .left,
#content .content
{
overflow: hidden;
display: inline-block;
}
/* Left */
#content .left h2.top
{
margin-left: 55px;
}
.serviceItem
{
background: #fff url(/images/service_item.gif) top left no-repeat;
font-size: 10pt;
padding: 0 30px 30px 55px;
}
.serviceItem h3
{
margin: 0;
font-weight: normal;
}
html>body .serviceItem h3
{
font-weight: bold;
}
.serviceItem a
{
text-decoration: none;
}
.serviceItem p
{
margin: 0;
}
/* Random works */
.randomWorks
{
padding-left: 55px;
width: 100%;
overflow: hidden;
height: 288px;
}
.randomWork
{
width: 271px;
height: 183px;
float: left;
margin-right: 35px;
}
.randomWork a
{
display: block;
background-position: 0 0;
background-repeat: no-repeat;
width: 271px;
height: 171px;
}
.randomWork a:hover
{
background-position: 0 -171px;
height: 183px;
}
/* Portfolio */
.portfolioItem
{
float: left;
margin-right: 10px;
margin-bottom: 25px;
width: 174px;
}
.portfolioItem p
{
font-size: 10pt;
text-transform: uppercase;
font-weight: bold;
text-align: right;
}
.portfolioItem a
{
text-decoration: none;
}
.portfolioItemFull
{
width: 563px;
}
.portfolioItemFull .info
{
margin-top: 20px;
overflow: hidden;
}
.portfolioItemFull .info table
{
border: 0;
border-collapse: collapse;
border-spacing: 0;
}
.portfolioItemFull .info table td
{
padding: 0;
vertical-align: bottom;
}
#content .content .portfolioItemFull h2.sub_title
{
margin: 0;
padding: 0;
}
.portfolioItemFull .info .title
{
white-space: nowrap;
padding-right: 10px;
}
/*.portfolioItemFull .info .title h2
{
white-space: nowrap;
}*/
.portfolioItemFull .info .date
{
border-left: 2px solid #e4d217;
padding-left: 8px;
white-space: nowrap;
}
.portfolioItemFull .info .link
{
width: 100%;
text-align: right;
}
.portfolioItemFull .desc
{
margin-top: 20px;
background: #eee;
padding: 20px;
}
/* Footer */
#footer
{
position: absolute;
bottom: 0;
height: 120px;
width: 100%;
/*background: transparent url(/images/footer.gif) top right no-repeat;*/
}
#footer .copy
{
position: absolute;
width: 215px;
height: 25px;
left: 100px;
bottom: 135px;
font-size:12px;
/*background: transparent url(/images/copy.gif) top left no-repeat;*/
}
#footer .copy a
{
/*display: block;*/
width: 215px;
height: 25px;
}
#footer .mail_us
{
position: absolute;
width: 245px;
height: 70px;
left: 745px;
bottom: 115px;
/*background: transparent url(/images/mail_us.gif) top left no-repeat;*/
}
#footer .mail_us a
{
display: block;
width: 245px;
height: 70px;
}
#footer .tel
{
position: absolute;
width: 400px;
/*height: 31px;*/
left: 450px;
bottom: 129px;
font-size:12px;
/*background: transparent url(/images/tel.gif) top left no-repeat;*/
}
#footer .tel a
{
/*display: block;*/
width: 400px;
/*height: 31px;*/
}