.layout {
  width: 1003px;
  margin: 0 auto; padding: 0;
}

/********** HEAD *********************************/
.header{
	height: 81px;
	float:none;
}
#head {
  height: 140px;
  background: transparent url('../img/top_bg.png') bottom left repeat-x;
}
#head img {
  float: left; margin: 0 0 0 40px;
}
#head #websearch {
  width: 460px; height: 35px;
  padding: 10px 0 0 30px;
  float: left; text-align: left;
}
#head #loginform {
	width: 200px; float: right;
	margin: 0 40px 0 0;
	text-align: right;
	color: #02a0d1;
	position: relative; z-index: 20;
}
#head #loginform .cleaner { height: auto; line-height: 21px; margin: 0 0 4px 0; }
#head #loginform label {
	display: inline; 
	text-align: right; margin: 0 10px 0 0;
}
#head #loginform .txt_pole {
	border: 1px solid #aaa;
}
#head #loginform .tlacitko  {
	border: 1px solid #aaa; color: #555;
}
#head #loginform a {
	padding: 1px 5px; border: 1px solid #02a0d1; background: #33CCCC; text-decoration: none; font-weight: bold; color: white;
}
#head #loginform a:hover { border: 1px solid #ccc; background: #efefef; color: black; }

#head #userstate {
	width: 200px; float: right;
	margin: 20px 40px 0 0;
	text-align: center;
	color: #02a0d1;
	position: relative; z-index: 20;
}

#head a {
  margin: 0 10px 0;
  padding: 0 0 3px;
  color: #02a0d1;
}

#head #websearch .search {
  width: 400px; height: 25px;
  margin: 5px 0 0 0;
  background: url('../img/search_field.png') top left no-repeat;
  border: 0; padding: 5px 5px 0; color: #777;
}
#head #websearch .submit {
  height: 37px; width: 37px;
  background: url('../img/search_button.png') top left no-repeat;
  border: 0;
}

#head .layout { position: relative; padding-top: 21px; }

/********** MENU *********************************/
#menu {
  width: 1003px;
  clear: both; margin: 0 auto;
  position: absolute; top: 90px; left: 0;
}
#menu ul { float: left; margin: 0; padding: 0; height: 67px; overflow: hidden; }
#menu .other { position: absolute; top: 0; right: 0; width: 294px; z-index: 200; }

#menu .menu { 
  margin: 12px 0 0 0; padding: 10px 7px 0;
  display: block;
  height: 40px; float: left;
}
#menu .menu a { color: #e81115; font-weight: bold; text-decoration: underline; text-align: center; }
#menu .menu a:hover { text-decoration: none; cursor: pointer; }
#menu .menu.over {
  height: 45px; padding: 0px;
  background: url('../img/menu_field_over_bg.png') top center repeat-x;
}
#menu .menu.over a { color: white; text-decoration: none; padding: 0; margin: 0; }
#menu .menu.over a span { float: left; display: block; z-index: 10; }
#menu .menu.over a span.ol { width: 46px; height: 52px; background: url('../img/menu_field_over_ol.png') top left no-repeat; }
#menu .menu.over a span.or { width: 41px; height: 52px; background: url('../img/menu_field_over_or.png') top left no-repeat; }
#menu .menu.over a span.tt { height: 55px; line-height: 32px; /*background: url('../img/menu_field_over_tt.png') bottom center no-repeat;*/ }

#menu .other .more {
  width: 190px; height: 52px; 
  background: url('../img/menu_up.png') bottom right no-repeat;
  position: relative; z-index: 30;
  float: right; margin: 0;
  cursor: pointer;
} 

#menu .other .up {
  width: 77px; height: 52px; 
  float: left;
  top: 0px;
  background: url('../img/menu_more.png') bottom left no-repeat;
  position: relative; z-index: 20;  
} 

