html, body {  background: white /*url("../images/html-bg.gif") center repeat-y/**/; margin: 0; padding: 0; height: 100%; }
body, td, th, textarea { font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; }
body, td, th { font-size: 0.8em; }
textarea { font-size: 0.9em; }

/* Obecne deklarace */
h2 { margin: 0 0 10px 0; color: #BC000B; font-weight: bold; font-size: 1.7em; }
h3 { margin: 0 0 3px 0; color: black; font-weight: bold; font-size: 1em; }
h4 { margin: 0 0 3px 0; color: black; font-weight: normal; font-size: 1em; text-decoration: underline; }
p { margin: 0 0 10px 0; }
a { color: #1111EE; }
a:hover { color: #BC000B; }

/* Zvlastni tridy */
.hidden { display: none; }

/* Barvy */
.lightgrey { background: #E6E6E6; }
.white {  background: white; }
.black { color: black; }
.red {  color: #BC000B; }

/* UVOD */
#langsel { float: right; font-weight: bold; }
#smoking { float: left; width: 150px; height: 200px; }
#uvod_radek { position: relative; font-size: 1em; }

/* Portfolio */
#portfolio img { border: 0; }

/* message FORM */
#zprava input, form textarea { border: 1px solid black; }
#zprava input:focus, form textarea:focus { border: 1px solid #BC000B; }
#vzkaz { width: 400px; height: 200px; }


/* Cela strana */
#page { background: #E1E1E1 url("../images/page-bg.gif") center top repeat-y; width: 770px; margin: 0 auto; 
		padding: 0 0; position: relative; /*min-height: 100%;*/ }
#page-header { height: 10px; overflow: hidden; /* background: url("../images/page-header-bg.gif") center bottom no-repeat;*/}
#page-footer { height: 10px; overflow: hidden; /*background: url("../images/page-footer-bg.gif") center top no-repeat;*/}


/* Hlavicka */
#top { width: 100%; height: 41px; background: #00afa0; }
	#top_div { color: white; padding: 11px 0 0 15px; font-weight: bold; font-size: 14px; }
	#logo { background:  url("../images/logo.gif") center no-repeat; width: 176px; height: 40px; 
			position: absolute; top: 0; left: 3px; }
	#lang_sel { position: absolute; top: 5px; right: 60px; z-index: 1;}

/* Telo stranky (prostredek) */
#middle { min-height: 470px; }
	/* Obsah */
	#content { padding: 15px 15px 130px 295px; }
	/* MENU */
	#column { position: absolute; top: 41px; left: 0; width: 280px; height: 180px; z-index: 1; 
				background: url("../images/menubg.gif") left top repeat-y; }
		#column a { color: black; text-decoration: none; }
		#column a.ared { color: #BC000B; text-decoration: none; }
		#menu, .submenu { width: 140px; list-style-type: none; padding: 0; margin: 0; }
				#menu li { display: block; width: 140px; height: 30px; line-height: 30px; vertical-align: middle; 
					border: 0; }	
				.a_menu { display: block; width: 140px; height: 29px; line-height: 29px; vertical-align: middle; 
					text-decoration: none; font-weight: bold; font-size: 14px; border-bottom: 1px solid #E6E6E6; }	
					.menu_a { padding-left: 10px; }
				.a_menu:hover { background: #FFEEDD; }
		.submenu { position: absolute; top: 0; left: 140px; }
			.a_submenu { display: block; width: 130px; height: 29px; padding-left: 10px;  border-bottom: 1px solid #E6E6E6;
					line-height: 29px; vertical-align: middle; font-size: 14px; text-decoration: none; }
			.submenu a:hover { background: #FFEEDD; color: #BC000B; }		
		div.odkazy { width: 138px; text-align: center; padding: 5px 0;}
		div.trilm { padding-top: 15px; }

/* Zapati */
#bottom { width: 100%; height: 29px; background: #00afa0; position: relative; bottom: 0; left: 0;}
	#person { position: absolute; bottom: 0; left: 1px; }
	.person_onas { width: 286px; height: 288px; background: url("../images/person_1.jpg") left bottom no-repeat; }
	.person_sluzby { width: 199px; height: 270px; background: url("../images/person_2.jpg") left bottom no-repeat; }
	.person_portfolio { width: 263px; height: 206px; background: url("../images/person_3.jpg") left bottom no-repeat; }
	.person_kontakt { width: 270px; height: 279px; background: url("../images/person_5.jpg") left bottom no-repeat; }
	#bar { width: 421px; height: 113px; position: absolute; right: 33px; bottom: 29px; }
	.bar { background: url("../images/bar.jpg") left bottom no-repeat; }
	.bar-poc { background: url("../images/bar-poc.jpg") left bottom no-repeat; }
	#bottom_div { color: white; font-size: 11px; float: right; line-height: 29px; vertical-align: middle; 
			padding-right: 20px; }