@font-face {
    font-family: KailasaFont;
    /*src: url('./../fnt/calibri.ttf');
	src: url('./../fnt/kailasa.ttf');*/
	src: url('./../fnt/TrebuchetMS.ttf');
}
/* ----------------------------------------------------- */
/* ------ Body ----------------------------------------- */
/* ----------------------------------------------------- */
.body
{
	margin: 0px;
	background: #CCC url('../pic/body.png') repeat-x;
	font-family: KailasaFont;
/*font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;*/
color: #333333;
text-align: center;
}
/* ----------------------------------------------------- */
/* ------ Main - (okraje/ramec stranky) ---------------- */
/* ----------------------------------------------------- */
.div_main_start
{
	height: 30px;
}
.div_main_main
{
position: relative;
	width: 950px;
	/* --- CENTER - next two lines --- */
	margin-left: auto ;
  	margin-right: auto ;
	/*background-color:#3f3;*/
}
.div_main_main_Shadow
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	-moz-box-shadow: 0px 0px 18px #000;
	-webkit-box-shadow: 0px 0px 18px #000;
	box-shadow: 0px 0px 18px #000;
}
.div_main_main_Main_in_Shadow
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	background-color:#f0f2f0;
	padding: 20px;
}
.div_main_end
{
	height: 80px;
}
/* ----------------------------------------------------- */
/* ------ Flags Menu ----------------------------------- */
/* ----------------------------------------------------- */
.div_flagsmenu_start
{
	/*height:10px;*/
}
#div_flagsmenu_main
{
	text-align:right;
	/*background-image:url('http://web.supremus.sk/pic/main-menu_backgroung.png');
	font-family: Arial, Helvetica, sans-serif;*/
	font-size: 4px;  /* velkost fontu pri vlajockach */
	height: 14px;
}
#div_flagsmenu_main a
{
	padding: 2px;
}
#div_flagsmenu_main img
{
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
} 
.flags:hover
{
	border-color: #ffffff
}
.div_flagsmenu_end
{
}
/* ----------------------------------------------------- */
/* ------ LOGO ----------------------------------------- */
/* ----------------------------------------------------- */
.div_logo_start
{
}
.div_logo_main
{
	/* 	background: #CCC url('../pic/body-background.png') no-repeat; */
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border: 1px solid #9e242f;
}
.div_logo_logo
{
	background: #fff url('../pic/logo-background-1a.png') no-repeat;
	height: 250px;
	/*border: 1px #000000 solid;*/
}
.div_logo_code
{
	/*background-image: url('../pic/logo-head-code.png');
	background-repeat:  no-repeat;
	height: 147px;*/
}
.h1_logo
{
	text-align:left;

	color:#9e242f;	/*#684030;
	font-family:Arial, Helvetica, sans-serif;*/
	font-size:60px;
	padding: 0px;
	padding-left: 440px;
	padding-top: 65px;
	margin: 0px;
	#text-shadow: 1px 1px 1px #000;
}
.h2_logo
{
	text-align:left;

	color:#9e242f;	/*#563527;
	font-family:Arial, Helvetica, sans-serif;*/
	font-size:24px;
	padding: 0px;
	padding-left: 470px;
	padding-top: 10px;
	margin: 0px;
	#text-shadow: 1px 1px 0px #000;
}
.div_logo_end
{
	height: 3px;
}
/* ----------------------------------------------------- */
/* ------ Main picture  -------------------------------- */
/* ----------------------------------------------------- */
.div_mainpicture
{
	border: 1px #222 solid;
	/*border-left: 1px #666 solid;
	border-right: 1px #666 solid;
	border-bottom: 1px #666 solid;*/
}
.div_mainpicture_bottom
{
	height: 16px;
}
/* ----------------------------------------------------- */
/* ------ Main Menu - Contact, Products, ... ----------- */
/* ----------------------------------------------------- */
.div_mainmenu_start
{
}
.div_mainmenu_main
{
	/*color:#ffffff;
	background-repeat: no-repeat;
	background-color:#ffaa22;
	height: 20px;*/
}
.div_mainmenu_end
{
}
/* ----------------------------------------------------- */
/* ------ TEXT Part 1 - main text, pictures, ... ------- */
/* ----------------------------------------------------- */
sub, sup 
{
	vertical-align: baseline; position: relative; font-size: 70%;
} /* 70% size of its parent element font-size which is good. */
sub 
{
	bottom: -0.6em;
} /* use em becasue they adapt to parent font-size */
sup 
{
	top: -0.6em;
}
.div_textpart1_start
{
	height:0px;
	/*background-image:url('../pic/background-white.png');
	border-left: 1px solid #666;
	border-right: 1px solid #666;*/
}
.div_textpart1_main
{
	color:#000;
	text-shadow: 2px 2px 2px #ddd;
	background-image:url('../pic/text-background.png');
	background-repeat: repeat-x;
	background-color:#fff;
	/*	border-left: 1px solid #666;*/
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;

	text-align: left;
	/*padding: 10px;
	font-family: Arial, Helvetica, sans-serif;*/
	font-size: 13px;
	line-height: 150%;
}
.div_textpart1_end
{
}
/* ----------------------------------------------------- */
/* ------ Text - left ---------------------------------- */
/* ----------------------------------------------------- */
.td_left
{
	width: 240px;
	vertical-align: top;
	padding-right: 8px;
}
/* ----------------------------------------------------- */
/* ------ Text - middle => Main text ------------------- */
/* ----------------------------------------------------- */
.td_middle
{
	/*background-color:#ffffff;*/
	width: 910px; 
	vertical-align: top;
	padding-left: 20px;
	padding-right: 20px;

	/*border: 1px solid #666;*/

	/*-moz-box-shadow: 0px 0px 8px #888;
	-webkit-box-shadow: 0px 0px 8px #000;
	box-shadow: 0px 0px 8px #000;*/
}
.div_maintext
{
	color:#333333;
}
#div_maintext h2
{
	font-size: 34px;
	margin: 0px;
	padding-top: 12px;
	padding-bottom: 20px;
	margin-bottom: 8px;
	
	color:#9e242f;
	
	border-color: #9e242f;
	border-bottom: thin;
	border-bottom-style: solid;	
}
#div_maintext h3
{
	font-size: 18px;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: -2px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#div_maintext p
{
	margin: 0px;	
}
#div_maintext ul
{
	margin: 4px;
}
#div_maintext li
{
	line-height: 150%;
}
.div_maintext a:link, a:visited, a:active
{
	color:#000000;
	/*font-family:Arial, Helvetica, sans-serif;*/
}
#div_maintext a:hover
{
	color:#9e242f;
}
.p_endline
{
	margin: 0px;
	border-color:#3333CC;
	border-bottom: thin;
	border-bottom-style: solid;		
}
.email_addr
{
	vertical-align: bottom;
}
.table_in_text td
{
	padding-bottom: 2px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 2px;
	
	text-align:left;
}
/* ----------------------------------------------------- */
/* ------ Text - right => Send mail -------------------- */
/* ----------------------------------------------------- */
.td_right
{
	/*background-color:#ffffff;*/
	width: 180px;
	vertical-align: top;
	margin: 15px;

}
.p_kontakt_td_right
{
	color:#666;
	padding-left: 10px;
	font-size: 11px;
}
/* ----------------------------------------------------- */
/* ------ Banner picture ------------------------------- */
/* ----------------------------------------------------- */
.banner
{
	border: 1px solid #444;

	-moz-box-shadow: 0px 0px 8px #888;
	-webkit-box-shadow: 0px 0px 8px #000;
	box-shadow: 0px 0px 8px #000;
}
.banner a
{
	border:0px;
}
.banner a img 
{
	border:0px;
}
/* ----------------------------------------------------- */
/* ------ Facebook icon -------------------------------- */
/* ----------------------------------------------------- */
.facebook_recommend
{
	width:218px;
	height:160px;
	
	padding: 10px;
	
	border: 1px solid #444;

	-moz-box-shadow: 0px 0px 8px #888;
	-webkit-box-shadow: 0px 0px 8px #000;
	box-shadow: 0px 0px 8px #000;
}
.button_float_left
{
	float:left;
}
/* ----------------------------------------------------- */
/* ------ Obrazky v texte ------------------------------ */
/* ----------------------------------------------------- */
.div_pic_float_right
{
	float:right;
}
.div_pic_clear_both
{
	clear:both;
}
.div_pic
{
	border: 1px solid #444;
	padding: 1px;
	
	-moz-box-shadow: 0px 0px 8px #888;
	-webkit-box-shadow: 0px 0px 8px #000;
	box-shadow: 0px 0px 8px #000;
}
/* ----------------------------------------------------- */
/* ------ Kontakt -------------------------------------- */
/* ----------------------------------------------------- */
.div_kontakt_left
{
	float:left;
	width: 480px;
}
.div_kontakt_left_right
{
	float:right;
	width: 180px;
	/*padding-top:100px;*/
}
.div_kontakt_right
{
	float:right;
	width: 330px;
	/*padding-top:100px;*/
}
.div_kontakt_clearboth
{
	clear:both;
}
.div_google_mapa
{
width: 860px;
	padding: 2px;
	border:solid 1px #666;

	-moz-box-shadow: 0px 0px 8px #888;
	-webkit-box-shadow: 0px 0px 8px #000;
	box-shadow: 0px 0px 8px #000;
}
/* ----------------------------------------------------- */
/* ------ Uvod ----------------------------------------- */
/* ----------------------------------------------------- */
.div_uvod_left
{
	float:left;
	width: 330px;
}
.div_uvod_right
{
	float:right;
	width: 330px;
	/*padding-top:100px;*/
}
.div_uvod_clearboth
{
	clear:both;
}
.otvaraciehodiny
{
	padding: 5px;
	border:solid 1px #666;

	-moz-box-shadow: 0px 0px 8px #888;
	-webkit-box-shadow: 0px 0px 8px #000;
	box-shadow: 0px 0px 8px #000;
	
	text-align:center;
}