@charset "utf-8";
/* CSS Document */

@import "reset.css";

html {height:100%;}
body {
	font-family:Verdana;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: black;
	font-size:14px; line-height:16px;
	position:relative;
	height:100%;
	text-align:center;	

	}
body.normal {background: #eae9e7 url(img/bgr.jpg) no-repeat center top fixed;}
body.postava {background: #eae9e7 url(img/bgr1.jpg) no-repeat center top fixed;}
	

	
textarea, input, select {
	font-family:Arial, Helvetica, sans-serif;
} 
a {color:#ed1c24; text-decoration:none;}
a:hover {text-decoration:underline;} 
hr {display:none;}

#stage {display:block; }

#header { position:absolute; width:100%; left:0; height:100px;}
#header div {width:950px; margin:0px auto;  text-align:left; }
#header p {float: left; margin:0 0 0 460px; background: #555; color: #fff; padding:20px 20px;}
#header h1 {float: left; background: #eee;padding:0px 20px;}
#header h1:hover {float: left; background: #fff;;padding:0px 20px;}
#header ul {float: right;}
#header ul li {float: left; margin: 10px;}

#footer {height:70px; position:fixed; width:100%; bottom:0; left:0;}
#footer ul {height:70px; line-height:70px; }
#footer #language {float:right; }
#footer #language li {background:none;}
#footer li {display:inline;}
#footer a {color:#fff; line-height:70px;padding: 15px 25px 35px 5px;background: #555;}
#footer a:hover {color:#000;text-decoration:none;background-image:none; background-color:#fff}

#footer .active a {color:#000;background: #CCC;}

#book {margin-bottom: 150px; height:750px;}
#gallery {width:950px; height:500px; margin-bottom:100px;}

#content {width:950px; margin:0 auto; text-align:left; padding-top:70px; }

#content #submenu {width:240px; list-style:none; padding-left:0;}
#submenu li {background: url(img/transp.png) repeat; margin-bottom:5px; line-height:1.25em;}
#submenu li:hover, #submenu li.active {background: url(img/transp.png) }
#submenu li:hover a , #submenu li.active a {color:#fff;}
#submenu strong {display:block; text-align:left;}
#submenu a {color:#bbb; text-decoration:none; padding:8px 10px 5px; display:block;}
#submenu a:hover {text-align:right;}
#submenu li strong {color:#fff;}

#content h2 {font-size:2em; font-weight:normal; line-height:1.2em; margin:30px 0 10px 300px; color: red;}

#content strong {font-weight:bold; color:#333;}
#content p {margin:1em 0;}
#content ul {list-style:square; padding-left:20px; line-height:1.45em;}
#content ol {list-style:decimal; padding-left:20px; line-height:1.45em;}
#content h3 {font-size:1.5em; font-weight:normal; margin:5px 0; color:#ff0000;}
#content em {color:#ff0000; font-style:normal;}

#content .predajne {font-size:1.21em; line-height:1.25em;}
#content .predajne span {display:block; float:left; padding:1px; border:4px solid #7e7e7e; background:#fff; margin-right:20px;}
#content .predajne img {display:block;}


#content .leftcol {width:240px; float:left;   margin-bottom:20px; clear:both;}
#content .rightcol {width:550px; float:right;  margin-bottom:20px; margin-right:100px;}
#content .nocol {clear:both; margin:0 0 -40px; padding-top:80px;}
#content .large {font-size:1.21em; line-height:1.25em; color:#555;}
#content .low {color:#555;}

#content .gold {background:#a19769; color:#595339; padding:10px 20px; border:3px solid #c6bf82; width:240px}
#content .gold img {margin-left:-20px;}

#content .sidlo {float:left; width:300px; margin-right:25px;}
#content .office {float:left; width:300px; margin-right:25px;}
#content .osoby {float:left; width:300px;}

#content .right {float:right; display:block;}

#content .center {text-align:center;}
#content em {color:red;}

#content .float {float:right;}

#content .clear {clear:both; margin-bottom:100px;}