* {margin:0; padding:0;}
html{width:100%; height:100%;}
body{position:relative; width:auto; height:100%; color:#000; font-size:11px; line-height:14px; text-align:center; font-family:Tahoma; background:#333333; color:#333333}
table{border-collapse:collapse;}

a{text-decoration:underline; color:#3399FF; border:0; font-size: 12px;}
a:hover{text-decoration:none;}
a.nav{text-decoration:underline; font-size: 12px; padding: 2px; color: #66CCFF; line-height: 15px;}
a.nav:hover{text-decoration:none; color: #CCFFCC;}
a.nava{text-decoration:none; color:#CCFFCC; font-size: 12px; padding: 2px;  line-height: 15px;}
a.nava:hover{text-decoration:none;}
a.pls{font-weight: bold; text-decoration:none; color:#66CCFF; font-size: 11px;}
a.pls:hover{text-decoration:underline; color: #CCFFCC;}

p{ text-align: left; font-weight: normal; font-size: 12px; margin-right: 20px; }
img{border:0;}
h1{margin: 0px 0px 2ex; font-weight: bold; font-size: 20px; color: rgb(222, 1, 36); text-align: left; text-decoration: none; font-family: Arial,Helvetica,sans-serif;}
h2{margin: 0pt; font-size: 12px; font-weight: bold; color: rgb(75, 81, 90);}
hr{border:0; border-top:1px dashed #3595D1; margin:10px 0;}
.what, .what a{color: #CC0033; font-size: 24px; margin-bottom: 6px;}


.tbox{border: 3px solid #cccccc; width: 200px;}
.me{background: #CC0033; color: #fff; padding: 3px;}
.zag{color: #fff; font-size: 18px; margin: 3px;}

#page {position:relative; width:auto; min-width:1000px; max-width:1000px; min-height:100%; top:0px; left:0; margin:0 auto; text-align:left; margin-bottom: 15px;}

#polosa{height: 35px; width: 1000px; color: #fff; text-align: center; background: url(http://adweb.com.ua/i/bg_golovna.gif) 0 0 no-repeat;}
	#polosa ul{width:98%; list-style:none; margin-left: 10%; border-left: 1px solid #2e2e2e;}
	#polosa li{float:left;  height: 25px;  width: 130px; padding-top: 10px; color: #fff; border-right: 1px solid #2e2e2e;}
	
#logo {position:absolute; width:auto; padding-top:45px; top:0px; left:0; margin:0px auto; text-align:left;}

#top {position:relative; width:auto; height:6px; top:0; left:0; background:#fff; margin: 0px; padding: 0px;}
	#top div.right {position:absolute; width:5px; height:6px; top:0; right:0; background:#333333 url(/i/1r.jpg) 0 0 no-repeat; }

#content {position:relative; width:auto; top:0; left:0; background:#fff; }
	#content TD.left{position:absolute; width:1px; top:0; left:0;}
	#content TD.right{position:absolute; width:1px; top:0; right:0;}
	#content TD.center{padding: 15px 45px 10px 10px; font-size: 12px; color: rgb(0, 0, 51); font-family: Tahoma; line-height: 20px;}
/*	#content ul{width: 100%; list-style-type: none; list-style-image: none; list-style-position: outside; margin-top: 20px;}
	#content li{float: left; width: 240px; height: 230px; text-align: center;}
*/	
	#content ul.list{width:100%; height:80px; list-style:none;margin-top: 20px;}
	#content ul.list li{float:left; width:240px; height: 230px; text-align:center;}
	

	#content ol{width:100%; list-style:decimal; margin-left: 20px;}
	#content ol li{margin-left: 30px; line-height:20px;}

	#content ul{width:100%; list-style:decimal;}
	#content ul li{margin-left: 30px; line-height:20px;}
	
#f{position:relative; width:100%; height: 38px; top:0; left:0;background:#fff;}	
	#f TD.fl{top:0; left:0; color: #333333; font-size: 12px; border-top: 1px solid #666666; padding: 5px 0px 0px 10px;background:#fff; line-height: 18px;}
	#f TD.fr{top:0; right:0; color: #333333; font-size: 12px;  border-top: 1px solid #666666; padding: 5px 10px 0px 0px; background:#fff; line-height: 18px;}

#footer{position:relative; width:auto; height:6px; top:0; left:0; background:#fff;}
	#footer div.left{position:absolute; width:6px; height:6px; top:0; left:0; background:url(/i/2l.jpg) 0 0 no-repeat;}
	#footer div.right{position:absolute; width:6px; height:6px; top:0; right:0; background:url(/i/2r.jpg) 0 0 no-repeat;}	
	
.m{padding: 5px;}
	
.menus{margin: 15px; background:#2D333D; border: 1px solid #363C46; width: auto; height: 100%;}

h4,h3{line-height:40px; color:#CC0033}
h4.type1{line-height:20px; color:#CC0033}
h5{margin: 0; padding: 0; color: #3399FF; font-weight: bold; float:left}

.newsdate{padding: 2px; color: #fff; background-color: #CC0033; font-weight: bold; font-size: 10px;}

a.whats{font-weight: bold; text-decoration:none; color:#3399FF; font-size: 12px; border-bottom: 1px dashed #E0E0E0; padding: 3px; line-height: 30px;}
a.whats:hover{text-decoration:none; border-bottom: 0px; }


/*FORMs*/
.form_index{font-size:12px;}
.form_index input{border:1px solid #07399c;width:100%;font-size:11px;line-height:2em; padding:2px; width:200px;}
.form_index textarea{font-family:Tahoma;border:1px solid #07399c;font-size:10px; padding:2px; width:200px; height:140px;}
.form_index td{vertical-align:top;padding:5px 0px;}
.form_index th{vertical-align:top;padding:5px 0px;font-weight:normal;text-align:right;width:100px;white-space:nowrap;}
.form_index span, .form span{color:#CC9900;}
table.form_index td input.button_1{border: 0; color: #000; float: left; width: 66px; font-size: 11px; background: url(/assets/images/form/button_1.gif) no-repeat top; padding: 0 0 6px 0; height: 20px; margin: 4px 6px 6px 0; top: 4px; position: relative;}

.contact {color: #cc6666;}

.form_order{font-size:12px;}
.form_order input.textfield{font-size:11px;line-height:2em; padding:2px; width:300px;}
.form_order select.activity{padding:2px; width:100%;}
.form_order select.budget{padding:2px; width:200px;}
.form_order textarea{font-family:Tahoma;font-size:10px; padding:2px; width:300px;; height:140px;}
.form_order td{vertical-align:top;padding:0;height:20px;}
.form_order th{vertical-align:top;padding:2px 0 2px 0;font-weight:normal;text-align:left;width:100px;white-space:nowrap;height:18px;}
table.form_order td input.button{border: 0; color: #000; float: left; width: 66px; font-size: 11px; background: url(/assets/images/form/button_1.gif) no-repeat top; padding: 0 0 6px 0; height: 20px; margin: 4px 6px 6px 0; top: 4px; position: relative;}



/*обратка*/
/* ------------- Основные стили, скелетные ------------ */



#red_line { position: absolute; padding: 10px 0 0 20px; height: 74px; background: url(red_fon0.gif) 0 0 repeat-x; width: 43%; right: 0; top: 30px; color: #FFF; font-family: "Trebuchet MS", Tahoma, Arial; font-size: 1.7em; line-height: 1em; }
#red_line_img { position: absolute; width: 100px; height: 74px; right: 0; top: 0; background: url(red_line.gif) 0 0 no-repeat; }
#t_sh { position: absolute; width: 80px; height: 9px; right: 0; top: -9px; background: url(t_sh0000.gif) 0 0 no-repeat; }
#b_sh { position: absolute; width: 80px; height: 9px; right: 0; bottom: 1px; background: url(b_sh0000.gif) 0 0 no-repeat; }
#r_sh { position: absolute; width: 1px; height: 74px; right: -1px; top: 0; background: url(r_sh0000.gif) 0 0 no-repeat; }
#l_sh { position: absolute; width: 10px; height: 74px; right: 0; top: 0; background: url(l_sh0000.gif) 0 0 no-repeat; }
#losung { position: absolute; left: 20px; bottom: -17px; font-size: 13px; color: #999; }
#logos { position: absolute; left: 285px; top: 10px; width: 55px; height: 56px; background: url(logo0000.gif) 0 0 no-repeat; }



#left_col { float: left; width: 60%; padding: 0 0 60px 6%; }
#right_col { float: right; width: 26%; padding: 0 5% 0 0; }


.page { position: relative; margin: 30px 20px 0 20px; border: 1px solid #f0f0f0; border-bottom: 0; padding: 0 20px; }
.page h2 { margin: 0.5em 0 0.3em 0; }

.p_lsh { position: absolute; top: 10px; left: -10px; width: 10px; height: 110px; background: url(p_lsh000.gif) 0 0 no-repeat; }
.p_rsh { position: absolute; top: 10px; right: -10px; width: 10px; height: 110px; background: url(p_rsh000.gif) 0 0 no-repeat; }
.p_tsh { position: absolute; top: -10px; left: 0; width: 100%; height: 10px; background: url(p_tsh000.gif) 0 0 repeat-x; }
.p_ltsh { position: absolute; top: -10px; left: -10px; width: 20px; height: 20px; background: url(p_ltsh00.gif) 0 0 no-repeat; }
.p_rtsh { position: absolute; top: -10px; right: -10px; width: 20px; height: 20px; background: url(p_rtsh00.gif) 0 0 no-repeat; }

.convert { position: relative; height: 110px; background: url(convert_.gif) 0 0 repeat-x; }
.convert_img { position: absolute; width: 100%; height: 110px; background: url(convert0.gif) center 0 no-repeat; }
.convert_l { position: absolute; left: 0; top: -35px; width: 41px; height: 145px; background: url(convert1.gif) 0 0 no-repeat; }
.convert_r { position: absolute; right: 0; top: -35px; width: 41px; height: 145px; background: url(convert2.gif) 0 0 no-repeat; }

.reset { position: absolute; width: 100%; text-align: center; top: 1px; }
.reset input { width: 80px; height: 25px; font-size: 0.85em; background: url(reset000.gif) 0 4px no-repeat; border: none; text-align: right; text-decoration: underline; cursor: pointer; padding: 0 3px 0 0; font-family: Arial, "Trebuchet MS", Tahoma; }

.but { position: relative; height: 43px; margin: 15px 0 0 0; text-align: center; }
.but input { width: 228px; height: 43px; border: none; background: url(but00000.gif) 0 0 no-repeat; cursor: pointer; }



/* ------------- Стили для оформления текста, текстовики ------------ */
a { color: #34699C; text-decoration: underline; }
a:hover { text-decoration:none; color:#db0000; }

ol { margin: 0 0 0 40px; }

p { padding: 1em 0 0.5em 0; line-height:1.4em; }

h1 { margin: 1.5em 0 0.5em 0; font-size: 1.3em; font-weight: normal; font-family: Tahoma, Arial; }
h2 { margin: 1.5em 0 0.5em 0; font-size: 1.3em; font-weight: normal; font-family: Tahoma, Arial; }
h3 { margin: 1.5em 0 0.5em 0; font-size: 1.3em; font-weight: normal; font-family: Tahoma, Arial; }
h4 { margin: 1.5em 0 0.5em 0; font-size: 1.3em; font-weight: normal; font-family: Tahoma, Arial; }
h5 { margin: 1.5em 0 0.5em 0; font-size: 1.3em; font-weight: normal; font-family: Tahoma, Arial; }

.small { font-size: 0.9em; }

/* ------------- Цвета ------------ */
.black { color: #000; }
.white { color: #FFF; }
.white:hover { color: #df8080; }
.red { color: #db0000; }
a.red:hover { color: #000; }

/* ------------- Формы ------------ */



/* ------------- Стили для оформления таблиц, табличники ГЫ! ------------ */

.form_tab { width: 100%; }
.form_tab td { vertical-align: bottom; font-size: 11px; color: #999; padding: 15px 0 0 0; }
.form_tab td.black { color: #000; }
.form_tab td.center { text-align: center; }
.form_tab td input.text { font-size: 1.2em; color: #000; width: 100%; border: 0; padding: 0 0 2px 0;  background: url(dotted00.gif) 0 bottom repeat-x; }
.form_tab td textarea { width: 100%; height: 100px; font-size: 1.2em; font-family: Tahoma, "Trebuchet MS", Arial; color: #000; padding: 0 0 2px 0; border: none; background: url(dotted00.gif) 0 bottom repeat-x; }


/* ------------- Все остальное, вспомогалкиии ------------ */
.clear { clear: both; }
.center { text-align: center; }
.right { text-align: right; }

.lp20 { padding: 0 0 0 20px; }
.hp6 { padding: 0 6%; }
.wf { width: 750px; margin: 0 auto; }
