* {
	margin: 0px;
    padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

#main {
	background-image: url(images/shadow_left.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	width:1040px;
}

#container {
    width:1020px;
    font-size: 1.2em;
	float:right;
}

#totalleft {
 float:left;
}

#header {
	width:754px;
	height: 155px;
	background-image: url(images/header_bg.jpg);
	background-repeat: repeat-x;
}

#header a.skupinaa:hover {background-position:0 -71px; display:block; cursor:pointer; text-indent:-2000px; }
#header a.skupinaa { background:transparent url(images/skupina-a.jpg) no-repeat scroll 0 0; border:0 none; height:71px; margin-top:40px; margin-left:20px; display:block; float:left; padding:0 28px 0 0; text-indent:-2000px; width:70px; cursor:pointer; }

#header a.skupinab:hover {background-position:0 -71px; display:block; cursor:pointer; text-indent:-2000px; }
#header a.skupinab { background:transparent url(images/skupina-b.jpg) no-repeat scroll 0 0; border:0 none; height:71px; margin-top:40px; display:block; float:left; padding:0 28px 0 0; text-indent:-2000px; width:70px; cursor:pointer; }

#header a.skupinac:hover {background-position:0 -71px; display:block; cursor:pointer; text-indent:-2000px; }
#header a.skupinac { background:transparent url(images/skupina-c.jpg) no-repeat scroll 0 0; border:0 none; height:71px; margin-top:40px; display:block; float:left; padding:0 28px 0 0; text-indent:-2000px; width:70px; cursor:pointer; }

#header a.skupinad:hover {background-position:0 -71px; display:block; cursor:pointer; text-indent:-2000px; }
#header a.skupinad { background:transparent url(images/skupina-d.jpg) no-repeat scroll 0 0; border:0 none; height:71px; margin-top:40px; display:block; float:left; padding:0 28px 0 0; text-indent:-2000px; width:70px; cursor:pointer; }

#header a.skupinat:hover {background-position:0 -71px; display:block; cursor:pointer; text-indent:-2000px; }
#header a.skupinat { background:transparent url(images/skupina-t.jpg) no-repeat scroll 0 0; border:0 none; height:71px; margin-top:40px; display:block; float:left; padding:0 28px 0 0; text-indent:-2000px; width:70px; cursor:pointer; }

#linkbar {
	width:754px;
	background-image: url(images/linkbar_bg.jpg);
	background-repeat: repeat-x;
	height: 59px;
}

#left {
	width:754px;
	background-image: url(images/content_top_bg.jpg);
	background-repeat: repeat-x;
	height: 417px;
}

#sub_left {width: 675px;
		   padding: 50px 30px 0px 25px;
           float: left;
	font-family: arial, helvetica, sans-serif;
	text-align:justify;
	color: #000000;

		   }

#sub_left p {
	font-family: arial, helvetica, sans-serif;
	text-align:justify;
	color: #000000;
}

#sub_left img{
	border:1px #888 solid;
	padding:3px;
	margin:10px;
}

#left_topBox {
	height: 45px;
	padding-top: 1px;
	margin-bottom: 35px;
	color: #FFFFFF;
	font-size: 0.9em;
}

#right {
	background-image: url(images/main_graphics.jpg);
	background-repeat: no-repeat;
	padding-top:300px;
	width: 246px;
	float:left;
	height: 492px;
}

#footer {
	clear: both;
	padding: 10px;
	text-align: center;
	font-size:90%;
	border-top: 1px solid #CCCCCC;
}

#footer a {
	font-weight:bold;
	color:#333333;
	border-bottom:1px #333333 dashed;
}

/******************** Top Navigation ************************/

#navcontainer ul
{
	background-color: #036;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	background-image: url(images/linkbar_bg.jpg);
	background-repeat: repeat-x;
	height: 39px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 21px 20px 0px 20px;
color: #fff;
text-decoration: none;
float: left;
}

#navcontainer ul li a:hover
{
	background-image: url(images/hover_link_bg.jpg);
	background-repeat: repeat-x;
	height: 35px;
	color: #fff;
}

#navcontainer li.act a
{
	background-image: url(images/hover_link_bg.jpg);
	background-repeat: repeat-x;
	height: 35px;
	color: #fff;
}

/********************* End top navigation ***************************/


p {margin-bottom: 15px;
    margin-top: 0px;}

.ingress {margin-bottom: 15px;
    margin-top: 10px;}

.sign_up {
	font-weight: bold;
	color: #66FFCC;
}

h1 {
	font-size: 2em;
	padding: 10px 0 20px 0;
	color: #333333;
	font-style: italic;
	font-weight: bold;
}

h2 {
	font-size: 1em;
	padding-left: 50px;
	color: #A28900;
	font-style: italic;
	font-weight: bold;
}

h3 {
	font-size: 1.3em;
	margin-bottom: 20px;
	color: #333333;
	font-weight: bold;
}

h5 {
	padding-top: 10px;
	font-size: 1em;
	color: #444444;
	font-weight: bold;
}

h6 {
	padding-top: 10px;
	font-size: 14px;
	color: #222;
	font-weight: bold;
}


a:link {
	color: #9E313C;
	text-decoration: none;
	font-weight: bold;
}     /* unvisited link */
a:visited {
	color: #9E313C;
	text-decoration: none;
	font-weight: bold;
}  /* visited link */
a:hover {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}   /* mouse over link */
a:active {
	color: #006633;
	text-decoration: none;
	font-weight: bold;
}   /* selected link */

.img_left {float: left;
            margin-right: 4px;}

 /***************************** sidebar navigation ****************************/

.navcontainer {
	width: 246px;
	background-image: url(images/right_navbar_bg.jpg);
	height: 250px;
	padding-top: 74px;
	background-repeat: no-repeat;
}

.navcontainer ul
{
list-style-type: none;
margin-left: 40px;
}

.shade {
	width:100%;
	text-align:right;
	font-size: 11px;
	color: #999;
}

.colored {
    padding:10px;
	width:100%;
	border: 1px solid #888;
}

.uncolored {
    padding:10px;
	width:100%;
}

.navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #FFFFFF;
border-bottom: 1px solid #eee;
	color: #000000;
}

.navcontainer a:link, #navlist a:visited
{
text-decoration: none;
}

.navcontainer a:hover
{
background-color: #A28900;
color: #fff;
}
.area {width:400px; height:300px;}
.area1 {width:300px; height:150px; BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #888888 1px solid; FONT-SIZE: 10pt; VERTICAL-ALIGN: middle; BORDER-LEFT: #666666 1px solid; COLOR: #C07A7A; BORDER-BOTTOM: #777777 1px solid; FONT-FAMILY: Tahoma,sans-serif; BACKGROUND-COLOR: transparent}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 1.0em;
	padding-top: 0.4em;
	}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; }
#overlay img{ border: none; }
#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}

.borderedform {
	border:1px #888 solid;
	padding: 15px;
}

.borderedform input,textarea,select {
	border:1px #999 solid;
	vertical-align:middle;
}

.prispevok {
	width:100%;
	border:1px #ccc dotted;
	padding:3px 20px 5px 20px;
	margin:3px;
}

.prispevok span {
	color:#888888;
	font-size:11px;
	font-style:italic;
}

.prispevok span strong {
	color:#fb7c09;
}

.prispevok p {
	padding:5px 0 0 0;
}
