/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Columner Theme by Mathieu Hardiviller (www.hmplus.net)
*/

/* ---------- ONLY EDIT BELOW THIS LINE ---------- */
body {
	font-size: 12px;
	font-family: Arial, 'Helvetica Neue', Helvetica, Verdana, sans-serif;
	background: #ff9494;
	color:;
	line-height: 1.3em;
	 padding: 0 1% 0 1%;
	}

/* the general link scheme */
/* 'index' links are governed further down the file - #index */
a:link { text-decoration: none; color:#112758;}
a:active { text-decoration: none; color:#112758;}
a:visited { text-decoration: none; color:#112758;}
a:hover { text-decoration: underline;color:#112758; }
a img { border: none; line-height:5.8em;}

.clL { clear: left; }

/* this is to prevent some background colors on links in exhibits */
/* maybe this is no longer necessary */
#img-container span.backgrounded a,
#img-container .spacer {padding:0 0 0 0;},
#img-container a.thickbox, 
#img-container a.thumb-img, 
#img-container #d-col1 a { background: transparent; }

#index {
    width: 100%;
	z-index: 2;
	position: fixed;
	top: 0;
	left: 0;
	background: #;
	overflow: visible;
	height: 1.3em; /* adjust this if needed */}

/* PRE NAV TEXT - Name Of The Site / Your Logo - Can be accessed in the Exhibit Settings */
#index .top-section
{
	text-align: right;
	position: relative;
	z-index: 2;
	right: 40px;
	top: px;
	width: 
}/* END PRE NAV STYLING */

/* STYLING THE INDEX - via #index */
/* all menu parts */
#index nav {  }
#index ul {
	float: left;
	z-index: 2;
	width: ;  /* the width of each column in the menu */
	list-style-type: none;
	overflow: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 2% 0px 0px;}

#index ul.section { margin-bottom: 2px; }
/* another nice way to do this - comment out the above line */
/*#index ul.section ul { margin-bottom: 9px; }
#index ul.section ul ul.subsection { margin-bottom: 0px; } */

/* styles for the section titles */
#index ul.section span.section_title, 
#index ul.section span.section_title a 
{ text-decoration: none; cursor: pointer; text-align: left; width: auto;  color:#112758;}
#index ul.section span.section_title:hover, #index ul.section span.section_title a:hover 
{ text-decoration: underline;  }

/* active section titles */
#index ul.active_section  { background-color:;  color:#112758; font-weight: bold; text-decoration: none;}

/* sub-section titles */
#index ul.section span.subsection_title, 
#index ul.section span.subsection_title a 
{ line-height: 1.3em; text-decoration: none; cursor: pointer; width: auto; text-align: left; }
#index ul.section span.subsection_title, #index ul.subsection span.subsection_title a 
{ /* font-weight: bold; */ }
#index ul.section span.subsection_title:hover, #index ul.section span.subsection_title a:hover 
{ text-decoration: underline; }
#index ul.section span.subsection_title:visited, #index ul.section span.subsection_title a:visited
{ text-decoration: underline; }
/* indent if using chronological or tag groups */
ul.subsection { /* padding-left: 5px; */ }

/* exhibit titles */
/* NEED TO REVIEW ALL OF THESE STILL */
#index ul.section li.exhibit_title { width: auto; text-align: left; margin: 0px 0px 0px 0px; }
#index ul.section li.exhibit_title a:link { }
#index ul.section li.exhibit_title a:hover { text-decoration: underline; }
#index ul.section li.exhibit_title a:active {   }
#index ul.section li.exhibit_title a:visited {  }
#index ul.sectino li.section-link {  }
#index ul.section li
#ndxz-searcher {  }

/* for 'all tags' display */
#index ul.all_tags { list-style-type: none; margin-bottom: 9px; }
#index ul.all_tags li { display: inline; margin-right: 3px; }
#index ul.all_tags li a {  }

/* need to review this still */
/* active parts */
li.active a:link, li a.active, 
li.active a:hover, li a.active, 
li.active a:active, li a.active, 
li.active a:visited, li a.active, 
li span.active, 
#index ul.section li.active a:link, 
#index ul.section li.active a:hover, 
#index ul.section li.active a:active,
#index ul.section li.active a:visited
{ width: auto; text-align: left;}
#index p { width: auto; text-align: left; };

/* additional #index options */
#index ul li .password a { /* background: url(../img/locked.gif) right center no-repeat; */ padding-right: 18px; }
/* "new" */
#index ul li sup { text-transform: uppercase; font-size: 8px; vertical-align: top; }
/* END INDEX STYLING */

#hmplusnet-credit
{
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 0 0 14px 40px;
	width: 200px;
}

#hmplusnet-credit a
{ 	background: #fff; }



/* INDEXHIBIT CREDIT : Always good to credit the CMS that gives you these possibilities */
#copy.bottom-section { /* sets the properties for the "Built with" part  */
z-index : 100;
right : 0;
bottom : 0;
margin : 0 0 0 0;
padding: 10px 10% 10px 10%;
text-align : right; }
#copy  {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; }
body > #copy  {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed; }
#copy.bottom-section  {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; }
body > #copy.bottom-section  {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed; }
/* END INDEXHIBIT CREDIT STYLING */

#exhibit { margin-top:em; margin: ;}

/* links styles for the #exhibit region */
#exhibit a:link {color:#112758; } 
#exhibit a:hover {color:#112758; } 
#exhibit a:active {color:#112758; } 
#exhibit a:visted {color:#112758; } 

/* this is where you adjust your paddings for #index and #container */
.container { padding: 0 0 0 0 ; height:100%;}

/* if the needed is to have different paddings in each region */
#index .container {  padding: 1% 10% 1% 10%; background:#ffffff;   }
#exhibit .container { margin: 0 9% 0 9%; padding: 0 0 0 0; height:100%;}
#index .top {  float:right; position:relative;	vertical-align:top; height:100%; padding: 0 0 1% 0; margin:0 0 0 0;   }
#index .top img { height:1.3em;  height: ;  }
.bot {position:relative; margin:3.55% 9% 0 9%;;}
.bot  a img { border: none; } 
#exhibit .top {  }

/* headings - if you use them - you should be */
h1 { font-size: 1em; overflow:hidden;}
	@media screen and (min-width: 0px) { body {font-size: 65%}}
	@media screen and (min-width: 400px) { body {font-size: 65%}}
	@media screen and (min-width: 600px) { body {font-size: 69%; }}
	@media screen and (min-width: 700px) { body {font-size: 74%;}}
	@media screen and (min-width: 800px) { body {font-size: 80%;}}
	@media screen and (min-width: 900px) { body {font-size: 85%;}}
    @media screen and (min-width: 1000px) { body {font-size: 90%;}}
    @media screen and (min-width: 1100px) { body {font-size: 95%;}}
	@media screen and (min-width: 1200px) { body {font-size: 100%;}}
	@media screen and (min-width: 1300px) { body {font-size: 105%;}}
    @media screen and (min-width: 1400px) { body {font-size: 110%;}}	
    @media screen and (min-width: 1500px) { body {font-size: 115%;}}
    @media screen and (min-width: 1600px) { body {font-size: 120%;}}	
	@media screen and (min-width: 1700px) { body {font-size: 125%;}}	
    @media screen and (min-width: 1800px) { body {font-size: 130%;}}	
    @media screen and (min-width: 2000px) { body {font-size: 135%;}}	

h2 	{ font-size: 0.95em; line-height: 1.3em; margin-top: 1.2em; padding: 0px 1em 1em 0px;color:#112758;}
        @media screen and (min-width: 0px) { body {font-size: 6px; line-height: 1.0em;}}
		@media screen and (min-width: 400px) { body {font-size: 6px; line-height: 1.1em;}}
		@media screen and (min-width: 600px) { body {font-size: 8px; line-height: 1.2em;}}
		@media screen and (min-width: 700px) { body {font-size: 9px; line-height: 1.2em;}}
		@media screen and (min-width: 800px) { body {font-size: 10px; line-height: 1.2em;}}
		@media screen and (min-width: 900px) { body {font-size: 11px; line-height: 1.3em;}}
        @media screen and (min-width: 1000px) { body {font-size: 12px; line-height: 1.3em;}}
        @media screen and (min-width: 1100px) { body {font-size: 13px; line-height: 1.3em;}}
		@media screen and (min-width: 1200px) { body {font-size: 14px; line-height: 1.3em;}}
		@media screen and (min-width: 1300px) { body {font-size: 15px; line-height: 1.3em;}}
        @media screen and (min-width: 1400px) { body {font-size: 16px; line-height: 1.4em;}}	
        @media screen and (min-width: 1500px) { body {font-size: 17px; line-height: 1.4em;}}
        @media screen and (min-width: 1600px) { body {font-size: 18px; line-height: 1.4em;}}	
		@media screen and (min-width: 1700px) { body {font-size: 19px; line-height: 1.4em;}}	
        @media screen and (min-width: 1800px) { body {font-size: 20px; line-height: 1.4em;}}	
        @media screen and (min-width: 2000px) { body {font-size: 22px; line-height: 1.4em;}}


h3 	{ font-size: inherit; margin-top: 1.2em; padding: 0px 1em 1em 1em;color:#112758;}
        @media screen and (min-width: 0px) { body {font-size: 6px; line-height: 1.0em;}}
		@media screen and (min-width: 400px) { body {font-size: 6px; line-height: 1.1em;}}
		@media screen and (min-width: 600px) { body {font-size: 8px; line-height: 1.2em;}}
		@media screen and (min-width: 700px) { body {font-size: 9px; line-height: 1.2em;}}
		@media screen and (min-width: 800px) { body {font-size: 10px; line-height: 1.2em;}}
		@media screen and (min-width: 900px) { body {font-size: 11px; line-height: 1.3em;}}
        @media screen and (min-width: 1000px) { body {font-size: 12px; line-height: 1.3em;}}
        @media screen and (min-width: 1100px) { body {font-size: 13px; line-height: 1.3em;}}
		@media screen and (min-width: 1200px) { body {font-size: 14px; line-height: 1.3em;}}
		@media screen and (min-width: 1300px) { body {font-size: 15px; line-height: 1.3em;}}
        @media screen and (min-width: 1400px) { body {font-size: 16px; line-height: 1.4em;}}	
        @media screen and (min-width: 1500px) { body {font-size: 17px; line-height: 1.4em;}}
        @media screen and (min-width: 1600px) { body {font-size: 18px; line-height: 1.4em;}}	
		@media screen and (min-width: 1700px) { body {font-size: 19px; line-height: 1.4em;}}	
        @media screen and (min-width: 1800px) { body {font-size: 20px; line-height: 1.4em;}}	
        @media screen and (min-width: 2000px) { body {font-size: 22px; line-height: 1.4em;}}

h4 {
	font-size: 27px;
	line-height: 100%;
	letter-spacing: -2px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}

/** Page structure styles **/
iframe.ss-form-container, .ss-container {border:3px solid #666 !important; margin:50px 0 0 400px !important; -moz-border-radius: 5px; padding:1.5em 1.5em 0 !important; width:580px !important;}
iframe.ss-resp-card{border:none !important;}
iframe.ss-base-body .ss-footer{display:none !important;}
 
 
/** Form Styles **/
 iframe.ss-form-entry input.ss-q-short {padding:6px 3px !important; width:25%;}
 iframe.ss-form-entry input.ss-q-other {display:block !important; width:72% !important; height:3em !important; margin:.3em 0 0 2em !important;}
 iframe.ss-form-entry textarea {height:3em;}
 iframe.ss-navigate .ss-form-entry input{font-weight: bold !important; padding: 5px 12px !important;}
 iframe.ss-break {display:none;}
 
 iframe.ss-footer {margin-bottom:1em !important; color:#FFF;}
 iframe.ss-footer .ss-footer-txt a {display:inline !important;}
 iframe.ss-footer .ss-logo-link,
 iframe .ss-footer .ss-footer-txt a:last-child {display:none !important;}

.moz-selection, ::selection {
background-color:#f6fcb2;
opacity: 0.5;
background-position:initial initial;
background-repeat:initial initial;
color:#444444;
text-shadow:none;}

#exhibit p, #ndxz-media p { line-height: 1.3em; font-size: 0.9em;}#ndxz-media
/* paragraphs - for the most part */
table {   width:100%; line-height: 1.3em; padding:1em;}
th { width:100%; line-height: 1.3em; table-layout:fixed;}
td { table-layout:fixed; }
	
.fblink { height: 100%; }
.copyrighted { margin-top: px; padding-top: px; }

/* generic #img-container - but remember that exhibtion formats can override these */
#img-container { text-align:center; padding:0 0 0 0; margin: 0em 0 0 0; color:#112758; }
#img-container p {   color:#112758;}
#img-container .captioning p {width:auto; color:#112758;}

/* this is where you adjust your paddings for #index and #exhibit together */
.container { padding: 27px 9px 25px 27px; height:  }
.picture { background:url (www.janek83.cz/files/dimgs/thumb_1x200_2_5_104.jpg);padding-top:0px; } 
.element.style { padding-top:0px;} 
.picture_holder a img:hover { opacity: 0.1; filter:alpha(opacity=0.1);}
.top a img:hover { opacity:1; }

/* some generic oft used rules */
.highlight { background-color: #dff585; border-style:solid; border-width:5px 10px 5px 10px; border-color:#dff585; line-height:1.5em; margin-left:-5px;}
small { font-size: 9px; }
.once { clear: left; }