* { margin: 0; padding: 0; }

/* ––––Design–––– */

body {
	font: 12px/18px "Lucida Grande", Arial,  Verdana, sans-serif;
	background: white url(../chrome/bg_2008_b.jpg) repeat-x 0 0;
	color: #333;
}

#container {
	width: 90%;
min-width: 860px;
	margin-left: auto;
	margin-right: auto;	
		}

#header {
	position: relative;
	margin-bottom: 36px;
	height: 150px;
}

#wrapper {
padding-top: 18px; 
margin-bottom: 18px;
}

#navigacia {
	float: left;
	width: 160px;
	padding: 0 5px;
margin-left: 0px;
	position: relative;
	top: 0;

}

#subnavigacia {
	float: right;
	width: 158px;
	border: 1px solid #ccc;
	padding: 0 5px;
}

#obsah {
	padding: 0em;
	margin-left: 180px;
	margin-right: 185px;
	border-left: 1px solid #ccc;
	padding-left: 14px;
		}

#footer {
	clear: both;
	font-size: 0.9em;
	margin-left: 180px;
padding-left: 1em;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 13px;
	color: #777;
}

/* ---Style pre header--- */


#headsk {
	background: url(../chrome/logo_sk_2008.jpg) no-repeat;
	position: absolute;
	top: 25px;
	width: 400px;
	height: 120px;
}

#headen {
	background: url(../chrome/logo_en_2008.jpg) no-repeat;
	position: absolute;
	top: 25px;
	width: 400px;
	height: 120px;

	
}

#navabout {
	position: absolute;
	left: 0px;
	bottom: 3px;
}

#navabout ul {

	margin-bottom: 0px;	
}

#navabout ul li {

	display: inline;
	font-weight: bold;
	padding: 1px;
	margin: 0 4px 0 0;
	font-size: 11px;
}

#navabout ul li.support {
	background-color: #da0d12;

}

/* –––Typografia––– */

p, ul, ol, table {
	margin-bottom: 18px;
}

#navigacia, #subnavigacia {
	font-size: 10px;
	line-height: 18px;	
}

h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #005179;
	margin-bottom: 18px;
	
}

#obsah h2, #obsah h3 {
}

h2#nazov {
	color: #686868;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin-bottom: 16px;
	text-transform: uppercase;
}

h2 { font-size: 18px; margin-bottom: 18px; line-height: 36px; }

h3 { font-size: 14px; line-height: 18px;}

h4 { font-size: 12px;}

h5 {font-size: 11px; }

#obsah h3 {
margin-bottom: 18px;
}

#obsah p {}

#obsah ul {
	margin-left: 2em;
	list-style: square;
}

#obsah ol {
	margin-left: 2em;
}

#indexmedia p { color: #666; margin-bottom: 18px;}

#navigacia h4 { display: block; background: #aaa; color: white; text-align: center; font-size: 12px; padding: 5px; margin-bottom: 0;}

/* ---Tabulky--- */

table {background-color: white; border:1px solid #005179; border-spacing: 1px; padding: 0.1em; }

th {background-color: #005179; text-align: center; color: white; font: 12px/1.4em Georgia, "Times New Roman", Times, serif; padding: 0.1em 1em;}

td { font: 12px/1.4em Georgia, "Times New Roman", Times, serif; padding: 0.1em 1em; background-color: #DBE9F0;  }

td br {
	margin: 0.5em 0;
}

table.sponzori-index {
	border-style: none;
margin-bottom: 0;
}

table.sponzori-index td {
	background: white;
text-align: center; 
}

#sponsors {
	border: 1px solid #ddd;
	margin-top: 2em;
	padding: 1em;
}

#sponsors h5 {
	color: black;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	background: #eee;
	padding-left: 5px;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	text-align: center;
}

/* ---Linky---- */

a img {border: none; text-decoration: none; }
a:hover img {
	background-color: white;
}

#header h1 a {
	position: absolute;
	top: 0px;
	width: 400px;
	height: 70px;
	text-decoration: none;
	display: block;
	text-indent: -999em;
}

#navabout ul li a:link, #navabout ul li a:visited {
	text-decoration: none;
	color: white;
text-transform: uppercase;
margin-right: 0px;
padding: 3px;	
}

#navabout ul li a:hover, #navabout ul li a:active {
	
