/** BASIC */

body {
	margin: 0;
	padding: 0;
	background: #ffffff url(images/background.gif) repeat-x;
	font: 11px/16px verdana;
	color: #000000;
}

h1 {
	margin: 0;
	font-size: 0;
	text-indent: -9999px;
}

h2 {
	margin: 0;
	font-size: 0;
	text-indent: -9999px;
}

p {
	margin-top: 0;
	margin-bottom: 16px;
}

form {
	margin: 0px;
	padding: 0px;
}

input, textarea {
	font: 11px/16px verdana;
	color: #000000;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/** HEADER */

#header {
	background: url(images/background.gif) repeat-x;
}

#top {
	width: 800px;
	height: 146px;
	margin: 0 auto;
	background: url(images/top.jpg);
}

#navigace {
	width: 800px;
	height: 28px;
	margin: 0 auto;
	padding-top: 7px;
	background: url(images/navigace.gif) repeat-x;
}

#navigace a {
	color: #ffffff;
}

#navigace a.arrow {
	margin-right: 4px;
	padding-left: 12px;
	background: url(images/li.gif) no-repeat 0 5px;
	font-weight: bold;
}

#navigace a.arrow:hover {
	text-decoration: none;
}

#navigace a.selected {
	font-weight: bold;
}

#navigace a.selected:hover {
	text-decoration: none;
}

#logo {
	width: 297px;
	height: 98px;
	float: left;
	margin-top: 15px;
}

h1 a {
	width: 297px;
	height: 98px;
	display: block;
	background: url(images/logo.gif);
}

#menu {
	width: 460px;
	height: 130px;
	float: right;
	margin-top: 16px;
	padding-right: 23px;
	padding-left: 20px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	width: 92px;
	height: 71px;
	float: left;
	padding-top: 59px;
	font-weight: bold;
	text-align: center;
}

#o-nas a.o-nas {
	background: url(images/menu1_o-nas.gif);
}

#o-nas a.nase-sluzby {
	background: url(images/menu2_nase-sluzby.gif);
}

#nase-sluzby a.nase-sluzby {
	background: url(images/menu1_nase-sluzby.gif);
}

#nase-sluzby a.portfolio {
	background: url(images/menu2_portfolio.gif);
}

#portfolio a.portfolio {
	background: url(images/menu1_portfolio.gif);
}

#portfolio a.kariera {
	background: url(images/menu2_kariera.gif);
}

#kariera a.kariera {
	background: url(images/menu1_kariera.gif);
}

#kariera a.kontakt {
	background: url(images/menu2_kontakt.gif);
}

#kontakt a.kontakt {
	background: url(images/menu1_kontakt.gif);
}

#kontakt #menu {
	background: url(images/menu0_main.gif) no-repeat right top;
}

#o-nas a.o-nas, #nase-sluzby a.nase-sluzby, #portfolio a.portfolio, #kariera a.kariera, #kontakt a.kontakt {
	color: #ffffff;
	text-decoration: none;
}

/** BODY */

#body {
	width: 800px;
	margin: 31px auto 0 auto;
	background: url(images/left.jpg) no-repeat left bottom;
	min-height: 330px;
	_height: 330px
}

#body-left {
	width: 282px;
	float: left;
	background: url(images/line.gif) no-repeat 9px 24px;
}

#body-right {
	width: 518px;
	float: right;
	background: url(images/line.gif) no-repeat 9px 24px;
}

#body-kontakt {
	padding-top: 12px;
	padding-left: 28px;
	line-height: 22px;
}

#body-kontakt span {
	width: 217px;
	height: 33px;
	display: block;
	margin: 10px 0 12px 0;
	padding: 11px 12px 0 0;
	background: url(images/telefon.gif);
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-align: right;
}

#body-text h3 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #e70c0d;
}

#body-text {
	padding: 15px 0 0 28px;
}

#body-text a {
	text-decoration: underline;
}

#body-text a:hover {
	text-decoration: none;
}

#body-text ul {
	margin-top: 0px;
	margin-bottom: 14px;
	list-style: none;
}

#body-left h2 {
	width: 282px;
	height: 15px;
	background: url(images/h_kontakt0.gif) no-repeat;
}

#body-right h2 {
	width: 518px;
	height: 15px;
}

#o-nas #body-right h2 {
	background: url(images/h_o-nas.gif) no-repeat;
}

#nase-sluzby #body-right h2 {
	background: url(images/h_nase-sluzby.gif) no-repeat;
}

#portfolio #body-right h2 {
	background: url(images/h_portfolio.gif) no-repeat;
}

#kariera #body-right h2 {
	background: url(images/h_kariera.gif) no-repeat;
}

#kontakt #body-right h2 {
	background: url(images/h_kontakt.gif) no-repeat;
}

#chyba-404 #body-right h2 {
	background: url(images/h_chyba-404.gif) no-repeat;
}

#print {
	margin-bottom: 8px;
	padding-left: 28px;
	text-align: right;
}

#print a {
	margin-right: 4px;
	padding-left: 12px;
	background: url(images/li.gif) no-repeat 0 5px;
	color: #797979;
}

/** FOOTER */

#footer {
	height: 75px;
	clear: both;
	background: url(images/footer.gif) repeat-x;
}

#footer-content {
	width: 800px;
	margin: 0 auto;
}

#footer-left {
	width: 282px;
	height: 75px;
	float: left;
	background: url(images/popelka-webdesign.gif);
}

#footer-right {
	width: 518px;
	height: 75px;
	float: right;
	background: url(images/footer.gif);
}

#languages {
	margin-top: 13px;
	padding-left: 28px;
}

#languages a {
	margin-right: 4px;
	padding-left: 12px;
	background: url(images/li.gif) no-repeat 0 5px;
	color: #797979;
}

#languages a.selected {
	font-weight: bold;
	color: #000000;
}

#languages a.selected:hover {
	text-decoration: none;
}

#copyright {
	padding-left: 28px;
	margin-top: 7px;
}

#copyright a:hover {
	text-decoration: none;
}

/** COPYRIGHT */

.popelka {
	color: #e60000;
}

.webdesign {
	color: #000000;
}

/** PORTFOLIO */

#tistena-reklama { 
	margin: 0;
	padding: 20px;
	background: #ececec;
}

#tistena-reklama img { 
	border: 5px solid #cccccc;
}

.reference { 
	width: 490px;
	margin-top: 20px;
}

.reference-left { 
	width: 141px;
	float: left;
}

.reference-right { 
	width: 339px;
	float: right;
	padding-left: 10px;
}

.ve-vystavbe { 
	background: url(images/ve-vystavbe.gif);
}

.reference a img { 
	padding: 2px;
	border: 1px solid #dddddd;
}

.reference a:hover img { 
	border: 1px solid #797979;
}

.nazev { 
	font-weight: bold;
}

.vytvoreno { 
	color: #797979;
}

.vytvoreno a { 
	color: #797979;
}

.typ { 
	margin: 5px 0;
	font-style: italic;
	color: #797979;
}

.typ a { 
	color: #797979;
}

.odkaz { 
	margin-top: 5px;
}

.nahled { 
	float: left;
	margin-top: 5px;
	padding-right: 10px;
}

#strankovani-top { 
	margin-bottom: 16px;
	text-align: center;
}

#strankovani-bottom { 
	margin-top: 16px;
	text-align: center;
}

/** KONTAKT */

.red {
	color: #FF0000;
}

.green {
	color: #008000;
}