/*
--------------------------------------------------
main stylesheet for screen
project: erpa
last modification: 5.8.2010
author: Ivan Potancok - www.ivusko.sk
--------------------------------------------------
*/

/* ---- main things --- */
*	{
	margin:0;
	padding:0;
	}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	text-align:center;
	color:#000;
	background-color:#cccccc;
	}
ul	{
	list-style-type:none;
	}
#page{
	margin:0 auto;
	width:730px;
	background-color:#fff;
	}	
h1, h2, h3, h4{
	font-weight:normal;
}	


#leftside{
	float:left;
	width:250px;
	}
#rightside{
	float:left;
	width:480px;
	text-align:left;
	}

#contact{
	text-align:left;
	font-size:13px;
	padding:30px;
	}
#contact h2{
	text-align:left;
	font-size:15px;
	padding:0 0 10px 0;
	font-weight:bold;
	}
#contact p{
	padding:3px 0;
	}

/* ---- header --- */
		h2#logo a{
			background:url(images/logo_sk.gif) top left no-repeat;
			width:146px;
			height:113px;
			text-indent:-2345px;
			display:block;
			margin:12px 54px;
			}
		h2#logo.en a{
			background:url(images/logo_en.gif) top left no-repeat;
			}
	#languages{
		font-size:11px;
		color:#fff;
		text-align:right;
		background-color:#000;
		
		}
	#languages ul{
		float:right;
		}
	#languages a{
		color:#ccc;
		text-decoration:none;
		padding:10px 20px;
		display:block;
		}
	#languages a:hover{
		text-decoration:underline;
		}
	#languages a.active{
		color:#fff;
		}
	#languages li{
		float:left;
		}

#pict{
	margin-top:13px;
	}


/* ---- menu --- */
.menu{
	float:left;
	width:230px;
}
.menu ul{
	font-size:13px;
	text-align:left;
	padding:30px 0;
	}
.menu ul ul{
	display:none;
	}
	.menu li{
		list-style-type:none;
		}
	.menu li a{
		color:#f88400;
		padding:5px 30px 5px 30px;
		text-decoration:none;
		display:block;
		border-top:1px dotted #000;
		}
	.menu li a:hover{
		color:#000;
		}
	.menu .current_page_item a{	
		color:#000;
		font-weight:bold;
		}


	

/* ---- content --- */
#content{
		font-size:13px;
		text-align:left;
		padding:20px;
		color:#000000;
		background:url(images/content.png) top left repeat;
		border-left:1px solid #000;
		min-height:280px;
		}
	.post h1{
		font-size:20px;
		padding:0px 0px 10px 0px;
		color:#000;
		font-weight:normal;
		}
	.post h2{
		font-size:15px;
		padding:10px 0px 10px 0px;
		font-weight:bold;
		}
	.post h3{
		font-size:14px;
		padding:10px 0px 10px 0px;
		font-weight:bold;
		}
	.post h4{
		font-size:13px;
		padding:10px 0px 10px 0px;
		font-weight:bold;
		}
	.post p{
		line-height:18px;
		padding:0 0 10px 0;
		font-size:13px;
		}
		a{
			text-decoration:underline;
			color:#f88400;
		}
		.post a:hover{
			color:#000000;
		}
	.post ul{
		padding:0px 20px 20px 20px;
		font-size:13px;
		line-height:30px;
		list-style-type:disc;
		}
	.post ol{
		padding:0px 20px 20px 20px;
		font-size:13px;
		}

.alignleft {
	margin:3px;
	border:2px solid #f88400;
	}




/* ---- utilities --- */
.cleaner{
	clear:both;
	}
hr, .hide{
	display:none;
	}

.news{
	}
.news h3{	
	font-size:13px;
	color:#fff;
	}
.news h3 strong{	
	font-size:13px;
	color:#bdedff;
	}
.news p{	
	font-size:11px;
	color:#fff;
	}
	
/* ---- footer --- */
#footer{
	font-size:11px;
	text-align:center;
	padding:10px 20px;
	color:#ccc;
	background-color:#000;
	clear:both;
	}
	#copyright{
		color:#ccc;
		}
	#copyright a{
		color:#fff;
		text-decoration:none;
		}
	#copyright a:hover{
		text-decoration:underline;
		}