@CHARSET "ISO-8859-1";
body{
	margin: 0;
	background: #f3f3eb;
}
img{border: 0;}
p{margin: 0;}

div#header{
	background-image: url(../gfx/odp.logo.jpg);
	width: 100%;
	height: 100px;}

div#content{
	background: url(../gfx/odp.body.bg.jpg) repeat-y;	
}
div#footer{
	width: 100%;
    margin: 0;
    text-align: center;
    color: #000;
    height: 36px !important;
    height: 34px;
    background-color: #dcd9ca;
    border-top: 3px solid #bf1b1c;
}

/*** Category ***/
div#category{
	width: 200px;}

	div#category img{border: 0;}
	div#category #top{
		background:#BEE2FF url(../gfx/img_bg_categories_top.gif) no-repeat scroll 0%;
		height:8px;
		margin:0px !important;}
	div#category #bottom{
		background:#BEE2FF url(../gfx/img_bg_categories_bottom.gif) no-repeat scroll 0% !important;
		height:7px;
		margin:0px !important;}
	div#category #body{background:#fff none repeat scroll 0%;}
	
	div#category a.main_cat{
		display: block;
		background: url(../gfx/odp.menu.bg.jpg) repeat-x;
		padding: 4px 4px 5px 10px;
		color: #444444;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		border-bottom: 1px solid #b33000;}
		
		div#category a.main_cat:hover{
			background: url(../gfx/odp.menu.bg.over.jpg) repeat-x;
			background-color: #eeeee6;}
	div#category a.sub_cat_link{
		display: block;
		background-color: #eeeee6;
		background-image: url(../gfx/img_redarrow.gif);
		background-repeat: no-repeat;
		background-position: 10px 9px;
		padding: 5px 5px 5px 23px;
		color: #444444;
		text-decoration: none;}
		
		div#category a.sub_cat_link:hover{background-color: #eeeee6;}

