html { background: url('vertical_line.gif') repeat-x;}

body { margin:10px; margin-top:25px; font-family:Arial;}
#left { float:left; width:20%; text-align:center}
#right { float:right; width:20%; padding-top:140px; font-size:13px; text-align:left;}
#content { margin-left:22%; margin-right:20%; padding:2%; padding-top:0; padding-bottom:80px;}
h1 { font-size: 28px; margin-bottom:0; padding-bottom:0; padding-top:20px; color:white; font-family:Arial}
h1 a { color:white; text-decoration:none;}
h1 a:hover { text-decoration:underline;}
h2 { font-weight:normal; color:#333333; font-size:18px;}
#content p.description { font-size:12px; margin:0; padding:0; color:white; padding-bottom:5px;}
a.site { font-size:12px; color:#333333; text-decoration:none}
span.site_desc { font-size:11px; color:#FF6600}
a.title { color:#000000; font-size:16px; text-decoration:none}


#content p { font-size:12px; text-align:justify; padding-bottom:10px; color:#333333; margin:0;}
#content p.title_site { background:#FFFF99; padding:5px; width:300px; text-align:center; border-left:1px solid #FF6600; }
#content h4 { font-size:16px; color:#333333}

#content p.errors { font-size:11px; padding:5px; background:#EEEEEE; color:#666666; text-align:center}
#content li { margin-left:20px; font-size:12px; padding:3px;}
#content .map li {margin-left:20px; padding:3px; font-size:13px;}
#content .map li a { color:#FF3300}

#right a { color:#FF3300}
#right a:hover { text-decoration:none}
ul.menu { padding:0; margin:0; padding-left:25px; margin-top:80px; padding-top:10px; list-style-type:none; text-align:left; border-top:1px solid #EEEEEE;}
ul.menu li { padding:5px; margin:0; padding-right:0}
ul.menu li a { color:#FF3300; font-size:13px}
li.level a { margin-left:15px; display:block}
ul.menu li a:hover { text-decoration:none}
ul.menu li.selected2, ul.menu li.selected { font-size:13px; color:#CCCCCC;}
ul.menu li.selected2 { margin-left:35px;}
a.say { font-size:12px; font-weight:bold; color:white; text-decoration:none}
a.say:hover { text-decoration:underline;}


ul.menu { letter-spacing:0.5px; width:180px; padding:0; margin:0; padding-left:50px; margin-top:75px; padding-top:10px; list-style-type:none; text-align:left; border-top:1px solid #EEEEEE;}
ul.menu li { padding:5px; margin:0; padding-right:0; font-size:12px}
ul.menu li a { color:#FF3300;}
ul.menu li.selected { }

ul.menu_2 { letter-spacing:0.5px; width:180px; padding:0; margin:0; padding-left:50px; margin-top:0px; padding-top:10px; list-style-type:none; text-align:left}
ul.menu_2 li { padding:5px; margin:0; padding-right:0; font-size:12px}
ul.menu_2 li a { color:#FF3300;}
ul.menu_2 li.selected { }



a.to_top { color:black; text-decoration:none; font-size:11px}
a.to_top:hover { text-decoration:underline}

/*Погода*/

#content .day, #content .holiday { font-size:18px; margin:0; padding:2px; padding-left:5px; margin-top:20px}
#content .day { }
#content .holiday { color:#FF6600;red}
#content .day span, .holiday span { font-size:11px}


/*Подробно*/
p.day, p.holiday { border-top:2px solid #FF9900; background:#FFFFCC; margin-top:10px; width:58.5%}
.wnight, .wmorning, .wday, .wevening { width:60%; padding:2px}
.wnight { background:#FFFF33 url('t_night.gif') no-repeat}
.wmorning { background:#FFFFCC url('t_morning.gif') no-repeat}
.wday { background:#FFFF99 url('t_day.gif') no-repeat}
.wevening { background:#FFFF66 url('t_evening.gif') no-repeat}

.left_td { width:30%; text-align:center; vertical-align:center; padding:5px}
.right_td { width:50%; padding:10px; background:#FFFFDE;FFFFEE}

p.hour { font-size:13px; margin:0; padding:0}
p.pdesc { font-size:11px; margin:0; padding:0}
p.temp { font-size:18px; margin:0; padding:0}
p.presure { font-size:11px; margin:0; padding:0}
p.wind { font-size:11px; margin:0; padding:0}
p.hmid { font-size:11px; margin:0; padding:0}

/*Обычно*/
.w_table { margin:0; margin-top:10px; background:#FFFFCC; border-top:2px solid #FF9900}
.w_table td { vertical-align:top; width:90px; text-align:center; padding:2px; border:0px solid #FFFFCC;}
.w_table td span.hour { font-size:13px}
.w_table td span.temper { font-size:18px}
.w_table td span.pdesc { font-size:11px}

.t_wnight { background:#FFFF33 url('t_night.gif') no-repeat; border:1px solid #FFCC33}
.t_wmorning { background:#FFFFCC url('t_morning.gif') no-repeat; border:1px solid #FFCC33}
.t_wday { background:#FFFF99 url('t_day.gif') no-repeat; border:1px solid #FFCC33}
.t_wevening { background:#FFFF66 url('t_evening.gif') no-repeat; border:1px solid #FFCC33}


.bot_tab {  width:100%; font-size:11px; text-align:left; margin-top:0px;}
.bot_tab p { padding:0; margin:2px}