/* Made by MiPo in 2008 */
@import url('fool.css');

@media all {
	* {margin: 0; padding: 0;}
	html, body {font-size: 90%; line-height: 140%; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; color: #646363;}
	
	#top {width: 100%; background: url("top-12001.jpg") top center repeat-x;}
	#hlavicka {margin: 0 auto; width: 960px; height: 348px; background: url("top-bez-sipiek1.jpg") no-repeat; position: relative;}
	#hlavicka a#logo, #hlavicka a#logo span {display: block; width: 282px; height: 171px; position: absolute; top: 0; left: 0; cursor: hand;}
	#hlavicka a#logo span {background: url("logo.jpg") no-repeat;}
	#hlavicka #rychly-kontakt {position: absolute; top: 215px; left: 5px;}
	#hlavicka #rychly-kontakt span {display: inline-block; padding-right: 15px; background: url("sipka.jpg") 90px 7px no-repeat;}
	
	#hlavicka ul#menu {position: absolute; top: 295px; left: 0px; width: 100%;}
	#hlavicka ul#menu li {float: left; list-style-type: none; padding: 0 100px 0 0;}
	#hlavicka ul#menu li a {display: inline-block; height: 37px; position: relative; cursor: hand;}
	#hlavicka ul#menu li a span {position: absolute; top: 0; left: 0; height: 37px; z-index: 10}
	#hlavicka ul#menu li a span {behavior: url("/etc/hover.htc");}
	#hlavicka ul#menu li#uvod a span {background: url("uvod.jpg") no-repeat; width: 101px;}
	#hlavicka ul#menu li#produkty a span {background: url("produkty.jpg") no-repeat; width: 141px;}
	#hlavicka ul#menu li#komponenty a span {background: url("komponenty.jpg") no-repeat; width: 171px;}
	#hlavicka ul#menu li#vyr-program a span {background: url("vyrobny-program.jpg") no-repeat; width: 211px;}
	#hlavicka ul#menu li#uvod a span:hover, #hlavicka ul#menu li#produkty a span:hover, #hlavicka ul#menu li#komponenty a span:hover, #hlavicka ul#menu li#vyr-program a span:hover, #hlavicka ul#menu li#vyr-program a span:hover {background-position: 0 -37px;}
	#hlavicka ul#menu li#uvod a span.hover, #hlavicka ul#menu li#produkty a span.hover, #hlavicka ul#menu li#komponenty a span.hover, #hlavicka ul#menu li#vyr-program a span.hover, #hlavicka ul#menu li#vyr-program a span.hover {background-position: 0 -37px;}
	#hlavicka ul#menu li#kontakt {position: absolute; top: -23px; right: 5px;}
	#hlavicka ul#menu li#kontakt a span {background: url("kontakty.jpg") no-repeat; width: 75px; height: 20px;}
	#hlavicka ul#menu li#kontakt a span:hover, #hlavicka ul#menu li#kontakt a span.hover {background-position: 0 -20px;}
	
	#o-obsah {width: 100%; background: #eeeeee url("sietovina.jpg") repeat-x; padding-top: 25px;}
	#obsah {margin: 0 auto; padding-left: 10px; width: 970px; background: url("tien.jpg") top right repeat-y;}
	
	#lavy {float: left; width: 531px; padding: 20px 100px 30px 80px; background: #eeeeee url("pozadie-vlavo.jpg") no-repeat; position: relative;}
	#lavy h1, #lavy h2, #lavy h3 {color: #ffab40;}
	#lavy h1 {margin: 10px 0 40px -30px;}
	#lavy h2 {margin: 10px 0 20px -20px;}
	#lavy h3 {margin: 0px 0 10px 0px;}
	#lavy p {text-align: justify; margin: 5px 0 20px 0;}
	#lavy li {margin-left: 15px;}
	#lavy #mapa {position: absolute; top: 90px; left: 310px; text-align: center;}
	#lavy #obrazky {position: absolute; top: 130px; right: 40px; width: 116px;}
	#lavy table {width: 80%;}
	#lavy table td {padding: 1px 2px;}
	#komponenty img {position: absolute; left: 530px;}
	
	#pravy {float: left; width: 208px; margin-left: 10px; padding: 20px; background: transparent url("pozadie-vpravo1.jpg") no-repeat;}
	#pravy p {text-align: justify; margin: 5px 0 20px 0;}
	#pravy p img {margin-bottom: 10px; margin-left: 20px;}
	#pravy h2 {color: #ffab40; margin-bottom: 15px;}
	#pravy ul {margin: 3px 0 10px 15px;}
	#pravy label {float: left; width: 45px; padding-right: 5px; text-align: right;}
	#pravy form {margin-bottom: 20px;}
	#pravy form#objednavka label {width: 60px;}
	#pravy #button {width: 100px; margin-left: 65px;}
	#pravy input, #pravy select, #pravy textarea {margin-bottom: 3px;}
	#pravy p#error {text-align: center; color: red;}
	#pravy .label {margin-left: 65px;}
	
	#pata {margin: 40px auto 0 auto; padding: 45p 0 0 260px; width: 547px; height: 92px; clear: both; background: #eeeeee url("footer-pozadie.jpg") no-repeat;}}
	#pata p#prvy {color: #ffab40; font-size: 150%;}
	#pata p {padding-top: 10px; font-size: 110%; font-weight: bold;}
	#pata p#copyright {font-size: 90%;}
	
	a {color: #ffab40; text-decoration: underline;}
	a:hover {color: #ffab40; text-decoration: none;}
	address {font-style: normal;}
	
	#stat {display: none;}
}

@media handheld {
}

@media print {
}

@media aural {
	* {volume: medium; speech-rate: medium;}
	abbr {speak: spell-out}
	h1, h2 {pause-before: 200%}
	h3, h4 {pause-before: 180%}
	p {pause-before: 120%}
	#statistika, hr {speak: none;}
}