#menu .other .more #tlacitko {       
  background: url('../img/prouzek.png') top center repeat-x; 
  position: absolute; top: -50px; right: 67px;
  visibility: visible; z-index: -5;
  width: 135px;
  color: white; font-weight: bold; text-align: center; text-decoration: none;
}
#menu .other .more #vice {       
  background: url('../img/prouzek.png') top center repeat-x; 
  position: absolute; top: -38px; right: 67px;
  visibility: visible; z-index: -10;
  width: 150px; height: 52px; line-height: 35px;
  color: white; font-weight: bold; text-align: center;
}
#menu .other .up a{
	margin: 0;
	padding: 0;
	display:block;
	height: 52px;
}
#menu .other .more  div#zalozky_more {    
	position: absolute; top: 30px; right: 0px;
	width: 432px;
	margin-top: 20px;
	visibility: hidden;
	z-index: 100;
}

#menu .other .more div#zalozky_more .top { height: 50px; background: url(../img/pozadi_ramecek_nahore.png) top right; }
#menu .other .more div#zalozky_more .cnt { background: url(../img/pozadi_ramecek.png) bottom left repeat-y; }
#menu .other .more div#zalozky_more .bottom { height: 13px; background: url(../img/pozadi_ramecek_dole.png) bottom left no-repeat;  }

#menu .other .more div#zalozky_more ul {
  width: 45%; float: left; height: auto;
  margin: 0; padding: 0;
  list-style-type: none;
}
#menu .other .more  div#zalozky_more ul li { line-height: 20px; padding: 0 10px 0 20px; text-indent: -0.9em; }
#menu .other .more  div#zalozky_more ul li a {
  color: #e81115; font-weight: bold;
  text-decoration: underline;
}

/********** INVITE *******************************/
#invite {
  width: 300px; height: 38px; line-height: 38px;
  margin: 0px 0 0 0;
  text-align: center; color: white; font-weight: bold;
  background: url('../img/intro_bg.png') top left no-repeat;
}

/********** BOX **********************************/
#box {
  padding: 17px 0;
  background: #0072a3 url('../img/box_bg.png') top left repeat-x;
}
#box #auth {
  margin: 0; padding: 0;
  position: relative;
  background: #0f98cb url('../img/submenu_right.png') top right no-repeat;
}
#box #auth ul { 
	width: 100%;
  margin: 0; padding: 0;
  background: #0f98cb url('../img/submenu_right.png') top right no-repeat;
}
#box #auth ul li { display: inline; margin: 0 10px; height: 22px; line-height: 22px;}
#box #auth ul li a { color: white; }

#box #auth ul li.sub_l {
  padding: 4px 4px 3px 4px; margin: 0;
  background: #0f98cb url('../img/submenu_left.png') top left no-repeat;
}

#box #submenu {
	width: 193px; float: left;
	margin: 0 10px 0 0;
	background: url('../img/submenu-top.png') top left no-repeat;
}
#box #submenu div {
	padding: 0 0 10px 0;
	background: transparent url('../img/submenu-bottom.png') bottom left no-repeat;	
}
#box #submenu div ul {
	width: 161px; float: none;
	margin: 10px 0 0 0; padding: 0 15px;
	border-left: 1px solid #0072a3;
	border-right: 1px solid #0072a3;
}
#box #submenu div ul li {
	padding: 5px 0;
}

#box #catalog{
	min-height: 200px;
}


#box #catalog .item {
  width: 200px; text-align: center;
  height: 150px;
  margin: 10px 0;
  float: left;
}
#box #catalog .item a {
  display: block; color: white; text-decoration: underline;
}
#box #catalog .item a:hover { text-decoration: none; }
#box #catalog .item a img {
  display: block; margin: 0 auto 10px;
  border: 1px solid #81b5c7;
}
#box #catalog .item a span { padding: 0 0 0 8px; background: url('../img/icons/add_arrow.png') left center no-repeat; }
#box #catalog .item a.add { width: 134px; height: 30px; margin: 0 auto; padding: 114px 0 0; background: url('../img/icons/button_add.gif') 50% 30px no-repeat; }

