/* 
   Hlavni stylopis 
   Projekt: www.konference.cz
   Spravce: Martin Michalek, michalek@shorcat.cz
*/

* {
	margin: 0;
	padding: 0;
}

html, body {
	color: Black;
	background: White;
}

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
	_font-size: 80%;
	line-height: 1.4em;
	padding: 0 10px;
}
p	{
 	padding: 0 5px;
}

hr {
	display: none;
}

img {
	border: 0;
}

h1 {
	font-size: 150%;
}

#right #content p#bread {
	padding: 0 5px;
	border-top: 1px solid #A52A2A;
	border-bottom: 1px solid #A52A2A;
	font-weight: normal;
	font-size: 100%;
	margin-bottom: 1.4em;
}

#right #content p#bread a {
text-decoration: none;
color: #000;
}

#right #content p#bread a:hover {
font-weight: bold;
}

h3 {
	padding: 0 5px;
	font-size: 120%;
}

h2 {
	padding: 0 5px;
	font-size: 130%;
}

h4 {
	padding: 0 5px 8px 5px;
	font-size: 120%;
	font-weight: normal;
}

a {
	color: Blue;
	text-decoration: none;
}

a:hover {
  	color: Maroon;
	text-decoration: underline;
}


/* LAYOUT */
#page {
	width: 980px;
	background-color: White;
}

#right {
	float: right;
 	width: 79%;
	margin-top: 14px;
	font-size: 80%;
}

#left {
	float: left;
	width: 19%;
	margin-top: 14px;
	overflow: hidden;
	font-size: 80%;
	background-color: White;
	margin-bottom: 10px;
}

#right #content {
	float: left;
	width: 74%;
	background-color: White;
	margin-bottom: 10px;
}

#right #extra {
	float: right;
	width: 23%;
	background-color: White;
	margin-bottom: 10px;
}
    
#footer {
	font-size: 80%;
	clear: both;
	text-align: center;
	border-top: 1px solid #A52A2A;
	padding: 2em 0 3em 0;
}

/*HEAD*/
h1#head-banner {
	position: relative;
	overflow: hidden;
	width: 980px;
	height: 68px;
	border-bottom: 1px solid White;
	text-align: center;
	line-height: 68px;
	background: #9A0000;
}

h1#head-banner span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 980px;
	height: 68px;
	background: url(../img/layout/head.gif) no-repeat top left;
	cursor: pointer;
	
}

h1#head-banner a {
	color: White;
}	

#header-bottom {
	height: 20px;
	padding: 10px;
	text-align: right;
	color: White;
	border-bottom: 2px solid #A52A2A;
	line-height: 20px;
	background: #999999 url(../img/layout/head2.gif) no-repeat center left;
	font-size: 80%;
} 

#header-bottom p {
	font-weight: bold;
	
}

#header-bottom a {
  	padding: 0 5px;
  	border-right: 1px solid White;
	color: White;
	text-decoration: none;
}

#header-bottom a:hover {
	color: #A52A2A;
}

#header-bottom a.noborder, p.content-links a.noborder, #right #extra img.last, p.noborder {
	border: none;
}

/*LEFT*/
#left h3 {
	border-top: 2px solid #A52A2A;
	padding: 0 5px;
	line-height: 1.2em;
	font-size: 100%;
}

#left a {
	color: Black; 
	text-decoration: none;
	padding: 3px;
}

#left a:hover {
	background: #EAADAD;
}

#left strong a  {
	background: #FCE0E0;
	font-weight: normal;
}

/*RIGHT CONTENT*/
.content-box {
	width: 100%;
	border-bottom: 1px solid #A52A2A;
	margin-bottom: 1.5em;
}

.left-content-box {
	float: left;
	width: 20%;
	background: White;
}

.left-content-box img {
	padding: 10px 15px;
}

.right-content-box {
	float: right;
	width: 75%;
	background: White;
	
}

.cleaner {
	clear: both;
}

p.content-links {
	padding: 0;
}

p.content-links a {
	border-right: 1px solid Black;
	padding: 0 5px;
}

/*RIGHT EXTRA*/
#right #extra h3 {
	font-size: 100%;
}
#right #extra .extra-box {
	margin-top: 30px;
	line-height: 1em;
}

#right #extra .extra-box h3{
	border-top: 2px solid #A52A2A;
	padding: 0 5px;
	line-height: 1.2em;
}

