/*
	Denne Tabory / www.dennetabory.sk  /  StyleSheet  (CSS)
	Programovanie: Gabriel Schwardy, Ing. / Caleydon Media / www.caleydon.com
	Nazov suboru: css_hlavne
*/

/* Zaciatok CSS */

/* ZAKLADNE NASTAVENIA
======================================== */
* {padding:0; margin:0;}
pre, blockquote, ol, dl, fieldset, address {margin:1.2em 2%;}
dd {margin-left:5px;}
fieldset {padding:.5em;}

body {font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; line-height:1.25em; color:#000; background-color: #F3F2E6;}

.reset {display:block; clear:both; font-size:1px; height:1px; line-height:0.1em;}

/* ZAKLADNE NASTAVENIA - Odkazy
======================================== */
a {font-weight:normal; text-decoration:none;}
a:link, a:visited {font-weight:normal; outline:none; text-decoration:none; normal; color:#69780F;}
a:active, a:hover {font-weight:normal; outline:none; text-decoration:underline; color:#333;}

/* STRUKTURA - Usporiadanie
======================================== */

/* KONTAJNERY
======================================== */
#kontajner {width:920px; margin:0 auto;}
#kontajnerZahlavie {width:860px; height:110px; margin:0 auto;}
#kontajnerMenu {width:900px; margin:0 auto; height:60px; background:url("http://www.dennetabory.sk/obrazky/schema/menu-pozadie.gif") repeat-x;}
#kontajnerHlava {width:900px; height:263px; margin:0 auto; padding:0;}
#kontajnerTelo {width:920px; background:url("http://www.dennetabory.sk/obrazky/schema/telo-pozadie.gif") repeat-y;}
#kontajnerPata {width:920px; height:97px; margin-bottom:80px; background:url("http://www.dennetabory.sk/obrazky/schema/pata-pozadie.gif") no-repeat;}

#kontajnerSkelet {width:920px; background:url("http://www.dennetabory.sk/obrazky/schema/pozadie-skelet.jpg") repeat-x;}

/* OBALY
======================================== */
#obalTelo {width:900px; margin:0 auto;  background:url("http://www.dennetabory.sk/obrazky/schema/telo-pozadie-top.gif") repeat-x;}

/* ZAHLAVIE - BLOKY
======================================== */
.zahlavieLogo {float:left; position:static; width:370px; height:70px; margin:25px 0 0 0; padding:0;}

/* ZAHLAVIE - BLOK - Obrazok Logo
----------------------------------------- */
#obrazokLogo a {display:block; background:url("http://www.dennetabory.sk/obrazky/schema/logo-dennetabory.gif") no-repeat; width:370px; height:70px; margin:0; cursor:pointer;}
#obrazokLogo a:hover {text-decoration:none;}
#obrazokLogo a span {visibility:hidden;}

/* ZAHLAVIE - BLOK - Kontakty
----------------------------------------- */
.zahlavieKontakt {float:right; width:250px; text-align:right; color:#6C410F; font-size:1.3em; font-weight:bold; margin:30px 0 0 0; line-height:1.5em; letter-spacing:0.05em;}
.zahlavieKontakt a:link, .zahlavieKontakt a:visited {color:#EC7E01; font-weight:bold;}
.zahlavieKontakt a:hover {color:#6C410F; font-weight:bold; text-decoration:none;}

/* HLAVA - BLOK - Obrazok
----------------------------------------- */
#hlavaObrazok {float:left; width:519px; height:263px; margin:0; padding:0;}

/* HLAVA - BLOK - Hlavna navigacia
----------------------------------------- */

.jqueryslidemenu {font-size:1.6em; text-transform:uppercase; padding-left:140px;}
.jqueryslidemenu ul {margin:0; padding:0; list-style-type:none;}

/*Top level list items*/
.jqueryslidemenu ul li {position:relative; display:inline; float:left; padding-top:12px;}
.jqueryslidemenu ul a {background:url("./obrazky/schema/menu-predel.gif") no-repeat left;}

/*Top level menu link items style*/
.jqueryslidemenu ul li a {display: block; padding:13px 18px 7px 18px; color:#FFF; text-decoration: none; font-weight:bold;}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited {color:#FFF; font-weight:bold; text-decoration:none;}
.jqueryslidemenu ul li a:hover {color:#4b2801; font-weight:bold; text-decoration:none;}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
padding-top:10px;

}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
background-color:#DC7600;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{font-size:1em; text-transform:uppercase;
width: 158px; /*width of sub menus*/
padding:3px 8px 9px 16px; margin:0; border-top-width:0;
/*border-bottom: 1px solid gray;*/
background-image:none;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 28px;
right: 5px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

#myslidemenu li.aktivnaSekcia a:visited, #myslidemenu li.aktivnaSekcia a {color:#4b2801; text-decoration:none;}

#myslidemenu li.neaktivnaSekcia a:visited, #myslidemenu li.neaktivnaSekcia a {color:#FFF; text-decoration:none;}


/* TELO - OBAL - Obsah
----------------------------------------- */
#teloLava {float:left; width:640px; margin:0; padding:0;}
#teloPrava {margin:0 0 0 640px; padding:0;}

/* TELO - Breadcrumnb navigacia
----------------------------------------- */
.breadcrumb {padding-bottom:1em; font-size:1.3em;}
.breadcrumb a, .breadcrumb a:active, .breadcrumb a:visited {border-bottom:none; color:#A06D00; font-weight:normal;}
.breadcrumb a:hover {color:#333; text-decoration:underline;}

/* TELO - Admin odkaz
----------------------------------------- */
#obalTelo p.adminOdkaz {color:#666; font-size:1.1em;}

/* TELO - LAVA - Obsah
----------------------------------------- */
#teloObsah {margin:25px;}

#obalTelo p {font-size:1.4em; line-height:1.5em; margin-bottom:1.2em;}
#obalTelo h1 {font-size:1.8em; font-weight:bold; color:#6b7812; line-height:1.9em; margin-bottom:0.4em;}
#obalTelo h2 {font-size:1.6em; font-weight:bold; color:#6b7812; line-height:1.9em; margin-bottom:0.3em;}
#obalTelo h3 {font-size:1.4em; font-weight:bold; color:#333; line-height:2em; margin-bottom:0.5em;}

#obalTelo ol h3 {font-size:1.2em; font-weight:bold; color:#333; line-height:2em; margin-top:1.4em;}

#teloObsah ul, #teloObsah ol {margin-left:4em; margin-bottom:0.8em;}
#teloObsah li {font-size:1.4em; line-height:1.5em; margin-bottom:0.3em;}
#teloObsah blockquote {margin:1em 1em 0.8em 1.8em; padding-left:0.5em; line-height:1.5em; font-size:1.4em; color:#333; border-left:3px solid #acacac;}
#teloObsah ol ol, #teloObsah ol ul, #teloObsah ul ul {margin-left:4em; margin-bottom:0.8em; font-size: 0.7em;}

/* TELO - PRAVA - Obrazok tlacidlo
----------------------------------------- */
.teloTlacidlo {position:static; width:204px; height:96px; margin:0 auto; padding:41px 0 0 0;}
#tlacidloPrihlaska a {display:block; background:url("http://www.dennetabory.sk/obrazky/schema/tlacidlo-prihlaska.gif") scroll no-repeat left top; width:204px; height:96px; margin:0; cursor:pointer; text-decoration:none;}
#tlacidloPrihlaska a:hover {text-decoration:none; background-position:right top;}
#tlacidloPrihlaska a span {visibility:hidden;}

/* TELO - OBAL - Obsah (Prihlaska)
----------------------------------------- */
#teloLavaPrihlaska {float:left; width:620px; margin:0; padding:0;}
#teloPravaPrihlaska {margin:0 0 0 620px; padding:0;}
#teloPrihlaskaPopis {padding:25px;}

/* TELO - OBAL - Obsah (Kontakt)
----------------------------------------- */
#teloLavaKontakt {float:left; width:380px; margin:0; padding:0;}
#teloPravaKontakt {margin:0 0 0 380px; padding:0;}


.teloKontForm {padding:25px 0 50px 0;}

/* PATA - BLOK - Kredit
----------------------------------------- */
#kontajnerPata p {font-size:1.3em; color:#4e580a; padding-top:40px; text-align:center;}


/* TELO - FORMULAR - Validacia
----------------------------------------- */
.checkboxRequiredMsg, .checkboxMinSelectionsMsg, .checkboxMaxSelectionsMsg{
	display: none;
}
.checkboxRequiredState .checkboxRequiredMsg,
.checkboxMinSelectionsState .checkboxMinSelectionsMsg,
.checkboxMaxSelectionsState .checkboxMaxSelectionsMsg {
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
    padding:3px;
}


/* SKRYTE OBJEKTY, PREDELNIKY, CIARY
======================================== */
.odsadenie {display:block; height:1px;}
.obsahSkryty {display:none;}
a.obsahSkryty {display:none;}
h4.obsahSkryty {display:none;}
hr.predelSkryty {margin:0; padding:0; border:none; visibility:hidden; display:none;}
hr.predelBlokSkryty {clear:both; height:1px; margin:-1px 0 0 0; padding:0; border:none; visibility:hidden;}
.oddelovac {border-bottom:#999 1px solid; width:820px; margin: 15px 0;}


td {
	font-size: 1.2em;
	color: #000;
	text-align:center;
}

/* TELO - BLOK - Fotogaleria stepcarousel
----------------------------------------- */
#obalGaleria {
	width:608px;
	margin:10px auto 15px auto;
}
.stepcarousel {
	position: relative; /*leave this value alone*/
	border: 0;
	overflow: scroll; /*leave this value alone*/
	width: 560px; /*Width of Carousel Viewer itself*/
	height: 100px; /*Height should enough to fit largest content's height*/
	margin-left: 22px;
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 4px; /*margin around each panel*/
	width: 90px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/* Koniec CSS */


/*
#hlavnaNavigacia ul {
	margin-left:			15px;
	padding-top:			4px;
	z-index:				1;
}

#hlavnaNavigacia li {
	float:					left;
	position:				relative;
	top:					0;
	left:					0;
}

#hlavnaNavigacia li a {
	padding:				8px 12px 8px 12px;
}

#hlavnaNavigacia li.current a {
	margin-bottom:			-1px;
}

#hlavnaNavigacia li ul {
	display:				none;
	position:				absolute;
	top:					0;
	left:					0;
	margin:					0;
	padding:				0;
}

#hlavnaNavigacia ul:after {
    content:				"."; 
    display:				block; 
    height:					0; 
    clear:					both; 
    visibility:				hidden;	
}

#hlavnaNavigacia li ul li ul {
	position:				relative;
}

#hlavnaNavigacia li ul li {
	width:					175px;
}

#hlavnaNavigacia li > ul {
	top:					auto;
	left:					auto;
}

#hlavnaNavigacia li:hover ul {
	display:				block;
}

#hlavnaNavigacia li.current ul {
	padding-bottom:			1px;
}

#hlavnaNavigacia li {
	font-size:				12px;
	text-align:				center;
}

#hlavnaNavigacia li li {
	text-align:				left;
}

#hlavnaNavigacia li li li {
	text-indent:			10px;
}

#hlavnaNavigacia a {
	text-decoration:		none;
	display:				block;
}

#hlavnaNavigacia {
	background:				#0c1216 url(/images/design/nav_bg.gif) top left no-repeat;
}

#hlavnaNavigacia li {
}

#hlavnaNavigacia li a:link, #hlavnaNavigacia li a:visited {
	background:				transparent url(/images/design/site_nav_borders.gif) bottom right no-repeat;
	color:					#c2d4dd;
}

#hlavnaNavigacia li a:hover {
	background:				#baced7 url(/images/design/site_nav_hover_bg.gif) bottom left repeat-x;
	color:					#24495e;
}

#hlavnaNavigacia li.current a:link, #hlavnaNavigacia li.current a:visited {
	background:				#f0f5f8 url(/images/design/site_nav_current_bg.gif) bottom left repeat-x;
	color:					#37454e;
	border-bottom:			1px solid #d7e5ed;
}

#hlavnaNavigacia li ul, #hlavnaNavigacia li.current ul {
	border-left:			1px solid #bcd1df;
	border-bottom:			1px solid #bcd1df;
	border-right:			1px solid #bcd1df;
}

#hlavnaNavigacia li ul li ul, #hlavnaNavigacia li.current ul li ul {
	border:					0;
}

#hlavnaNavigacia li ul li a:link, #hlavnaNavigacia li ul li a:visited, #hlavnaNavigacia li.current ul li a:link, #hlavnaNavigacia li.current ul li a:visited {
	background:				#d3e3eb url(/images/design/site_nav_dropdown_bg.gif) top left repeat-x;
	color:					#2c5267;
}

#hlavnaNavigacia li ul li a:hover, #hlavnaNavigacia li.current ul li a:hover {
	background-color:		#baced7;
	color:					#2c5267;
}

#hlavnaNavigacia li li li a:link, #hlavnaNavigacia li li li a:visited,
#hlavnaNavigacia li.current li li a:link, #hlavnaNavigacia li.current li li a:visited {
	background-image:		none;
	color:					#58879b;
}

#hlavnaNavigacia li.over {
	color:					yellow;
	border:					1px solid red;
}
*/

img.ludiaFoto {border:1px solid #ccc;}

/* TELO - Forum
----------------------------------------- */
#teloForum {float:left; width:520px; margin:0; padding:0; display:block;}
#obsahForum {margin:0; padding:3em 1em 1em 3em;}
#obsahForum p {font-size:1.4em; line-height:1.6em; color:#000; margin-bottom:1.3em;}
#obsahForum h1 {font-size:1.5em; font-weight:bold; color:#000; line-height:1.9em; margin-bottom:0.4em;}
#obsahForum h2 {font-size:1.4em; font-weight:bold; color:#000; line-height:1.9em; margin-bottom:0.5em;}
#obsahForum h3 {font-size:1.2em; font-weight:bold; color:#000; line-height:2em; margin-bottom:0.5em;}

#obsahForum ul {margin-left:4em; margin-bottom:1em;}
#obsahForum li {font-size:1.4em; line-height:1.6em;}
#obsahForum blockquote {margin:1em 1em 0.8em 1.8em; padding-left:0.5em; line-height:1.5em; font-size:1.4em; color:#333; border-left:3px solid #acacac;}

/* TELO - BLOK - Forum - Formular - Prava
----------------------------------------- */
#teloForm {margin:0 0 0 540px; padding:0;}
#obsahForm {margin:0; padding:3em 1em 1em 0;}
#obsahForm p {font-size:1.4em; line-height:1.6em; color:#000; margin-bottom:1.3em;}
#obsahForm h1 {font-size:1.5em; font-weight:bold; color:#000; line-height:1.9em; margin-bottom:0.4em;}
#obsahForm h2 {font-size:1.4em; font-weight:bold; color:#000; line-height:1.9em; margin-bottom:0.5em;}
#obsahForm h3 {font-size:1.2em; font-weight:bold; color:#000; line-height:2em; margin-bottom:0.5em;}

#obsahForm ul, #obsahForm ol {margin-left:4em; margin-bottom:1em;}
#obsahForm li {font-size:1.4em; line-height:1.6em;}
#obsahForm blockquote {margin:1em 1em 0.8em 1.8em; padding-left:0.5em; line-height:1.5em; font-size:1.4em; color:#333; border-left:3px solid #acacac;}

#obsahForm p.referencie {margin:0 0 10px 0; padding:0;}