/*---------------------------------
	
	*/ @import "reset.css"; /*	
	
----------------------------------*/
html, body {
    height: 100%;

}




body{
	background: url(../img/site/bg_layout.jpg) no-repeat top center;
    background-color: #FFFFFF;
    font-family: Verdana, sans-serif;
    height: 100%;
    font-size: 11px;
}

a:link, a:active, a:visited{
  text-decoration: none;
  color: #1E79B2;
}

a:hover{
  text-decoration: underline;
}



#layout_wrapper{
  width: 995px;
  margin: 10px auto;
  padding: 10px;
  height: 100%;
}

#header{
  margin-bottom: 10px;
}

#header #logo{
  width: 236px;
  height: 89px;
  margin-top: 20px;
  float: left;
}

#header #banner{
  width: 728px;
  height: 90px;
  float: right;
}

.clear{
  clear: both;
  height: 0;
}

#menu_wrapper{
  height: 55px;
  background-color: #000;
  padding: 0;
}

#menu_wrapper #menu{
  width: 685px;
  float: left;
  margin: 0;
}


#menu_wrapper #menu ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu_wrapper #menu ul li{
  float: left;
  padding: 8px 8px;
}

#menu_wrapper #menu ul li a:link, #menu_wrapper #menu ul li a:active, #menu_wrapper #menu ul li a:visited{
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  padding: 5px;
}

#menu_wrapper #menu ul li a:hover{
  background-color: #ffcc00;
  color: #000;
  text-decoration: none;
}



#menu_wrapper #search{
  margin: 15px 0 0 10px;
  float: right;
  width: 200px;
}

#menu_wrapper #menu #sub_menu ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu_wrapper #menu #sub_menu ul li{
  float: left;
  padding: 6px 8px;
}

#menu_wrapper #menu #sub_menu ul li a:link, #menu_wrapper #menu #sub_menu ul li a:active, #menu_wrapper #menu #sub_menu ul li a:visited{
  font-weight: normal;
  font-size: 11px;
  color: #333;
  padding: 5px;
}

#menu_wrapper #menu #sub_menu ul li a:hover{
  color: #000;
  text-decoration: none;
}


#menu_wrapper #menu #sub_menu{
  background-color: #ffcc00;
  height: 25px;
}

#menu_wrapper #search .search_button{
  background-image: url(../img/site/button_search.jpg);
  background-repeat: no-repeat;
  width: 30px;
  height: 21px;
  border: 0;
  margin-left: 5px;
}

#menu_wrapper .input_search{
  border: 1px solid #333;
  width: 130px;
  font-size: 11px;
  padding: 3px;
}

#footer{
  background-image: url(../img/site/bg_footer.jpg);
  height: 174px;
}

#footer #links{
  width: 680px;
  height: 130px;
  margin-top: 10px;
  margin-left: 15px;
  float: left;
}

#footer h1{
  color: #fff;
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: normal;
}

#footer ul li, #footer ul li, #footer ul li{
  margin-bottom: 5px;
  font-weight: bold;
  width: 170px;
  display: block;
  float: left;
}

#footer ul li a:link, #footer ul li a:active, #footer ul li a:visited{
  color: #50b3dd;
}

#footer #newsletter{
  float: right;
  width: 270px;
  height: 125px;
  margin-top: 10px;
  margin-left: 15px;
  margin-bottom: 15px;
  color: #fff;
}

#footer p{
  margin: 30px 0 20px 0;
}

#footer .input_text{
  border: 1px solid #ffcc00;
  font-size: 11px;
  width: 195px;
  color: #217cb1;
}

#footer .input_submit{
  background-color: #ffcc00;
  border: 0;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  margin-left: 8px;
}

#copyright{
  color: #52a3c8;
  width: 680px;
  margin-left: 15px;
  float: left;
  font-family: Arial, sans-serif;
  font-weight: bold;
}

#made_by{
  float: left;
  width: 260px;
  padding-left: 10px;
  margin-left: 15px;
  margin-bottom: 15px;
  color: #52a3c8;
  font-family: Arial, sans-serif;
  font-weight: bold;
  text-align: right;
}

#site_links{
  text-align: center;
  margin-left: 10px;

}

#site_links ul{
  text-align: center;
  margin: 0 auto;
}