text-decoration: underline;

}

ul#nav li a:link, ul#nav li a:visited {
	color: #005179;
	padding: 0px 0px 0px 6px;
	display: block;
	text-decoration: none;
		}

ul#nav li a:hover, ul#nav li a:active {
	color: maroon;
	text-decoration: underline;
}

#obsah a:link, #obsah a:visited {
	text-decoration: underline;
	color: #005179;
}

#obsah a:hover {
	color: maroon;
/*background-color: #f1dada;*/

}

#obsah h2 a:link, #obsah h3 a:link, #obsah h4 a:link, #obsah h5 a:link, #obsah h2 a:visited, #obsah h3 a:visited, #obsah h4 a:visited, #obsah h5 a:visited {
	color: #005179;
	text-decoration: underline;
}

#obsah h2 a:hover, #obsah h3 a:hover, #obsah h4 a:hover, #obsah h5 a:hover {
	color: maroon;
	/*background-color: #f1dada;*/

}

#subnavigacia a:link, #subnavigacia a:visited {
	color: #005179;
}

#subnavigacia a:hover {
	color: maroon;
}

#footer a:link, #footer a:visited { color: #222; }

#footer a:hover { text-decoration: underline; }

/* @group jazyk */
#jazyk {
position: absolute; bottom: 0; right: 65px;
width: 33px; height: 24px;
}	

a.english {
background: url(../chrome/en_flag.png) no-repeat;
background-position: 50%;
text-indent: -1000em;
text-decoration: none;
display: block;
width: 33px; height: 24px;
}

a.slovak {
background: url(../chrome/sk_flag.png) no-repeat;
background-position: 50%;
text-indent: -1000em;
text-decoration: none;
display: block;
width: 33px; height: 24px;
}
/* @end */

/* @group search */

#searchbox {
position: absolute;
bottom: 0;
right: 180px;
padding-bottom: 2px;
}

#searchbox input#q {
	 margin: 0 auto;
height: 12px;
 	width: 100px;
 	font-size: 10px;
}

#searchbox input#hladat {
width: 50px;
 	font-size: 10px;	
}

	
#searchbox fieldset {
	border:  none;
}

#searchbox label {
color: white;
font-size: 11px;
}

/* @end */

/* --Styly pre lavy stlpec--- */

ul#nav {
	list-style-type: square;
	padding: 17px 0;
	margin-left: 2em;
	margin-bottom: 18px;
	border: 1px solid #ddd;
	border-left: none;
	border-right: none;
}

ul#nav li {
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 18px
	
}

/* ---Styly pre pravy stlpec */

#subnavigacia ul {
	list-style: none;
	margin-left: 0;
}

#subnavigacia ul li.pdf { padding-left: 24px; background-image: url(../chrome/pdf.gif); background-repeat: no-repeat;}

#subnavigacia h4 {
	display: block;
	background-color: #ccc;
	color: white;
	text-align: center;
	line-height: 18px;
	padding: 9px 0;
	margin: 0 -5px 18px -5px;
}

#subnavigacia h4.cerveny {
	display: block;
	background: #990000 url(../chrome/cerveny_bg-subnavigacia.gif) repeat-x bottom left;
	color: white;
	text-align: center;
}

#indexmedia { }

#indexmedia h4 {}

#subnavigacia h5 {
text-align: center;
background-color: #eee;
}

/* ---Style pre stredny stl.--- */

.ciara { 
}