/*** Center ***/
div#center{}
	div#center #news_content{padding: 10px; padding-top: 0;}
		div#news_content a.read_more{
			color: #960202;
			text-decoration: none;}
			
			div#news_content a:hover.read_more{
				color: #000;
				text-decoration: none;}
		
		div#news_content h2{
			font-size: 18px;
			font-weight: bold;
			color: #960202;
			margin: 0; 
			padding: 0;}
			
		div#news_content h2 a{
			font-size: 18px;
			font-weight: bold;
			color: #960202;
			text-decoration: none;}
			
			div#news_content h2 a:hover{
				color: #000;
				text-decoration: none;}
		div#news_content .news_info{}
			div#news_content .news_info .published{
				/*background-image:url(../gfx/img_actions-bg.gif);
				background-repeat:repeat-x;*/
				color:#999999;
				font-size:0.9em;
				margin:0px;
				padding:0px;
				width:100%;}
		div#news_content .news_others{
			background: url(../gfx/odp.news.other.jpg) no-repeat;
			border-top: 1px solid #dbd5c5;
			width: 100%;}
			
			div#news_content .news_others .block{padding: 10px;}
				div#news_content .news_others .block .grid{
					background: url(../gfx/odp.icon.articel.png) no-repeat;
					background-position: 7px center;
					padding: 5px;
					padding-left: 33px;}
					
					div#news_content .news_others .block .grid a{
						color: #960202;
						font-weight: bold;
						text-decoration: none;}
						
						div#news_content .news_others .block .grid a:hover{color: #000;}
				
				div#news_content .news_others .block .grid2{
					background: url(../gfx/img_redarrow.gif) no-repeat;
					background-position: 13px center;
					padding: 5px;
					padding-left: 25px;}
					
					div#news_content .news_others .block .grid2 a{
						color: #000;
						font-weight: bold;
						text-decoration: none;}
						
						div#news_content .news_others .block .grid2 a:hover{color: #960202;}
		div#news_content .top{
			width: 100%;
			background: url(../gfx/odp.info.asyl.top.jpg) no-repeat;
			height: 142px;
			margin: 10px 0px;}
			
			div#news_content .top .top-cnt{
				float: left;
				width: 365px;
				height: 70px;
				margin: 50px 18px 8px 8px;
				padding: 0;}
				
				div#news_content .top .top-cnt a{
					font-size: 11px;
					text-decoration: none;
					color: #444444;
				}
				
	div#news_content fieldset.forms{border: none; background: #eeeee6;}
	div#news_content fieldset.forms:hover{background: #e5e5de;}
	fieldset.forms legend {padding: 0; margin: 0;}
	fieldset.forms ol{list-style: none; padding: 8px; margin: 0; margin-top: 10px;}
	fieldset.forms ol li {list-style: none; padding: 0; margin: 0; padding-bottom: 2px;} 
		fieldset.forms ol li label{
							width: 80px;
							float: left;
							text-align: left;
							margin-right: 15px;}
		fieldset.forms ol li input.i{
							width: 300px;
							border: 1px solid #ccc;}
		
/*** Box-moduler */
.blocks{width: 100%; background-color: #eeeee6; padding: 0;}
	.blocks .title{background: #e8f3f8 url(../gfx/odp.box.bg.jpg) ; padding: 2px; border-bottom: 1px solid #b33000;}
		.blocks .title h2{color: #960202; font-size: 14px; padding: 0; padding-left: 40px; margin: 0}
	
	.blocks .cnt{padding: 3px;}
		.blocks .cnt p{margin: 0;}
		.blocks .cnt .grid{
			background: #fff url(../gfx/odp.icon.articel.png) no-repeat;
			background-position: 7px center;
			padding: 5px;
			padding-left: 33px;}
			
				.blocks .cnt .grid .info{font-size: 11px}
				.blocks .cnt .grid a{
					font-weight: bold;
					text-decoration: none;
					color: #960202;}
					
					.blocks .cnt .grid a:hover{color: #000;}
		.blocks .cnt .grid2{
			background: #fff url(../gfx/img_redarrow.gif) no-repeat;
			background-position: 13px center;
			padding: 5px;
			padding-left: 33px;}
			
				.blocks .cnt .grid2 .info{font-size: 11px}
				.blocks .cnt .grid2 a{
					font-weight: bold;
					text-decoration: none;
					color: #000;}
					
					.blocks .cnt .grid2 a:hover{color: #960202;}
						
					
			

/*** Comments ***/
div#comments{
	width: 100%;
	margin: 0; 
	padding: 0;
}
	div#comments .comment-header{}
	div#comments .comment{
		border: 1px solid #cddfef;
		margin-bottom: 10px;
	}
	
		div.comment .info{
			background: #e4ecf6;
			border-top: 1px solid #fff;
			border-bottom: 2px solid #fff;
			padding: 5px;
		}
		
		div.comment .text{
			padding: 5px;
			background: #f3f7fb;
		}
	
	div#comments .comment_form{
		background-color: #fbfafa;
	}
		div.comment_form label{
			width: 100px;
			padding: 4px;
			float: left;}
			
		div.comment_form input.i, 
		div.comment_form textarea.i{
			border: 1px solid #e8f3f8;
			background-color: #ffffff;
			padding: 2px;
			margin: 2px;}
			
		.btn{
			color: #5c5c5c;
			background:transparent url(../gfx/button.bg.png) repeat-x scroll 0% 0%;
			border-color:#ECECEC rgb(173, 173, 173) rgb(173, 173, 173) rgb(236, 236, 236) !important;
			border-style:solid !important;
			border-width:1px;
			font-size: 1em;
			font-weight: bold;
			margin:5px 3px 4px 0pt;
			padding:5px;}
		
			.btn:hover{color: #000;}
	
/*** Paging ***/
div.paging{
	width: 500px;
	margin-top: 5px;
	text-align: center;
	font-size: 10px;}
	
	div.paging a{
		float: left;
		color: #960202;
		font-weight: bold;
		padding: 2px 8px;
		background: #fff;
		border: 1px solid #ebecee;
		text-decoration: none;
		margin: 2px;}
		
		div.paging a:hover{
			background: #f9efef;
			border: 1px solid #e6a6a6;}
			
		div.paging a.act{
			background: #f9efef;
			border: 1px solid #e6a6a6;}
			
/***** Message boxes *****/
.msgb0x-ok,
.msgb0x-error,
.msgb0x-warning{
	padding: 4px;
	font-weight: bold;}

.msgb0x-ok{
	border: 1px solid #349534;
	background-color: #C9FFCA;
	color: #008000;}

.msgb0x-error,
.msgb0x-error-1{
	border: 1px solid #CC0000; 
	background-color: #F7CBCA;
	color: #CC0000;}
	
.msgb0x-error-1{border: none 0;}
.msgb0x-warning{
	border: 1px solid #DEDEDE; 
	background-color: #FFFFCC;
	color: #222222;}
		
span.select {
	position: absolute;
	width: 58px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(../gfx/select.png) no-repeat;
	overflow: hidden;
}

.span-340, .span-280, .span-360, .span-390,
.span-550, .span-600, .span-475, .span-325,
.span-365, .span-122, .span-278, .span-370,
.span-520, .span-400, .span-395, .span-285,
.span-259, .span-26,  .span-620, .span-200, 
.span-500, .span-560, .span-240{float: left;}

.span-26 {width: 26;}
.span-122{width: 122px;}
.span-200{width: 200px;}
.span-240{width: 240px;}
.span-259{width: 259px;}
.span-278{width: 278px;}
.span-280{width: 280px;}
.span-285{width: 285px;}
.span-325{width: 325px;}
.span-340{width: 220px;}
.span-360{width: 360px;}
.span-365{width: 365px;}
.span-370{width: 370px;}
.span-390{width: 390px;}
.span-395{width: 395px;}
.span-400{width: 400px;}
.span-475{width: 475px;}
.span-500{width: 500px;}
.span-520{width: 520px;}
.span-550{width: 550px;}
.span-560{width: 560px;}
.span-600{width: 600px;}
.span-620{width: 620px;}

	
.textRight{text-align: right;}
.textLeft{text-align: left;}
.textCenter{text-align: center;}
.floatLeft{float: left;}
.floatRight{float: right;}

.mrg-3{margin:3px;}
.mrg-10{margin:10px;}
.mrg-20{margin:20px;}
.mrgTop-3{margin-top: 3px;}
.mrgTop-5{margin-top: 5px;}
.mrgTop-7{margin-top: 7px;}
.mrgTop-10{margin-top: 10px;}
.mrgLeft-10{margin-left: 10px;}
.mrgBottom-4{margin-bottom: 4px;}
.pdg-3{padding: 3px;}
.pdg-5{padding: 5px;}
.pdgTop-5{padding-top: 5px;}
.pdgRight-5{padding-right: 5px;}
.pdgLeft-5{padding-left: 5px;}
.bold{font-weight: bold;}
.red{color: red;}

.bgColor-1{background: #EFF7FF}
.bgColorBlack{background: #000;}
.bord1-1{border: 1px solid #DEF3FF}
.bord-bottom-1{border-bottom: 1px solid #eee}
.cursorHand{cursor:pointer; cursor:hand;}
.bgColorWhite{background-color: #fff}

h3{font-size: 17px; font-weight: bold; margin: 0; padding: 0;}