@charset "utf-8";

/*
-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
--- CSS v.2 FILE FOR RESTAURACIA KULTURNY DOM SITE CREATED BY MARTIN FUSKO 2008 ---
-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
*/

/*
--------------
--- GLOBAL ---
--------------
*/

body {
	margin: 0px;
	padding: 0px; /* for Opera */	
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;	/* for IE */
	color: #3c0000;
	background-color: #EDEDED;
	background-image: url(../i/body_background.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

html:first-child body {	/* for Opera 9 */
	font-size: 80%;
}

a{
	font-weight: bold;
	text-decoration: none;
	color: #3c0000;
}

a:hover{
	font-weight: bold;
	text-decoration: underline;
	color: #3c0000;	
}

img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.separator {
	width: 100%;
	height: 1px;
	font-size: 1px;
	clear: both;
}

/*
------------
--- MAIN ---
------------
*/

#main {
	position: relative;
	margin: 0px auto;
	width: 992px;
	text-align: left;	/* for IE */
	background-image: url(../i/main_background.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

/*
--------------
--- HEADER ---
--------------
*/

#header {
	position: relative;	
	width: 991px;
	height: 284px;
	text-align: left;	/* for IE */
}

#header #logo {
	position: absolute;
	top: 0px;
	left: 1px;
	width: 202px;
	height: 39px;
}

#header #watch-word {
	position: absolute;
	width: 500px;
	bottom: 243px;
	right: 2px;
	font-size: 115%;
	font-family: Times New Roman, Times, serif;
	font-style: italic;
	text-align: right;	/* for IE */
}

#header .flash_box {
	position: absolute;
	top: 45px;
	left: 0px;
	width: 991px;
	height: 188px;
}

/*
--------------
--- MENU_1 ---
--------------
*/

#menu_1 {
	position: absolute;
	top: 233px;
	left: 0px;
	width: 991px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-image: url(../i/menu_1_background.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#menu_1 li {
	float: left;
	height: 50px;
	margin: 0px;
	padding: 0px;
}

#menu_1 .li_1, #menu_1 .li_2, #menu_1 .li_3, #menu_1 .li_4, #menu_1 .li_5, #menu_1 .li_6 {
	width: 65px;
	background-image: url(../i/menu_1_li_1_background.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#menu_1 .li_2 {
	width: 132px;
	background-image: url(../i/menu_1_li_2_background.png);
}

#menu_1 .li_3 {
	width: 147px;
	background-image: url(../i/menu_1_li_3_background.png);
}

#menu_1 .li_4 {
	width: 177px;
	background-image: url(../i/menu_1_li_4_background.png);
}

#menu_1 .li_5 {
	width: 117px;
	background-image: url(../i/menu_1_li_5_background.png);
}

#menu_1 .li_6 {
	width: 94px;
	background-image: url(../i/menu_1_li_6_background.png);
}

#menu_1 li a {
	position: absolute;
	height: 27px;
	color: #ffffff;
	font-size: 110%;
	text-decoration: none;
	font-weight: normal;
	padding: 23px 0px 0px 0px;  /* top right bottom left */
	text-align: center;
}

#menu_1 li a:hover {
	color: #ffffff;
	font-weight: normal;
	background-position: right -50px;
}

/*
-----------------------
--- CONTENT_IN_MAIN ---
-----------------------
*/

#content_in_main {
	position: relative;	
	width: 991px;
	text-align: left;	/* for IE */
	background-color: #f3a81e;
	background-image: url(../i/content_in_main_background.gif);
	background-repeat: repeat-y;
	background-position: 729px 0px;
}

#content_in_main .inner {
	position: relative;	
	width: 991px;
	text-align: left;	/* for IE */
	background-image: url(../i/content_in_main_inner.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#content_in_main_bottom {
	width: 991px;
	height: 5px;
	background-image: url(../i/content_in_main_bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*
----------------
--- COLUMN_1 ---
----------------
*/

#column_1 {
	float: left;
	width: 684px;
	padding: 16px 19px 5px 19px; /* top right bottom left */
}

#column_1 h1 {
	margin: 0px;
	padding: 10px 0px 8px 0px; /* top right bottom left */
	font-weight: bold;
	font-style: italic;
	font-size: 180%;
	font-family: Times New Roman, Times, serif;	
}

#column_1 .img_with_border {
	border: 7px solid #ffffff;
}



/*
----------------
--- COLUMN_2 ---
----------------
*/

#column_2 {
	float: left;
	width: 230px;
	padding: 16px 19px 5px 19px; /* top right bottom left */
}

#column_2 h2 {
	margin: 0px;
	padding: 0px 0px 7px 0px; /* top right bottom left */
	font-weight: bold;
	font-size: 100%;
}

#column_2 p {
	font-size: 95%;	
}

#column_2 .map {
	border: 7px solid #3c1400;
}

/*
--------------
--- FOOTER ---
--------------
*/

#footer {
	position: relative;
	width: 991px;
	padding: 5px 0px 10px 0px; /* top right bottom left */	
	text-align: right;	/* for IE */
	font-size: 90%;	
}

* html #footer {
	padding: 0px 0px 10px 0px; /* top right bottom left */	
}

#footer a {
	font-weight: normal;
}


/*
DALSIE DOROBEN
*/
.text, .text_a{
	width: 100%;
	background-color: #FFFFFF;
	color: #000000;
	border: 2px solid #FE9500;
	padding: 1px;
}
.text_a{
	height: 150px;
}
.kontakt{
	margin: 0;
	padding: 0;
}
.kon{
	display: block;
	font-size: 100%;
	padding: 0;
	margin: 5px 0 5px 0;
}
#zle{
	border-color: #FF0000;
}
.tlacitko{
	float: right;
	margin: 5px -6px 0 0;
	background-color: #FFFFFF;
	padding: 1px 5px 1px 5px;
	border: 2px solid #FE9500;
}
.tlacitko:hover{
	border-color: #FD560D;
}