*
{
	margin: 0;
	padding: 0;
}

body
{
	font: normal 12px Arial, 'Lucida Grande', Verdana, Helvetica, sans-serif;
	color: #ffffff;
	background: #111;
	margin: 30px 0;
}

.clear { clear: both; }
a { color: #FFFFFF; text-decoration: none;}
a:hover { color: #ef720e; text-decoration: none; }
img { border: 0; }
p.headerp { font-size: 20px; color: #252525; }
p.headerq { font-size: 16px; color: #252525; }
p.headerr { font-size: 20px; color: #990000; }
.googlead { float: right; width: 200px; height: 200px; margin: 0 0 5px 10px; }
.googlelargead { width: 468px; height: 60px; margin: 0 0 15px 0; }
#donation { border: 1px solid #CCC; background: #EEE; padding: 15px; margin: 0 0 15px 0; }


#top { position: absolute; top: 30px; }
#bottom { padding: 425px 0 0 0; }
#bottommenuonly { padding: 280px 0 0 0; }


#container
{
	margin: 0 auto;
	width: 960px;
	background: #FFF;
}

#header
{
	width: 960px;
	height: 250px;
	background: #111111 url(../images/bg-headertitle.png) no-repeat;
}

#headercont
{
	width: 960px;
	height: 36px;
	background: #313131;
}

#headercont #headerlogo
{
	float: left;
	width: 260px;
	height: 36px;
}

#headercont #headerlogo a img { filter: alpha(opacity=100); opacity: 1.0; }
#headercont #headerlogo a:hover img { filter: alpha(opacity=50); opacity :0.5; }

#headercont #headermenu
{
	float: left;
	width: 700px;
	height: 36px;
}

#headermenu ul
{
	float: left;
	list-style-type: none;
	overflow: hidden;
	margin: 0px 0px 0 17px;
}

#headermenu ul li
{
	float: left;
}

#headermenu ul li a span
{
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
}

#headermenu ul li a
{
	font-size: 14px;
	float: left;
	display: block;
	line-height: 20px;
	text-decoration: none;
	color: #FFFFFF;
	padding: 8px 15px;
	cursor: pointer;
}

#headermenu ul li a.featured {
	color: #EF720E;
}

#headermenu ul li a.featured:hover {
	background: #EF720E;
	color: #FFFFFF;

}

#headermenu li a:hover
{
	background: #FFFFFF;
	color: #111111;

}



#graphiccont
{
	width: 960px;
	height: 150px;
	background: #127BB4 url(../images/bg-graphiccont.png) repeat-x;
}

#graphicleft
{
	float: left;
	width: 660px;
	height: 150px;
}

#graphicleft a
{
	width: 660px;
	height: 150px;
}



#graphicleft #slidercont
{ width: 660px; height: 150px; }

#tab1 { width: 660px; height: 150px; background: url(../images/test.png) no-repeat; }
#tab2 { width: 660px; height: 150px; background: url(../images/test3.png) no-repeat; }
#tab3 { width: 660px; height: 150px; background: url(../images/test2.png) no-repeat; }



#graphicright
{
	float: left;
	width: 296px;
	height: 320px;
	overflow: hidden;
}

#graphicright ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#graphicright ul li
{
	display: inline;
	margin: 0;
	padding: 0;
}

#graphicright ul li a
{
	float: left;
	width: 296px;
	height: 105px;
}

#graphicright ul li a:hover
{
	color: #CCC;
}

#graphicright ul li a img
{
	filter: alpha(opacity=50);
	opacity :0.5;
}

#graphicright ul li a:hover img
{
	filter: alpha(opacity=100);
	opacity: 1.0;
}




#maincont
{
	width: 960px;
	line-height: 22px;
	background: #252525 url(../images/bg.png) repeat-y;
}

#maincont p
{
	margin: 0 0 15px 0;
}

#maincont h1, h2, h5
{
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 15px 0;
	color: #ffffff;
}

#maincont h3
{
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
	color: #ffffff;
}

#maincont h4
{
	font-weight: normal;
	font-size: 12px;
    line-height: 2;
  }


#maincont ul { margin: 0 0 0px 25px; }


#mainleft
{
	float: left;
	width: 550px;
	padding: 30px;
}


#mainleft .tempcont
{
	float: left;
	width: 140px;
	margin: 0 10px 0 0;
	text-align: center;
}

#mainleft .tempcont ul
{
	list-style-type: none;
	margin: 0 0 15px 0;
}

#mainleft #contactform form, fieldset { border: 0; margin: 0 0 15px 0; }
#mainleft #contactform label { font-weight: bold; padding: 0 5px; }
#mainleft #contactform input, textarea { background: #FFF; border: 1px solid #576A75; padding: 5px; font-size: 12px; font-family: "Arial", Verdana, Helvetica, sans-serif; color: #1E3847; }
#mainleft #contactform input.nostyle { background: none; border: 0; }
#mainleft #contactform input.nocss { background: none; border: 0; padding: 0; font-size: 12px; font-family: "Arial", Verdana, Helvetica, sans-serif; color: #4F4939; }
#mainleft #contactform textarea { width: 300px; margin: 0; }
#mainleft #contactform span.green { color: #7E9D5F; font-weight: bold; }
#mainleft #contactform span.red { color: #C00; font-weight: bold; }
#mainleft #contactform img.imgheight { margin: -10px 0 0 0; }
#mainleft #contactform #contactwrote { padding: 15px 20px 5px 20px; background: #FFF; margin: 0 0 15px 0; border: 1px solid #DDD; }


#mainright
{
	float: left;
	width: 290px;
	padding: 30px;
	/*background: url('../images/bg-rightcont.png') repeat-y;*/
}


#mainright .rssreader
{
	margin: 0 0 15px 0;
}

#mainright .rssreader ul
{
	list-style-type: none;
	margin: 0 0 15px 0;
	text-transform: lowercase;
}

#mainright .rssreader ul li
{
	display: block;
	padding: 5px 0;
}

#mainright .rssreader ul li a
{
	width: 209px;
	float: left;
	padding: 5px 15px;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #EEE;
	background: #252525;
	text-decoration: none;
}

#mainright .rssreader ul li a:hover
{
	background: #DDD;
	border-bottom: 1px solid #BBB;
	border-right: 1px solid #CCC;
}



#footercont * { margin: 0; padding: 0; }

#footercont
{
	font-weight: bold;
	width: 900px;
	padding: 8px 30px;
	background: #ef720e;
	text-align: right;
	color: #FFFFFF;
}

#footercont ul { margin: 0 0 5px 0; list-style-type: none; }
#footercont ul li { display: inline; margin: 0 0 0 10px; }

#footercont a { color: #FFFFFF; text-decoration: none; }
#footercont a:hover { color: #111111; text-decoration: underline; }



#bottomcont
{
	clear: both;
	width: 960px;
	color: #555;
	background: #111;
	text-transform: lowercase;
	text-align: center;
	padding: 15px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#bottomcont p
{
	margin: 0 0 5px 0;
	text-transform: none;
	font-size: 11px;
}

#bottomcont ul
{
	list-style-type: none;
}

#bottomcont ul li
{
	display: inline;
}

#bottomcont ul li a
{
	color: #777;
	padding: 2px;
	text-decoration: none;
}

#bottomcont ul li a:hover
{
	color: #FFF;
	padding: 2px;
	background: none;
}





/* template hover over styles */

#screenshot
{
	position: absolute;
	display: none;
	width: 408px;
	height: 413px;
	background: #FFF url('../images/loading.gif') no-repeat;
	background-position: center;
}

#accordion {
	width: 609px;
}
#accordion h3 {
	display: block;
	background: url(../images/accordion-button.png) 0px 0px no-repeat;
	font-size: 11px;
	color: #fff;
	letter-spacing: normal;
	padding-left: 15px;
	width: 594px;
	cursor: pointer;
	padding-top: 7px;
	height: 22px;
	margin-bottom: 1px;
}
.accordion-list {
	color: #454444;
	font-size: 11px;
}
.accordion-list ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	padding-left: 15px;
	padding-right: 15px;
}
.accordion-list ul li {
	background: url(../images/accordion-hr.gif) left bottom repeat-x !important;
	padding-bottom: 2px;
	cursor: pointer;
}
.accordion-list ul li.selected {
	background: #e9e9e9 url(../images/accordion-hr.gif) left bottom repeat-x !important;
	cursor: pointer;
}
.accordion-list ul li.normal {
	background: #e1e1e1 url(../images/accordion-hr.gif) left bottom repeat-x;
	cursor: pointer;
}

#accordion2 {
	width: 609px;
}
#accordion2 h3 {
	display: block;
	background: url(../images/accordion-button.png) 0px 0px no-repeat;
	font-size: 11px;
	color: #fff;
	letter-spacing: normal;
	padding-left: 15px;
	width: 594px;
	cursor: pointer;
	padding-top: 5px;
	height: 22px;
	margin-bottom: 1px;
}

