div.aktuality{
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 width: 100%;
 min-height: 500px;
}


div.aktualita{
  text-align: left;
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 width: 50%;
 height: 500px;
 float: left;
 position: relative;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 49%, #e6ebf5 100%);
    background: -webkit-linear-gradient(left, #ffffff 49%,#e6ebf5 100%);
    background: linear-gradient(to right, #ffffff 49%,#e6ebf5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6ebf5',GradientType=1 );
-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
div.aktualita p.datum, div.aktualita-velka p.datum{
  text-align: left;
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 font-size: 12px;
 position: absolute;
 right: 20px;
 bottom: 30px;
 color: #FFFFFF;
 padding: 10px;
 background: rgba(0, 0, 0, .8)
}



div.aktualita:hover {

    -webkit-filter: contrast(0.9);
  filter: contrast(0.9);
   -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}




div.aktualita h2{
 font-family:'Raleway', Helvetica, Arial, sans-serif;

 color: #000;
    font-size: 1.6em;
    line-height: 1.125em;
    font-weight: 600;
    position: relative;
    display: block;
    margin-left: 10%;
       margin-top: 20%;
       margin-right: 10%;

/*
 background: rgba(29, 103, 155, 0.8);*/

 padding-bottom: 10px;


}



div.aktualita h3{
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 color: #000;
 font-size: 1em;
     font-weight: 600;
    line-height: 1.125em;

  margin-left: 10%;
       margin-top: 20px;
       margin-right: 10%;
       margin-bottom: 10%;

}

div.aktualita a.vice {
    display: inline-block;
    padding: 20px 25px;
    font-size: 1.5em;


    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
        background-color: #ffcc00 ;

        color: rgba(0, 0, 0, 1);
        border: solid 1px #ffb400;
        position: absolute;

            margin-top: 3%;
    margin-left: 10%;

}


div.aktualita a.vice:hover {
background-color: #ffb400;

   -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;


}

@media all and (max-width: 500px) {

div.aktualita{
 width: 100%;
 height: 300px;
}

div.aktualita h2{

    font-size: 1.3em;
    line-height: 1.125em;
    font-weight: 600;

    margin-left: 10px;
       margin-top: 20px;
       margin-right: 10px;

/*
 background: rgba(29, 103, 155, 0.8);*/

 padding-bottom: 10px;





}



div.aktualita h3{

 font-size: 1em;
     font-weight: 600;
    line-height: 1.125em;

  margin-left: 10px;
       margin-top: 20px;
       margin-right: 10px;
       margin-bottom: 20px;

}

div.aktualita a.vice {
    padding: 10px 15px;
        margin-left: 10px;

}

}

/* velký prouzek */
div.aktualita-velka {

  width: 100%;
  height: 400px;
  text-align: center;
  position: relative;
  background: rgba(255, 255, 255, 1)
}












div.aktualita-velka a.vice {
    display: inline-block;
    padding: 20px 25px;
    font-size: 1.5em;


    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
        background-color: rgba(255, 234, 42, 1);
        color: rgba(0, 0, 0, 1);
        border: solid 1px rgba(255, 255, 255, 0)

}
div.aktualita-velka h2{
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 position: relative;
 color: #000000;
    font-size: 3em;
    line-height: 1.125em;
        padding-top: 100px;


/*
 background: rgba(29, 103, 155, 0.8);*/

 padding-bottom: 40px;

/*        -moz-text-shadow:  0px 1px 2px rgba(0,0,0,0.6);
-webkit-text-shadow:   0px 1px 2px rgba(0,0,0,0.6);
text-shadow: 0px 1px 2px rgba(0,0,0,0.6);*/


 text-transform: uppercase;




}


div.aktualita-velka h3{
 font-family:'Raleway', Helvetica, Arial, sans-serif;
 font-weight: bold;

 color: #000;
 font-size: 1.125em;
    line-height: 1.125em;
/*        -moz-text-shadow:  0px 1px 2px rgba(0,0,0,0.6);
-webkit-text-shadow:   0px 1px 2px rgba(0,0,0,0.6);
text-shadow: 0px 1px 2px rgba(0,0,0,0.6);*/
margin-bottom: 20px;


}
 div.aktualita-velka a.vice:hover {
   background-color: rgba(0,0,0, 0.9);
   border-color: #000000;
   -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    color: rgba(255, 255, 255, 1);
          border: solid 1px rgba(255, 255, 255, .1)
}


@media all and (max-width: 500px) {
  div.aktualita-velka {

  height: 300px;

}
 div.aktualita-velka a.vice {
    padding: 10px 15px;
}
 div.aktualita-velka h2{
   padding-top: 70px;
  font-size: 1.7em;
}
 div.aktualita-velka h3{
  font-size: 13px;
}
}