@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,700"');

body {
   font-family: 'Roboto Condensed', sans-serif;
}

/*
 * Colors
 */

.bg-temp {
   background-color: #E0342C;
   color: #fff;
}
.bg-wnd {
   background-color: #39A9DC;
   color: #fff;
}
.bg-rain {
   background-color: #9C9E9F;
   color: #707172;
}
.bg-hum {
   background-color: #C6C7C8;
   color: #87888A;
}
.bg-bar {
   background-color: #38A962;
   color: #165B2E;
}
.bg-left {
   display: table-cell;
   width: 50%;
 }
.bg-right {
   background-color:rgba(0, 0, 0, 0.1);
   display: table-cell;
   width: 50%;
}

.ora-main {
   font-family: 'Roboto Condensed', sans-serif;
   padding: 1px 4px;
   min-width: 350px;
}
.ora-main table {
   width: 100%;
}
.ora-main table thead {
   font-weight: bold;
   text-transform: uppercase;
   font-size: 15pt;
   border-bottom: 2px solid #fff;
}
.ora-main tbody {
   height: 175px;
}
.ora-main tbody td {
   height: 175px;
}
.ora-main th {
   padding: 2px 4px;
}
.ora-container {
   height: 6em;
   font-size: 20px;
   position: relative;
}
.ora-main small {
   font-weight: normal;
   font-size: 60%;
}

.ora-max, .ora-min {
   font-size: 22pt;
}
.ora-max {
   color: #fff;
}
.ora-min {
   color:rgba(0, 0, 0, 0.5);
}

.ora-temp, .ora-hum, .ora-bar, .ora-rain{
   font-size: 45pt;
   font-weight: bold;
}
.bg-left.ora-bar div {
   line-height: 0.7em;
}
.bg-left .sprite_control {
   margin-bottom: 5px;
}
.ora-wnd .ora-max, .ora-wnd .ora-min {
   line-height: 0.8em;
   margin: 20px 0;
}
#ora-windgauge {
   font-size: 30pt;
   line-height: 25pt;
   padding-top: 40px;
}

