/* IMPORTANT */

/* css Atoz Group, by Filip Mares, Manta Design Studio, http://www.mantastudio.cz/ */

/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */

/* All associated graphics copyright (c) 2005, Manta Design Studio */

/* Created: Jan. 24th, 2005 */



/* ======================================== */



/* !Kdokoliv bude cokoliv přidávat či editovat, ať tak učiní v části PAGE CONTENT! */



/* TEMP */



#newsletterbox {

	display: none;

	}



/* SCREEN ELEMENTS */



/* BASIC ELEMENTS */



html {

	height: 100%;

	margin: 0px;

	padding: 0px;

	}



body { 

	height: 100%;

	margin: 0px;

	padding: 0px;

	text-align: left;

	font: 0.8em/1.2em Arial, Tahoma, sans-serif;

	color: #333;

	background: #fff url("../bg/bgT_home.gif") repeat-x left 76px;	

	}



hr {

	height: 1px;

	color: #e6e6e6;

	}



b, strong {

	font-weight: bold;

	}

	

i, em {

	font-style: italic;

	}

	

a, a:link, a:visited {

	font-size: 100%;

	color: #C80000;

	}



a:hover, a:active {

	color: #FF9600;

	}



h1, h2, h3 {

	margin: 0em;

	padding: 0em;

	font-weight: bold;

	}

	

h1 { 

	margin-top: 1em;

	font-size: 1.6em;

	line-height: 1.4em;

	}



h2 {

	font-size: 1.3em;

	line-height: 1.4em;

	}



h3 {

	font-size: 1em;

	}



p {

	text-align: justify;

	}

	

ul {

	margin: 0.3em 0 0.3em 1.5em;

	padding: 0;

	}



ol {

	margin: 0.2em 0 0.2em 2em;

	padding: 0;

	}

	

label {

	float: left;

	display: block;

	width: 120px;

	line-height: 18px;

	}



ul li {

	margin: 0;

	padding: 0;

	list-style-image: url("../img/li.gif");

	list-style-position: outside;

	}

	

/* FORM BOXES */



form {

	margin: 0px;

	padding: 0px;

	}



input { 

	margin: 1px;

	padding: 0px;

	border: 1px solid #ccc;

	display: block;

	clear: none;

	width: 110px;

	height: 18px;

	font-size: 14px;

	}



input:focus {

	margin: 0px;

	border-width: 2px;

	}

	

input[type="hidden"] {

	display: none;

	}



input.noborder {

	width: auto;

	display: inline;

	margin: 2px;

	border: 0px;

	}



input.button, button {

	width: 90px;

	height: 20px;

	background-color: #fafafa;	

	font-weight: bold;

	font-size: 12px;

	text-transform: uppercase;

	}



input.longline {

	width: 250px;

	}



input.shortline {

	width: 50px;

	}



textarea {

	font-size: 0.8em;

	}



/* PAGE CONTAINER */



#page {

	position: relative;

	height: 100%;

	width: 780px;

	text-align: left;

	}

	

/* HEAD CONTAINER */



#headder {

	margin: 0px;

	padding: 0px;

	width: 100%;

	overflow: hidden;

	background: #fff url("../bg/bgB_home.gif") repeat-x left 76px;

	}



#headder a#logo {

	float: left;

	width: 180px;

	height: 80px;

	display: block;	

	background: url("../logo/atoz.gif") no-repeat 10px center;

	}

	

#headder a#logo h1 {

	display: none;

	}



#headder div#topspacer {

	height: 49px;

	margin: 0px 0px 0px 200px;

	padding: 0;

	text-align: right;

	}

	

#headder #topspacer #topsearch {

	padding: 15px 0 0 0;

	font-size: 0.9em;

	}	

	

#headder div#topspacer #topsearch form {

	display: inline;

	margin-right: 5px;

	padding-right: 10px;

	border-right: 1px dotted #ccc;

	}

	

#headder div#topspacer #topsearch input {

	display: inline;

	margin-right: 5px;

	}

	

#headder div#topspacer #topsearch a:hover {

	text-decoration: none;

	}	

	

#headder div#topaddress {

	display: none;

	}

	