#site_links ul li{
  display: block;
  float: left;
  width: auto;
  padding: 0 5px;
}


#main_content{
  width: 685px;
  float: left;
  border-right: 1px solid #aaa;
  background-color: #F3F3F3;
  min-height: 100%;
}

#main_content #news_second, #main_content #news_scroller{
  background-color: #000;
}

#main_content #news_scroller{
  width: 685px;
  height: 265px;
  padding: 0;
}


#main_content #news_second img{
  /*margin-right: 2px;*/
  margin-bottom: 0;
}

#main_content #news_second img.last{

  /*margin-left: 1px;*/
}

#content_wrapper{
  background-image: url(../img/site/bg_content.jpg);
  background-repeat: repeat-y;
}

*html #content_wrapper {
  height: 100% !important;
}


#content{
  background-color: #E6E6E6;
  background-color: #f3f3f3;
  min-height: 100%;
  width: 685px;
}

#main_content_a{
  background-image: url(../img/site/bg_main_content.jpg);
  background-repeat: repeat-y;
  background-position: left;
  width: 685px;
}


*html #content {
  height: 100% !important;
}


#content h1{
  background-color: #FFCC01;
  background-image: url(../img/site/bullet_arrow.jpg);
  background-position: 10px center;
  background-repeat: no-repeat;
  border-bottom: 1px solid #aaa;
  padding: 5px 0 5px 30px;
  color: #000;
  font-size: 12px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  margin-bottom: 10px;
}

.column_1{
  width: 226px;
  border-right: 3px solid #000;
  float: left;
}

.column_2{
  width: 226px;
  border-right: 0px solid #000;
  float: left;

}

.column_3{
  width: 226px;
  float: right;
}

#content .article_title{
  display: block;
}

#content .article_box{
  margin-bottom: 10px;
}

#content .column_1 .article_box, #content .column_2 .article_box, #content .column_3 .article_box {
  margin-bottom: 10px;
  padding-left: 15px;

}

#content .article_title a:link, #content .article_title a:active, #content .article_title a:visited{
  font-weight: bold;
}

#content .category_name, #content .article_date{
  color: #000;
  font-weight: bold;
  display: block;
  margin: 5px 0;
}

#content .article_date{
  font-weight: normal;
  color: #333;
}

#right_content{
  float: right;
  width: 300px;
  background-color: #E8E8E8;
  min-height: 100%;
}

*html #right_content {
  height: 100% !important;
}

#top_articles, #forum_posts{
  width: 280px;
  margin: 15px auto;
}

#right_content h1{
  font-size: 14px;
  font-weight: bold;
  color: #000;
  margin-bottom: 10px;
}

#top_articles ul li, #forum_posts ul li{
  background-image: url(../img/site/bullet_top_articles.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 10px;
  margin-bottom: 5px;
}


#top_articles ul li a:link, #top_articles ul li a:active, #top_articles ul li a:visited{
  font-weight: bold;
}

#content .article_box_inner{
  margin-bottom: 10px;

  padding: 20px;
  background-color: #f3f3f3;

}

.article_box_inner .articles_title{
  width: 300px;
  float: left;
}

.article_box_inner #article_rating{
  /*margin-left: 5px;*/
}



#content hr{
  height: 1px;
  border: 0;
  margin-top: 20px;
  border-bottom: 1px solid #ccc;
}


#content .article_box_inner p img{
  padding: 1px 10px 0px 0;

}
strong{
  font-weight: bold;
}

#content .article_box_inner strong{
  font-weight: bold;
}

#content .article_box_inner .article_title{
  font-size: 14px;
  font-weight: bold;
  color: #1E79B2;
  margin-right: 200px;
}

#content .article_box_inner .article_date{
  color: #666;
}

#content #comentarii{
  width: 300px;
  float: left;
  padding: 10px 10px 10px 20px;
}

#content #comentarii h1{
  color: #df6300;
  border: 0;
  background-color: transparent;
  background-image: url(../img/site/bullet_comentarii.jpg);

}

#content #form_comment{
  width: 300px;
  float: left;
  float: right;
  color: #206ca8;
  margin-bottom: 10px;
}

#content #form_comment label{
  width: 115px;
  display: block;
  float: left;
}


#content #form_comment .input_text{
  width: 145px;
  border: 1px solid #aaa;
  margin-bottom: 5px;
}

