/*
 *  CSS - zakladni casti indexu
 *  Copyrighted by Michal Madleňák <madlenak@ltweb.cz>, www.LTweb.cz
 */
 
#page {
	background: #6a99b3;
	width: 873px;
	padding: 0 0 13px 0;
}

/* hlavicka ----------------------------------------------------- */
#header {
	background: url(../img/index/header.jpg) no-repeat left top;
	width: 873px;
	padding: 122px 0 0 0;
}
#header .logo {
	display: block;
	position: absolute;	
	height: 100px;
	width: 280px;
	top: 0;
}
#header #topmenu {
	width: 852px;
	height: 113px;
	background: #cdd2d4 url(../img/index/topmenu.jpg) repeat-x left top;
}
#header #topmenu ul {
	margin: 0;
	padding: 0 0 0 15px;		
	list-style: none;
}
#header #topmenu ul li {
	float: left;
	display: block;
	height: 113px;
}
#header #topmenu ul li a:link, #header #topmenu ul li a:visited {
	display: block;
	float: left;	
	color: #063547;
	text-transform: uppercase;
	font-size: 0.9em;
	text-decoration: none;
	font-weight: bold;
	height: 28px;
	padding: 85px 20px 0 20px;
}
#header #topmenu ul li a:hover, #header #topmenu ul li a:active {
	text-decoration: underline;
	color: #000000;		
}
#header #topmenu ul li a.uvod:link, #header #topmenu ul li a.uvod:visited {
	background: url(../img/ikony/home.png) no-repeat center center;		
}
#header #topmenu ul li a.uvod:hover, #header #topmenu ul li a.uvod:active {
	background: url(../img/ikony/home-active.png) no-repeat center center;		
}
#header #topmenu ul li a.projekty:link, #header #topmenu ul li a.projekty:visited {
	background: url(../img/ikony/project.png) no-repeat center center;		
}
#header #topmenu ul li a.projekty:hover, #header #topmenu ul li a.projekty:active {
	background: url(../img/ikony/project-active.png) no-repeat center center;		
}
#header #topmenu ul li a.instalace:link, #header #topmenu ul li a.instalace:visited {
	background: url(../img/ikony/install.png) no-repeat center center;		
}
#header #topmenu ul li a.instalace:hover, #header #topmenu ul li a.instalace:active {
	background: url(../img/ikony/install-active.png) no-repeat center center;		
}
#header #topmenu ul li a.fotovoltaika:link, #header #topmenu ul li a.fotovoltaika:visited {
	background: url(../img/ikony/fotovolt.png) no-repeat center center;		
}
#header #topmenu ul li a.fotovoltaika:hover, #header #topmenu ul li a.fotovoltaika:active {
	background: url(../img/ikony/fotovolt-active.png) no-repeat center center;		
}
#header #topmenu ul li a.reference:link, #header #topmenu ul li a.reference:visited {
	background: url(../img/ikony/reference.png) no-repeat center center;		
}
#header #topmenu ul li a.reference:hover, #header #topmenu ul li a.reference:active {
	background: url(../img/ikony/reference-active.png) no-repeat center center;		
}
#header #topmenu ul li a.kontakt:link, #header #topmenu ul li a.kontakt:visited {
	background: url(../img/ikony/contact.png) no-repeat center center;		
}
#header #topmenu ul li a.kontakt:hover, #header #topmenu ul li a.kontakt:active {
	background: url(../img/ikony/contact-active.png) no-repeat center center;		
}

/* content ----------------------------------------------------- */
#content {
	width: 702px;
	padding: 25px 75px;
	background: #e4e9ed url(../img/index/content.jpg) repeat-y left top;
}

/* paticka ----------------------------------------------------- */
#footer {
	width: 852px;
}
#footer .f_left ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer .f_left ul li {
	display: inline;
}
#footer .f_left ul li a.up-img-small {
	background: url(../img/ikony/up-small.png) no-repeat top center;		
}
#footer .f_left ul li a.uvod-small {
	background: url(../img/ikony/home-small.png) no-repeat top center;		
}
#footer .f_left ul li a.kontakt-small {
	background: url(../img/ikony/contact-small.png) no-repeat top center;		
}
#footer .f_left ul li a.mapa-stranek-small {
	background: url(../img/ikony/globus-small.png) no-repeat top center;		
}
#footer .f_left ul li a:link, #footer .f_left ul li a:visited {
	display: block;
	float: left;
	margin: 15px 25px 0 0;
	padding: 29px 0 0 0;
	font-size: 0.85em;
	text-decoration: none;
	color: #ffffff;
}
#footer .f_left ul li a:hover, #footer .f_left ul li a:active {
	text-decoration: underline; 
}

#footer .f_right a.ltweb:link, #footer .f_right a.ltweb:visited {
	color: #738092;
	font-size: 0.85em;
	display: block;
	float: right;
	text-decoration: none;
	background: url(../img/ikony/ltweb.png) no-repeat right top;
	padding: 23px 70px 2px 0;
	margin: 15px 0 0 0;
}
#footer .f_right a.ltweb:hover, #footer .f_right a.ltweb:active {
	background: url(../img/ikony/ltweb-active.png) no-repeat right top;
	text-decoration: underline;
	color: #ffffff;
}