/* ----------------------------------------------------------------------------------------------------------
Obecne HTML tagy
---------------------------------------------------------------------------------------------------------- */

* { margin: 0; padding: 0; }
body, div, span, p, a, img, ul, ol, li, tr, th, td, form, fieldset, legend, label, applet, object, h1, h2, h3{ border: 0; }
body { font: 0.8em/1.5 "arial",sans-serif; text-align: center; }

h1, h2, h3, h4, h5, h6 { margin: 15px 0 10px 0; font-family: "arial",sans-serif; }

p, table, ul, ol, dl, fieldset { margin: 15px 0; }

table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }
th { text-align: center; font-weight: bold; }
th, td { padding: 3px 7px; }
.w-100 { width: 100%; }

label { font-weight: bold; }

ul, ol { margin-left: 30px; }
ul ul { margin: 0; margin-left: 20px; }
li { display: list-item; }

fieldset { position: relative; padding: 10px; }
legend { position: absolute; top: -1em; margin: 0; padding: 5px 10px; font-size: 100%; font-weight: bold; }

/* ----------------------------------------------------------------------------------------------------------
Univerzalni formatovaci styly
---------------------------------------------------------------------------------------------------------- */

.box { min-height: 1px; }
.box:after { display: block; visibility: hidden; clear: both; line-height: 0; font-size: 0; content:"."; }

.relative { position: relative; }
.noscreen { display: none; }
.clear { clear: both; }

.f-left { float: left !important; } img.f-left { float: left; margin-right: 10px; }
.f-right { float: right; } img.f-right { float: right; margin-left: 10px; }

.t-left { text-align: left; }
.t-center { text-align: center; }
.t-right { text-align: right; }
.t-justify { text-align: justify; }

.va-top { vertical-align: top; }
.va-middle { vertical-align: middle; }
.va-bottom { vertical-align: bottom; }

.nom { margin: 0; }
.nomt { margin-top: 0; }
.nomb { margin-bottom: 0; }

.bigger { font-size: 110%; }
.smaller { font-size: 85%; }

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

.main { position: relative; width: 960px; margin: 0 auto; text-align: left; }

	#header { padding: 30px 0; overflow: hidden }

        #logo { margin: 0; margin-bottom: 3px; font: normal 260%/1.2 "arial",sans-serif; letter-spacing: -1px; }
        #logo span { font-weight: bold; }
        #logo a { text-decoration: none; }

        #slogan { margin: 0; }
    	
        #search { position: absolute; top: 0; right: 0; }
        #search #search-input { width: 170px; padding: 4px; font: normal 100%/1.2 "arial",sans-serif; }
        #search #search-submit { padding: 3px 5px; font: bold 100%/1.2 "arial",sans-serif; }

    #nav { clear: both; background: url("images/nav.gif") 0 0 repeat-x; }
    #nav ul { margin: 0; padding: 0; list-style: none; }
    #nav li { display: inline; margin: 0; padding: 0; }
    #nav li a { display: block; float: left; padding: 10px 20px; text-decoration: underline; font-weight: bold; }
    #nav li#active a { font-weight: bold; text-decoration: none; }
	   
    #cols .main { padding-bottom: 15px; background: url("images/aside.gif") 100% 0 repeat-y; }

    	#content { float: left; width: 700px; }
    	#content p { text-align: justify; }
    	
    	#content-in { padding-left: 15px; }
    	
    	#perex { margin-bottom: 15px; padding: 15px; }
          #perex p { margin: 0; }                
  
            .section { float: left; width: 225px; overflow: hidden; }
            .section.margin { margin: 0 5px; }
            .section h3 { margin: 0; padding: 5px 15px; background: url("images/section.gif") 0 0 repeat-x; font-size: 120%; }

            #content h1 { margin: 0; margin-bottom: 10px; font-size: 160%; letter-spacing: -1px; }
            #content h2, #content h3, #content h4 { margin-bottom: 0; margin-bottom: 10px; font-size: 140%; letter-spacing: -1px; }
            #content h3, #content h4 { letter-spacing: 0; font-size: 120%; }
            
      div#content-in ul { margin: 15px 0 15px 20px; list-style: none; }
    div#content-in ul li { padding-left: 12px; background: url("images/ul-style01.gif") 0 5px no-repeat; }
    div#content-in ul ul { margin: 0; list-style: none; }
    div#content-in ul ul li { padding-left: 12px; background: url("images/ul-style01.gif") 0 5px no-repeat; }
                            
    	#aside { float: right; width: 244px; padding-right: 1px; overflow: hidden; }
    	
    	   #aside h3 { padding-right: 15px; background: url("images/arrow.gif") 100% 50% no-repeat; font-size: 100%; }
    	   #aside ul { margin: 5px 0 15px 0; padding: 0; list-style: none; }
    	   #aside ul li { margin: 0; padding: 4px 10px 4px 0; }

	#footer { clear: both; padding: 15px 0; }
    #footer p { margin: 0; }