#right #extra img {
	xxxpadding: 20px 0;
}

#right #extra p {
	font-size: 100%;
}

/*FOOT*/


#footer p.foot1 {
margin: 0; padding: 0;
width: 650px;
float: left;	
text-align: left;
display: inline;
margin-left: 25px;
}
		
#footer p.top {
margin: 0; padding: 0;
text-align: right;
margin-right: 25px;
}

#footer p.informa {
width: 200px;
margin-top: 1em;
float: right;
text-align: right;
margin-right: 10px;
display: inline;
}



/*LISTS*/
ul.menu, ul.extra-news {
	margin:0; 
	padding-left: 10px;
}

ul.menu.topline {
	border-top: 2px solid #A52A2A; 
}


ul.menu li {
	list-style: none;
	line-height: 1.7em;
	padding-left: 0;
	margin-left: 0;
}

ul.menu li p {
	text-indent: -5px;
}

ul.last {
	border-bottom: 2px solid #A52A2A;
}

ul.extra-news {
	border-bottom: 1px solid #A52A2A;
	padding-right: 10px;
}

ul.extra-news li {
	list-style-image: url(../img/layout/image-list.gif);
	line-height: 1.2em;
	margin: 10px 0;
}

/*INPUTS*/
input, textarea, select {
	vertical-align: middle;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
}

input.head {
	width: 100px;
	font-size: 90%;
}

table.form, table.form td, table.form th {
border-collapse: collapse;
border: 0;
}

table.form {
width: 99%;
}

table.form td, table.form th {
margin: 0; padding: 2px; width: 40%;
font-weight: normal;
font-size: 1em;
text-align: left;
vertical-align: top;
}

table.form td {
width: 60%;
}

form {
margin: 0; padding: 0;
}

input.xs 					{ width: 3em; }
input.s 						{ width: 4em; }
input.m 						{ width: 8em; }
input.l 						{ width: 12em; }
input.xl, select.xl		{ width: 15em; }
input.xxl 					{ width: 20em; }
input.xxxl 					{ width: 25em; }
textarea.m 					{ width: 230px; height: 15em; }
textarea.s					{ width: 20em;  height: 5em; }
textarea.l					{ width: 20em;  height: 10em; }
textarea.xl					{ width: 25em;  height: 10em; }
textarea.xxl				{ width: 25em; height: 20em; }
textarea.xxxl				{ width: 25em;  height: 40em; }
input.submit				{ font-weight: bold; padding: .2em 1em;  }

.clearBothZero { clear: both; font-size: 1px; height: 1px; line-height: 1px;}
.floatLeft { float: left; }
.floatRight { float: right; }
.floatLeft50 { float: left; width: 48%; }
.floatRight50 { float: right; width: 48%; }
.alignRight { text-align: right; }
.alignLeft { text-align: left; }
.marginLeft1em { margin-left: 1em; }
.marginRight1em { margin-right: 1em; }

.sendOK { padding: 10px; border: 1px solid #9a000; }
.sendKO { padding: 10px; border: 1px solid red; }

.message.ended { padding: 10px; background: #FFFFCC; border: 1px solid #E3E396; }

/*PRIHLASENI*/
.registration {
	border: 1px solid #A52A2A;
	padding-bottom: 10px;
	margin-bottom: 1.5em;
}

.registration p {
	margin-top: 10px;
	line-height: 1.2em;
}

h3.registration-title, #upoutavky-box h3   {
	color: White;
	line-height: 1.4em;
	border: none;
	background: #A52A2A;
	padding: 3px;
}

.registration input {
	width: 60px;
	margin-left: 5px;
	font-size: 100%;

}

/*DOPORUCOVANE AKCE*/

#upoutavky-box {
border: 1px solid #A52A2A;
}

#upoutavky-box ul, #upoutavky-box li   {
margin: 0; padding: 0;
list-style-type: none;
}

#upoutavky-box li a  {
display: block;
background: #999;
text-decoration: none;
padding: 1em 3px;
color: #fff;
}

#upoutavky-box li.sudy a  {
background: #aaa;
}

#upoutavky-box li a:hover  {
background: #bbb;
text-decoration: none;
}

#upoutavky-box li a:hover strong  {
text-decoration: underline;
}

#doporucovane-bannery {
margin:0; padding:0;
}

#doporucovane-bannery img {
margin:0; padding:0;
margin-bottom: 15px;
}



