@charset "utf-8";

/*  MINI RESET  */
* { vertical-align: baseline; }
html,body,div,p,a,img,ul,ol,h1,h2,h3,h4 {margin: 0; padding: 0; }
img { border: 0px solid #fff; outline: 0; }
/*html { font-size:100.01%; }*/

.clear { display: block; clear: both; height: 1px; line-height: 1px;}

/*  PRVKY, CHRONOLOGICKE PORADIE*/
body {  }
	#wrapper { margin: 0px auto 20px; position: relative; top: 10px; width: 960px;}

	ul#navigation { float: right; margin: 0 10px 0; }
	ul#navigation li { float: left;  list-style: none; line-height: 39px; padding-left: 2px; }
	ul#navigation li a { display: block; line-height: 34px; padding: 3px 20px 0; }
	
	#logo { margin-left: 10px; position: relative; top: 10px; }
	#rychly-kontakt { height: 31px; right: 2px; padding: 3px 0 0 40px; position:absolute; top: -1px; width: 149px;  }
	#o-nas { left: 40px; position:absolute; top: 113px; width: 380px;z-index:2; }
	#domcek { left: 313px; position:absolute; top: 71px;z-index:1;}
	
	#middle	{ width: 960px; }
		/* index */
		#index-content { clear: both; float: left; padding: 20px 10px 0 40px; width: 540px; }
			#index-content h1, #index-content h2 { margin-left: -40px; margin-right:-10px;}
		#index-sidebar { float: right; padding: 20px 10px 0; width: 330px; }
			#index-sidebar ul { list-style: none;}
			#index-sidebar h1, #index-sidebar h2 { margin-left: -10px; margin-right:-10px; }
		/* subpage */
		#content { clear: both; float: right; padding: 20px 10px 0 20px; width: 740px; }
			#content h1, #content h2 { margin-left: -10px; margin-right:-10px;}
		#sidebar { float: left; width: 170px; padding: 20px 0 0 10px; }
			#sidebar h1, #sidebar h2 { margin-left: -10px; margin-right:-10px; }


/*  PISMO  */
/*
  Font pre vacsinu stranky: Lucida Sans
  Navigacia, nadpisy a uvodny odstavec: Constantia/Georgia
  hlavna cervena: #b01625; hlavna farba textu: #222;

*/

body { background: #4b090c url(../images/bg.jpg) left top repeat-x; color: #eee; font: 12px/20px "Lucida Sans", "Lucida Grande", Lucida, Tahoma, Verdana, sans-serif; }
 	/*serif css stack*/
 	h1, h2, h3, h4, ul#navigation, #o-nas, form#search p label
 	{ font-family: Constantia, Georgia, "Times new roman", serif; }
 	
 	h1,h2 { background: #eeedec; border-bottom: 1px solid #e5e5e5; color: #b01625; font-weight: normal; font-size: 18px; line-height: 39px; margin: 10px 0 20px; padding-left:10px; text-shadow: 1px 1px 0px #aaa; }
 	h3 { color: #b01625; font-size: 14px; font-style: italic; line-height: 20px; margin:0; } 
 	h3.nadpis { color: #b01625; font-size: 14px; font-style: italic; line-height: 20px; margin:0; height:40px;overflow:hidden; } 
 	p { margin-bottom: 20px; } sup { font-size: 8px; vertical-align: top; }
	a, a:hover { text-decoration: underline;}
	
	/*ikonky na h1*/
	h1.lupa, h1.obalka, h1.domcek, h2.lupa, h2.obalka, h2.domcek
						{ background: #eeedec url(../images/ikonky.jpg) 5px 4px no-repeat; padding-left: 42px; }
	h1.lupa,h2.lupa		{ background-position: 5px -50px; }
	h1.obalka,h2.obalka { background-position: 5px -104px; }
	
	/*tlacitka*/
	input.button { border:0px;background: url(../images/button.gif) right top no-repeat; color: #222; display: inline-block; height: 41px; line-height: 40px; text-decoration: none; }
	a.button { background: url(../images/button.gif) right top no-repeat; color: #222; display: inline-block; height: 41px; line-height: 40px; text-decoration: none; }
		a.button b { display:block; background: #fff url(../images/button.gif) left top no-repeat; font-weight:normal; margin-right: 8px; padding: 0 20px; text-shadow: 0px -1px 0px white;}
	a.button:active { height: 40px; margin-top:1px; }
	
	/*input tlacitka*/
	span.button-input { background: url(../images/button.gif) right top no-repeat !important; color: #222; display: inline-block; height: 41px !important; line-height: 40px !important; text-decoration: none; cursor: pointer; width: auto !important; }
		span.button-input input { cursor: pointer; display:block; background: #fff url(../images/button.gif) left top no-repeat; font-weight:normal; margin: -2px 8px 0 -1px !important; padding: 0 20px !important; text-shadow: 0px -1px 0px white; height: 40px !important;}
		* html span.button-input input { margin-top: 0px !important; background-position: left bottom; }
	span.button-input:active { height: 40px; margin-top:1px; }
	
	
	#rychly-kontakt { background: url(../images/bg_kontakt.jpg) top left no-repeat; color: black; font-weight: bold; text-shadow: 1px 1px 2px #aaa; }
	#o-nas strong { display: block; font-size: 24px; font-weight: normal; line-height: 30px; margin-bottom: 20px; text-transform: uppercase; text-shadow: 1px 1px 2px #48080c; }
	#o-nas strong em { color: #f8d984; font-style: italic; text-transform: lowercase; }
	#o-nas p { font-size: 16px; font-style: italic; text-shadow: 1px 1px 1px #48080c;}
	* html #o-nas p { font-size: 14px; } /* ie6 too big font */
	
	form#search { margin-bottom:20px; }
		form#search p { border-bottom: 1px solid #ccc; float: left; margin: 0; padding: 20px 0 19px 80px; width: 450px; }
			*:first-child+html form#search p { padding-bottom: 19px; } /* ie7 float:left & padding bug*/
			form#search p span { display: block; float:left; margin-left: -60px; height: 20px; text-align:right; width: 50px; padding-top: 2px;}
				* html form#search p span { margin-left: -30px; padding-bottom: 19px; } /* ie6 double margin */
			form#search p input { display: block; float: left; height: 20px; margin: 1px 10px 0px 5px; }
			form#search p input.suma { display: block; float: left; height: 20px; width: 100px; }
				*+html form#search p input.suma { margin: -20px 0 0 30px;}
			form#search p label { color: #333; display: block; float: left; font-size: 16px; font-style: italic; font-weight:bold; height: 20px; margin: 1px 0 18px; width: 150px; }
				* html form#search p label { font-size: 14px; } /* ie6 too big font */
				* html form#search p label.fix_ie { margin-right: -3px; } /* ie6 doubling text bug */
			form#search p label.double { width: 300px; }
			form#search p label.halves { width: 225px; }
		/*form#search p.submit { border-bottom: 1px solid #ccc; clear: left; margin: 0; padding: 20px 0 19px 80px; width: 450px; }*/
	
#middle { background:#fff url(../images/bg_navi.jpg) left top repeat-x; color:#222; margin-top: 200px; padding-bottom: 40px; position: relative; z-index: 3; }
	ul#navigation 			{ background: url(../images/bg_spac.jpg) right top no-repeat; }
	ul#navigation li		{ background: url(../images/bg_spac.jpg) left top no-repeat;
							  border-bottom: 1px solid #ccc; font-size: 16px; }
	ul#navigation li:hover	{ border-bottom: 1px solid #a44857;}
	ul#navigation li a		{ border-bottom: 2px solid #e6e6e6; color: #333; text-decoration: none !important; text-shadow: 0px 1px 0px #ccc; }
	ul#navigation li a:hover{ border-bottom: 2px solid #e84d53; color: #b01625; text-decoration: none !important; text-shadow: 1px 1px 0px #aaa; }
	
	#content ul#houselist { display: block; width: 760px; }
	* html #content ul#houselist { width: 740px; }
		#content ul#houselist li { display:block; float: left; margin: 0 20px 20px 0; }
		* html #content ul#houselist li { margin-right: 10px; }
		#content ul#houselist li a { background: #f3f3f3; color: #333; display:block; padding: 5px; text-decoration: none; width: 160px; }
		#content ul#houselist li a:hover { background-color: #fdf1cf; }
	
	#sidebar { background: #eee; border: 1px solid #ddd; border-width: 0 1px 1px 0; }
	#sidebar a { color: #222; text-decoration: none; text-shadow: 1px 1px 0px #ccc; }
	#sidebar a:hover { color: #555;  }
		#sidebar h3 { border-bottom: 1px solid #999; color: #222; margin-left: 10px; padding: 8px 0 2px; text-shadow: 1px 1px 1px #ccc; }
		#sidebar>h3:first-child { margin-top: 60px; }
		#sidebar ul { list-style: none; }
			#sidebar ul.select { padding: 0 0 20px 20px; }
			#sidebar ul.select li { display: block; margin:0; padding:0 10px; }
			#sidebar ul.select li.active { background:#fff;
				border-right:1px solid #fff; border-bottom: 1px solid #ccc;
				border-top:1px solid #ccc; border-left: 1px solid #ccc;
				margin-right:-1px; }
			#sidebar ul.select li a { display: block; padding: 8px 0 2px; }

#footer { padding: 20px; margin-bottom: 40px; text-align: right; }
#footer, #footer a { color: #ddd; } 

input.kontakt { width: 350px; }
textarea.kontakt { width:350px;height:150px; }