/* v1.0 | 20080212 */

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, b, u, i, center, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	margin: 0;
	padding: 0;
	background: url(bg.jpg);
	font-family: Arial, Verdana, sans;
	font-size: 9.5pt;
	line-height: 1.5;
	overflow: hidden
}

#container {
	height: 3000px;
	width: 4000px;
}

.positioning {
	border-left: 50px solid #fef4f2;
}
.positioning a { color: #ff542f; text-decoration: none; }
.positioning a:hover { text-decoration: underline; }
.inside { 
	padding: 20px;
	position: relative;
	top: 55px;
	left: 94px;
	width: 595px;
	height: 490px;
	overflow-x: hidden;
	overflow-y: auto;
}
#pocetna {
	position: absolute;
	width: 865px;
	height: 670px;
	top: -30px;
	left: 0px;
	background: url(bg_1_1.jpg) no-repeat;
}
#organizator {
	position: absolute;
	width: 865px;
	height: 670px;
	top: -30px;
	left: 2000px;
	background: url(bg_1_2.jpg) no-repeat;
}

#predavaci {
	position: absolute;
	width: 865px;
	height: 670px;
	top: -30px;
	left: 4000px;
	background: url(bg_1_3.jpg) no-repeat;
}

#program {
	position: absolute;
	width: 865px;
	height: 670px;
	top: 2000px;
	left: 0px;
	background: url(bg_1_1.jpg) no-repeat;
}
#prijava {
	position: absolute;
	width: 865px;
	height: 670px;
	top: 2000px;
	left: 2000px;
	background: url(bg_1_2.jpg) no-repeat;
}

#kontakt {
	position: absolute;
	width: 865px;
	height: 670px;
	top: 2000px;
	left: 4000px;
	background: url(bg_1_3.jpg) no-repeat;
}

p { margin-bottom: 10pt}
h1 { font-size: 18pt; color: #05274b; }
h2 { font-size: 16pt; color: #05274b; line-height: 12pt }
h2 span { font-size: 12pt; color: gray; font-weight: normal}
h3 { font: 12pt; text-transform: uppercase; margin-bottom: 10px}

.nav { height: 30px; position: relative;	top: 55px;	left: 300px;}
.nav a { color: #636363; text-decoration: none; display: block; float: left; padding: 2px 10px}
.nav a:hover { color: black; background: #efefef}

#pocetna1, #organizator2, #predavaci3, #program4, #prijava5, #kontakt6 { color: #ff542f; }


.formular {margin-top: 30px}
.doc img {margin: 0px 10px 20px 0px}
.formular td { padding: 4px; border-bottom: 1px dotted #d5dde5; }
.formular th { padding: 4px; border-bottom: 1px dotted #d5dde5; text-align: left; background: url(down.gif) no-repeat; height: 25px; text-indent: 30px;}
#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 150px;
	font-family: Helvetica, sans-serif;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #FF6600;
}

#contact-area input.submit-button {
	width: 100px;
	float: center;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 130px;
	padding-top: 5px;
}
.home { display: block; position: absolute; top: 40px; left: -40px}
blockquote { width: 200px; float: right; background: #ffcf6f url(info.gif) no-repeat right top; border: 1px solid #e8bd65; padding: 20px; margin: 0px 0px 20px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
small { font-size: 9px; color: #bd994f}
ul li { list-style: square; margin-left: 18px}





	.awesome, .awesome:visited {
	background: #222 url(alert-ovelay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff !important; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }

hr { background: none; border: none; border-bottom: 1px dotted white; margin: 10px 0}

dt { font-weight: bold; border-top: 1px dotted  #dbdbdb; padding: 10px; clear: both}
dd { padding: 10px; display: block; margin-left: 90px}
dt span { background: #f75622; color: white; padding: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 8pt; display: block; float: left; margin: 0px 5px 5px 0; width: 80px; text-align: center }
.sponzori { position: absolute; top: 190px; left: -50px; width: 140px; text-align: center; font-size: 10px; font-weight: bold}
.sponzori img { height: 25px; margin: 2px 5px}
.sponzori img.fds { height: 40px; margin: 5px 10px}