/*
modra:  #5975A5;
zelena: #18A84E;
*/

body {
	margin: 0px;
	background-color: #000000;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
table.linkcontainer td{
	height: 20px;
	background-color: #000000;
	filter:alpha(opacity=50);
	opacity: .7;
	-moz-opacity: .7;
}
td.logo_area{
	border-top-width: 0px;
	border-right-width: 5px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
td.middle_spacer {
	width: 800px;
	background-color: #18A84E;
}
td.shadow_right {
	
	background-repeat: repeat-y;
	background-position: left;
}
td.shadow_left {
	
	background-repeat: repeat-y;
	background-position: right;
}
td.body_content {
	padding: 30px 20px 20px 65px;
	background-image: url(../images_template1/bg_content.jpg);
	background-repeat: repeat;
}
td.below_header{
	background-color: #1F1F1F;
	height: 50px;
	color: #CCCCCC;
	padding: 5px;
}
td.main_content_box {
	background-color: #FFFFFF;
}

td.horizontal_column {
	background-color: #000000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #000000;
	border-bottom-color: #333333;
	border-left-color: #000000;
	height: 150px;
	display: table-cell;
	vertical-align: top;
}
td.bottom_link_container {
	background-color: #000000;
	text-align: center;
	color: #FFFFFF;
	padding: 5px;
}

td.horizontal_center {
	background-color: #FFFFFF;
	border-top-width: 15px;
	border-right-width: 0px;
	border-bottom-width: 15px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #18A84E;
	border-right-color: #333333;
	border-bottom-color: #18A84E;
	border-left-color: #333333;
	height: 200px;
	display: table-cell;
	vertical-align: top;
	background-image: url(../images_template1/header_bg.jpg);
}
td.header_column {
	height: 100px;
	vertical-align: middle;
	color: #FFFFFF;
/*	font-size: large; */
	background-image: url(../images_template1/header2_bg.jpg);
	background-position: top;
}
td.left_content {
  text-align: center; 
	width: 200px;
	padding: 0 10px 10px 10px;
	vertical-align: top;
	background-image: url(../images_template1/bg_content.jpg);
	background-repeat: repeat;
}

/* MAIN MENU */
div.navigation {
	height: 30px;
	vertical-align: middle;
	text-align: center;
}
a.main_link:active,a.main_link:visited,a.main_link:link{
/*	font-weight: bold; */
	text-decoration: none;
	display: block;
	width: 100%;
	color: #FFFFFF;
	line-height: 30px;
}
a.main_link:hover{
	background-color:#333333;
	color: #18A84E;
}


/*

	sNews 
	
*/

*{ margin: 0; padding: 0; }*
a, a:visited { text-decoration: none; color: #5975A5; background: inherit; }
a:hover, a:active { text-decoration: none; color: #18A84E; background: inherit; }
h1 { color: #333; background: inherit; padding: 0px; margin: 22px 0 9px 0; }
h2 { color: #333; background: inherit; margin: 20px 0 7px 0;  padding: 0em 0 3px; }
h3 { color: #333; background: inherit; font-size: 1em; border-bottom: 1px dotted #18A84E; margin: 18px 0 5px 0; }
h4 { color: #333; background: inherit; font-size: 1em; font-weight: bold; margin: 10px 0 3px 0; }
//h4 { color: #333; background: inherit; font-size: 0.8em; border: 1px solid #777; padding: 2px; width: 14em; margin: 0 0 10px 0; }
//h4:hover, h4:focus {background: #18A84E; color: #fff; cursor: pointer; }
ul { list-style-type: none; margin: 0 0 10px 5px;}
li { }
/* category description under category name listing */
.catdesc { list-style-image: none; font-size: 10px; }

p { margin: 0 5px 0 5px; }

#keywords { color: #999;  }
#keywords:hover, #keywords:focus { outline: 1px solid #000; color: #000; cursor: pointer;}

.searchbutton { font-family: Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif; font-size: 11px; color: #fff; background: none; border: 1px solid #5975A5; outline: none; text-align: center; vertical-align: middle; width:30px}
.searchbutton:hover, .searchbutton:focus { background: #18A84E; cursor: pointer; }


/* send button */
.sendbutton { font-family: Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif; font-size: 11px; color: #000; background: #fff; border: 1px solid #5975A5; outline: none; text-align: center; vertical-align: middle; }
.sendbutton:hover, .sendbutton:focus { background: #18A84E; color: #fff; cursor: pointer; }


.button { font-family: Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif; font-size: 11px; color: #000; background: #fff; border: 1px solid #5975A5; outline: none; text-align: center; vertical-align: middle; margin: 15px 0 0px 0; }
.button:hover, .button:focus { background: #18A84E; color: #fff; cursor: pointer; }

/* sNews */

fieldset { border: 1px solid #5975A5; padding: 10px 8px; margin: 0 0 8px 0; background: #E5EAF3; color: #000; }

/* all text input fields */
input { 	vertical-align: middle; padding: 1px; font-family: Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif; font-size: 11px; border: 1px solid #5975A5; }
textarea { border: 1px solid #5975A5; width: 97%; height: 20em; padding: 2px; }

/* Article style */
div.article {padding: 5px 0 5px 10px; }

/* under article titles */
p.under_h2 { color: #555; padding: 5px 0 5px o; margin: 0 0 0px 0; border-bottom: 1px dotted #18A84E; }
p.under_h2 a:active, p.under_h2 a:visited, p.under_h2 a:link{
text-decoration:none;
color: #5975A5;
}
p.under_h2 a:hover{
	text-decoration:none;
	color: #18A84E;
}

/* COMMENT STYLING */
.comment { background: #E5EAF3; color: #555; padding: 10px; margin: 0 0 15px 0; border-left: 1px solid #5975A5; }
.commentdate { background: #E5EAF3; color: #555; padding: 0px; margin: 0 0 10px 0; }
/* .commentsbox { background: #E5EAF3; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 5px solid #5975A5;} */

.date { border-top: 1px dotted #18A84E; margin: 0 0 40px 0; }

.leftpulled { float: left; }
.rightpulled { float: right; text-align: right; }
div.floatleft { float: left; margin: 10px }
div.floatright { float: right; text-align: right; margin: 10px}

div.cal { float: left; width: 40px; height: auto; background: white; margin: 5px 16px 0 -56px; border-bottom: 1px solid #18A84E;}
div.cal p { margin: 0; text-align: center; padding: 1px 5px; }
div.cal p.pmonth { font: bold 65%/120% Helvetica,Arial,sans-serif; color: white; text-transform: uppercase; letter-spacing: 0.2025em; background: #18A84E; }
div.cal p.pday { font: bold 155%/90% Helvetica,Arial,sans-serif; color: black; }

/* PAGINATOR  */
.paginator{float:right; margin: 1.5em 0em 0.5em 0;}
a.page {
    background: #18A84E;
    border: 1px solid #18A84E;
    padding: 1px 6px;
    color: #fff;
    text-decoration: none;
}
a:hover.page {
    background: #fff;
    border: 1px solid #18A84E;
    padding: 1px 6px;
    color: #000;
    text-decoration: none;
}
.pageselected {
    background: #fff;
    border: 1px solid #18A84E;
    padding: 1px 6px;
    color: #000;
    text-decoration: none;
}


/* REMOVES BORDERS FROM IMAGES */
img { border: none; }

/* For custom keyrocks' admin panels mod only */
.admpanel { border-left: 1px solid #5975A5; padding: 10px 8px 10px 15px; margin: 0 0 8px 0; background: #E5EAF3; color: #555; }
legend { font: bold 16px arial; margin: 10px 0 0 0; }


/* POLL */
.poll {
	background-color: #E3F5E3;
	border-width: 1px;
	border-style: dotted;
	border-color: #fff;
	line-height: 110%;
}

.radiobutton { color: #000; background: #fff; border: 0px;}
.radiobutton:hover, .radiobutton:focus { color: #000; background: #fff; cursor: pointer; }

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 260px; /*position where enlarged image should offset horizontally */
}