/**********************************************************************************************

	Ján Varhol
	http://varhol.sk
	jan@varhol.sk
	07 2009

***********************************************************************************************/

	

/* Global 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-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {		line-height:1;}	
ol, ul {	list-style:none;}
table {		border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
body {		font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;font-size:62.5%;text-align:center;background:#d3ecf7 url("../images/body_bg.jpg") repeat-x top;color:#333;}
a {		color:#db0066;}
a:hover {color:#000;text-decoration:none;}

/* The rest */
div#header {		position:relative;height:200px;background:url("../images/header_bg.jpg") top;}
div#header h1 a {	display:block; width:247px;height:174px;background:url("../images/logo.jpg") no-repeat top;}
div#header h1 span {	display:block;visibility:hidden;}
div#header a#english {line-height:18px;background:url('/_ui/images/flag.gif') no-repeat;padding-left:22px;position:relative;top:-28px;}

div#kontakt {		width:194px;position:relative;top:-140px;left:670px;background:#e8f8ff;padding:8px;font-size:1.2em;line-height:1.4em;}
div#kontakt strong {	color:#db0066;font-size:1.4em;}

div#container {		text-align:left;}
div#content h2,div#content h3,div#content h4,div#content ul, div#content form {position:relative;left:-280px;line-height:1.4;background:#e8f8ff;padding:16px;width:380px;}
div#content h2 {font-size:1.8em;font-weight:bold;color:#51b2e1;padding-bottom:0;}
div#content h3 {font-size:1.6em;font-weight:bold;color:#51b2e1;padding-bottom:0;}
div#content h4 {font-size:1.2em;font-weight:bold;color:#51b2e1;padding-bottom:0;}
div#content ul {list-style-type:circle;margin-top:-1em;padding-top:8px;}
div#content ol {list-style-type:decimal;margin-top:-1em;padding-top:8px;position:relative;left:-280px;background:#e8f8ff;width:380px;padding:0;margin-top:0px;padding-left:20px;padding-right:10px;}
div#content li {font-size:1.2em;color:#444;margin-left:20px;}
div#content p, div.message p {		font-family: sans-serif;width:380px;position:relative;left:-280px;line-height:1.4;font-size:1.2em;background:#e8f8ff;padding:16px;padding-top:6px;padding-bottom:10px;}
div#content label {line-height:1.4;font-size:1.2em; padding:4px;}

div.message {background:#e8f8ff;position:relative;left:-280px;width:380px;line-height:1.4;font-size:1.2em;padding:16px;}
div.message div {width:380px;}
div.message li {position:relative;left:280px;top:10px;background:none;}
div#alert ul {background:none;}
/*div#alert ul {background:red;}*/


div#navigation ul li {	height:24px;line-height:24px;margin-bottom:10px;}
div#navigation ul li a {display:block;width:190px;color:#000;font-size:1.8em;text-decoration:none;margin-left:20px;padding-left:10px;padding-right:10px;font-weight:normal;}
div#navigation ul li a:hover {background:#e8f8ff;}
div#navigation ul li a:hover.on {text-decoration:none;}
div#navigation ul li a span {color:#db0066;}
div#navigation ul li a.on,
div#navigation ul li a.on span {background:#e8f8ff;color:#51b2e1;}

/*div#wrapper {float:left;width:}*/
div#extra {	/*background:#FF8539;*/ float:right;width:210px;position:relative;left:370px;top:-80px;}

div#footer p {	/*padding-top:60;*/text-align:center;}
div#footer p strong {font-weight:bold;font-size:1.2em;}

div#container {		width:880px;margin:0 auto;}
div#content {		float:right;width:370px;padding-bottom:20px;position:relative;top:-80px;margin-bottom:-60px;}
div#navigation {	float:left;width:190px;position:relative;top:-56px;}
/*div#extra {	float:left;clear:left;width:216px;}*/
div#footer {clear:both;width:100%;background: #db0066 url("../images/footer_bg.jpg") repeat-x top;padding-top:40px;margin-top:-60px;padding-bottom:30px;}
div#footer p {		color:#fff;font-size:1.2em;margin:20px;margin-right:30px;}


img {			border:1px solid #db0066;float:left;margin-right:5px;margin-bottom:20px;}
div.foto img {float:none;margin:0 auto;/*margin-left:-16px;position:relative;left:16px;*/}
div#footer img {float:none;margin:0 auto;border:10px solid #fff;}

body#foto div#content {width:660px;position:relative;left:0px;background:#e8f8ff;overflow:hidden;}
body#foto h2 {position:relative;left:20px;}
div.foto {float:left;width:200px;position:relative;left:300px;}
div.foto h3, div.foto p {width:200px;display:block;float:none;}
div.foto h3 {height:50px;padding-top:12px;}
div.foto p {padding-left:0;margin:0 auto;}
div.foto h3 a {font-weight:normal;}

h2.uvod {position:relative;left:-20px;}
div.uvod img {display:block;position:relative;left:0px;margin-top:16px;float:none;}
div#content .uvod p {position:relative;left:0px;width:620px;}
#uvodl {display:block;width:380px;float:none;background:none;position:relative;left:600px;margin-right:300px;}
#uvodl li {float:none;position:relative;left:280px;}

#grafika {float:left;margin-top:-295px;position:relative;left:380px;}
#grafika img {border:none;}