/********** Box rubrics ****************************/
.rubriky, .emaily, .vyhledavace, .video,.small_rubrika {
  float:left;
  padding: 0 0 0 20px;
}
.rubriky { width: 434px; padding-right: 28px; }
.emaily { width:153px; }
.vyhledavace { width:151px; }
.video { width:156px; }
.small_rubrika{width: 200px;}

.rubriky .title, .emaily .title, .vyhledavace .title, .video .title, .small_rubrika .title {
  display: block; height: 24px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left top;
  padding: 10px 0 0 19px; margin: 0; 
}

.title a {
  color:#0072A3;
  text-decoration:none; 
}


.rubriky .title h2, .emaily .title h2, .vyhledavace .title h2, .video .title h2,.small_rubrika .title h2 {
  font-size: 1em; color: #0072a3;
  margin: 0;
}

.rubriky .title { background-image: url('../img/rubriky_title.png'); background-position: 0 6px; }
.emaily .title { background-image: url('../img/email_title.png'); }
.vyhledavace .title { background-image: url('../img/vyhledavace_title.png'); }
.video .title { background-image: url('../img/video_title.png'); }
.small_rubrika .title { background-image: url('../img/menu_title_small.gif'); }

.rub {
  float:left;
  padding: 0 28px 0 0;
  width: 470px;
}
.rub .title {
  display: block; height: 24px;
  overflow: hidden;
  padding: 10px 0 0 19px; margin: 0; 
  background: url('../img/rubriky_title3.png') 0 6px no-repeat;
}
.rub .title h2 {
  font-size: 1em; color: #0072a3;
  margin: 0;
}
.rub .title a {
  font-size: 1em; color: #0072a3;
  font-weight:bold;
  margin: 10px 20px ;
  text-decoration:underline;
}
.rub .srub { padding: 0 20px; }

.rub2 {
  float:left;
  padding: 0 0 0 28px;
  width: 750px;
}
.rub2 .title {
  display: block; height: 24px;
  overflow: hidden;
  padding: 10px 0 0 19px; margin: 0; 
  background: url('../img/rubriky_title2.png') 0 6px no-repeat;
}
.rub2 .title h2 {
  font-size: 1em; color: #0072a3;
  margin: 0;
}


.omez_vysku{
	height: 208px; overflow:hidden;
}
#box div div ul{
  float: left; width: 130px;
  list-style-type:none;
  margin: 0; padding: 0;
}
#box div div.list_rubrik_2 ul {
  float: left; width: 216px;
  list-style-type: none;
  margin: 0 0 10px 19px; padding: 0; 
}
#box div div ul li { padding: 10px 0 0 0; }
#box div div ul li a {
  color: white; font-size: 12px; font-weight:bold; text-decoration: underline;
  margin: 0; 
}

#box div div ul li ul, #box div div.list_rubrik_2 ul li ul { margin: 0 0 10px; }
#box div div ul li ul li { margin: 0; padding: 0; display: inline; }
#box div div ul li ul li a { font-weight: normal; margin-right: 5px; }

#box div#paging{
	text-align:center;
}

#box div#paging a{
	font-size: 16px;
	color:#FFFFFF;
}

#box div#paging a.active{
	color: #bbe3f0;
	font-size: 19px;	
	text-decoration: none;
}

/*********** breadcrumb ********/
.breadcrumb{
	margin: 0 0 0 30px; padding: 0;
	line-height: 21px;
	color: #02a0d1;
	float: left; width: 460px;
}
#head .layout .breadcrumb  a.breadnode{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#head .layout .breadcrumb  span.breadnodeselected{
	color: #000000;
}
/********** UNDER BOX ******************************/
#boxbot {
  height: 51px;
  background: url('../img/box_bot_bg.png') top left repeat-x;
}
#boxbot .pager { 
  width: 1003px; height: 46px;
  margin: auto; padding: 5px 0 0;
  background: url('../img/bot_box.png') top left no-repeat;
  font-weight: bold; color: #0072a3;
}
#boxbot .pager .pos { width: 402px; margin: 0 0 0 70px; float: left; padding: 0; }
#boxbot .pager .pos a { color: #0072a3; margin: 0 0 0 3px; }
#boxbot .pager .pos a:hover { color: white; }
/*#boxbot .pager .links { width: 250px; float: left; text-align: right; }
#boxbot .pager .links a { color: #0072a3; margin: 0 0 0 3px; }
#boxbot .pager .links a:hover { color: white; }
*/


