body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff url('/images/bg.jpg') 0 0 repeat;
        min-width:900px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		  font-size:90%;
		  font-family: Arial, Helvetica, sans-serif, Verdana ;
    }
	a {
    	color:#369;
	}
	a:hover {
		text-decoration:none;
	}
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    h3 { border-bottom: 1px solid gray; }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
        text-align: justify;
    }
	img {
		margin:10px 0 5px;
	}
	#container{
    width:900px;
    margin:0 auto;
  }
  #container-index{
    width:542px;
/*    margin:10px auto; */
    height:542px;position:absolute;top:50%;left:50%;margin:-271px 0 0 -271px;
  }
/* Header styles * /
    #header {
        clear:both;
        float:left;
        width:100%;
    }
	#header {
		
		background:#fff url('/images/header.jpg') bottom center no-repeat;
		height: 192px;
	}
	#header p.infotext { text-align: center; margin: 20px 0 0 480px}
	#header p.homelink { margin: 25px 0 0 25px } 
	#header p.homelink a { color: #f00; font-weight: bold} 
		
	#header h1 { margin:5px 0 0 5px; padding:0; font-size:36px; color: #2E7CD3; }
*/
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 0 !important;
		text-align:right;
	}
	/* 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 left menu settings */
	.leftmenu {
	    background:#D4D6EC;
	}
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:250px;
        background:#fff url('/images/content-bg.jpg') top left repeat-y;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:250px;
	    padding-bottom:1em;
	    
	}
	.leftmenu .col1 {
      margin:0 0 0 250px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
	.leftmenu .col1 .content {
	   padding: 76px 100px 100px 30px;
	   background:transparent url('/images/header.jpg') top left no-repeat; 
	}
	
	#sf_admin_content .content { padding: 0; background: none;}
  #sf_admin_content fieldset { margin: 20px 0 3px 0; border: none; border-bottom: 0px;  }
  #sf_admin_content .form-errors { margin: 20px 0 3px 0; border: none; border-bottom: 0px;  }
#sf_admin_content .form-errors
{
  margin-bottom: 10px;
  border: 1px solid #f33;
  background-color: #ffc;
}

#sf_admin_content .form-errors h2 { padding: 5px 20px 5px 25px; font-size: 11px; color: #fff; background: #f33 url(../images/error.png) no-repeat 5px 2px; }
#sf_admin_content .form-errors dl{ padding: 5px; }
#sf_admin_content .form-errors dt{ font-weight: bold; float: left; padding-right: 5px; font-size: 11px; }
#sf_admin_content .form-errors dd { margin: 0; font-size: 11px; }
#sf_admin_content .form-error{ color: #f33; }
#sf_admin_content .form-error input, #sf_admin_container .form-error select, #sf_admin_container .form-error textarea{  border: 1px solid #f33; }
#sf_admin_content .save-ok { margin-bottom: 10px; border: 1px solid #73B65A; }

#sf_admin_content .save-ok h2 { margin: 0 !important; padding: 5px 20px 5px 25px; font-size: 11px; color: #fff; background: #73B65A url(../images/ok.png) no-repeat 5px 2px; }
#sf_admin_content .sf_admin_action_save { background: url('/sf/sf_admin/images/save.png') no-repeat 3px 2px; border-right: 4px solid #73B65A !important; padding: 3px 3px 3px 20px; color: #333; font-size: 11px; font-family: Arial, sans-serif; border: 1px solid gray; border-right: 4px solid #999; background-color: #ffc; cursor: hand; cursor: pointer;
 }



	
  .leftmenu .col2 {
        float:left;
        width:250px;
        position:relative;
        right:250px;
        background:#D4D6EC url('/images/logo.jpg') 30px 10px no-repeat;
    }
    
   a.index { color: #000; margin:0; padding:0;float:left;display:block;} 
   a.index:hover { background: none; }
   a.index img { border:none; margin:0; padding:0; display:block;} 
    
  #language_link{ margin: 100px 0 0 8px;}
  #language_link p { text-align:right; }
  #language_link a { display:block; height: 30px;widht: 120px;text-decoration:none;background: url('/images/czech_flag.gif') 150px 0 no-repeat;margin-right:5px;line-height:20px; }
  #language_link a.cs { background-image: url('/images/czech_flag.gif'); }
  #language_link a.en { background-image: url('/images/english_flag.jpg'); }
  
  
  #menu { 

    margin: 10px 0 0 8px;
  }
	#menu ul {
	    clear:left;
	    float:left;
	    width: 225px;
	    list-style:none;
	    margin:10px 0 ;
	    padding:0;
	}
	#menu ul li {
	    list-style:none;
	    margin:2px;
	    padding:0;
	    height:30px;
	}
	#menu ul li a {
	    display:block;
	    float:left;
	    margin:0 20px 0 1px;
	    padding:3px 0 3px 25px;
	    text-align:left;
	    text-decoration:none;
		  line-height:1.5em;
		  color: #000;	
		  width:170px;
		  border: none;
		  background: transparent url('/images/menu_dot.gif') 0 5px no-repeat;
	}
	#menu ul li a:hover {
		color:#000;
		border-bottom: 1px solid #000;
	}
	#menu ul li a.active,
	#menu ul li a.active:hover {
	    font-weight:bold;
	}
	#menu ul li a span {
	    display:block;
	}
	
	.camplinks { }
	.camplinks h4 { font-size: 80%; margin: 0; padding:0; }
	.camplinks p { font-size: 80%; margin: 0 0 10px 0; padding:0; text-align:left }
	.camplinks a { }
    
	.lecturers { }
	.lecturers h3 { }
	.lecturers p { text-align:left }
	.lecturers img { float:left;margin: 33px 10px 0 0; display: block }
	.lecturers .box { margin-left: 10px;float:left;width:350px }
	
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		    background: #fff;
		    color: #000;
		    padding:0;
    }
    #footer p {
        padding:10px;
        margin:0;
        text-align: center;
        background: #fff;
        border-top: 1px solid gray;
    }
    .crlblue { color: #2E7CD3;  font-weight: bold;}
    .crlred { color: #f00;  font-weight: bold; }
    big { font-size: 150%; font-weight: bold;}
    .f-left { float: left }
    .f-right { float: right }
    
    /* Zarovnani textu */
    .t-left { text-align: left }
    .t-center { text-align: center }
    .t-right { text-align: right }
    
    .v-top { vertical-align: top }
    .v-middle { vertical-align: middle }
    
    .box {min-height:1px; _height:1%;}
    .box:after { display: block; visibility: hidden; clear: both; line-height: 0px; font-size: 0px; content: "." }
    
    .noscreen { display: none }
    .hidden { display: none }
    .nowrap { white-space: nowrap }
    
    .clear { clear: both }
    .cleaner { visibility: hidden; clear: both; height: 1px; margin: -1em 0 0 0; line-height: 0; font-size: 0; border: 0 }

    ul.error_list{ margin: 0; margin-bottom: 7px; color: #d33; border: none; background-color: #f33; }
  ul.error_list li { padding: 4px; padding-left: 25px; list-style: none; color: #fff; background: url('/sf/sf_admin/images/error.png') no-repeat 4px 4px; }
  div.notice{ margin: 4px 0; padding: 4px 4px 4px 30px; background: url('/sf/sf_admin/images/tick.png') no-repeat 10px 4px; border: 1px solid red; background-color: #ffc; }