html, body {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	background: transparent url(../images/bg_body.gif) 0 26px repeat-x;
	font: normal 11px Arial;
}


h1 {
	margin: 0;
	padding: 10px;
	font: bold 14px Arial;
	color: #cc1028;
}

a {	color: #cc1028;	text-decoration: none;}
a:hover {	text-decoration: underline;}


div.bg_top {
	position: relative;
	display: block;
	width: 100%;
	height: 26px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/bg_top.jpg) 50% 0 repeat-x;
}

#wrapper {
	position: relative;
	display: block;
	width: 1000px;
	margin: 0 auto;
	height: 1%;
	
}

div.bg_left {
	position: absolute;
	width: 100px;
	height: 400px;
	top: 145px;
	left: -100px;
	overflow: hidden;
	background: transparent url(../images/bg_left.gif) 0 0 no-repeat;
}

div.bg_right {
	position: absolute;
	width: 100px;
	height: 400px;
	top: 145px;
	right: -100px;
	background: transparent url(../images/bg_right.gif) 0 0 no-repeat;
}

div.clear {
	position: relative;
	display: block;
	clear: both;
	float: none;
	height: 0px;
	overflow: hidden;
}

/****************************************************************************************

	HEADER

*/


#header {
	position: relative;
	display: block;
	height: 145px;
	margin: 0 20px;
	padding: 0;
}

#header div.logotip {
	position: absolute;
	top: 20px;
	left: 0;
	width: 190px;
	height: 60px;
}

#header div.header_image {
	position: absolute;
	top: -20px;
	left: -50px;
	width: 136px;
	height: 160px;
	background: transparent url(../images/pen_over_logo.png) 0 0 no-repeat;
}



#corpo_menu {
	position: absolute;
	display: block;
	top: 17px;
	right: 0;
}

#corpo_menu ul {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

#corpo_menu ul li {
	float: left;
}

#corpo_menu ul li a {
	display: block;
	margin: 0;
	padding: 0 20px;
	color: #666;
	text-decoration: none;
	background: transparent url(../images/bg_corpomenu.gif) 0 3px no-repeat;
}

#corpo_menu ul li a.first {
	background: none;
}

#corpo_menu ul li a:hover {color: #cc1028;}



/*********************************************************************************************************************

	MAIN CATALOGE MENU

*/

#cataloge_level1 {
	position: relative;
	display: block;
	margin: 0 20px;
	padding: 0;
	height: 1%;
}

#cataloge_level1 ul {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 1%;
}

#cataloge_level1 ul li {
	float: left;
	
}

#cataloge_level1 ul li a {
	position: relative;
	display: block;
	margin: 0;
	padding: 11px 11px 0 11px;
	color: #666;
	height: 1%;
	border-top: 5px solid #ccc;
	text-decoration: none;
}

#cataloge_level1 ul li a span.left {
	position: absolute;
	top: -5px;
	left: 0;
	width: 7px;
	height: 11px;
	background: transparent url(../images/bg_menu_left.gif) 0 0 no-repeat;
}

#cataloge_level1 ul li a span.right {
	position: absolute;
	top: -5px;
	right: 0;
	width: 7px;
	height: 11px;
	background: transparent url(../images/bg_menu_right.gif) 0 0 no-repeat;
}

#cataloge_level1 ul li a:hover {
	border-top: 5px solid #666;
	color: #333;
}

#cataloge_level1 ul li a:hover span.left {
	background: transparent url(../images/bg_menu_left_over.gif) 0 0 no-repeat;
}

#cataloge_level1 ul li a:hover span.right {
	background: transparent url(../images/bg_menu_right_over.gif) 0 0 no-repeat;
}

#cataloge_level1 ul li a.selected {
	border-top: 5px solid #cc1028;
	color: #cc1028;
}

#cataloge_level1 ul li a.selected span.left {
	background: transparent url(../images/bg_menu_left_selected.gif) 0 0 no-repeat;
}

#cataloge_level1 ul li a.selected span.right {
	background: transparent url(../images/bg_menu_right_selected.gif) 0 0 no-repeat;
}


/*********************************************************************************************************************

	BODY ITEMS

*/


#body {
	position: relative;
	display: block;
	margin: 0;
	padding: 55px 20px 0 20px;
	height: 1%;
}

#body div.left_block {
	position: relative;
	display: block;
	float: left;
	width: 188px;
	margin: 0;
	padding: 0;
}

