/*

==========================

CSS template for xLite CMF

ITS Company © 2006

developed by Yusupov Tagir

E-mail: b10z@mail.ru

ICQ: 215-873

http://www.itsl.ru

==========================

*/





* {

margin: 0;

padding: 0;

border: 0;

}

h1 { adding-top: 10px; 

font: bold 15px Tahoma, sans-serif; font-weight: bold;

color: #ffffff; leftmargin : 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; font-style: normal }

LI {line-height: 14px;}



HTML, BODY {height: 100%;}



A, A:active, A:link, A:visited{

color: #FCF2CC;

font: 11px Tahoma, sans-serif;

text-decoration: none;

}

A:hover{

color: #FCF2CC;

font: 11px Tahoma, sans-serif;

text-decoration: underline;

} 




H2 {

color: #e47821;

font: bold 13px Arial, Tahoma, Helvetica, sans-serif;

margin-bottom: 5px;

display: inline-block;

}

H3{

color: #FCF2CC;

font: bold 13px Tahoma, sans-serif;

margin-bottom: 10px;

display: inline-block;

}

IMG {display: block;}



TABLE {border-collapse: collapse;}



BODY, TH, TD {vertical-align: top;}



BODY {

background: #3f2711;

text-align: center;

color: #FCF2CC;

font: 12px Arial, Tahoma, Helvetica, sans-serif;

}



.left {float: left;}

.right {float: right;}

.both {clear: both;}









#main {

width: 100%;

float: left;

min-height: 100%;

height: 100%;

}



#gl {

clear: both;

width: 100%;

min-width: 776px;

max-width: 1280px;

margin: 0 auto;

text-align: left;

min-height: 100%;

height: 100%;

}



#all {

height: 100%;

width: 100%;

}



#top {

height: 150px; 

width: 100%;

}



#line {

clear: both;

width: 100%; 

height: 7px; 

background: url(images/line.gif); 

margin-bottom: 8px;

overflow: hidden;

}



#menu {

width: 688px; 

height: 23px; 

margin: 0 auto 30px auto;

}



.nav {

float: left; 

margin-right: 5px;

}



#footer {

height: 39px; 

width: 100%; 

background: url(images/footer_bg.gif) repeat-x #e77817; 

text-align: center;

}



#footer_text {

padding-top: 5px; 

font: bold 12px Tahoma, sans-serif; 

color: #1f1a17;

}

#footer_text a{

font: bold 12px Tahoma, sans-serif; 

color: #1f1a17;

text-decoration: none;

}



.centr {

text-align: center;

}



.content_nav {

margin-bottom: 15px;

color: #FCF2CC;

font: bold 11px Tahoma, sans-serif;

}





/* About */



#content_about {

text-align: justify;

margin: 0 100px 30px 100px;

color: #FCF2CC;

font: 13px Tahoma, Arial, sans-serif;

}



#footer_left_about {

margin-left: 38px; 

width: 192px; 

height: 39px; 

background: url(images/footer_left_about.gif); 

float: left;

}



#footer_right_about {

margin-right: 38px; 

width: 192px; 

height: 39px; 

background: url(images/footer_right_about.gif); 

float: right;

}



/* End */







/* Contacts */



#content_contacts {

text-align: center;

margin: 0 150px 30px 150px;

color: #FCF2CC;

font: 13px Tahoma, Arial, sans-serif;

}



#footer_left_contacts {

margin-left: 32px; 

width: 180px;

height: 39px; 

background: url(images/footer_left_contacts.gif); 

float: left;

}



#footer_right_contacts {

margin-right: 32px; 

width: 180px;

height: 39px; 

background: url(images/footer_right_contacts.gif); 

float: right;

}



/* End */





/* Clients */



.img_clients {

margin: 0px;

}



.border_clients {

background: #e77818;

/* float: left; */

margin: 0px;

}



#content_clients {

width: 90%;

text-align: center;

margin: 0 auto 30px auto;

color: #FCF2CC;

font: 12px Tahoma, sans-serif;

}

#content_uslugi{

width: 90%;

text-align: left;

margin: 0 auto 30px auto;

color: #FCF2CC;

font: 12px Tahoma, sans-serif;

} 



#footer_left_clients {

margin-left: 27px; 

width: 218px;

height: 39px; 

background: url(images/footer_left_clients.gif); 

float: left;

}



#footer_right_clients {

margin-right: 27px; 

width: 218px;

height: 39px; 

background: url(images/footer_right_clients.gif); 

float: right;

}



#cent {

margin: 0 auto 50px auto;

}



/* End */





/* Main */





#content_main {

color: #FCF2CC;

font: 12px Tahoma, sans-serif;

}



#footer_left_main {

margin-left: 12px; 

