/*--------------------------------------------------
Project:	Kwanumzen.sk
Creator:	http://www.macodesign.com/
Version:	1.0
Last change:	10/11/09

--------------------------------------------------*/

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;}
: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: "" "";}

/*		1. MAIN  ---------------------------------*/

body {
		background: #a4a4a4 url(../img/bg.jpg) repeat-x;
		color: #373737; font:62.5%/2em 'Verdana'; 
		text-align:center;}

h1, h2, h3 {font-weight:bold;}

h1 {
		color:#4c412e;
		font-size:1.9em;
		padding:0 0 15px;}

h2 {
		color:#c83e07;
		font-size:1.6em;
		padding-bottom:10px;}

h2 small {
		color: #4c412e;
		font-size:.8em;
		display: block;
		overflow:hidden;}

h3 {font-size:1.4em;}

a {
		color:#c83e07;
		font-weight:bold;}

a:hover {color:#000;}

p {
		margin:0 0 0px;
		font-size:1.2em;}

.pic {
		float:left;
		margin:0 10px 0 0;}

ol li {
		list-style-type:decimal;
		margin:0 0 10px 20px;}

li {list-style-type:disc;
font-size:1.2em;}

strong {
		color:#742100;
		font-style:italic;}

.citacia {
		font-style:italic;
		color:#999;}


/*		2. STRUCTURE  ----------------------------*/
#bg {background: url(../img/bg_hand.jpg) no-repeat top left;}
		
#wrapper {
		width:947px;
		margin:0 30px auto auto;
		text-align:left;
		padding:30px 0 0 0;}

#header {
		width:947px;
		height:80px;
		background-color:#ead3af;}

#header a.logo {
		width:442px;
		height:80px;
		float:left;
		background:url(../img/logo.png) no-repeat top left;
		overflow:hidden;}

#header a.logo span {display:none;}

.flag {
		background:#b1a38d url(../img/flag-uk.jpg) no-repeat 10px;
		border:1px #ad926d solid;
		margin:0;
		padding:3px 10px 3px 35px;
		float:right;}

.flag a {color:#fff;}
.flag a:hover {color:#000;}

.flagsk {
		background:#b1a38d url(../img/flag-sk.jpg) no-repeat 10px;
		border:1px #ad926d solid;
		margin:0;
		padding:3px 10px 3px 35px;
		float:right;}

.flagsk a {color:#fff;}
.flagsk a:hover {color:#000;}


#contentbg {
		width:947px;
		background-color:#ead3af;
		clear:both;
		padding:0 0 20px;
		overflow:hidden;}

#contentbg, #header, #menu {filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85;}

#contentl {
		width:675px;
		float:left; 
		padding:0 0 0 15px;}

	#contentl .left {
		width:329px;
		padding:0 15px 0 0;
		float:left;}

	#contentl .left p {margin:0;}
	#contentl .right {width:329px; float:left;}
	#contentl li {margin:0 0 10px 20px;}

	.novinka {
		width:329px;
		margin:0 0 10px;}

	.novinka-dolezita {
		width:259px;
		background:#f3b701 url(../img/novinka-d-bg.jpg) no-repeat;
		margin:0 0 10px;
		padding:10px 10px 10px 60px;
		border-top:1px #000 dotted;
		border-bottom:1px #000 dotted;}

	.datum {
		color:#4c412e;
		font-size:1em;
		padding:0 0 10px;
		text-align:right;
		font-weight:bold;}

#contentr {
		width:242px;
		background:url(../img/menu_r_c.jpg) repeat-y;
		float:right;}

	#contentr form {padding:0 0 0 15px;}
	#contentr h2 {color:#fff;}

	#kongan {
			height:290px;
			background-color:#fff;
			border: 1px #000 solid;
			padding:15px;}

	#novinky .left span {color:#3785ad;}
	#contentc {width:1010px; float:left;} 

.co-je-zen {
		/*	width:575px;  */
		padding:20px 0 0 0;
		position: relative;
}


/*		3. MAIN MENU  ----------------------------*/

#menu {
		width:947px;
		height:43px;
		background:#ead3af url(../img/menu.jpg) repeat-x;
		padding:0 0 15px;
		display:block;
		font-size:1.1em;
		clear:both;
		overflow: hidden}

#menu li {
		float:left;
		display:block;}

#menu li a {
		width:135px;
		color:#000;
		text-align:center;
		text-decoration:none;
		font-size:1.1em;
		font-weight:bold;
		padding:15px 0px 0px 0px;
		float:left;
		display:block;}

#menu li a:hover {color:#e5a01b; text-shadow:#F5F5F5 1px 1px 1px;}
#menu li.active a {color:#dcbb3e; text-shadow:#F5F5F5 1px 1px 1px;}


/*		4. MENU RIGHT ----------------------------*/

ul#menu-right {
		background:url(../img/menu_r_top.jpg) top no-repeat;
		padding:30px 15px 15px;
		clear:both;}

#menu-right li {
		border-bottom:solid 1px #d8c9b3;
		font-size:1.3em;
		line-height:24px;
		list-style:none;
		position:relative;}

#menu-right li a {
		color:#fff;
		text-decoration:none;
		display:block;}

#menu-right li a:hover {color:#000}


/*		5. FOOTER  -------------------------------*/

#footer {
		width:947px;
		color:#252525;
		font-size:1em;
		text-align:right;
		margin:0px auto auto auto;
		clear:both;
		overflow:auto;}

#footer .left {
		text-align:left;
		padding:10px 0;
		float:left;}

#footer .right {
		padding:10px 0;
		float:right;}

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


/*		6. FORM ----------------------------------*/

button {
	border:none;
	background:none;
	padding:0;
	margin:0;
	width:auto;
	overflow:visible;					
	text-align:center;	
	white-space:nowrap;	
	height:22px;}
	
button a {
	color: #fff;
	text-decoration: none;
	background: none;
	line-height: 22px;}

button span, button em{
	display:block;
	height:22px;			
	margin:0;
	color:#fff;}
		
button span {
	padding-left:20px;
	background:url(../img/bg_button.gif) no-repeat 0 0;}	

button em {
	font-style:normal;
	padding-right:20px;
	background:url(../img/bg_button.gif) no-repeat 100% 0;}

#form label{
		width:50px;
		float:left;
		text-align:left;
		display:block;}

#form input, #form textarea, #search input{
		width:126px;
		height:14px;
		border:1px solid #f4f4f4;
		margin-right:10px;		
		padding:3px 5px;
		float:left;}

#form input:focus, #search input:focus {border:1px solid #669900; background-color:#f4f4f4;}

#form p {font-size:1em;}

#search {margin:10px 0px;}

hr {
		height:2px;
		background-color:#fff;
		border:solid #8b8377;
		border-width:1px 0 0;}

/*		7. OTHER ---------------------------------*/

.clearfix:after{
		height:0;
		content:'.';
		display:block;
		visibility:hidden;
		clear:both;}

.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

.fotogaleria img {
	margin: 5px;
	border: 1px soldi #666;
}

.poem {
	margin: 0;
	padding: 0;
	font-size:1.2em;
}