<?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>