/* General styles */
  body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		
		background:#6b0b0b ;
		min-width:600px;    	/* Minimum width of layout - remove line if not required */
		font-family:"Trebuchet MS", Verdana;
				/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;

	}
	a {
		text-decoration:underline;
		color:#aa2929;
	}
	a:hover {
		color:#000;
		background:transparent;
		text-decoration:none;
	}
	h1 {
		margin:.8em 0 .2em 0;
		padding:0px;
		font-variant: small-caps;
		font-size: 160%;
		color:#911;
	}
	h2  {
		margin:.8em 0 .2em 0;
		padding-left:12px;
		font-variant: small-caps;
		font-size: 130%;
		color:#900;
	}

	h3 {
		margin:.8em 0 .2em 0;
		padding-left:0px;
		font-variant: small-caps;
		font-size: 130%;
		color:#900;
	}
	p {
		margin:.1em 0 0.4em 0;
		padding:.1em;
	}
	img {
		margin:10px 0px 5px;
		border:1px solid #DDD;
		
	}
	/* Header styles */
	#header {
		clear:both;
		position:relative;
		float:top;
		width:100%;
      height:100%;
        background: #F5F5F5 url(../images/hlavicka.png) no-repeat left top;
		padding-bottom:0;
	}
	#header {
		border-bottom:1px solid #838281;
		
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:-130px 0 0 0;
		padding:0;
	}
	
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#c31b26;
		color:#FFF;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.8em;
        width: 80px;
      
	}
	#header ul li a:hover {
		background:#6c0c10;
        	width: 80px;
		color:#fff;
        
		
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#6c0c10;
        width: 80px;
		
	}
	#header ul li a span {
		display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#FFF;
		border-top:1px solid #ebebe9;
		border-bottom:1px solid #6c0c10;
		height:97px;
		margin:0px;
		padding:6px 15px !important;
		text-align:right;
		
		
	}
	#layoutform {
		clear:both;
		background:#f6f1c5;
		
		border:1px solid #911;
		margin:0px;
		padding:10px 20px !important;
		text-align:right;
        width: 90%;
         float:left;
		
		
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	
	}
	/* 2 column right menu settings */
	.rightmenu {
	    background:#ff9;
	}
	.rightmenu .colleft {
        float:left;
        width:188%;
        margin-left:-140px;
        position:relative;
        right:100%;
        background:#fff;
    }
    .rightmenu .col1wrap {
	    background:#ffffde;
	
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    padding-bottom:2em;
-moz-box-shadow: 3px 3px 4px #6b0b0b;
		-webkit-box-shadow: 3px 3px 4px #6b0b0b;
   	 	box-shadow: 3px 3px 4px #6b0b0b;
    	/* For IE 8 */
    		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    	/* For IE 5.5 - 7 */
    		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	
	}
	.rightmenu .col1 {
        margin:0 15px 0 215px;
        overflow:hidden;
	}
    .rightmenu .col2 {
        float:right;
        width:19.5%;
        position:relative;
        left:20.5%;
background:url(../images/back-col2.png) no-repeat right top;
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
	font-size:85%;
        width:100%;
		border-top:1px solid #000;
		color:#fbdd6f;
	
    }
    #footer p {
        padding:10px;
        margin:0;
    }
    /* --> */
    </style>
    <!--[if lt IE 7]>
    <style media="screen" type="text/css">
    .col1 {
	    width:100%;
	}
    </style>
    <![endif]-->
	#footer a {
		color:#fbdd6f;
		
	}
	
	/* Tabulky*/
	#stlpec1 {
		position:relative;
		margin:0px;
		float:left;
		width:45%;
		 }
	#stlpec2 {
		position:relative;
		padding:0px;
		float:right;
		width:45%;
			}
	#stlpec3{
		position:relative;
		margin:0;
		float:right;
		width:33%;
	}
	#bottom-text{
		position:relative;
		float:left;
			}