html, body { margin:0; padding:0; }
body{ margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666; background-image:url(/static/images/bg_body.jpg); background-repeat:repeat; background-position:top }

A img{border:0px}
A{ color:#6A4856;  text-decoration:none; }
A:hover{ text-decoration:underline }

.error_box{ border:1px solid #FF0000}
.none{ border:0px; vertical-align:middle}
FORM, H1, H2, H3, P, UL{ margin:0px; padding:0px}
UL, LI{ list-style-type:none; padding:0xp; margin:0px;}

H1{ font-family:Arial, "Times New Roman", Times, serif; font-size:28px; font-weight:normal}
H2, H2 A{ font-size:16px; color:#000; font-weight:normal; padding-bottom:5px}
	
.content{ width:100%; text-align:center; position:relative; padding-top:50px; padding-bottom:20px; background-image:url(/static/images/bg_content.jpg); background-repeat:no-repeat; background-position:center top }
.main{ width:870px; text-align:left; margin:auto; position:relative; background-color:#FFF; border:5px solid #521630; padding:15px 25px 15px 25px; background-image:url(/static/images/bg_main.jpg); background-repeat:no-repeat; background-position:right 370px}
.col_left{ padding-right:10px}
	  .col_left .section{ margin-right:0px}
.col_right{ width:200px; float:left}
	.col_right .banner{ background-color:#FFF; text-align:center; padding-top:10px; padding-bottom:10px}

.button{ background-image:url(/static/images/search_button_carti.jpg); background-repeat:no-repeat; background-position:top left; width:50px; height:20px; line-height:20px; display:block; text-align:center; color:#FFF; border:0px; cursor:pointer}
.box_title{ background-color:#663366; color:#FFF; font-weight:normal; padding:4px 7px 3px 7px; font-family:Georgia, "Times New Roman", Times, serif}
	.box_title A{ color:#ff99ff}



/*------------------HEADER--------------------*/
	#header{ position:relative; height:300px}
	#colt_logo{ position:absolute; left:300px; top:-20px; width:155px; height:48px; background-image:url(/static/images/colt_logo.png); background-repeat:no-repeat; background-position:left top;}
	* html #colt_logo{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/static/images/colt_logo.png'); }
	
	#logo{ position:absolute; top:0px; left:0px}
	/*------------------MENU--------------------*/
	.menu{ width:100%; position:relative;}
		.menu UL{text-align:left; width:490px; margin:auto; float:right; display:block}
		.menu li {
			display:inline;
			padding:0 9px;
			/*border-right:1px solid #ff99ff;*/
			line-height:20px ;
			height:20px;
			float:left;
		}
		.menu li A{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; white-space:nowrap; color:#6a4856;}
	#h-left{ position:absolute; top:155px; left:0px; width:296px; height:138px; background-image:url(/static/images/bg_header_left.jpg); background-repeat:no-repeat; background-position:left top}
	#h-right{ position:absolute; top:110px; right:2px; width:539px; height:180px; background-image:url(/static/images/bg_header_right.jpg); background-repeat:no-repeat; background-position:left top}
		#h-right .cover{ position:absolute; top:14px; right:0px}
		#h-right .special{ position:absolute; top:45px; left:10px; }
			#h-right .special .text{ width:200px; height:85px; color:#FFF; overflow:hidden }
				#h-right .special A{ text-decoration:underline; color:#FFF}
				#h-right .special A:hover{ text-decoration:none}
			#h-right .special .picture{ position:absolute; left:200px; top:0px}
/*------------------HOME--------------------*/
	.article{ width:300px; margin-bottom:15px; clear:both}
		.article H2, .article H2 A{ color:#482333; font-size:16px}
		.article .img_right{ float:right; margin-left:10px}
		.article .img_left{ float:left; margin-right:10px}
	.breaking_news{ padding-left:10px; padding-right:10px; padding-bottom:10px; background-color:#FFF; margin-bottom:20px;}
		.breaking_news LI{ padding-top:7px}
	
	/*------------------search--------------------*/
	#searchForm{}
	#searchForm #q{ width:130px; background-color:#FFF; border:1px solid #663366; padding-left:2px}
		#searchForm .button{ background-color:#663366; border:0px; cursor:pointer; background-image:none; padding:2px 4px; font-family:Verdana, Geneva, sans-serif; font-size:10px; text-transform:uppercase; font-weight:bold; width:70px; line-height:18px}
	
	/*------------------spotlight--------------------*/
	#spotlight{ background-color:#FFF; margin-bottom:20px}
		#spotlight .jcarousel-clip{ width:300px; height:290px; background-color:#FFF}
		#spotlight UL{list-style-image:none; list-style-type:none; margin:0px; padding:0px}
		#spotlight UL LI{ width:300px; height:290px;  position:relative}
		#spotlight UL LI H2 A{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#878589}
			#spotlight UL LI .text{}
	#spotlight #navigation{ text-align:left; margin-top:7px}
		#spotlight #navigation TD{ text-align:left; vertical-align:middle; padding-left:10px; padding-right:10px; font-size:12px }
		#spotlight #navigation TD.selected{ background-color:#660066  }
		#spotlight #navigation TD.selected A{ color:#FFF}
		#spotlight #navigation TD A{ display:block; text-align:left; text-decoration:none;}
		#spotlight #navigation TD A:hover{ display:block; text-align:left; text-decoration:underline;}
	
	/*------------------section--------------------*/
	.section{ font-size:12px; line-height:18px; margin-bottom:10px; margin-right:10px; border:1px solid #EEE }
	
		.section H3{ padding:0px; background-color:transparent; margin-bottom:5px; padding-left:5px; padding-right:5px}
			.section H3 A {font-size:22px; margin-bottom:1px; color:#FFF; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; line-height:normal; border-bottom:1px solid #663366; color:#663366;}
			.section H3 A:hover{ text-decoration:none }
	
		.section .body{ padding-left:5px; padding-right:5px}
		.section H2{ padding-bottom:5px; line-height:normal}
		.section H2 A{ color:000000; font-size:17px}

		.section .image{ border:1px solid #CCC; padding:2px; margin:2px 7px 2px 2px; float:left; }
			.section .image IMG{ width:120px}
		.section UL{  margin-top:0px; margin-bottom:10px}
			.section UL LI	{padding-left:5px; padding-right:5px}
				.section UL LI A{
					background:transparent url(/static/images/bullet_arrow.gif) no-repeat scroll 0px 8px;
					display:block;
					padding:3px 2px 4px 18px;
					font-weight:bold;
					color:#663366;
				}
		.section .more{ background-color:#ff99ff; padding-left:10px;}		
	
	.blog{ background-color:#FFF; padding:10px}
		.blog LI{ padding-top:5px}
	
	/*------------------rss--------------------*/
	.rss{ background-color:#990099; color:#FFF; line-height:18px; font-size:12px}
		.rss .blogurile_tango{ font-size:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:10px; padding-bottom:0px}
		.rss .title{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; margin-left:10px; padding-bottom:7px; padding-top:4px}
		.rss .blog{ margin:10px}
			.rss .blog .image{ float:left; margin-right:7px}
			.rss .blog  H2 A{ font-size:19px; line-height:normal; color:#FFFF00}
			.rss .blog  H3, .rss .blog  H3 A{ padding:0px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font:16px; font-weight:bold; padding-bottom:5px}
		.rss .banner{ padding-top:10px; padding-bottom:10px; background-color:#FFF; text-align:center}	
	
	/*------------------POLL--------------------*/
	.poll{ padding:10px; background-color:#FFF; margin-right:10px}
		.poll LABEL{ clear:both;  display:block; border-bottom:1px solid #DDDDDD; padding: 4px 0px 4px 0px; cursor:pointer}
		.button{ background-image:url(/static/images/search_button_carti.jpg); background-repeat:no-repeat; background-position:top left; width:50px; height:20px; line-height:20px; display:block; text-align:center; color:#FFF}
	
	/*------------------BOOKS-------------------*/
	#books{ background-color:#990033; color:#FFF; width:990px}
		#books .title{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; margin-left:30px; padding-bottom:7px; padding-top:4px}
		#books .jcarousel-clip{ height:195px; width:920px; margin-left:30px;}
		#books UL LI{ height:195px; width:145px; position:relative; text-align:center; overflow:hidden; margin-right:10px}
		#books H2 A{ color:#FFF; font:17px}

/*------------------INTERIOR--------------------*/
.interior{ font-size:12px; width:640px; float:left; margin-right:30px;}
	.interior .item{ padding-top:20px}
	.interior .image{ float:left; margin-right:10px}

/*------------------ARTICOL--------------------*/
.body{ font-size:13px; line-height:20px; padding-top:10px }
#pictures{ border:1px solid #CCC; padding:2px; margin:20px 4px 20px 2px; width:500px}
	#pictures .jcarousel-clip{ width:500px; height:400px;  background-color:#FFF}
		#pictures UL{list-style-image:none; list-style-type:none; margin:0px; padding:0px}
		#pictures UL LI{ width:500px; height:400px; position:relative; text-align:center}
	#pictures #controls{ background-color:#F5F5F5; margin-top:6px; text-align:center; padding:4px}	
		#pictures #controls A{ color:#CD0000; font-size:11px; margin-right:5px}
		#pictures #controls A.selected{ color:#000; font-weight:bold}
		#pictures #controls #controls-prev{ float:left; cursor:pointer}
		#pictures #controls #controls-next{ float:right;  cursor:pointer}
.authors{ margin-bottom:20px}		

/*------------------COMENTARII--------------------*/
.pg-comments{ width:100%; padding-top:20px}
	.pg-comments #comments{ list-style-type:none; padding:0px; margin:0px; font-size:11px; line-height:18px}
		.pg-comments #comments LI{ list-style-type:none; margin-top:20px}
		.pg-comments #comments LI .comment-entry{background-color:#F8F8F8; border-bottom:1px solid #EEE; padding:6px}
		.pg-comments #comments .author{ padding-left:3px;  margin-bottom:5px; font-size:12px; color:#000 }
			.pg-comments #comments .author .records_date{ float:none}
	
.pg-add-comment{ margin-top:10px; margin-bottom:10px; width:100%}	
	.pg-add-comment .head{ margin-bottom:10px}
	.pg-add-comment .login-as{ font-size:12px}
	.pg-add-comment .login-as A{ color:#9a0000}
	.pg-add-comment .login-as A:hover{ color:#000000}
	
#comment-form{ padding-top:0px; width:100%}
	#comment-form .label{font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
	#comment-form .form-textarea{width:450px}
		#comment-form TEXTAREA{ width:440px; height:100px; border:1px solid #663366; font-size:12px; line-height:18px; color:#666}
	#comment-form .nota1{ font-size:10px; clear:both}	

	FORM .submit-btn{ margin-top:10px; margin-bottom:10px}
		FORM .submit-btn A{ background-color:#000000; color:#FFFFFF; width:140px; height:24px; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-align:center; display:block; text-decoration:none}
		FORM .submit-btn A:hover{ background-color:#9a0000} 
	.comment-alert{ font-size:9px; color:#9a0000}	

/*------------------TABS--------------------*/
.tabs{ background-color:#FFF; color:#000}

/*------------------INREGISTRARE--------------------*/
#inregistrare{ color:666666}
	#inregistrare H1{ color:663366}
	#inregistrare .input-field{ margin-bottom:10px}
		#inregistrare .input-field .small{ font-size:10px; color:#F00; padding-left:110px}
	#inregistrare LABEL{ float:left; width:100px; text-align:left; padding-right:10px; font-weight:bold}
	#inregistrare INPUT{ border:1px solid #EBA4C7}
	#inregistrare .mandatory{ color:#F00; padding-left:4px}
	#inregistrare .registerform-info{ font-size:11px;} 
		#inregistrare .registerform-info SPAN{ color:#F00}
	#inregistrare .reg-info{ padding-bottom:10px}
	#inregistrare .button{ border:0px; margin-top:10px}
	#inregistrare .error{ color:#F00}

/*------------------PAGINATION--------------------*/
.pagination { padding:5px;  font-size:0.9em; line-height:30px}
	.pagination A{ padding:3px; }
	.pagination A.activ{ color:#000; font-weight:bold;}
	.pagination EM{ color:#BDBDBD}
	.pagination A STRONG{ font-size:16px; font-weight:normal;}

/*------------------FOOTER--------------------*/
.footer{ text-align:center}
	.footer UL{ text-transform:uppercase; padding:10px}
	.footer LI{ display:inline; padding:0px 5px}
	.footer LI A{ font-size:11px}
/*------------------TABS--------------------*/
.ui-tabs .ui-tabs-panel A{ background:transparent url(/static/images/bullet_arrow.gif) no-repeat scroll 6px 8px;
		display:block;
		padding:3px 2px 5px 18px;
		font-weight:bold;
		color:#663366;
		font-size:11px;
   	    font-family:Arial, Helvetica, sans-serif
	}

/*------------------fotografia_de_azi--------------------*/
#fotografia_de_azi{ }
	#fotografia_de_azi .item_foto{ float:left; width:230px; margin-top:15px; background-color:#EEE; padding:10px; margin-right:20px}
		#fotografia_de_azi .title{ padding-bottom:3px}
		#fotografia_de_azi .body{ padding-top:3px}

/*------------------POPUP--------------------*/
#imaginiPopup{ width:800px; background-color:#CCC; height:100%}
	#imaginiPopup IMG{ vertical-align:middle}
	#imaginiPopup A{ color:#FFF}
	#imaginiPopup H1{ color:#FFF; padding-top:10px; font-size:16px}
	#imaginiPopup .top{ background-color:#CD0000; border-bottom:1px solid #FFF; padding:10px}
	#imaginiPopup .middle{ background-color:#CD0000; border-bottom:1px solid #FFF; height:50px; padding-left:10px; padding-right:10px}
	#imaginiPopup .poza{ text-align:center; background-color:#EEE}
		#imaginiPopup .poza IMG{ margin:auto}
	#imaginiPopup .bottom{ padding-top:10px}
		#imaginiPopup .bottom A{ color:#000}

/*------------------OTHER--------------------*/
.spacer1{ font-size:1px; height:1px; line-height:1px; display:block }
.spacer3{ font-size:3px; height:3px; line-height:3px}
.spacer5{ font-size:5px; height:5px; line-height:5px}
.spacer10{ font-size:10px; height:10px; line-height:10px; display:block}
.lineO{ background-image:url(../images/lineO.gif); background-repeat:repeat-x; background-position:left bottom; padding-bottom:10px}
.clear{clear:both; margin:0 !important; padding:0 !important; border:0 none !important; line-height:0 !important; height:0 !important; font-size:0 !important}