/*OTHERS*/
.noscreen {
	width: 200px;
	position: absolute;
	left: 0;
	top: -1000px;
}

.center {
	text-align: center;
	border-bottom: 1px solid Gray;
	padding: 15px 0;
}

.produkty h3 {
	color: blue;
	margin-bottom: 10px;
	
}

.blue-title {
	color: blue;
	margin-bottom: 5px;
}

.napriklad {
	margin: 0 40px;
	font-size: 110%;
	padding: 10px 0;
}
/*---------------------------------------------*/
/*hlavni obsah*/
#right #content h2, #right #content h3, #right #content h4 {
  padding:0 5px; margin: 0 0 1.4em 0;
}

#right #content h2 {
font-size: 1.5em;
}

#right #content h3 {
font-size: 1.3em;
}

#right #content h4 {
font-size: 1.2em;
}

#right #content hr {
height: 1px; 
background: #ccc; color: #ccc;
display: block;
width: 100%;
border: 0;
margin-bottom: 1.4em;
}

#right #content ul, #right #content ol, #right #content p {
font-size: 12px;
margin-bottom: 1.4em;
}

#right #content ul, #right #content ol {
margin-left: 3em;
}

#right #content ul ul, #right #content ol ol {
font-size: 12px;
margin-bottom: 0;
}


#right #content h1 {
	font-size: 170%;
	color: Blue;
	margin-bottom: 5px;
	padding: 0 5px;
}

#right #content p.areas-text {
	line-height: 1.1em;
	font-size: 100%;
	padding-top: 0px;
}

/*boxy*/
.float-left50 { 
	width: 49%; 
	float: left; 
}

.float-right50 { 
	width: 49%; 
	float: right; 
}

.float-left20 { 
	width: 22%; 
	float: left;
}

.float-left60 { 
	width: 59%; 
	float: left;
}

.float-right80 { 
	width: 75%; 
	float: right; 
}

.cleaner {
	clear: both;
}

.oblast-blok {
	border-top: 1px solid Maroon;
	padding: 5px 0;
	margin: 5px 0;
}

.oblast-blok.partneri-blok {
	border-top: 0;
}

#right #content .partneri-blok h4 {
font-weight: bold;
margin: 1.5em 0; 
}

.center-box {
	text-align: center;
}

.center-box img {
	margin: 10px 0;
}

/*oblasti*/
.area-title {
	padding-bottom: 10px;
	margin-bottom: 1.5em;
	border-bottom: 1px solid maroon;
}

.areas {
	margin: 10px 0;
}

.areas-no-image {
	margin: 100px 0 10px 0;
}

.areas-image {
	padding-bottom: 10px;
	line-height: 0;
}

.areas-main-link a {
	font-size: 120%;
	font-weight: bold;
}

/*vypisy*/
#kompletni-seznam {
	margin-top: 14px;
}

#kompletni-seznam li, #oblast-seznam li {
  padding: 10px;
  line-height: 1.4em; 
}



#kompletni-seznam, #oblast-seznam {
	margin-bottom: 10px;
}

#right #content #kompletni-seznam ul, #right #content #kompletni-seznam ol, #right #content  #oblast-seznam ul, #right #content  #oblast-seznam ol {
	margin-left: 0;
	padding-left: 0;
}


#kompletni-seznam ul, #kompletni-seznam li, #oblast-seznam ul, #oblast-seznam li  {
margin: 0; 
list-style-type: none;

}

#kompletni-seznam li.lichy, #oblast-seznam li.lichy {
background: #ddd;
}

#kompletni-seznam li a, #oblast-seznam li a  {
	color: Blue;
	font-weight: bold;
	text-decoration: none;
}

#kompletni-seznam a:hover, #oblast-seznam li a:hover  {
	text-decoration: underline;
	color: Maroon;
}

#oblast-seznam li span {
display: block;
}

#oblast-seznam li span a {
	font-size: 100%;
	font-weight: normal;
	padding-left: 5px;
	border-left: 1px solid Black;
}

/*vizitky*/
.vizitka {
	line-height: 1.2em;
	padding-top: 10px;
}

.vizitka-box {
	margin: 10px 0;
	padding: 5px;
	border-bottom: 1px solid Maroon;
}

.vizitka-box img {
	border: 2px solid Maroon;
}

table.vizitka  {
border: 1px solid Maroon;
border-collapse: collapse;
}

