/**
* Ikony počasí
*/

.weather-icon {
    width: 38px;
    height: 38px;
    background: url('../images/ikony/icons-sprite.png');
}

.weather-icon.sada01 {
    width: 38px;
    height: 38px;
    background: url('../images/ikony/sada01/icons-sprite-small.png');
}

.weather-icon.sada02 {
    width: 38px;
    height: 38px;
    background: url('../images/ikony/sada02/icons-sprite-small.png');
}

.weather-icon.sada04 {
    width: 38px;
    height: 38px;
    background: url('../images/ikony/sada04/icons-sprite-small.png');
}

.weather-icon.sada05 {
    width: 38px;
    height: 38px;
    background: url('../images/ikony/sada05/icons-sprite-small.png');
}

.weather-icon.centered {
    margin: auto;
}

.weather-icon.right {
    float: right;
}

.weather-icon.state-1 {
    background-position: 0px 0px;
}

.weather-icon.state-2 {
    background-position: -38px 0px;
}

.weather-icon.state-3 {
    background-position: -76px 0px;
}

.weather-icon.state-4 {
    background-position: -114px 0px;
}

.weather-icon.state-5 {
    background-position: -152px 0px;
}

.weather-icon.state-6 {
    background-position: -190px 0px;
}

.weather-icon.state-7 {
    background-position: 0px -38px;
}

.weather-icon.state-8 {
    background-position: -38px -38px;
}

.weather-icon.state-9 {
    background-position: -76px -38px;
}

.weather-icon.state-10 {
    background-position: -114px -38px;
}

.weather-icon.state-11 {
    background-position: -152px -38px;
}

.weather-icon.state-12 {
    background-position: -190px -38px;
}

.weather-icon.state-13 {
    background-position: 0px -76px;
}

.weather-icon.state-14 {
    background-position: -38px -76px;
}

.weather-icon.state-15 {
    background-position: -76px -76px;
}

.weather-icon.state-16 {
    background-position: -114px -76px;
}

.weather-icon.state-17 {
    background-position: -152px -76px;
}

.weather-icon.state-18 {
    background-position: -190px -76px;
}

.weather-icon.state-19 {
    background-position: 0px -114px;
}

.weather-icon.state-20 {
    background-position: -38px -114px;
}

.weather-icon.state-21 {
    background-position: -76px -114px;
}

.weather-icon.state-22 {
    background-position: -114px -114px;
}

.weather-icon.state-23 {
    background-position: -152px -114px;
}

.weather-icon.state-24 {
    background-position: -190px -114px;
}

.weather-icon.state-25 {
    background-position: 0px -152px;
}

.weather-icon.state-26{
    background-position: -38px -152px ;
}

.weather-icon.state-27{
    background-position: -76px -152px ;
}

.weather-icon.state-28{
    background-position: -114px -152px ;
}

.weather-icon.state-29{
    background-position: -152px -152px ;
}

.weather-icon.state-30{
    background-position: -190px -152px ;
}

.weather-icon.state-31{
    background-position: 0px -190px ;
}

.weather-icon.state-32{
    background-position: -38px -190px ;
}

.weather-icon.state-33{
    background-position: -76px -190px ;
}

.weather-icon.state-34{
    background-position: -114px -190px ;
}

.weather-icon.state-35{
    background-position: -152px -190px ;
}

.weather-icon.state-36{
    background-position: -190px -190px ;
}

.weather-icon.medium {
    width: 48px;
    height: 48px;
    background: url('../images/ikony/medium/icons-sprite.png');
}

.weather-icon.medium.sada01 {
    width: 48px;
    height: 48px;
    background: url('../images/ikony/sada01/icons-sprite-medium.png');
}

.weather-icon.medium.sada02 {
    width: 48px;
    height: 48px;
    background: url('../images/ikony/sada02/icons-sprite-medium.png');
}

.weather-icon.medium.sada04 {
    width: 48px;
    height: 48px;
    background: url('../images/ikony/sada04/icons-sprite-medium.png');
}

.weather-icon.medium.sada05 {
    width: 48px;
    height: 48px;
    background: url('../images/ikony/sada05/icons-sprite-medium.png');
}

.s-1, .s-2, .s-3, .s-4, .s-5, .s-6, .s-7, .s-8, .s-9, .s-10, .s-11, .s-12, .s-13, .s-14, .s-15, .s-16, .s-17, .s-18, .s-19, .s-20, .s-21, .s-22, .s-23, .s-24, .s-25 {
    background: url(sprites.png) no-repeat;
}