/********** RUBRICS ******************************/
.rubrics {
  width: 485px; margin: 0 30px 0 0; float: left;
}
.rubrics.r-end { margin: 0; }
.rubrics ul {
  width: 50%; float: left;
  margin: 20px 0; padding: 0;
  list-style-type: none;
}
.rubrics ul li { height: 20px; line-height: 20px; padding: 0 20px; }
.rubrics ul li a {
  color: #e81115; font-weight: bold;
  text-decoration: underline;
}
.rubrics .title {
  height: 22px; line-height: 22px;
  background: #bbe3f0 url('../img/h_left.png') top left no-repeat; 
  padding: 0 0 0 19px;
}
.rubrics h2 {
  height: 22px; 
  font-size: 1em; color: #0072a3;
  margin: 0;
  background: url('../img/h_right.png') top right no-repeat;
}

/********** CONTENT *******************************/
.content { 
  padding: 32px 0;
}
.content.index { padding: 0 0 32px 0;}

div.content div.title {
  height: 22px; line-height: 22px;
  background: #bbe3f0 url('../img/h_left.png') left top no-repeat; 
}

div.content div.title span { 
  display: block;
  height: 22px; 
  background: url('../img/h_right.png') right top no-repeat; 
  padding: 0 0 0 19px;
  color: #0072a3;
}
div.content div.title h2 {
  font-size: 1em;
  margin: 0;
}

div.content div.article {
  clear: both; 
  padding: 10px 0 0 0;
  margin: 0 0 0 21px;    
}

div.content div.article img {
  float: left;
  margin: 0 20px 10px 0;
}

div.content div.article p {    
  margin: 15px 0 15px 0;
  color: black;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none; 
}

div.content div.article a {    
  margin: 0;
  color: #f44b4e;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline; 
}
div.content div.article h3 a{    
  margin: 0;
  color: #f44b4e;
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline; 
}

div.content div.rub { float: right; clear: right; }
div.content div.rub .title { padding: 0; }
div.content div.rub ul { float: left; margin: 0 0 30px 0; padding: 0; width: 50%; list-style-type: none; }
div.content div.rub ul li { padding: 12px 0px 0 19px; }
div.content div.rub ul li a { color: #f44b4e; font-size: 12px; font-weight:bold; text-decoration: underline;  margin: 0; }

#box .rub .registration { color: white; margin: 25px 0 0 0; padding: 0 20px 15px; float: left; width: 175px; }
#box .rub .registration a { color: #555; padding: 5px; font-weight: bold; display: block; background: white; border: 1px outset rgb(0,128,255); text-decoration: none; text-align: center; }
#box .rub #form { width: 215px;}


.rss .rss-title { font-size: 1.14em; font-weight: 600; color: white; padding: 5px; border-bottom: 1px solid white; margin: 10px 0; }
.rss .form { margin: 10px; }
.rss .form input, .rss .form select {
  width: 400px; margin: 3px 0;
  border: 1px solid rgb(51,153,255);
}
.rss .form label { width: 80px; display: block; float: left; margin: 5px 20px 5px 0; font-weight: bold; color: white; text-align: right; }
.rss .form .submit { width: auto; background: white; margin: 10px 0 10px 100px; }
.rss .delete { background: white; margin: 5px; position: relative;  color: black; font-weight: bold; padding: 5px; }
.rss .delete input { position: absolute; top: 3px; right: 5px; border: 1px solid rgb(51,153,255); background: white; color: red; }
.rss .delete span { font-weight: normal; margin: 0 20px; color: #777; }
.rss .delete span strong { color: rgb(0,102,255); }

/************ FOOTER *******************************************/
#footer { 
  background: url('../img/footer_bg.gif') bottom left repeat-x;
  height: 64px;
  padding: 20px 0 0 0;
}

#footer a{ 
  color: white;
  font-size: 11px;
}
    
