
/*-----------------------------------------------------------------------------
		   stiraservis
version:   1.0
date:      06.11.2008
author:    Khvorostovskaya Antonina
email:     antonina_odessa@ukr.net

-----------------------------------------------------------------------------*/




/* GLOBAL*/ 


* {	padding:0; margin:0; }
html, body { margin:0; padding:0; height: 100%; }
* html #content { height: 100%; padding:0; }
body { font-family: 'Ubuntu','Tahoma','Arial',sans-serif; color: #000;}


body{background: #dbdcde url(../image/bg-new.jpg) repeat-x left top;}
body.mini {background: #dbdcde url(../image/bg-new-mini.jpg) repeat-x left top;}
body.mini-mini {background: #dbdcde url(../image/bg-new-mini-mini.jpg) repeat-x left top;}

.clears:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clears {display: inline-block;}
* html .clears {height: 1%;}
.clears {display: block;}


/* LINKS */

a img { border: 0; }
a { color: #0294e8; text-decoration: underline; }
a:hover, a:focus, a:active { cursor:pointer; text-decoration:none }
:focus { -moz-outline-style: none; }


/* BLOKS */

#content { text-align:left; min-width: 1000px; max-width: 1280px; margin:0 auto; height:auto!important; height:100%; min-height:100%;  } 
#page { padding:0 0 200px 0; margin: 0; }
#footer { position:relative; zoom: 1; padding: 0; margin: -200px auto 0 auto; height: 200px; text-align:left; clear:both; min-width: 1000px; max-width: 1280px; color:#015887; font-size:12px; line-height: 18px; }


/* HEADER */

#logo { float:left; width:306px; height:84px; z-index:1; margin:30px 0 0 40px }
#tel { float:right; width:385px; height:27px; z-index:1; margin: 45px 40px 0 0; text-align: right;}

#clear { clear:both; padding:0; margin:0; }


/* MENU */


#blok_menu { margin: 0; padding: 20px 0 0 0px; position:relative; clear:both }
.blok_menu-new {padding-top: 60px !important;}
#blok_menu a { color:#fff; text-decoration:underline; font-size:14px; font-weight:400 }
#blok_menu a:hover { text-decoration:none }
#blok_menu ul { padding:0; margin:0; list-style:none; }
#blok_menu ul li { height: 54px;line-height: 54px;padding: 0 20px 0 10px; margin:0; float:left; background:#006bb7 }
#blok_menu span { color:#fff; text-decoration:none; font-size:14px; line-height:18px; font-weight: 500; }
#fl_left { float:left; background:url(../image/menu_left.gif) no-repeat; width: 18px; height:54px; padding:0; margin:0 }
#fl_right { float:left; background:url(../image/menu_right.gif) no-repeat; width: 18px; height:54px; padding:0; margin:0 }
#blok_menu .last { padding: 0 10px 0 10px!important; margin: 0; }

@-moz-document url-prefix()
{ #blok_menu ul li {  margin:0; float:left;  background:#006bb7 }

 }
@-moz-document url-prefix()
{ #blok_menu .last { padding: 0 10px 0 10px!important; margin: 0; }

 }


/*CONTENT*/
h2 {
	color: #9BA0A1;
    font-size: 40px;
    line-height: 48px;
    padding-left: 40px;
    font-weight: 400;
}
.bg_fon_m { /*background:url(../image/bg_fon_m.png) no-repeat;*/ height: 462px; clear:both;margin-top:20px }
.car_m { background:url(../image/cars_m.png) no-repeat; height: 462px; width:342px; float:left; margin-left: 30px; margin-top:20px }
.home_m { background:url(../image/home_m.png) no-repeat; height: 462px; width: 633px; float:right;margin-top:20px;position:absolute;right: 0px;}

.bg_fon_mini { /*background:url(../image/bg_fon_m.png) no-repeat;*/ height: 230px; clear:both;margin-top:20px }
.car_mini { background:url(../image/cars.png) no-repeat; height: 230px; width:342px; float:left; margin-left: 30px;}
.home_mini { background:url(../image/home.png) no-repeat; height: 230px; width: 317px; float:right;position:absolute;right: 0px;}

.padd { display:table; vertical-align:middle; width:100%; padding-top:20px } 

#about { font-size: 40px; line-height:48px; color:#9ba0a1; padding-left:40px }
.slogan { color:#006bb7; font-size: 24px; line-height: 28px;width: 890px; padding:15px 0 15px 40px }
.slogan_little { color:#434343; font-size: 15px; line-height:18px; width: 900px; padding-left:40px; padding-bottom:50px }

#mews_img { padding-left:40px; }

#news { padding:0; margin:0; width:100%; clear:both;  }
#news ul { list-style:none; padding:0 0 0 40px; margin:0;  }
#news li { padding: 0; margin:0 3% 0 0; float:left; width:286px; display:table; vertical-align:middle }
#news span, #news span span { display:block }
#news span { font-size:12px; line-height:20px; color:#000 }
#news span span { color:#a5a5a5; font-size:10px; line-height:16px; padding: 25px 0 12px 0 }

/* FOOTER */

#footer a { color:#0088d2 }
#footer a:hover { text-decoration:none; cursor:pointer }
#footer ul { list-style:none; padding: 100px 0 0 40px; margin:0;  }
#footer ul li { float:left; padding:0 18% 0 0 ; margin: 0 1px 0 0 }


/*CONTAKTS*/

.slogan_little_cont { color:#006bb7; font-size: 30px; line-height: 36px; font-style:italic;  padding-left:40px; padding-bottom:28px; padding-top: 20px; width: 900px }
.contact_text { color: #434343; font-size: 14px; line-height: 24px; padding-left: 40px; }
.contact_text ul { padding:0; margin:0; list-style:none }
.contact_text li { float:left; padding:0 10% 0 0; margin: 0;  }
.contact_text .addres { width: 370px; }

.col { width: 400px;  }
#contacts form div { position: relative; margin: 0; zoom: 1; }
#contacts form input, #contacts form textarea { padding: 2px 0; width: 99%; border: 1px solid #cdcdcd; }
#contacts form textarea { overflow: auto; }
#contacts form option.label { color: #afafaf; }
#contacts form img { float:right; padding: 0;  border: none; margin:16px 0; cursor:pointer }
#contacts form input {
	height: 25px;
	line-height: 25px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#contacts form textarea {
	line-height: 16px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	resize: none;
}
/*SERVICES*/

.contact_text_serv p { color:#434343; font-size: 13px; line-height:18px; width:900px; padding: 6px 0 6px 40px }
.contact_text_serv b { color:#434343; font-size: 15px; width:900px; padding: 0 0 0 40px; display:block; margin:16px 0 0 0;font-weight: 500;}
.contact_text_serv table { color:#434343; font-size: 13px; line-height:18px; width:900px; padding: 6px 0 6px 40px  }


/*GALARY*/

#projects { padding:20px 0 0 0; margin:0; width:980px; clear:both; }
#projects ul { list-style:none; padding:0 0 0 40px; margin:0;  }
#projects li { padding: 0 0 26px 0; margin: 0 26px 0 0; float:left; display:table; vertical-align:middle }

#projects img { border:2px #afafaf solid }



/*Presents*/


#padd_v { margin-bottom:-24px }

table.styled { width: 900px; margin: 0 0 10px 0;}
table.styled th { border-bottom: 1px solid #afafaf; text-align: left; }
table.styled div { height: 100%; margin: 0px 0 -40px; vertical-align: top; padding: 0px 12px 40px 0 }
table.styled .first { width: 200px; }

#stirka, #stirka_small { color:#000; font-size:12px; line-height:16px; }
#stirka ul, #stirka_small ul { padding:0 0 0 40px; margin:0; list-style:none; width:900px  }
#stirka li { width: 210px; height: 240px; float:left;  }
#stirka li img, #stirka_small li img { border:2px #afafaf solid }
#stirka span, #stirka_small span { display:block; text-align:center }

#bold { font-weight:bold }
#stirka_small li { width: 110px; height: 120px; float:left }
.otstup { padding-left: 290px }


/*Useful*/

.contact_text_useful p { color:#434343; font-size:13px; line-height:18px; width:900px; padding: 6px 0 6px 40px }
.contact_text_useful b { color:#434343; font-size:13px; line-height:18px; width:900px; padding: 0 0 0 40px; display:block; margin:0px 0 0 0;font-weight: 500;}

.tab { text-align:left; padding:6px 0 0px 36px; line-height:18px; }
.useful { padding: 0; margin:0 }
.useful ul { padding:0; margin:0; list-style:none }
.useful li { padding:4px 0; margin:0; float:left; width:120px; } 

table.useful { width:900px; margin:0 0 50px 0 ; color:#000; font-size:12px; line-height:16px; padding: 6px 0; vertical-align:middle; text-align:center}
table.useful div { height: 100%; margin: 0px 0 -40px; vertical-align: top; padding: 0px 12px 40px 0 }
table.useful .first { width: 160px; }

#arenda-belya-block,#process-stirki-block {
	display: none;
}
#arenda-belya-block p {
	margin: 10px 0px;
	padding: 0px;
}
#arenda-belya-block b {
	padding: 0px;
}
#arenda-belya,#process-stirki {
	text-decoration: none;
	border-bottom: 1px dashed #0294E8;
}