#headder div#topmenu {

	height: 31px;

	margin: 0px 0px 0px 200px;

	padding: 0px;

	}



#headder div#topmenu a {

	margin: 0px 1px 0px 1px;

	padding: 0px;

	height: 31px;

	display: block;

	float: left;

	}



#headder div#topmenu a h2 {

	display: none;

	}

	

#headder div#topmenu a#home {

	width: 61px;

	background: url("../menu/home.gif") no-repeat bottom center;

	}

	

#headder div#topmenu a#publishing {

	width: 131px;

	background: url("../menu/publishing.gif") no-repeat bottom center;

	}

	

#headder div#topmenu a#event {

	width: 95px;

	background: url("../menu/event.gif") no-repeat bottom center;

	}

	

#headder div#topmenu a#training {

	width: 112px;

	background: url("../menu/training.gif") no-repeat bottom center;

	}

	

#headder div#topmenu a#contact {

	width: 80px;

	background: url("../menu/contact.gif") no-repeat bottom center;

	}

#headder div#topmenu a#partneri {

	width: 77px;

	background: url("../menu/partneri.gif") no-repeat bottom center;

	}



#headder div#spacer {

	clear: both;

	height: 4px;

	font-size: 1px;

	background: none;

	}

	

#headder div#mainmenu {

/*	margin: 0 0 0 168px; */

	margin: 0;

	padding: 0px;

	height: 22px;	

	}



#headder div#mainmenu a {

	display: block;

	float: left;

	height: 100%;

	margin: 0px 2px 0px 2px;

	padding: 2px 10px 1px 10px;

	color: #fff;

	font-weight: bold;

	font-size: 10px;

	text-decoration: none;

	}

	

#headder div#mainmenu a:hover {

	color: #FF9600;

	}



#headder div#mainmenu a.active {

	color: #333;

	background-color: #fff;

	}



#headder div#topmenu div#lang {

	float: right;

	display: none;

	}

	

#headder div#searchbox {

	}



/* CONTENT CONTAINER */



#content {

	background-color: #fff;

	margin: 0px;

	padding: 0px;

	width: 100%;

	overflow: hidden;

	background: #fff url("../bgmenu.gif") repeat-y left top;

	}

	

#content #sidebar {

	float: left;

	width: 170px;

	margin: 0px;

	padding: 0px;

	}



#content #main {

	width: 607px;

	margin: 0px 0px 0px 170px;

	padding: 0px;

}



#content hr.cleaner {

	clear:both;

	height:1px;

	margin: -1px 0 0 0;

	padding:0;

	border:none;

	visibility: hidden;

	}





/* LEFT CONTAINER */



#leftcontent {

	float: left;

	width: 100%;

	border-top: 8px solid #fff;

	margin: 0px;

	padding: 0px;

	overflow: hidden;

	}

	

/* MENU */



#leftmenu {

	width: 162px;

	margin: 0;

	padding: 0;

	}

	

#leftmenu span {

	cursor:hand;

	}

	

#leftmenu div a {

	display: block;

	width: 100%;

	text-decoration: none;

	}

	

#leftmenu div a:hover {

	color: #333333;

	background-color: #F0F0F0;

	}

	

#leftmenu div {

	width: 100%;

	border-bottom: 1px solid #E6E6E6;

	}



#leftmenu div.active a {

	color: #333333;

	}



#leftmenu div.level1 {

	padding: 3px 3px 3px 10px;

	font-weight: bold;

	font-size: 0.9em;

	background: url("../li2.gif") no-repeat 4px center;

	}



#leftmenu div.level2 {

	padding: 3px 3px 3px 20px;

	font-size: 0.9em;

	font-weight: normal;

	background: url("../li2.gif") no-repeat 12px center;

	}

	

#leftmenu div.level3 {

	padding: 3px 3px 3px 30px;

	font-size: 0.9em;

	font-weight: normal;

	font-style: italic;

	background: url("../li2.gif") no-repeat 20px center;

	}



div.level1 a {

	margin: -3px -3px -3px -10px;

	padding: 3px 3px 3px 10px;

	}