#content #form_comment .input_textarea{
  width: 260px;
  height: 140px;
  border: 1px solid #aaa;
  overflow: auto;
  margin-bottom: 5px;
}

.img_security{
  margin: 10px 30px 5px 10px;
}

#content #form_comment .button_submit{
  padding: 2px 20px;
  background-color: #00687D;
  color: #fff;
  border: 0;
  float: right;
  margin: 5px 60px 5px 0;
}

#content #form_comment .message_succes{
  padding: 4px;
  width: 255px;
  border: 1px solid #006633;
  color: #006633;
  margin: 5px 0;
}

#content #form_comment p{
  padding: 4px;
  width: 255px;
  border: 1px solid #CC0033;
  color: #CC0033;
  margin: 5px 0;
}

#comentarii p{
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #aaa;
}

#content .article_box_inner  #article_rating{
  width: 170px;

  float: right;
  font-weight: bold;
  color: #257AA3;
  margin-bottom: 20px;
}

#content .article_box_inner .article_date{
  margin-bottom: 25px;
}


#tag_cloud{
  width: 310px;
  float: left;
  color: #50b3dd;
  margin-top: 10px;
  margin-left: 15px;
}

#tag_cloud a:link, #tag_cloud a:active, #tag_cloud a:visited{
  color: #50b3dd;
}


.article_listing{
  margin: 20px 0;
}


.article_listing .article_box_listing{
  border-bottom: 1px solid #aaa;
  padding-bottom: 15px;
  margin: 10px 10px 10px 25px;
  height: 80px;
}

.article_listing .article_box_listing img{
  margin-right: 10px;
}

.article_listing .article_box_listing .article_title{
  font-size: 14px;
  font-weight: normal;
}

.img_holder{
  height: 100px;
  float: left;
  padding-top: 5px;
}

.img_holder_inner{
  height: 100px;
  width: 200px;
  float: left;
  margin-right: 10px;
  padding-top: 5px;
}

.static_page{
  margin: 10px;
  padding: 10px;
}

/*================= START NEWS SLIDE ===============*/


#imgsstore{
  text-align: left;
  float: left;
  padding: 0;
  padding-top: 0px;
  width: 685px;
  height: 263px;
  padding-bottom: 3px;
}




#showhere a:link,  #showhere a:active,  #showhere a:visited{
   color: #fff;
   background-color: #000;
   font-size: 12px;
   padding: 4px;
}



#showherelink{
  top: 410px;
  margin-top: -1px;
  margin-left: 20px;
  position: absolute;
  padding: 10px;
  z-index: 494;
  overflow: hidden;
}

#showherelink a:link, #showherelink a:active, #showherelink a:visited{
background-color: #333333;
border: 2px solid #000;
padding: 0 4px !important;
text-align:center;
color: #fff;
}
#showherelink a:link.activeSlide, #showherelink a:active.activeSlide, #showherelink a:visited.activeSlide{
background-color: #000;
border: 2px solid #FFCB06;
padding: 0 4px !important;
text-align:center;
color:white;
}

#imgstore span{

color:white;
}
.mytitle
{
	    color: #000;

}
.gray
{
    background-color: #666666;
    position: absolute;
    border: 10px solid #666666;
    z-index: 100;
}





 /*================= END NEWS SLIDE ===============*/

.featured_img_1{
  width: 261px;
  height: 116px;
  border-right: 3px solid #000;
  text-align: right;
  float: left;
  padding: 0;
  margin:0;
  margin-bottom: -2px;
}

.featured_img_1 img{
  padding: 0;
  margin: 0;
}

.featured_img_1 a:link, .featured_img_1 a:active, .featured_img_1 a:visited{
  padding: 0;
  margin: 0;
}

.featured_img_2 img{
  padding: 0;
  margin: 0;
}

.featured_img_2 a:link, .featured_img_2 a:active, .featured_img_2 a:visited{
  padding: 0;
  margin: 0;
}

.featured_img_3 img{
  padding: 0;
  margin: 0;
}

.featured_img_3 a:link, .featured_img_3 a:active, .featured_img_3 a:visited{
  padding: 0;
  margin: 0;
}


.featured_img_2{
  width: 213px;
  height: 116px;
  border-right: 3px solid #000;
  text-align: right;
  float: left;
  padding: 0;
  margin: 0;
  margin-bottom: -2px;
}