body div.left_center {
	position: relative;
	display: block;
	float: left;
	width: 772px;
	margin: 0;
	padding: 0;
}

#body div.center_block {
	position: relative;
	display: block;
	float: left;
	width: 574px;
	margin: 0;
	padding: 0 5px;
}

#body div.right_block {
	position: relative;
	display: block;
	float: right;
	width: 188px;
	margin: 0;
	padding: 0 0 20px 0;
}


/*********************************************************************************************************************

	SUBMENU

*/

#submenu {}

#submenu div.title {
	position: relative;
	display: block;
	margin: 0;
	padding: 7px 10px 3px 10px;
	height: 32px; 
	color: white;
	font-weight: bold;
	background: transparent url(../images/bg_submenu_title.gif) 0 0 no-repeat;
}

#submenu ul {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

#submenu ul li {
	
}

#submenu ul li a {
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #e6e6e6;
}

#submenu ul li a:hover {
	text-decoration: underline;
}

#submenu ul li a.selected {
	color: #cc1028;
	font-weight: bold;
}

#submenu ul ul {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

#submenu ul ul li a {
	padding: 5px 10px 5px 25px;
}


/*********************************************************************************************************************

	KATALOG LISTING

*/

div.ident {
	position: relative;
	display: block;
	width: 188px;
	padding: 0;
	margin: 0 5px 10px 0;
	float: left;
}

div.no_margin_right {
	margin-right: 0;
}

div.ident span.title {
	position: relative;
	display: block;
	margin: 0;
	padding: 10px;
	height: 32px; 
	color: #666;
	font: bold 12px Arial;
	background: transparent url(../images/bg_title_ident.gif) 0 0 no-repeat;
}

div.ident span.firstpage {
	padding: 7px 10px 3px 10px;
	height: 32px; 
	color: white;
	font-weight: normal;
	background: transparent url(../images/bg_title_big_ident.gif) 0 0 no-repeat;
}

div.ident div.item {
	position: relative;
	display: block;
	padding: 0 10px 15px 10px;
	height:1%;
	font: normal 11px Arial;
	color: #444;
	background: transparent url(../images/bg_list_item.gif) left bottom no-repeat;
}

div.ident div.item span.logotip {
	position: absolute;
	top: 0;
	left: 10px;
}

div.ident div.item span.cena {
	position: absolute;
	display: block;
	bottom: 0;
	right: 0;
	height: 39px;
	padding: 0;
	text-align: right;
	z-index: 30; 
	background: transparent url(../images/bg_cena_zavihek_small.png) 0 0 no-repeat;
	
}

div.ident div.item span.number {
	display: block;
	height: 39px;
	z-index: 90;
	padding: 22px 10px 0 10px;;
	color: white;
	font: bold 11px Arial;
	background: transparent url(../images/bg_cena_small.gif) top right no-repeat;
	
}
div.ident div.item span.uri { 
	display: block; 
	margin-top: 3px;
}

div.ident div.item span.uri a {
	color: #cc1028;
	font-weight: bold; 
	padding: 0 20px 0 0;
	background: transparent url(../images/ico_kosarica.gif) top right no-repeat;
}

/*********************************************************************************************************************

	KATALOG IDENT

*/

#ident_podrobno {
	margin-top: 20px;
}

#ident_podrobno div.left {
	position: relative;
	display: block;
	width: 250px;
	height: 258px;
	padding: 10px;
	float: left;
}

#ident_podrobno div.right {
	position: relative;
	display: block;
	width: 278px;
	height: 278px;
	padding: 0 10px 0 0;
	float: right;
}

#ident_podrobno span.logotip {
	position: absolute;
	display: block;
	top: 0;
	left: 10px;
}


#ident_podrobno div.left span.cena {
	position: absolute;
	display: block;
	bottom: 0;
	right: 0;
	height: 39px;
	padding: 0;
	text-align: right;
	z-index: 30; 
	background: transparent url(../images/bg_cena_zavihek_small.png) 0 0 no-repeat;
	
}

#ident_podrobno div.left span.number {
	display: block;
	height: 39px;
	z-index: 90;
	padding: 22px 10px 0 10px;;
	color: white;
	font: bold 11px Arial;
	background: transparent url(../images/bg_cena_small.gif) top right no-repeat;
	
}


#ident_podrobno h1 {
	margin: 0;
	padding: 0;
	font: bold 14px Arial;
	color: #cc1028;
}