div.level2 a {

	margin: -3px -3px -3px -20px;

	padding: 3px 3px 3px 20px;

	}



div.level3 a {

	margin: -3px -3px -3px -30px;

	padding: 3px 3px 3px 30px;

	}



#potybox, #eventbox {

	padding: 3px 3px 3px 10px;

	font-weight: bold;

	font-size: 0.9em;

	background: url("../li2.gif") no-repeat 4px center;

	}



#potybox, #eventbox {

	display: none;

	}

	

div.downloadbox {

	display: block;

	color: #999;

	font-weight: normal;

	}



div.downloadbox span {

	font-size: 80%;

	}

	

div.downloadbox a {

	color: #999;	

	}

	

div.downloadbox a:hover {

	color: #ff9600;	

	}

	

/* MAIN CONTAINER */



#maincontent {

	margin: 0px 0px 8px 7px;

	padding: 0px;	

	}

	

#issue {

	width: 600px;

	height: 200px;

	display: block;

	background-color: #E6E6E6;

	}

	

#maincontent #innersidebar {

	float: right;

	width: 145px;

	margin: 0px;

	padding: 0px;

	}



#maincontent #innermain {

	width: 452px;

	margin: 0px 145px 0px 0px;

	padding: 0px;

}



#maincontent #innermain #innercontent {

	width: auto;

	padding: 8px 10px 0px 0px;

}



/* TEXT BOXES */



#backandprint {

	color: #999;

	font-size: 0.8em;
	text-transform: uppercase;

	text-align: right;

	}

	

#backandprint a {

	color: #999;

	text-decoration: none;

	}



#backandprint a:hover {

	color: #666;

	text-decoration: underline;

	}



/* RIGHT BOXES */



div.box {

	margin: 8px 0px 4px 0px;

	width: 100%;

	color: #333;

	font-size: 0.9em;

	}

	

div.box h3 {

	width: auto;

	padding: 3px;

	font-weight: bold;

	display: block;

	background-color: #e6e6e6;

	font-size: 1em;

	}



div.box div {

	width: auto;

	padding: 5px 3px 5px 3px;

	background-color: #fafafa;

	border: 1px solid #e6e6e6;

	}

	

div.box div div#spacer {

	padding: 2px;

	background-color: none;

	border: 0px;

	}	

	

div.box div input {

	width: 133px;

	background-color: #fff;

	margin: 2px auto 8px auto;

	}

	

#frontpagebox div a {

	display: block;

	width: 136px;

	height: 192px;

	}

	

#enquirybox div img {

	margin: 2px 0 8px 0;

	background-color: #f00;

	}	



#frontpagebox {

	display: none;

	}



#contactbox {

	display: none;

	}

	

#homeactualbox {

	display: none;

	}



#homenewsbox {

	display: none;

	}

	

#hitbox {

	display: none;

	}



/* FOOT CONTAINER */



#footer {

	text-align: center;

	}

	

#footer div#mainmenu a {

	font-size: 0.9em;

	}

	

#footer div#mainmenu a:hover {

	text-decoration: none;

	}



#footer #copyright {

	color: #CCCCCC;

	font-size: 0.9em;

	}



#footer #spacer {

	clear: both;

	height: 8px;

	font-size: 1px;

	background: none;

	border-bottom: 1px solid #E6E6E6;	

	}



/* BANNERS */



#leftbanner {

	text-align: center;

	margin: 8px 0px 2px 0px;

	}



#rightbanner {

	text-align: center;

	margin: 8px 0px 2px 0px;

	}



#bottombanner {

	text-align: left;

	margin: 8px 0px 2px 0px;

	display: block;

}



#eventbanner {

	text-align: center;

	margin: 8px 0px 2px 0px;

	display: none;

	}

	

#atlas {

	width: 125px;

	margin: 10px auto 0 auto;

	padding: 0px;

	background: url("../banners/atlasbg.gif") center bottom no-repeat;

	text-align: center;

	}



#atlas div {

	padding: 5px 0 10px 0;

	background-color: #eff1f8;

	border: 1px solid #0044aa;

	border-bottom: 0px;

	text-align: center;

	}



#atlas input {

	width: 100px;

	margin: 0;

	}

	

