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

@import "reset.css";

html {height:100%;}
body {
	font-family:Arial, Helvetica, sans-serif;
	background:#000;
	color:#fff;

	font-size:1.0em; line-height:1.3em; color:#b7b7b7;
	position:relative;
	height:100%;
	text-align:center;
	background:url(img/bgr.gif) repeat fixed 0 0;
	}
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%; }
#header div {width:950px; margin:10px auto;  text-align:left;}
#header p {float: left; margin:20px 0 0 510px;}
#header h1 {float: left;}
#header ul {float: right;}
#header ul li {float: left; margin: 10px;}

#footer {height:70px; position:fixed; width:100%; bottom:0; left:0; background:#000; border-top:2px solid #ed1c24;}
#footer ul {width:950px; margin:0 auto; height:70px; font-size:1.25em; line-height:70px;}
#footer #language {width:auto; float:right; margin:0 30px 0 0;}
#footer #language li {margin:2px 0 0;}
#footer li {display:inline; margin:0 10px;}
#footer a {color:#666; padding:5px 5px;}
#footer a:hover {color:#fff;}

#book {margin-bottom: 150px; height:750px;}

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

#content #submenu {width:280px; list-style:none; padding-left:0;}
#submenu li {background:#111; margin-bottom:5px; border:1px solid #222; border-top-color:#444; border-left-color:#444; line-height:1.25em;}
#submenu li:hover, #submenu li.active {background:#000; border-color:#ed1c24;}
#submenu li:hover a , #submenu li.active a {color:#ed1c24;}
#submenu strong {display:block; text-align:left;}
#submenu a {color:#b7b7b7; text-decoration:none; padding:8px 10px 5px; display:block;}
#submenu a:hover {text-align:right;}

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

#content strong {font-weight:bold; color:#fff;}
#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:0.67em 0;}
#content em {color:#b7b7b7; 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:300px; float:left;   margin-bottom:20px; clear:both;}
#content .rightcol {width:640px; float:right;  margin-bottom:20px;}
#content .nocol {clear:both; margin:0 0 -40px; padding-top:80px;}
#content .large {font-size:1.21em; line-height:1.25em; color:#b7b7b7;}
#content .low {color:#b7b7b7;}

#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;}
#content img.border {border: 2px solid #555;}