#ident_podrobno span.tabela {
	position: absolute;
	bottom: 0;
	left: -1px;
	width: 290px;
}

#ident_podrobno span.tabela table tr td {
	background: #e6e6e6;
	padding: 2px 10px;
}

#ident_podrobno span.tabela table tr.title td {
	background: #cc1028;
	font-weight: bold;
	color: white; 
}

#ident_podrobno span.tabela table tr.spec td {
	font-weight: bold;
	background: #ccc;
}



#ident_podrobno div.foot, #content div.foot {
	position: relative;
	display: block;
	padding: 14px 10px;
	text-align: right;
	background: transparent url(../images/bg_foot.gif) bottom left no-repeat;
}

#ident_podrobno div.foot a, #content div.foot a {
	font-weight: bold;
	text-decoration: none;
	color: #cc1028;
}

#ident_podrobno div.foot a:hover, #content div.foot a:hover {
	text-decoration: underline;
}

/*********************************************************************************************************************

	CONTENT

*/

#content {
	display: block;
	margin: 0;
	padding: 0;
	height: 1%;
}

#content div.content_title {
	margin: 0;
	height: 18px;
	padding: 8px 10px;
	color: white;
	font-weight: bold; 
	background: transparent url(../images/bg_title.gif) 0 0 no-repeat;
}

#content div.common_content {
	position: relative;
	display: block;
	padding: 10px;
	margin: 0;
	line-height: 16px;
	height: 1%;
}

#content div.category {
	padding: 10px;
	margin: 0;
	line-height: 16px;
}


#content div.list {
	position: relative;
	display: block;
	padding: 10px;
	margin: 0;
	line-height: 16px;
	height: 1%;
}


#content div.list div {
	position: relative;
	display: block;
	height: 1%;
	margin: 0;
	padding: 10px 0;
	border-top: 1px solid #ccc;
}

#content div.list div span {
	display: block;
}

#content div.list div span.title {
	font: bold 12px Arial;
	color: #666;
}

#content h3 {
	margin: 0;
	padding: 5px 0 0 0;
}

#promo {
	position: relative;
	display: block;
	margin: 10px 0;
	padding: 0;
	color: #444;
}

#promo h2 {
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 0;
	font: bold 14px Arial;
	color: #cc1028;
}



/*********************************************************************************************************************

	RIGHTBLOCK

*/

#iskalnik {
	display: block;
	height: 1%;
}

#iskalnik span.title {
	position: relative;
	display: block;
	margin: 0;
	padding: 7px 10px 3px 10px;
	height: 32px; 
	color: white;
	font: bold 11px Arial;
	background: transparent url(../images/bg_title_iskalnik.gif) 0 0 no-repeat;
}

#iskalnik form {
	margin: 0;
	padding: 0;
}

#iskalnik input.search_input {
	border: 1px solid #ccc;
	padding: 2px 5px;
	width: 115px;
	font: normal 11px Arial;
	color: #666;
}
#iskalnik input.search_submit {
	border: none;
	padding: 1px 10px;
	font: bold 12px Arial;
	color: #cc1028;
	background: #EAEAEA;
}

#common_list {
	position: relative;
	display: block;
	padding: 10px;
	margin: 0;
	line-height: 16px;
	height: 1%;
}

#common_list div.item {
	position: relative;
	display: block;
	margin: 5px 0;
	padding: 5px 0;
	height: 1%;
	border-bottom: 1px solid #CCC;
}

#common_list div.item span.img { 
	width: 75px;
	height: 75px;
	float: left;
	display: block;
}

#common_list div.item h2 {
	margin: 0;
	padding: 0 0 10px 0;
	font: bold 14px Arial;
	color: #cc1028;
}

#common_list div.item span.abstract {
	padding: 0 0 20px 0;
}

#common_list div.item .tools {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 20px
}

#common_list div.item .tools a {
	padding: 5px 10px;
	height: 16px;
}

#common_list div.item .tools a.download {
	padding-left: 22px;
	background: transparent url(../images/acrobat.gif) 0 3px no-repeat;
}

#common_list div.item .tools a.pdfviewer {
	padding-left: 22px;
	background: transparent url(../images/pdfviewer.gif) 0 3px no-repeat;
}











#footer {
	display: block;
	padding: 5px 0;
	margin: 30px 20px;
	border-top: 1px solid #ccc;
	color: #666;
	font-size: 10px;
	height: 1%; 
}