#atlas input.button {

	display: block;

	width: 105px;

	height: 13px;

	border: 0px;

	}



#atlas {

	display: none;

	}

	

#atlasbannerL, #atlasbannerR {

	display: none;

	}	



/* ======================================== */



/* Zde je možno přidávat nové styly */



/* PAGE CONTENT */



/* TABLES */



table {

	width: 100%;

	margin: 0;

	padding: 0;

	border-collapse: collapse;

	}



thead, tbody, tfoot, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	empty-cells: show;

	vertical-align: top;

	}



table th {

	padding: 3px;

	margin: 0px;

	background-color: #EEEEEE;

	font-weight: bold;

	text-align: left;

	}



table.Tables {

	font-size: 0.9em;

	}

	

table.Tables td {

	padding: 3px;

	margin: 0px;

	border-bottom: 1px solid #DDDDDD;

	}



table.Tables input {

	width: auto;

	margin: 0 10px;

	border: none;

	}



/* CONTENT BOX */



#textbox {

	text-align: justify;

	width: 99%;

	}

	

#textbox h1 {

	text-align: left;

	}



#textbox h2 {

	text-align: left;

}



#textbox div#lock {

	width: 55px;

	float: right;

	}



#textbox p {

	margin: 5px 0px 0px 0px;

	padding: 0px;

	text-align: justify;

	}



#textbox p img {

	display: block;

	float: left;

	margin: 0px 5px 5px 0px;

	}

	

#textbox span {

	float: none;

	width: auto;

/*	display: block;*/

/*	margin-right: 60px;*/

	color: #999999;

	font-size: 0.9em;

	}



#textbox span img {

	float: right;

	}



#textbox div.cols {

	float: left;

	padding: 0 30px 0 0;

	}



/*vsuvka ve clanku - komentar treti osoby, citat,...*/

#vsuvka {

	text-align: justify;

	padding: 5px 5px 5px 5px;

	margin: 5px 0px 5px 10px;

	width: 45%; 

	border: 1px solid #CCC;

	font-size: 0.8em;

	float: right;

/*	display: none;*/

}



#vsuvka.siroky {

	margin: 10px 0px 10px 0px;

	width: auto;

	float: none;

	}



#vsuvka.vykrik {

	margin: 5px 0px 5px 0px;

	width: auto;

	float: none;

	text-align: center;

	font-size: 1.2em;

	font-weight: bold;

}

	

#vsuvka h2 {

	font-size: 1.2em;

	font: bold;

}



#vsuvka div {

	padding-left: 10px;

}



.graf {

	background-color: #CCCCCC;

	padding-left: 0px;

}



.fotka {

 /* 	width: 200px; */

	float: left;

	padding: 5px 5px 5px 0px;

}



.face {

	width: 60px;

	float: right;

	padding: 0px 0px 0px 5px;

}



#horekatopbanner {

	margin: 8px 0px 2px 0px;

	display: none;

}

#logintopbanner {

	margin: 8px 0px 2px 0px;

	display: block;

}

#systemytopbanner {

	margin: 8px 0px 2px 0px;

	display: none;

}



#systemyleftbanner {

	margin: 8px 0px 2px 0px;

	display: none;

}



div.formbox {

	text-align: center;

	margin: 20px;

	}

	

div.formbox {

	text-align: center;

	margin: 20px;

	}

	

div.formbox label {

	text-align: left;

	}

	

div.formbox input {

	margin-left: 125px;

	}

	

div.formbox input.button {

	width: auto;

	}



#flogin {

display: none;

}



/*POP-UP*/



div#window {

	width: 350px;

	padding: 20px;	

	padding-top: 0;

}





div#window h1.atoz {

	display: none;

}



div#window div#headder {

	display: none;

}



div#window img {

	padding-top: 20px;

}



div#window div.centered {

	text-align: center;

}



div#window h6 {

	padding-top: 10px;

}



div#window img.novis {

	display: none;

}

img[usemap]{

	border: 0;

	padding: 0;

	margin: 0;

}





/* Styl pro loga casopisu zobrazovana u kaledare akci */

.male_logo{

/*	height:15px;*/

}