.featured_img_3{
  width: 205px;
  height: 116px;
  float: left;
  text-align: right;
  padding: 0;
  margin: 0;
  margin-bottom: -2px;
}

h1.no_margin{
  margin-bottom: 0 !important;
}

#banner_article{
  width: 468px;
  height: 60px;
  margin: 20px auto;
}

.gallery{
  width: 120px;
  text-align: center;
  margin-bottom: 20px;
  margin-right: 10px;
  float: left;
}

.gallery .img_holder{
  width: 100px;
  padding: 0;
  float: none;
  margin: 4px auto;
  height: 50px;
}

#galeries{
  padding: 5px 20px;
}

#calendar, #user_panel, #concurs{
  margin: 5px 0;
  padding: 5px 10px;
}


#calendar table{
  margin: 5px auto;
  border: 1px solid #1E79B2;
}


#calendar td{
  text-align: center;
  border: 1px solid #1E79B2;
  color: #000;
  padding: 4px 7px;
}

#calendar a:link, #calendar a:active, #calendar a:visited{
  text-decoration: none;
  color: #000;
  background-color: #FFCC01;
  display: block;
  padding: 4px 7px;

}

#calendar a:hover{
  text-decoration: underline;
}


#calendar th{
  text-align: center;
  font-weight: bold;
  color: #1E79B2;
  padding: 4px 0;

  border-bottom: 1px solid #1E79B2;
}

#form_display label{
  width: 150px;
  font-weight: bold;
  float: left;
  margin-bottom: 10px;
}


#form_display .input_text{
  width: 400px;
  float: left;
  margin-bottom: 10px;
  border: 1px solid #aaa;
}

.error_message{
  border: 1px solid #CC0033;
  color: #CC0033;
  display: block;
  padding: 5px;
  width: 540px;
  margin-bottom: 5px;
}

#user_panel .input_text{
  float: left;
  width: 95px;
  margin-right: 5px;
  border: 1px solid #aaa;
  padding-left: 5px;
}

#user_panel .input_submit{
  float: left;
  border: 1px solid #aaa;
}

.video_holder, .photo_holder{
  width: 140px;
  text-align: center;
  float: left;
  margin-left: 5px;
}

#video_show{
  width: 425px;
  margin: 5px auto 40px auto;
}

#concurs_videos{
  margin: 10px 0;
}

#concurs_videos h2{
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #666;
  color: #666;
}

#concurs_videos label{
  margin: 0px 0px;
}


#concurs_videos .input_text{
  border: 1px solid #aaa;
  margin: 5px 10px;
}

#concurs_photos h2{
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #666;
  color: #666;
}

#concurs_photos label{
  margin: 0px 0px;
}


#concurs_photos .input_text{
  border: 1px solid #aaa;
  margin: 5px 10px;
}

#arhiva{
  margin: 5px 0;
  padding: 5px 10px;
}

.box_front{
  width: 226px;
  float: left;
  margin-left: 2px;
}

.my_item{
  margin-right: 10px;
  margin-bottom: 10px;
  width: 140px;
  padding: 5px;
  height: 160px;
  border: 1px solid #ddd;
  float: left;
}

.ph_photo{
  width: 140px;
  height: 200px;
  float: left;
  padding: 5px;
  border: 1px solid #ddd;
  margin-right: 8px;
  margin-bottom: 10px;
}

a.comentarii {
	display:block;
	padding-left:20px;
	background-image:url(../img/site/comments.jpg);
	background-position:left;
	background-repeat:no-repeat;
	font:bold 11px/15px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	text-align:left;
	text-decoration:none;
	color:#e66900;
    float: right;
}
a.comentarii:hover {
	text-decoration:underline;
}

.article_rating{
  margin: 15px 0 5px 0;
}

#photo_featured{
  padding: 10px;
}

h2.blue{
  color: #066B9D;
  font-size: 13px;
  font-weight: bold;
}

#photo_featured{
  overflow: hidden;
  *-width: 270px;
  position:relative
}


#photo_featured ul li{
  float: left;
}


 /**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 90px;
    height: 70px;
    margin-right: 4px;
}

.jcarousel-scroll{
  text-align: center;
  background-color: #ECE9E2;
  display: block;
  padding: 2px 0;
}  

.content_f p{
  font-size: 13px;
}

