/*
Theme Name: Inbar
Theme URI: http://www.fotosvetdeti.sk
Author: Michal Poppe
Author URI: www.popppe.sk

.
General comments/License Statement if any.
.
*/
@import url('fool.css');
@import url('reset.css');

@media all {
	html, body {font-size: 90%; line-height: 140%; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; color: black;}
	html {background: #f3f3eb url('images/horny-pattern-tien.jpg') top left repeat-x;}
	body {background: url('images/pozadie-footer.jpg') bottom left repeat-x;}
	
	h1 {width: 960px; margin: 14px auto 0 auto; position: relative;}
	h1 a, h1 a span {display: block; width: 554px; height: 50px;}
	h1 a {position: relative;}
	h1 a span {position: absolute; top: 0; left: 0; background: url('images/zuzana-chytilova.jpg') top left no-repeat; z-index: 2;}

	#o-stranka {width: 960px; margin: 0 auto; background: url('images/stuzka.jpg') 0 0 no-repeat;}
	.stranka {width: 779px; margin-left: 182px; padding-top: 280px; background: url('images/top.jpg') top left no-repeat; position: relative;}
	
	ul#menu {width: 587px; height: 77px; position: absolute; top: 161px; right: 2px; background: url('images/menu.jpg') 0 0 no-repeat;}
	ul#menu li {float: left; width: 146px;}
	ul#menu a {display: block; position: relative; width: 146px; height: 77px;}
	ul#menu li a span {display: block; position: absolute; top: 0; left: 0; height: 77px; cursor: hand; background: url('images/menu.jpg') no-repeat;}
	ul#menu li#uvod a span {background-position: 0px -462px; width: 146px;}
	ul#menu li#galeria a span {background-position: -145px -462px; width: 146px;}
	ul#menu li#o-mne a span {background-position: -290px -0px ; width: 146px;}
	ul#menu li#kontakt a span {background-position: -435px -0px ; width: 146px;}
	/*ul#menu li#galeria a span:hover {background-position: -145px -77px; position:absolute; width:170px; z-index:1;}
	ul#menu li#galeria a span:hover {background-position: -145px -77px; position:absolute; width:170px; z-index:1;}
	ul#menu li#galeria a span:hover {background-position: -145px -77px; position:absolute; width:170px; z-index:1;}
	ul#menu li#galeria a span:hover {background-position: -145px -77px; position:absolute; width:170px; z-index:1;}
	ul#menu li#galeria a span:hover {background-position: -145px -77px; position:absolute; width:170px; z-index:1;}*/
	
	
	ul#submenu li {float: left; width: auto; padding: 0 10px; margin-bottom: 30px; border-right: 1px solid black;}
	ul#submenu a {color: black;}
	
	#obsah {width: 684px; padding: 50px 0 0 75px; background: url('images/obsah.jpg') top left no-repeat; min-height:600px; height:600px;}
	div[class] #obsah {height:auto;}
	#obsah h2 {position: absolute; top: 250px; left: 40px; font-size: 160%; color: white;}
	#obsah p {text-align: justify; margin: 5px 0;}
	
	#form {position: absolute; top: 330px; right: 0;}
	#form label {float: left; width: 80px; padding-right: 5px; text-align: right;}
	#form input#button {margin-left: 250px;}
	#form label.error {float: none; font-size: 11px; background: #fbfcda url('/uploads/etc/cancel.png') no-repeat left; border:1px solid #dbdbd3; width:209px; padding-left:20px; margin-top:4px;}
	
	p#footer {width: 896px; height: 72px; margin: 0 auto; position: relative;}
	p#footer span {display: block; width: 896px; height: 72px; position: absolute; top: 0; left: 0; background: url('images/footer.jpg') 0 0 no-repeat; z-index: 2;}
	
	a {text-decoration: underline;}
	a:hover {text-decoration: none;}
	
	#stat {display: none;}
}

@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;}
}