html, body { color: #000; font-size: 18px; font-family: "Calibri", Arial, sans-serif; padding: 0; margin: 0; background: #dbdbdb url(/repository/layout/body-back.png) repeat-y center top; }

div#main { width: 1000px; margin: auto; background-color: #fff; position: relative; }
  div#header { position: relative; height: 443px; background: url(/repository/layout/header-back.jpg) no-repeat left bottom; }
    div#user-panel { position: absolute; right: 45px; top: 17px; width: 318px; height: 154px; }
      div#user-panel > div.title { position: absolute; right: 25px; top: 15px; font-weight: bold; text-transform: uppercase; font-size: 20px; }
      div#user-panel > form > div.form-box { position: absolute; width: 158px; height: 36px; background: url(/repository/layout/form-box-back.gif) no-repeat right bottom; }
        div#user-panel > form > div.form-box > span { font-size: 13px; color: #007832; line-height: 13px; text-transform: uppercase; }
        div#user-panel > form > div.form-box > input { width: 135px; height: 16px; position: absolute; left: 17px; bottom: 1px; border: 0; background-color: #fff; }
      
      div#user-panel > form > div.mail { top: 39px; left: 32px; }
      div#user-panel > form > div.pass { top: 82px; left: 32px; }
      div#user-panel > form > div.login-button { position: absolute; left: 216px; top: 96px; }
      
      div#user-panel > div.portrait { position: absolute; left: 9px; top: 14px; }
      div#user-panel > div.name { position: absolute; left: 116px; top: 22px; font-size: 20px; color: #007832; }
      div#user-panel > div.profile { position: absolute; font-size: 11px; text-transform: uppercase; left: 116px; top: 128px; }
      div#user-panel > div.separator { width: 1px; height: 11px; overflow: hidden; background-color: #000; position: absolute; left: 217px; top: 128px; }
      div#user-panel > div.logout { position: absolute; font-size: 11px; text-transform: uppercase; left: 249px; top: 128px; }
      	div#user-panel > div.profile > a { color: #000; text-decoration: none; }
      	div#user-panel > div.logout > a { color: #000; text-decoration: none; }
      	div#user-panel > div.name > a { color: #007832; text-decoration: underline; }
        
    div#header > div.motto { color: #fff; position: absolute; left: 43px; bottom: 0; line-height: 26px; text-transform: uppercase; font-weight: bold; font-size: 17px; }
    
    ul#menu { position: absolute; top: 170px; right: 0; list-style: none; }
    	ul#menu li { float: left; color: #fff; text-transform: uppercase; }
    		ul#menu li a { color: #fff; text-decoration: none; display: block; padding: 0 18px; background: url(/repository/layout/menu-sep.gif) no-repeat left 6px; }
  
  div#content { padding: 35px 0 0 15px; width: 741px; float: left; }
    div#content a { color: #007831; text-decoration: underline; }
    div#content a:hover { text-decoration: none; }
  
  div#panel { width: 244px; float: right; }
    div#panel > div.banner { height: 638px; background: url(/repository/layout/panel-back.jpg); }
    
    div#categories { padding-top: 5px; text-align: center; }
    	div#categories img { margin-top: 15px; }
  
  div#partners-sep { height: 38px; }

div#partners { width: 1100px; height: 250px; position: relative; margin: auto; background: url(/repository/layout/partners-back.jpg) no-repeat left top; }
  div#partners > div.header { position: absolute; left: 526px; top: 30px; color: #000; font-size: 14px; font-weight: bold; }
  div#partners > div.logos { position: absolute; left: 94px; top: 65px; }
  
  div#partners > div.copy { position: absolute; left: 194px; bottom: 25px; color: #d2d2d2; font-size: 14px; }

div#archive { padding-top: 60px; }
	div#archive-header { position: relative; height: 36px; background: url(/repository/layout/archive-header.png) no-repeat left top; }
		div#archive-header > div { position: absolute; text-transform: uppercase; left: 100px; top: 4px; }
	
	div#bxslider {  }
		div#bxslider div.title { width: 142px; height: 208px; background: url(https://ddk.ddk.cz/repository/layout/title-back.png) no-repeat center top; }
			div#bxslider div.title div.head { text-align: center; font-size: 12px; }
				div#bxslider div.title div.head a { color: #000; text-decoration: none; }
					
			div#bxslider div.title img { margin: 0 auto; }

.textInput { width: 250px; padding: 5px; border: 1px solid #737373; }
.submit { border: 1px solid #A3A3A3; background-color: #A3A3A3; padding: 5px 30px; }

.blank { display: none; }
.reset { clear: both; }
p.error { text-align: center; padding: 5px; background-color: #AE0000; color: #EAEA00; font-weight: bold; }
p.passed { text-align: center; padding: 5px; background-color: #00D700; color: #000; font-weight: bold; }

a img { border: 0; }

div.left { float: left; padding-bottom: 20px; }
div.right { float: right; padding-bottom: 20px; }

img.eddk-title { border: 2px solid #d2d2cf; }

.tablet-top { position: absolute; top: -185px; left: 0; }
.tablet-right { position: absolute; top: -185px; left: -255px; }
.tablet-left { position: absolute; top: 0; right: -168px; }

div#app-editions, div#epapers-editions { height: 350px; overflow-y: scroll; }

/*************************************************
Archiv pro inzerenty
*************************************************/
ul#ai { margin: 0; padding: 0; list-style-type: none; }
	ul#ai li { float: left; margin: 0 23px 23px 0; width: 100px; }
		ul#ai li span { display: block; font-size: 0.7em; }

/*************************************************
Items
*************************************************/
.item-001 { font-weight: bold; color: #CA0000; }
.item-002 { text-align: right; vertical-align: middle; }
.item-003 { padding: 5px 0 5px 30px; }
.item-004 { padding: 5px; width: 200px; }
.item-005 { padding: 5px 20px; }
.item-006 { padding: 3px 30px 3px 0; vertical-align: middle; }
.item-007 { padding: 3px 0; vertical-align: middle; }
.item-008 { text-align: center; padding: 3px 0; }
.item-009 { border: 0; color: #fff; background-color: #47AF52; padding: 8px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.item-010 { margin: auto; }

/*************************************************
Radkova
*************************************************/
#radkova {}
	#radkova .editor .left { width: 65%; }
	#radkova .editor .right { width: 30%; }
	#radkova .editor ul { margin: 0; padding: 0; list-style-type: none; }
	#radkova .editor textarea { width: 100%; height: 272px; border: 1px solid #737373; padding: 5px; }
	#radkova .editor p:first-child { margin-top: 0; }
	#radkova .editor div { padding: 0; }
	#radkova .editor li div { padding-top: 5px; }
	#radkova .editor li div.image { display: none; }
	#radkova .editor img { width: 100%; height: auto; }
	
	#radkova .inicialy p { margin-top: 0; }
	#radkova .inicialy ul { margin: 0; padding: 0; list-style-type: none; }
	#radkova .inicialy ul label { width: 11.667em; display: inline-block; }
	#radkova .inicialy ul input { width: 40%; }
	#radkova .inicialy ul li { padding: 0.167em 0; }
	
	#radkova .divSubmit { text-align: right; }