<?xml version="1.0"?>

 <svg width="1000" height="1000"

      xmlns="http://www.w3.org/2000/svg"

      xmlns:xlink="http://www.w3.org/1999/xlink">

     <!--

     <a xlink:href="http://frantovo.cz"  xlink:title="Moje stránky!">

 	<circle cx="150" cy="100" r="50" style="fill:red; stroke-width: 3; stroke:rgb(0,0,0)"/>

     </a>

     <a xlink:href="javascript:alert('To čumíš, co? :-)')" xlink:title="Nečum!">

 	<circle cx="200" cy="100" r="50" style="fill:blue; stroke-width: 3; stroke:rgb(0,0,0)"/>

     </a>

     -->

     <style type="text/css">

 	rect.nekuracka {

 	    fill: blue;

 	    stroke: black;

 	}

 	rect.kuracka {

 	    fill: red;

 	    stroke: black;

 	}

     </style>

     <rect x="10" y="10" width="100" height="400" class="nekuracka"/>

     <rect x="150" y="10" width="100" height="400" class="kuracka"/>

 </svg>