.pc-list {
	font: normal 12px Arial, 'Lucida Grande', Verdana, Helvetica, sans-serif;
}
.pc-list ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	padding-left: 1px;
	padding-right: 1px;
}
.pc-list ul li {
	padding-bottom: 1px;
}
.pc-list ul li.selected {
}
.pc-list ul li.normal {
}

#pc {
	width: 650px;
}
#pc h3 {
	display: block;
	font: normal 12px Arial, 'Lucida Grande', Verdana, Helvetica, sans-serif;
	padding-left: 1px;
	width: 596px;
	padding-top: 1px;
	margin-bottom: 1px;
	list-style-type: none;
}


.column0, .column1, .column2, .column3, .column4, .column5, .column0vps  {
	display: block;
	float: left;
	font-size: 11px;
	border-right: 1px solid #c9c9c9;
	padding-top: 8px;
	height: 22px;
}

.column0 img, .column1 img, .column2 img, .column3 img, .column4 img, .column5 img, .column0vps {
	padding-top: 2px;
}
.column0 {
	padding-left: 5px;
	padding-right: 5px;
	/* width: 263px;  ***** za 5 kolona *****/
	width: 323px;
}
.column0vps {
	padding-left: 5px;
	padding-right: 5px;
	width: 385px;
}
.column1, .column3, .column5 {
	background: #e9e9e9;
}
.column1, .column2, .column3, .column4, .column5 {
	width: 390px;
	text-align: center;
}