.weather-icon.medium.state-1{
    background-position: 0px 0px;
}

.weather-icon.medium.state-2{
    background-position: -48px 0px;
}

.weather-icon.medium.state-3{
    background-position: -96px 0px;
}

.weather-icon.medium.state-4{
    background-position: -144px 0px;
}

.weather-icon.medium.state-5{
    background-position: -192px 0px;
}

.weather-icon.medium.state-6{
    background-position: -240px 0px;
}

.weather-icon.medium.state-7{
    background-position: -0px -48px;
}

.weather-icon.medium.state-8{
    background-position: -48px -48px;
}

.weather-icon.medium.state-9{
    background-position: -96px -48px;
}

.weather-icon.medium.state-10{
    background-position: -144px -48px;
}

.weather-icon.medium.state-11{
    background-position: -192px -48px;
}

.weather-icon.medium.state-12{
    background-position: -240px -48px ;
}

.weather-icon.medium.state-13{
    background-position: -0px -96px ;
}

.weather-icon.medium.state-14{
    background-position: -48px -96px ;
}

.weather-icon.medium.state-15{
    background-position: -96px -96px ;
}

.weather-icon.medium.state-16{
    background-position: -144px -96px ;
}

.weather-icon.medium.state-17{
    background-position: -192px -96px ;
}

.weather-icon.medium.state-18{
    background-position: -240px -96px ;
}

.weather-icon.medium.state-19{
    background-position: -0px -144px ;
}

.weather-icon.medium.state-20{
    background-position: -48px -144px ;
}

.weather-icon.medium.state-21{
    background-position: -96px -144px ;
}

.weather-icon.medium.state-22{
    background-position: -144px -144px ;
}

.weather-icon.medium.state-23{
    background-position: -192px -144px ;
}

.weather-icon.medium.state-24{
    background-position: -240px -144px ;
}

.weather-icon.medium.state-25{
    background-position: -0px -192px ;
}

.weather-icon.medium.state-26{
    background-position: -48px -192px ;
}

.weather-icon.medium.state-27{
    background-position: -96px -192px ;
}

.weather-icon.medium.state-28{
    background-position: -144px -192px ;
}

.weather-icon.medium.state-29{
    background-position: -192px -192px ;
}

.weather-icon.medium.state-30{
    background-position: -240px -192px ;
}

.weather-icon.medium.state-31{
    background-position: 0px -240px ;
}

.weather-icon.medium.state-32{
    background-position: -48px -240px ;
}

.weather-icon.medium.state-33{
    background-position: -96px -240px ;
}

.weather-icon.medium.state-34{
    background-position: -144px -240px ;
}

.weather-icon.medium.state-35{
    background-position: -192px -240px ;
}

.weather-icon.medium.state-36{
    background-position: -240px -240px ;
}

.weather-icon.big-sprite {
    width: 70px;
    height: 70px;
    background: url('../images/ikony/big/icons-sprite.png');
}

.weather-icon.big-sprite.sada01{
    width: 70px;
    height: 70px;
    background: url('../images/ikony/sada01/icons-sprite-big.png');
}

.weather-icon.big-sprite.sada02{
    width: 70px;
    height: 70px;
    background: url('../images/ikony/sada02/icons-sprite-big.png');
}

.weather-icon.big-sprite.sada04{
    width: 70px;
    height: 70px;
    background: url('../images/ikony/sada04/icons-sprite-big.png');
}

.weather-icon.big-sprite.sada05{
    width: 70px;
    height: 70px;
    background: url('../images/ikony/sada05/icons-sprite-big.png');
}

.weather-icon.big-sprite.state-1{
    background-position: 0px 0px;
}

.weather-icon.big-sprite.state-2{
    background-position: -70px 0px;
}

.weather-icon.big-sprite.state-3{
    background-position: -140px 0px;
}

.weather-icon.big-sprite.state-4{
    background-position: -210px 0px;
}

.weather-icon.big-sprite.state-5{
    background-position: -280px 0px;
}

.weather-icon.big-sprite.state-6{
    background-position: -350px 0px;
}

.weather-icon.big-sprite.state-7{
    background-position: 0px -70px;
}

.weather-icon.big-sprite.state-8{
    background-position: -70px -70px;
}