table.vizitka td,  table.vizitka th {
border: 1px solid Maroon;
font-size: 1em;
line-height: 1.4em;
padding: 5px;
}

table.vizitka td strong,  table.vizitka th strong {
font-size: 1.2em;
}


/*menu detail akce*/
#menu-akce-detail {
	background: #FFFFCC;
	border: 1px solid Maroon;
}

#menu-akce-detail h3 {
	color: Blue;
	border-bottom: 1px solid Maroon;
	padding: 5px;
}

#menu-akce-detail p {
	line-height: 1.3em;
	margin: 4px 0;
}

#menu-akce-detail ul, #menu-akce-detail li {
	margin: 0; padding: 0;
  list-style-type: none;
}

#menu-akce-detail ul {
	border-bottom: 1px solid Maroon;
}

#menu-akce-detail .no-border {
	border: none;
}

#menu-akce-detail ul li {
	padding: 3px 0;
}

#menu-akce-detail ul li a, #menu-akce-detail ul li strong {
	padding: 0 5px;
	display: block;
}

#menu-akce-detail h3 {
color: #000;
}

/*seznamy v obsahu*/
ul.list {
	list-style-type: square;
	margin: 0 0 10px 30px;
	font-size: 120%;
	/*line-height: 1.1em;*/
}


ul.minilist {
	list-style-type: circle;
	margin: 0 0 10px 30px;
	font-size: 120%;
}

ul.minilist li {
	padding: 2px 0;
	line-height: 1.4em;
}

.textovy-obsah ul li ul { /* vnoreny seznam */ 
  font-size: 100% !important;
  padding-bottom: 0.3em;
  padding: 0;
}

/*vyhledavani*/
.search {
	border: 1px solid Maroon;
	padding: 10px;
}

/*formulare*/
fieldset {
	padding: 10px;
	font-size: 120%;
	margin-bottom: 1.5em;
	background: #FFFFCC;
	border: 0;
	
}

legend {
font-weight: bold;
margin-top: 1em;
_margin: 0;
color: #666;
padding: 0;
}

/* textovy obsah */

#right #content .textovy-obsah h3, #right #content .textovy-obsah h2, #right #content .textovy-obsah p #right #content .textovy-obsah hr {
margin: 0 0 1.4em 0;
padding: 0;
}

.textovy-obsah ul, .textovy-obsah ol {
margin-left: 3em;
}

.textovy-obsah hr {
background: #999;
}

.textovy-obsah h2, h2.typeOne {
font-size: 1.4em;
font-weight: bold;
color:  #444;
}

.textovy-obsah h3 {
font-size: 1.4em;
}

.partnerThumb {
width: 200px;
height: 100px;
float: left;
text-align: center;
}

.partnerThumb img {
vertical-align: bottom;
display: table-cell;
}

big.povinny { font-weight: bold; color: #A52A2A; }


/* === Barevne bannery s doporucovanymi akcemi v pravem sloupecku === */

#coloured_banners {
  clear: both;
  margin: 0 0 20px 0;
  padding: 0;
}

.coloured_banner {
  display: block;
  height: 92px;
  width: 176px;  
  overflow: hidden;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  text-decoration: none;
  line-height: 1.2em;
  text-align: center;
}

a.coloured_banner:hover {
  text-decoration: none;
  opacity: .9;
  border: 1px solid #aaa;  
}

/* Nazev akce nebo jeji logo */
.coloured_banner .subject,
.coloured_banner .logo {
  padding: 5px 10px;
  display: table;
  width: 156px;
  height: 61px;
  overflow: hidden;
  vertical-align: middle;
  font-size: 12px;
  line-height: 15px;
  font-weight: bold;
}

.coloured_banner .logo img {
  max-height: 51px;
}

.coloured_banner .logo img,
.coloured_banner .subject .text {
  display: table-cell;
  vertical-align: middle;
}

/* Datum konani akce */
.coloured_banner .date {
  padding: 5px 10px;
  display: block;
  width: 156px;  
  height: 21px;
  overflow: auto;
  background-color: #eee;
}


#left-banner {
  width: 186px;
  height: 92px;
  display: block;
  margin-left: -3px;
}


/* === Vypis promennych pro Ladenku === */
pre.dump {
  font-size: 12px;
  background-color: #eee;
  color: #333;
  padding: .5em;
}