blockquote { padding: 18px 9px 0px 33px; color: #555; font-family: Georgia, Courier, sans-serif; background: url(../chrome/quote.gif) top left no-repeat; }

ul.linklist li { border-bottom: 1px dotted #CCC; margin: 0; }

ul.knihy li { border-bottom: 1px dotted maroon; line-height: 18px;}

.autorknihy { font: 12px Georgia, serif; font-variant: small-caps;}

.nazovknihy { font-size: 10px; font-weight: bolder; }

.vydavatelstvo { font-size: 10px;  color: #555; }

.rss {
	background: url(../chrome/feed-icon.gif) no-repeat;
	padding-left: 16px;
}

.indexclanok {

	border-bottom: 1px solid #EEE; 
 margin-bottom: 17px;
}

.indexclanok p { margin-bottom: 18px;}

.indexclanok p.alignright { margin-bottom: 0;}

.singleclanok p {
 margin-bottom: 18px;  
}

.indexclanok blockquote, .singleclanok blockquote {padding: 18px 9px 0px 33px; margin-bottom: 18px; color: black; font: 12px/18px Georgia, Courier, sans-serif; background: #eee url(../chrome/quote.gif) top left no-repeat; border: 1px solid #ddd; }

.pokracovanie {
	padding-left: 16px;
	background: url(../chrome/pokr_clanku_new.png) no-repeat;
}

.alignleft {text-align: left; }

.alignright {text-align: right; }

.aligncenter {text-align: center; }

.floatleft {float: left; }

.floatright {float: right; }

.justify {text-align: justify; }

.bold {
	font-weight: bold;
}

.okraj {margin-bottom: 1em;}

.datum {color: #555;}

.footnote {font-size: 0.9em; color: #333; }

#comment_form table {padding: 1em 0; }

#comment_form table tr {margin: 3px 0; }

.comments { margin-top: 1em;  }

.comments li {border: 1px solid #aaa; padding: 1em; list-style: inside decimal;}

#feedback h5 a:link { color: black; }

.komenty { color: black; font-size: 1.0em; border-top: 5px solid #eee; padding:  1em 0;}

.comments li p { color: #444; font-size: 0.95em; }

.komentar { border-bottom: 1px solid #ddd; margin: 0.3em 0; padding-top: 0.5em; }

.komentar h5 {
	padding: 1em;
	background: #eee;
}

#comment_form {
	margin-top: 1em;
background-color: #eee;
border: 1px solid #888;
}

#comment_form h4 {
margin: 1em 0;
color: black; 
}

#comment_form fieldset {

padding: 1.3em;
}

#comment_form legend {
background-color: #ddd; 
border: 1px solid #999;
padding: 0.4em 1em;
font-size: 1.05em;
font-weight: bold; 

}

#comment_form input, #comment_form textarea {
margin: 0.3em 0; 
border: 1px solid #888;
font: 1em Arial, "Lucida Grande", Verdana, sans-serif;
}

#comment_form label { padding-top: 0.5em; font-weight: bold;  }



/* bannery */

#banery {
	width: 160px;
}
ul#banners {
	font-weight: bold;
	margin-bottom: 0px;
	list-style-type: none;
}

#banners li {
	background-repeat: repeat-x;
	background-position: 0 center;
	padding-right: 5px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-left: 5px;
	margin-bottom: 5px;
	padding-bottom: 9px;
	padding-top: 9px;
}

#banners li a:link, #banners li a:visited {
	text-decoration: none;
	display: block;
	color: #333333;
}

#banners li a:hover {
	text-decoration: underline;
	display: block;
}


/* feeds */

#feeds {
position: absolute;
bottom: 0px;
right: 0px;


}

#feeds a:link, #feeds a:visited {
color: white;
text-decoration: none;
display: block;
height: 21px;
width: 35px;
padding-top: 3px;
	background: url(../chrome/feed-icon.gif) no-repeat 5px center;
	padding-left: 21px;

}

#feeds a:hover, #feeds a:focus {
text-decoration: underline;
}

.kontakt-person-info { }
.kontakt-foto {float: left; width: 120px}

.kontakt-person { margin-left: 150px}

#obsah ul.sponzori_2012, #obsah ul.partneri_2012 {
margin-left: 0;
}

.sponzori_2012 li, .partneri_2012 li {
	display: block;
	width: 210px;
	height: 170px;
	text-align: center;
border: 1px solid #f5f5f5;
font-size: 13px;	
	float: left;
padding-bottom: 18px;

}

/* -------- dochodkova kalkulacka -------------- */



/* ----- button ----- */

.btn {
 color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
color: white;
text-decoration: none;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

#obsah a.btn:link, #obsah a.btn:hover, #obsah a.btn:visited { color: white; text-decoration: none; }

.btn:hover, .btn:focus {
  color: #333333;
  text-decoration: none;
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

	#obsah ul.podporovatelia_index {
margin-left: 0; margin-bottom: 0px !important;
}

#obsah ul.podporovatelia_index li {
	display: block;
	width: 92px;
	height: 45px;
	text-align: center;
border: 1px solid #f5f5f5;
font-size: 12px;	
	float: left;
padding: 18px 5px;

}

ul ul {
margin-bottom: 0
}