.weather-icon.big-sprite.state-9{
    background-position: -140px -70px ;
}

.weather-icon.big-sprite.state-10{
    background-position: -210px -70px ;
}

.weather-icon.big-sprite.state-11{
    background-position: -280px -70px ;
}

.weather-icon.big-sprite.state-12{
    background-position: -350px -70px ;
}

.weather-icon.big-sprite.state-13{
    background-position: 0px -140px ;
}

.weather-icon.big-sprite.state-14{
    background-position: -70px -140px ;
}

.weather-icon.big-sprite.state-15{
    background-position: -140px -140px ;
}

.weather-icon.big-sprite.state-16{
    background-position: -210px -140px ;
}

.weather-icon.big-sprite.state-17{
    background-position: -280px -140px ;
}

.weather-icon.big-sprite.state-18{
    background-position: -350px -140px ;
}

.weather-icon.big-sprite.state-19{
    background-position: 0px -210px ;
}

.weather-icon.big-sprite.state-20{
    background-position: -70px -210px ;
}

.weather-icon.big-sprite.state-21{
    background-position: -140px -210px ;
}

.weather-icon.big-sprite.state-22{
    background-position: -210px -210px ;
}

.weather-icon.big-sprite.state-23{
    background-position: -280px -210px ;
}

.weather-icon.big-sprite.state-24{
    background-position: -350px -210px ;
}

.weather-icon.big-sprite.state-25{
    background-position: 0px -280px ;
}

.weather-icon.big-sprite.state-26{
    background-position: -70px -280px ;
}

.weather-icon.big-sprite.state-27{
    background-position: -140px -280px ;
}

.weather-icon.big-sprite.state-28{
    background-position: -210px -280px ;
}

.weather-icon.big-sprite.state-29{
    background-position: -280px -280px ;
}

.weather-icon.big-sprite.state-30{
    background-position: -350px -280px ;
}

.weather-icon.big-sprite.state-31{
    background-position: 0px -350px ;
}

.weather-icon.big-sprite.state-32{
    background-position: -70px -350px ;
}

.weather-icon.big-sprite.state-33{
    background-position: -140px -350px ;
}

.weather-icon.big-sprite.state-34{
    background-position: -210px -350px ;
}

.weather-icon.big-sprite.state-35{
    background-position: -280px -350px ;
}

.weather-icon.big-sprite.state-36{
    background-position: -350px -350px ;
}

.weather-icon.big {
    width: 70px;
    height: 70px;
    background: url('../images/ikony/big/1.png');
}

.weather-icon.big.state-1 {
    background: url('../images/ikony/big/1.png');
}

.weather-icon.big.state-2 {
    background: url('../images/ikony/big/2.png');
}

.weather-icon.big.state-3, .weather-icon.big.state-4 {
    background: url('../images/ikony/big/3.png');
}

.weather-icon.big.state-5 {
    background: url('../images/ikony/big/4.png');
}

.weather-icon.big.state-6, .weather-icon.big.state-7 {
    background: url('../images/ikony/big/5.png');
}

.weather-icon.big.state-8 {
    background: url('../images/ikony/big/6.png');
}

.weather-icon.big.state-9 {
    background: url('../images/ikony/big/7.png');
}

.weather-icon.big.state-10 {
    background: url('../images/ikony/big/8.png');
}

.weather-icon.big.state-11 {
    background: url('../images/ikony/big/9.png');
}

.weather-icon.big.state-12, .weather-icon.big.state-13 {
    background: url('../images/ikony/big/10.png');
}

.weather-icon.big.state-14 {
    background: url('../images/ikony/big/11.png');
}

.weather-icon.big.state-15 {
    background: url('../images/ikony/big/12.png');
}

.weather-icon.big.state-16 {
    background: url('../images/ikony/big/13.png');
}

.weather-icon.big.state-17 {
    background: url('../images/ikony/big/14.png');
}

.weather-icon.big.state-18, .weather-icon.big.state-19 {
    background: url('../images/ikony/big/15.png');
}

.weather-icon.big.state-20, .weather-icon.big.state-21 {
    background: url('../images/ikony/big/16.png');
}

.weather-icon.big.state-22, .weather-icon.big.state-23, .weather-icon.big.state-24 {
    background: url('../images/ikony/big/17.png');
}

.weather-icon.big.state-25 {
    background: url('../images/ikony/big/18.png');
}