body{padding: 40px;}

/* ZAČÁTEK: základní */
#konference{
  background-color: #000; 
  width: 960px;
  float:left;
  background-image: url('obrazky/konference.jpg');
  background-position: center;
  height: 240px;
}

#stitek{
  text-align: center;
  width: 200px;
  border: 2px solid blue;
}

#info{
  margin: 20px;
  padding: 20px;
  width: 660px;
  height: 160px;
}


#stitek, #info{
   float: left;
   background-color: #fff; 
}


#stitek h2{
  margin: 0;
  color: red; 
  font-size: 40px;
}

#stitek h3{
  margin: 0;
  background-color: blue;
  color: #fff;
}
/* KONEC: základní */


/* ZAČÁTEK: přechod */        
#stitek{
  background-image: -moz-linear-gradient(
    top, #fff, #efefef
  );
  
  background-image: -webkit-gradient(
     linear,left top, left bottom,
     color-stop(0, #fff),
     color-stop(1, #efefef)
  );
  
  background-image: linear-gradient(
    top, #fff, #efefef
  );
}
/* KONEC: přechod */

/* ZAČÁTEK: stín */
#stitek{
  -moz-box-shadow: 5px 5px 5px #333;
  -webkit-box-shadow: 5px 5px 5px #333;
  -o-box-shadow: 5px 5px 5px #333;
  box-shadow: 5px 5px 5px #333;
}
/* KONEC: stín */

/* ZAČÁTEK: rotace */
#stitek{
  -moz-transform: rotate(-7.5deg);  
  -o-transform: rotate(-7.5deg);  
  -webkit-transform: rotate(-7.5deg);  
  -ms-transform: rotate(-7.5deg);
  transform: rotate(-7.5deg);
}
/* KONEC: rotace */

/* ZAČÁTEK: průhlednost */
#info{
  background-color: rgba(255,255,255,0.95); 
}
/* KONEC: průhlednost */

/* ZAČÁTEK: zakulacení */
#info{
  moz-border-radius: 12px;
  webkit-border-radius: 12px;
  o-border-radius: 12px;
  border-radius: 12px;
}
/* KONEC: zakulacení */
