/* CSS Document 
	website:		www.TRstav.cz
	author: 		Tomáš Podoba - www.podoba.cz
*/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	background: #609d29 url(images/bg_body.png) 0px 0px repeat-x;
	color: #606060;
	text-align: left;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana, "MS Sans Serif";
}

/* START :		general TAGs	*/

p {
	font-size: 12px;
}
a, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1 {
	color: #6faa2f;
}
h2 {
	color: orange;
}
h2 > p {
	margin-left: 10px;
}

/* END :			general TAGs	*/
/* START :		LAYOUT STYLE	*/

div#all {
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: auto;
	border-bottom: 5px solid #7fbe3b;
	border-left: 5px solid #7fbe3b;
	border-right: 5px solid #7fbe3b;
	position: relative;
	z-index: 10;
}

div#top {
	background: #fff url(images/bg_top.jpg) 0px 0px no-repeat;
	width: 900px;
	height: 150px;
	float: left;
}
div#page {
	background: #fff;
	width: 900px;
	float: left;
	min-height: 500px;
}
div#footer {
	background: transparent;
	vertical-align: middle;
	width: 900px;
	height: 50px;
	font-size: 10px;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-top: 10px;
}
div#kontakt {
	background: transparent;
	position: relative;
	top: -20px;
	right: 10px;
	color: #939393;
	text-align: right;
	font-size: 11px;
}
div#content {
	background: transparent;
	width: 880px;
	margin: 0px 0px 10px 10px;
	min-height: 200px;
	float: left;
}
div#bg_top {
	z-index: 1;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 190px;
	background: url(images/bg_html.jpg) 0px 0px repeat-x;
	float: left;
}

/*----------------- menu ----------------------*/
div#menu{
	background: #84c43e url(images/bg_menu.jpg) 0px 0px no-repeat;
	width: 900px;
	height: 55px;
	float: left;
}
		#menu ul{
			margin: 0px 0px 0px 0px;
			padding: 0px;
			list-style: none;
			font-size: 14px;
		}
			#menu li{
				background: transparent;			
				list-style: none;
				display: block;
				float: left;			
				height: 55px;
				line-height:55px;
			}
				#menu li a{
					background: transparent;
					display: block;
					float:left;
					color:#fff;
					text-transform: uppercase;
					font-weight:bold;
					line-height:55px;
					text-decoration:none;
					text-align: center;
					padding: 0 15px 0 40px;
				}
					#menu li a:hover{
						color: #f7ff25;
						background: transparent;
					}


div#menu ul li.mhome a 			{ background: url(images/menu_home_off.gif) 5px 10px no-repeat; }
div#menu ul li.msluzby a 		{ background: url(images/menu_sluzby_off.gif) 8px 10px no-repeat; }
div#menu ul li.mfoto a 			{ background: url(images/menu_foto_off.gif) 5px 10px no-repeat; }
div#menu ul li.mdodavatel a 	{ background: url(images/menu_dodavatel_off.gif) 0px 10px no-repeat; }
div#menu ul li.mkontakt a 		{ background: url(images/menu_kontakt_off.gif) 5px 10px no-repeat; }

div#menu ul li.mhome a:hover 			{ background: url(images/menu_home_on.gif) 5px 10px no-repeat; }
div#menu ul li.msluzby a:hover 		{ background: url(images/menu_sluzby_on.gif) 8px 10px no-repeat; }
div#menu ul li.mfoto a:hover 			{ background: url(images/menu_foto_on.gif) 5px 10px no-repeat; }
div#menu ul li.mdodavatel a:hover 	{ background: url(images/menu_dodavatel_on.gif) 0px 10px no-repeat; }
div#menu ul li.mkontakt a:hover 		{ background: url(images/menu_kontakt_on.gif) 5px 10px no-repeat; }


/* END :			LAYOUT STYLE	*/


/* START :		format styles	*/

.fleft 		{	float: left;}	
.fright  	{	float: right;}	
.aleft 		{	text-align: left;}	
.aright 		{	text-align: right;}	
.ablock 		{	text-align: justify;}	
.acenter		{	text-align: center;}	
.vmiddle 	{	vertical-align: middle;}
.vbase		{	vertical-align: bottom;}
.vtop			{	vertical-align: top;}


/* START :		other clases	*/
.clear { clear: both; height: 0px; visibility: hidden; font-size: 1px; }

a img {
	border: none;
}
table {
	border-collapse: collapse;
}

.green {
	color: #86c63f;
}

div.ramecek {
	float: left;
	border: none;
	width: 211px;
	height: 119px;
	position: relative;
	left: -15px;
}
ul#sluzby{
			margin: 0px 0px 0px 60px;
			padding: 0px;
			list-style: none;
		}
			#sluzby li{
				background: transparent;			
				list-style: none;
				display: block;
				float: left;
				height: 191px;
				width: 211px;
				padding: 0px 20px 0px 20px;
			}
				#sluzby li a {
					background: url(images/sipka1.gif) 0px 134px no-repeat;
					display: block;
					float: left;
					color: #606060;
					font-weight:bold;
					line-height: 40px;
					text-decoration: none;
					text-align: left;
					padding-left: 15px;
				}
					#sluzby li a:hover{
						color: #57911c;
						text-decoration: underline;
					}
.stavebni {
	background: url(images/pic_stavebni.jpg) 0px 0px no-repeat;
	background-position: -211px 0px;
}					
.stavebni:hover {
	background-position: 2px 0px;
}		
.bazeny {
	background: url(images/pic_bazeny.jpg) 0px 0px no-repeat;
	background-position: -211px 0px;
}					
.leseni {
	background: url(images/pic_leseni.jpg) 0px 0px no-repeat;
	background-position: -211px 0px;
}					
.inzenyr {
	background: url(images/pic_inzenyr.jpg) 0px 0px no-repeat;
	background-position: -211px 0px;
}					

.neco {
	background: url(images/pic_neco.jpg) 0px 0px no-repeat;
	background-position: -211px 0px;
}					
.terasy {
	background: url(images/pic_terasy.jpg) 0px 0px no-repeat;
	background-position: -211px 0px;
}					
.bazeny:hover, .terasy:hover, .neco:hover, .inzenyr:hover, .leseni:hover  {
	background-position: 0px 0px;
}				
.neco:hover {
	background-position: 1px 0px;
}		

input, textarea {
	font-weight: bold;
	border: 1px solid #ccc;
}