#footer div{ 
  width: 1000px; height: 44px; 
  background: url('../img/footer.gif') right top no-repeat; 
  padding: 20px 0 0 0px;
  color: white; font-size: 14px;  text-align: center;
  position: relative; margin: auto;   
}

.lista_pismen a {
    font-weight:bold;
    font-size:12px;
    color:White;
    text-decoration: none;
}

.lista_pismen {
    padding: 0 0 0 20px;
}

.magazin { float: left; width: 475px; }
.magazin p { font-size: 0.8em; }

#kurzy_main { margin: 10px 20px; }
#kurzy_main #kurzy_head { font-weight: bold; margin: 0 0 10px 0; }
#kurzy_main img { vertical-align: middle; }
#kurzy_main .item { float: left; width: 50%; line-height: 20px; }

#pocasi { margin: 10px; width: 450px; height: 95px; }
#pocasi .pocasi-den { display: block; width: 64px; float: left; text-align: center; }
#pocasi .pocasi-den strong { display: block; color: #f44b4e; }

#form { padding: 20px; text-align: right; color: white; }
#form .cleaner { height: auto; }
#form .txt_pole, #form .tlacitko, #form textarea { border: 1px ridge rgb(0,128,255); margin: 5px; }
#form .tlacitko { background: white; border-style: outset; }
#form label { font-weight: bold; margin-right: 30px; }
#form .error { background: white; color: red; }

#form.pridej_odkaz .intro { margin: 0 0 20px 0; }
#form.pridej_odkaz label {  float: left; width: 200px; display: block; clear: left; line-height: 20px; }
#form.pridej_odkaz input, #form.pridej_odkaz span, #form.pridej_odkaz textarea { float: left; line-height: 22px; }
#form.pridej_odkay span {margin: 0 0 0 15px;}
#form.pridej_odkaz textarea { margin-bottom: 10px; width: 300px;padding: 5px; height: 70px; }

.ramec_login #form { width: 350px; border-bottom: 0; }
.ramec_login #form { text-align: left; }
.ramec_login #form label { width: 120px; display: block; float: left; clear: left; line-height: 30px; }
.ramec_login #form input, .ramec_login #form select { float: right; }

.ramec_login.profil #form { width: 300px; }
.ramec_login.profil #form label { width: 100px; }
.ramec_login.profil #form span { float: right; line-height: 20px; }

.ramec_login.registrace #form { width: 300px; }
.ramec_login.registrace #form span { float: right; }


#imgslideshow {

}
#imgslideshow .item {
  width: 130px; overflow: hidden; text-align: center; float: left; padding: 0 10px;
}
#imgslideshow .item a {
  display: block; margin: 20px 0 0 0; color: white;
}

.calendar {
	margin: 10px 0 0;
	float: right;
	width: 200px;
	position: relative; z-index: 100;
}
.calendar td { padding: 2px; text-align: center; -moz-border-radius: 2px; }
.calendar .calendar-header-day { background: #39f; color: white; font-weight: bold; }
.calendar .calendar-day { background: #E5ECF9; }
.calendar .calendar-day-selected { background: #f44b4e; color: white; font-weight: bold; }
.clock {
	float: left; width: 130px;
	text-align: center; position: relative; z-index: 2;
}
.clock h3 {  font-size: 12px; }
.clock h3 span { font-weight: normal; display: block; }

#login_box{
	position:fixed;
	width: 300px;
	height: 250px;
	background-color:#FFF;
	padding: 10px;
	display: none;
	z-index: 301;
	top: 100px;
}
#login_box p{
	text-align:justify;
}
#login_box a.zavrit{
	text-align:right;
	display:block;
	margin: 0;
	padding: 0;
}

#zatmaveni{
	 display:none;
    position:absolute; 
    /*border: 1px solid black;*/
    background:black;
    color:black;
    top:0px;
    left:0px;
    width:100px;
    height:100px;
    z-index:300;
    /*opacity:0.5;*/

}