width: 222px;

height: 39px; 

background: url(images/footer_left_main.gif); 

float: left;

}



#footer_right_main {

margin-right: 12px; 

width: 222px;

height: 39px; 

background: url(images/footer_right_main.gif); 

float: right;

}



#hearder_main {

width: 100%; 

height: 100%; 

background: url(images/hearder_bg.gif) repeat-x #3f2711;

}



.rezina {

height: 132px;

}



#hearder1 {

width: 216px;

height: 132px;

}



#hearder2 {

width: 433px; 

height: 132px;

}



#hearder3 {

width: 50px; 

height: 132px;

}



#hearder4 {

width: 98px; 

height: 132px;

}



/* End */







/* Works */



.works {

width: 90%;

margin: 0 auto 20px auto;

text-align: left;

}



.works_img {

margin: 5px;

width: 75px;

height: 75px;

}

.works_img2{

margin: 5px;

}



.works_border2{

background: #e77818;

float: left;

margin-right: 15px;

margin-bottom: 15px;

}



.works_border {

background: #e77818;

float: left;

/*margin-right: 35px;*/

margin-bottom: 15px;

}



.works_text {

text-align: justify;

float: left;

padding-left: 25px;

color: #FCF2CC;

font: 12px Tahoma, sans-serif;

}



#footer_left_works {

margin-left: 36px; 

width: 213px;

height: 39px; 

background: url(images/footer_left_works.gif); 

float: left;

}



#footer_right_works {

margin-right: 36px; 

width: 213px;

height: 39px; 

background: url(images/footer_right_works.gif); 

float: right;

}



/* End */



/* Uslugi */



#footer_left_uslugi {

margin-left: 36px; 

width: 207px;

height: 39px; 

background: url(images/footer_left_uslugi.gif); 

float: left;

}



#footer_right_uslugi {

margin-right: 36px; 

width: 207px;

height: 39px; 

background: url(images/footer_right_uslugi.gif); 

float: right;

}



.uslugi_content {

color: #FCF2CC;

font: 13px Tahoma, sans-serif;

text-align: justify;

}



.uslugi-text {

margin-bottom: 30px;

text-align: center;

}



.img_uslugi {

padding: 15px 0 20px 0;

}



#list {

width: 300px;

text-align: left;

line-height: 14px;

padding-right: 20px;

}



.list1 {

list-style-type: none;

color: #e47821;

font: bold 12px Tahoma, sans-serif;

text-decoration: none;

}

/*

.list2 {

margin-left: 20px;

list-style-type: circle;

color: #FCF2CC;

font: 12px Tahoma, sans-serif;

text-decoration: none;

}*/



UL.list2 LI {

padding-left: 50px;

background: url('images/sun.gif') no-repeat 15px 0;

color: #FCF2CC;

font: 12px Tahoma, sans-serif;

text-decoration: none;

list-style-type: none;

line-height: 16px;

}



A.list1_nav, A:active.list1_nav, A:link.list1_nav, A:visited.list1_nav, A:hover.list1_nav {

color: #e47821;

font: 12px Tahoma, sans-serif;

text-decoration: underline;

}



A.list2_nav, A:active.list2_nav, A:link.list2_nav, A:visited.list2_nav, A:hover.list2_nav {

color: #FCF2CC;

font: 12px Tahoma, sans-serif;

text-decoration: underline;

}



A.list3_nav, A:active.list3_nav, A:link.list3_nav, A:visited.list3_nav{

color: #e47821;

font: bold 12px Tahoma, sans-serif;

text-decoration: none;

}

A:hover.list3_nav {

color: #e47821;

font: bold 12px Tahoma, sans-serif;

text-decoration: underline;

}

/* End */





#client{

margin: 0 auto 0 auto;

}

#client td{

width: 160px;

}


/* Engine */
div#content_engine {
text-align: justify;
margin: 0 100px 30px 100px;
color: #FCF2CC;
font: 13px Tahoma, Arial, sans-serif;
}

#content_engine p{
text-align: justify;
color: #FCF2CC;
font: 13px Tahoma, Arial, sans-serif;
}

#content_engine table{
text-align: justify;
color: #FCF2CC;
font: 13px Tahoma, Arial, sans-serif;
}

#content_engine tr{
text-align: justify;
color: #FCF2CC;
font: 13px Tahoma, Arial, sans-serif;
}

#content_engine td{
text-align: justify;
color: #FCF2CC;
font: 13px Tahoma, Arial, sans-serif;
}

#content_engine ul{
text-align: justify;
color: #FCF2CC;
font: 13px Tahoma, Arial, sans-serif;
}

#content_engine li{
text-align: justify;
color: #FCF2CC;
font: 13px Tahoma, Arial, sans-serif;
}