.pc0, .pc1, .pc2, .pc3, .pc4, .pc5, .pc0vps   {
	display: block;
	float: left;
	padding-top: 1px;
	border-right: 1px;
}

.pc0 img, .pc1 img, .pc2 img, .pc3 img, .pc4 img, .pc5 img, .pc0vps {
	padding-top: 1px;
}
.pc0 {
	padding-left: 1px;
	padding-right: 1px;
	width: 200px;
}
.pc0vps {
	padding-left: 1px;
	padding-right: 1px;
	width: 200px;
}

.pc1, .pc2, .pc3, .pc4, .pc5 {
	padding-left: 1px;
	padding-right: 1px;
	width: 360px;
	text-align: left;
}

.order0, .order1, .order2, .order3, .order4, .order5, .order0vps   {
	display: block;
	float: left;
	padding-top: 1px;
	border-right: 1px;
}

.order0 img, .order1 img, .order2 img, .order3 img, .order4 img, .order5 img, .order0vps {
	padding-top: 1px;
}
.order0 {
	padding-left: 1px;
	padding-right: 1px;
	width: 170px;
}
.order0vps {
	padding-left: 1px;
	padding-right: 1px;
	width: 170px;
}

.order1 {
	padding-left: 1px;
	padding-right: 1px;
	width: 400px;
	text-align: left;
}

.order2 {
	padding-left: 1px;
	padding-right: 1px;
	width: 50px;
	text-align: left;
}
/* slider styles */

.csw { width: 658px; height: 320px; overflow: hidden }
.csw .loading { text-align: center; display: none; }
.stripViewer { position: relative; overflow: hidden; margin: auto; width: 658px; height: 320px; clear: both; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; width: 100%; list-style-type: none; }

.stripViewer .panelContainer a { float: left; width: 658px; height: 320px; }

.stripViewer .panelContainer .panel { float:left; height: 320px; position: relative; width: 658px; overflow: hidden; }
.stripViewer .panelContainer .panel .wrapper { padding: 0; }
.stripNav { display: none; }
.stripNav ul { display: none; }
.stripNavL, .stripNavR { display: none; }