/* --------------------------------------------------------------------------
		created by Haaspress - www.haas.sk
	-------------------------------------------------------------------------- */

/* Reset ................. */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;	
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; 	border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

blockquote2:before, blockquote2:after, q:before, q:after {}
blockquote2, q {}
	
	
/* Common ................. */
body {
	color: #3c372c;
	font-size: 12px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	background-color: #e7d3b2;
	background-image: url(images/back.gif);
}


a, a:active, a:visited { color: #96161a; text-decoration: none; }
a:hover { color: #5c0d0f; text-decoration: underline;  }

a.viac, a.viac:active, a.viac:visited { 
	color: #3c372c; text-decoration: none;
	font-weight: bold;
	clear: both;
	padding: 0 0 0 20px;
	margin:0;
	background-image: url(images/i.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
	font-weight: bold;
	height:14px;
	}
a.viac:hover { color: #5c0d0f; text-decoration: underline;  }

a.back, a.back:active, a.back:visited { color: #7d735f; text-decoration: none; }
a.back:hover { color: #7d735f; text-decoration: underline;}

div { text-align: left; }
img { border: none; }
input, textarea { 
	font-size: 12px; font-family: Arial, Tahoma,  Helvetica, sans-serif; color: #3c372c; border: 1px solid #ae9d85; 
	margin:2px 0 0 0;padding: 3px; overflow: visible; 
	background-color: #f3e2c9;
	}
input:focus {border: 1px solid #3c372c; background-color: #fef1e0; }
textarea:focus {border: 1px solid #3c372c; background-color: #fef1e0; }

.button { 
	font-size: 12px; font-family: Arial, Tahoma,  Helvetica, sans-serif; color: #3c372c; border: 1px solid #ae9d85; 
	margin:10px 0 0 0;padding: 3px; overflow: visible; 
	background-color: #f3e2c9; font-weight: bold;
	cursor: pointer;
	}

select, option { font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #555; }

/* Cleaners ................. */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.cleaner { height: 0; font-size: 0; line-height: 0; clear: both }
.line { height: 4px; font-size: 4px; line-height: 4px; clear: both; background-image: url(images/back02.gif);margin:15px 0 20px 0; }

/* Headings ................. */
h1 { font-size: 22px; color: #fef1e0; margin: 0px; padding:15px 0 0 15px; font-weight: normal; line-height: 100%; font-family: Arial, Tahoma, Helvetica, sans-serif; }
h3 { font-size: 18px; color: #96161a; margin: 0px 0 10px 0; padding:0px 0 0 15px; font-weight: normal; font-family: Arial, Tahoma,  Helvetica, sans-serif; }
h2 { font-size: 16px; color: #3c372c; margin: 0px 0 10px 0; font-weight: normal; font-family: Arial, Tahoma, Helvetica, sans-serif; }

/* Paragraphs ................. */
p { margin: 10px 0 0 15px; }

/* Layout ................. */

table.tabulka { border: 0; }
table.tabulka td { font-size: 12px;  margin: 1px; background-color: #f3e2c9; padding: 4px 4px 4px 10px; border-bottom:1px solid #443e32; }
table.tabulka tr.zahlavie td {
	background-color: #443e32;
	color: #fff;
	font-weight: bold;
	padding: 8px 4px 8px 10px;
}
table.tabulka td.modra { background-color: #DBE6EC; }
table.tabulka tr.zahlavie td.skryta { visibility: visible; }


.text { margin: 10px 0 0 15px; line-height:120%; }
.text li {margin-left:20px}

.img_left {
	border:5px solid #bcaa8f;float:left; margin:0 15px 5px 0;
	}
.img_right {
	border:5px solid #bcaa8f;float:right; margin:0 0px 5px 15px;
	}
#left {float:left; display:inline;}
#right {float:right; display:inline;}
#top {
	background-color: #0d1113;
	height: 111px;
	display: block; clear: both;
	}
.hlavicka {
	width: 900px; margin: 0 auto; 
	}
	
#bordova {
	background-color: #96161a;
	height: 5px;
	display: block; clear: both;
	border-bottom:1px solid #0d1113;
	}
	
#pre_menu {
	height:59px;
	background-image: url(images/top_menu.gif);
	}

#wrapper { width: 900px; margin: 0 auto; background-color: #e7d3b2;}
#header { height: 100px; position: relative; }
#logo { position: relative; top: 29px; left: 20px; }
#back {
	background-image: url(images/back.gif);
	display: block; clear: both;
	min-height:300px;
	}
#back2 {
	background-image: url(images/back.gif);
	display: block; clear: both;
	min-height:150px;
	color:#7d735f;
	padding-top:20px;
	font-size:11px;
	}
.menu_left {width:254px;}
.menu_stred {width:646px;}


ul.leftmenu { padding:5px 40px 10px 40px;
	background-image: url(images/znak.gif);
	background-position: left center;
	background-repeat: no-repeat;}
ul.leftmenu li { display: block; }
ul.leftmenu li a, ul.leftmenu li a:active, ul.leftmenu li a:visited {
	display: block;
	color: #790508;
	padding: 8px 8px 8px 8px;
	text-decoration: none;
	border-bottom: 1px solid #dacdba;
	font-size:13px;
}
ul.leftmenu li a:hover, ul.leftmenu li a.aktivna, ul.leftmenu li a.aktivna:link, ul.leftmenu li a.aktivna:visited {
	background-color: #790508;
	color: #fef1e0;
}


#footer {
	clear: both;
	padding: 15px 10px 20px 0;
	text-align: right;
	line-height: 150%;
	color: #555;
}
#footer a, #footer a:active, #footer a:visited { color: #555; }
#footer a:hover { color: #999; }

li.menu_home {float: left; display: inline;}
li.menu_home a, li.menu_home a:active, li.menu_home a:visited   {
	height:59px;
	display: block;
	padding-left:10px;
	margin:0;
	font-size:16px;
	color:#fee39e;
	font-weight:bold;
	text-decoration: none;
	background-image: url(images/arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	}
li.menu_home a:hover  {
	color:#ffffff;
	text-decoration: none;
	background-image: url(images/arrow2.gif);
	background-position: left;
	background-repeat: no-repeat;
	}
li.menu_home a.active   {
	
	}


	
li.menu_news {float: left; display: inline;}
li.menu_news a, li.menu_news a:active, li.menu_news a:visited   {
	display: block;
	background-image: url(images/menu_news01.gif);background-repeat: no-repeat;
	height:59px; width:118px;
	}
li.menu_news a:hover  {
	display: block;
	background-image: url(images/menu_news02.gif);background-repeat: no-repeat;
	height:59px; width:118px;
	}
li.menu_news a.active   {
	display: block;
	background-image: url(images/menu_news02.gif);background-repeat: no-repeat;
	height:59px; width:118px;
	}

li.menu_ucebnice {float: left; display: inline;}
li.menu_ucebnice a, li.menu_ucebnice a:active, li.menu_ucebnice a:visited   {
	display: block;
	background-image: url(images/menu_ucebnice01.gif);background-repeat: no-repeat;
	height:59px; width:129px;
	}
li.menu_ucebnice a:hover  {
	display: block;
	background-image: url(images/menu_ucebnice02.gif);background-repeat: no-repeat;
	height:59px; width:129px;
	}
li.menu_ucebnice a.active   {
	display: block;
	background-image: url(images/menu_ucebnice02.gif);background-repeat: no-repeat;
	height:59px; width:129px;
	}

li.menu_kurzy {float: left; display: inline;}
li.menu_kurzy a, li.menu_kurzy a:active, li.menu_kurzy a:visited   {
	display: block;
	background-image: url(images/menu_kurzy01.gif);background-repeat: no-repeat;
	height:59px; width:172px;
	}
li.menu_kurzy a:hover  {
	display: block;
	background-image: url(images/menu_kurzy02.gif);background-repeat: no-repeat;
	height:59px; width:172px;
	}
li.menu_kurzy a.active   {
	display: block;
	background-image: url(images/menu_kurzy02.gif);background-repeat: no-repeat;
	height:59px; width:172px;
	}

li.menu_cennik {float: left; display: inline;}
li.menu_cennik a, li.menu_cennik a:active, li.menu_cennik a:visited   {
	display: block;
	background-image: url(images/menu_cennik01.gif);background-repeat: no-repeat;
	height:59px; width:106px;
	}
li.menu_cennik a:hover  {
	display: block;
	background-image: url(images/menu_cennik02.gif);background-repeat: no-repeat;
	height:59px; width:106px;
	}
li.menu_cennik a.active   {
	display: block;
	background-image: url(images/menu_cennik02.gif);background-repeat: no-repeat;
	height:59px; width:106px;
	}
	
li.menu_kontakt {float: left; display: inline;}
li.menu_kontakt a, li.menu_kontakt a:active, li.menu_kontakt a:visited   {
	display: block;
	background-image: url(images/menu_kontakt01.gif);background-repeat: no-repeat;
	height:59px; width:122px;
	}
li.menu_kontakt a:hover  {
	display: block;
	background-image: url(images/menu_kontakt02.gif);background-repeat: no-repeat;
	height:59px; width:122px;
	}
li.menu_kontakt a.active   {
	display: block;
	background-image: url(images/menu_kontakt02.gif);background-repeat: no-repeat;
	height:59px; width:122px;
	}
