@charset "utf-8";
/* CSS Document */

li,ul,p,div,a,img,table,input,span,body,td,th,tr {margin:0; padding:0;}
th {font-weight:normal;}
ul {list-style:none;}
table { }
body {
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:14px;
	background-color:#FFF;
}
td.space, th.space {width:7px;}
.city {vertical-align:top; text-align:center}
.cityn {
	padding:4px 12px;
	margin:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	background-color:#6FC;
	font-size:16px;
	font-weight:bold;
}
.pogoda {
	margin:5px 15px 5px 5px;
	border-collapse:collapse;
}
.pogoda th {background-color:#7CF; font-size:16px; padding:2px;}
.pogoda th.date {
	background-color:#6FC;
	-moz-border-radius:4px 0 0 4px;
	-webkit-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px;
}
.pogoda th.date.vyh {background-color:#F88;}
.pogoda th.vrsut2 {}
.pogoda th.vrsut3 {}
.pogoda th.thday {background-color:#8DF;}
.pogoda th.thnight {background-color:#6BF;}
.pogoda th.thvech {
	-moz-border-radius:0 4px 4px 0;
	-webkit-border-radius:0 4px 4px 0;
	border-radius:0 4px 4px 0;
}
.pogoda tr.sred {border-bottom: 1px #77ccff solid;}

.pogoda td {font-size:14px; text-align:center; padding:4px 2px;}
.pogoda td.serv {padding-right:3px; text-align:left; color:#03C;}
.pogoda td.ser0 {font-size:15px;}
.pogoda td.temp {min-width:20px;}
.pogoda td.obl {min-width:29px;}
.pogoda td.vet {width:15px; padding-left:24px; text-align:left; background:url(img/ss.gif) no-repeat top left;}
.pogoda td.vet img {vertical-align:bottom;}
.pogoda td.vet span {font-size:12px;}
.pogoda td.vet span.sil {color:#D00;}
.pogoda td.vet span.sl {color:#06F;}

#divopts {display:inline-block; margin:4px;}
div.opt {margin:4px;}
select.optsel {
	min-width:100px;
	margin:3px;
	padding:5px;
	height:9em;
	vertical-align:top;
}
select#selsred, select#selvet {margin:5px 5px 5px 0;}
select#selvet {margin-left:16px;}
input#optsubm {margin:5px; padding:5px; vertical-align:top;}

@media only screen and (max-width:550px) {
	body {font-size:11px; margin:0;}
	.cityn {margin:3px; font-size:13px;}
	.pogoda {margin:4px 10px 3px 2px;}
	.pogoda th {font-size:11px; padding:2px 0px;}
	.pogoda th.vrsut2 {}
	.pogoda th.vrsut3 {}
	.pogoda td {padding:3px 1px 2px 0px; font-size:12px;}
	.pogoda td.serv, .pogoda td.ser0 {font-size:10px;}
	.pogoda td.temp {min-width:20px;}
	.pogoda td.obl {min-width:29px;}
	.pogoda td.vet {min-width:13px;}
	.pogoda td.vet span {font-size:10px;}
	td.space, th.space {width:3px;}
}