.sprite_control {
	background-color: transparent !important;
   margin-left: auto; 
   margin-right: auto; 
	background: url('sprite_control.png') no-repeat; 
	overflow: hidden; 
}
/* Generated by http://css.spritegen.com CSS Sprite Generator */

 
.wnd_000 { background-position: -0px -0px; width: 149px; height: 149px; }
.wnd_015 { background-position: -0px -149px; width: 149px; height: 149px; }
.wnd_030 { background-position: -0px -298px; width: 149px; height: 149px; }
.wnd_045 { background-position: -0px -447px; width: 149px; height: 149px; }
.wnd_060 { background-position: -0px -596px; width: 149px; height: 149px; }
.wnd_075 { background-position: -0px -745px; width: 149px; height: 149px; }
.wnd_090 { background-position: -0px -894px; width: 149px; height: 149px; }
.wnd_105 { background-position: -0px -1043px; width: 149px; height: 149px; }
.wnd_120 { background-position: -0px -1192px; width: 149px; height: 149px; }
.wnd_135 { background-position: -0px -1341px; width: 149px; height: 149px; }
.wnd_150 { background-position: -0px -1490px; width: 149px; height: 149px; }
.wnd_165 { background-position: -0px -1639px; width: 149px; height: 149px; }
.wnd_180 { background-position: -0px -1788px; width: 149px; height: 149px; }
.wnd_195 { background-position: -0px -1937px; width: 149px; height: 149px; }
.wnd_210 { background-position: -0px -2086px; width: 149px; height: 149px; }
.wnd_225 { background-position: -0px -2235px; width: 149px; height: 149px; }
.wnd_240 { background-position: -0px -2384px; width: 149px; height: 149px; }
.wnd_255 { background-position: -0px -2533px; width: 149px; height: 149px; }
.wnd_270 { background-position: -0px -2682px; width: 149px; height: 149px; }
.wnd_285 { background-position: -0px -2831px; width: 149px; height: 149px; }
.wnd_300 { background-position: -0px -2980px; width: 149px; height: 149px; }
.wnd_315 { background-position: -0px -3129px; width: 149px; height: 149px; }
.wnd_330 { background-position: -0px -3278px; width: 149px; height: 149px; }
.wnd_345 { background-position: -0px -3427px; width: 149px; height: 149px; }
.wnd_360 { background-position: -0px -3576px; width: 149px; height: 149px; }
.bar_Falling { background-position: -0px -3725px; width: 30px; height: 22px; }
.bar_Rising { background-position: -30px -3725px; width: 30px; height: 22px; }
.bar_Steady { background-position: -60px -3725px; width: 30px; height: 22px; }
.bar_FastFalling { background-position: -90px -3725px; width: 24px; height: 24px; }
.bar_FastRising { background-position: -114px -3725px; width: 24px; height: 24px; }
.s_18 { background-position: -0px -3747px; width: 24px; height: 24px; }
.s_08 { background-position: -24px -3747px; width: 23px; height: 23px; }
.s_28 { background-position: -47px -3747px; width: 23px; height: 23px; }
.s_38 { background-position: -70px -3749px; width: 23px; height: 23px; }
.s_48 { background-position: -93px -3749px; width: 23px; height: 23px; }
.s_58 { background-position: -116px -3749px; width: 23px; height: 23px; }
.s_68 { background-position: -24px -3770px; width: 23px; height: 23px; }
.s_78 { background-position: -47px -3770px; width: 23px; height: 23px; }
.s_88 { background-position: -0px -3771px; width: 23px; height: 23px; }
.i_document { background-position: -70px -3772px; width: 21px; height: 16px; }
.b_home { background-position: -91px -3772px; width: 17px; height: 16px; }
.b_logoff { background-position: -108px -3772px; width: 17px; height: 16px; }
.b_reload { background-position: -125px -3772px; width: 17px; height: 16px; }
.b_share { background-position: -70px -3788px; width: 17px; height: 16px; }
.b_attach { background-position: -87px -3788px; width: 16px; height: 16px; }
.b_collapse { background-position: -103px -3788px; width: 16px; height: 16px; }
.b_expand { background-position: -119px -3788px; width: 16px; height: 16px; }
.b_options { background-position: -23px -3793px; width: 16px; height: 16px; }
.b_selend { background-position: -39px -3793px; width: 16px; height: 16px; }
.b_selstart { background-position: -0px -3794px; width: 16px; height: 16px; }
.m_arciris { background-position: -55px -3804px; width: 16px; height: 9px; }
.m_arcirisdoble { background-position: -71px -3804px; width: 16px; height: 9px; }
.m_boira { background-position: -87px -3804px; width: 16px; height: 9px; }
.m_boiragebradora { background-position: -103px -3804px; width: 16px; height: 7px; }
.m_boirina { background-position: -119px -3804px; width: 16px; height: 7px; }
.m_calitja { background-position: -16px -3809px; width: 16px; height: 9px; }
.m_fum { background-position: -32px -3809px; width: 16px; height: 7px; }
.m_gebredebil { background-position: -0px -3810px; width: 16px; height: 14px; }
.m_gebredens { background-position: -103px -3811px; width: 16px; height: 14px; }
.m_glacada { background-position: -119px -3811px; width: 16px; height: 10px; }
.m_halolunar { background-position: -48px -3813px; width: 16px; height: 9px; }
.m_halosolar { background-position: -64px -3813px; width: 16px; height: 16px; }
.m_iridiscencia { background-position: -80px -3813px; width: 16px; height: 8px; }
.m_miratge { background-position: -32px -3816px; width: 16px; height: 10px; }
.m_pedra { background-position: -16px -3818px; width: 16px; height: 14px; }
.m_plugimgelat { background-position: -119px -3821px; width: 16px; height: 10px; }
.m_pluja { background-position: -80px -3821px; width: 16px; height: 16px; }
.m_plujagelada { background-position: -48px -3822px; width: 16px; height: 8px; }
.m_remolipols { background-position: -0px -3824px; width: 16px; height: 16px; }
.m_rosada { background-position: -96px -3825px; width: 16px; height: 6px; }
.m_tempesta-propera { background-position: -32px -3826px; width: 16px; height: 16px; }
.m_tempestasorra { background-position: -64px -3829px; width: 16px; height: 12px; }
.m_tro { background-position: -48px -3830px; width: 16px; height: 9px; }
.m_ventfort { background-position: -96px -3831px; width: 16px; height: 11px; }
.m_xafec { background-position: -112px -3831px; width: 16px; height: 14px; }
.m_tempesta { background-position: -128px -3831px; width: 15px; height: 16px; }
.m_aiguaneu-jpg { background-position: -135px -3788px; width: 14px; height: 16px; }
.m_neu { background-position: -135px -3804px; width: 14px; height: 16px; }
.i_note { background-position: -16px -3832px; width: 13px; height: 16px; }
.m_brocken { background-position: -80px -3837px; width: 13px; height: 16px; }
.m_neugranulada { background-position: -48px -3839px; width: 13px; height: 16px; }
.m_polssuspensio { background-position: -138px -3725px; width: 11px; height: 16px; }
.m_calamarsa { background-position: -139px -3749px; width: 10px; height: 16px; }
.m_tornado { background-position: -0px -3840px; width: 10px; height: 16px; }
.m_llamp { background-position: -61px -3841px; width: 9px; height: 16px; }
.m_broma { background-position: -70px -3841px; width: 8px; height: 16px; }
.m_plugim { background-position: -29px -3842px; width: 8px; height: 16px; }
.m_polsvent { background-position: -93px -3842px; width: 8px; height: 16px; }