root { 
    display: block;
}



/********CSS RESET***********/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;outline: none;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}




body
{
 background: url('../img/background.png') repeat-x;
 background-color: black;
 text-align: center;
}


.text-align-left{
    text-align: left;
}

.font1{

    font-size: 0.9em;
}




.clear{
    clear:both;
    float:none;
    display:none;
}







/***********HEADER***********/

#header
{
 width: 100%;
 height: 89px;
 background-image: url('../img/header.png');
 margin: 0 auto;
 text-align: center;
}


#header_container
{
 width: 950px;
 height: 89px;
 margin: 0 auto;
 text-align: center;
 position: relative;
}



#logo
{
 width: 132px;
 height: 68px;
 float: left;
 margin-top: 20px;
 margin-left: 17px;
}

#logo a, img
{
 outline: none;
 
}


#main_menu
{
 /*border: 1px solid red;*/
 width: 650px;
 height: 30px;
 float: right;
 padding: 0px;
 position: absolute;
 bottom: 0;
 right: 0px;
 margin-bottom: -2px;
 text-align: right;
 margin-right: 5px;
}


#main_menu ul
{
 list-style-type: none;

}


#main_menu li
{
  display: inline;
  /*margin-right: 10px;*/
  
}


#main_menu a
{
  text-decoration: none;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    color:#444;
    padding: 10px;
    outline: none;
    font-size: 16px;

}


#main_menu a:hover
{
 background: url('../img/gradient_red.png');
 padding: 10px;
 color: white;
}
/***********HEADER END***********/





/*********BODY***********/





#container
{
 width: 950px;
 /*height: 100%;*/
 /*min-height: 1000px;*/
 background: white;
 margin: 0 auto;
 text-align: center;
 padding: 0px;
}

#sub_menu
{
 width: 940px;
 height: 30px;
 margin: 0 auto;
 text-align: center;
 background: url('../img/gradient_red.png');
 padding-top: 7px;
}

#sub_menu ul
{
 list-style-type: none;

}


#sub_menu li
{
  display: inline;
  /*margin-right: 10px;*/

}


#sub_menu a
{
  text-decoration: none;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:medium;
  color: white;
  font-size: 14px;
  padding: 5px;
  margin-left: 7px;
  outline: none;
}


#sub_menu a:hover
{
color:#444;
}
/*********Bannere sus***********/
.banner
{
 width: 467px;
 height: 60px;
 margin-left: 5px;
 float: left;
 /*background: url('../img/index_banner_sus.png');*/
 margin-top: 5px;
}
/*********Bannere sus END***********/


#index_left
{
 width: 562px;
 height: 278px !important;
 float: left;
 margin-top: 5px;
 margin-left: 5px;
  border: 2px solid #d7d7d7;

 /*background: url('../img/index_left.png') no-repeat;*/
}



#index_rss
{
 width: 365px;
 height: 278px !important;
 float: right;
 margin-top: 5px;
 border: 2px solid #d7d7d7;
 margin-left: 5px;
 /*background: url('../img/index_rss.png') no-repeat;*/
}




#middle_menu
{
 width: 939px;
 height: 47px;
 margin: 0 auto;
 margin-top: -10px;
 margin-left: 5px;
 text-align: center;
 background: url('../img/gradient_red.png');
 /*float: left;*/
 border: 2px solid #d7d7d7;
}

#middle_menu a
{
 text-decoration: none;
 float: left;
}


#content_left
{
 width: 215px;
 /*height: 100%;*/
 /*float: left;*/
 margin-top: 10px;
 margin-left: 5px;
 /*border: 1px solid blue;*/
}


.leftcontent
{
 width: 209px;
 /*height: 800px;*/
 border: 2px solid #d7d7d7;
 text-align: left;
}


.leftcontentup
{
 /*width: 205px;*/
 height: 50px;
 border: 2px solid white;
}


.leftcontentup h1
{
 text-align: left;
 margin-top: 15px;
 margin-left: 10px;
 color: white;
 font-weight: 600;
 font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}


.leftcontent_ul{
    list-style-type: square;
    padding: 5px;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    text-align: justify;
    margin-left: 15px;
    font-size: 14px;
}

.leftcontent_ul a{
    color: black;
}


.leftcontent_ul li{
    list-style-type: square;
    margin-top: 10px;
}


.blue_gradient
{
 background: url('../img/gradient_blue.png');
}


.orange_gradient
{
 background: url('../img/gradient_orange.png');
}


.green_gradient
{
 background: url('../img/gradient_green.png');
}



#content_middle
{
 width: 580px;
 margin-top: 10px;
 margin-left: 10px;
     font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:medium;
    color:#444;
}

#content_middle a{
    color: #444;
    text-decoration: underline;
}

#content_middle a:hover{
    color: #444;
    text-decoration: none;
}


#content_right
{
 width: 120px;
 /*height: 100%;*/
 /*float: left;*/
 margin-top: 10px;
 margin-left: 10px;
}


.right_banner
{
 width: 120px;
 /*position: relative;*/
}



.hidden_right
{
 display: none;
 width: 120px;
 height: 50px;
 background: white;
 font-size: 13px;
}

#banner_top_container
{
 width: 100%;
 height: 80px;
 /*float: left;*/
}


.top_banner
{
 width: 468px;
 height: 60px;
 margin-top: 5px;
 /*margin-bottom: 5px;*/
 margin-left: 5px;
 display: inline;
 float: left;
 position: relative;
}



.hidden_top
{
 display: none;
 position: absolute;
 top: 0px;
 width: 120px;
 height: 50px;
 background: white;
 font-size: 13px;
}


#left_big_container
{
 border: 1px solid red;
 width: 800px;
 height: 100%;
 float: left;
 margin-top: 10px;
 margin-left: 5px;
 text-align: left;
}



/*********BODY END***********/










/******PAGINATION******/
.pagination {
	padding: 3px;
	margin: 0 auto;
	text-align:center;
        width: 800px;
        float: left;
        /*margin-top: 40px;*/
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	text-decoration: none; /* no underline */
	color: #036CB4;
        background: white;
}

.pagination a:hover,
.pagination a:active {
	border: 1px solid #999;
	color: #666;
}
.pagination .current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #036CB4;
	font-weight: bold;
	background-color: #036CB4;
	color: #FFF;
}
.pagination .disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}
/******PAGINATION******/


/********AJAX VALIZA***************/
	.suggestionsBox {
		position: relative;
		left: 30px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #000;
		color: #fff;
	}

	.suggestionList {
		margin: 0px;
		padding: 0px;
	}

	.suggestionList li {

		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}

	.suggestionList li:hover {
		background-color: #659CD8;
	}
/********AJAX VALIZA***************/





.infldset{
    
}

.infldset a{
    text-decoration: none;
    color: #3b3838;
}

.infldset input{

    width: 190px;
    height: 30px;
}


#submit_red{
 margin-right: 15px;
 padding: 5px;
 background: #912626;
 border: none;
 color: white;
 font-size: 0.9em;
}




.avatar{
   width: 70px;
   height: 70px;
   margin-top: 5px;
   margin-left: 5px;
}


.user_area_right{
    
    width: 120px;
    height: 100px;
    float: right;
    margin-top: -70px;
    margin-right: 5px;
}

.user_area_right p{
    margin-top: 10px;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:medium;
    color:#444;
}


.user_area_right a{
    margin-top: 20px;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:small;
    color:#444;
}


.user_area_bottom{
   
    width: 200px;
    /*height: 100px;*/
    /*margin-top: 35px;*/
    padding: 10px;
}


.user_area_bottom p{
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:medium;
    color:#444;
}

.user_area_bottom a{
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:small;
    color:#444;
}


/**********BLOG*********/

.blogPostCont{

    /*width: 100%;*/
    /*height: 100%;*/
    text-align: left;
    margin-bottom: 100px;
    border: 2px solid #d7d7d7;
}

.blogPostCont p{
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    font-size: 14px;
}



.blogPostTop{
 border-bottom: 2px solid black;
 background: url('../img/gradient_orange.png');
 /*width: 562px;*/
 height: 50px;
 border: 2px solid white;
}



.blogPostTop h2{
    float: left;
    margin-top: 15px;
    margin-left: 5px;
    font-weight: 700;

}

.blogPostTop a{
    color: White;
    text-decoration: none;
}


.dateOfPost{
    float: right;
    margin-top: 15px;
    margin-right: 5px;
}

.blog_comments{
    margin-left: 5px;
    margin-bottom: 10px;
    font-size: 14px;
    border: 2px solid #ed770e;
    padding: 10px;
}

.blog_comments2{
    margin-left: 5px;
    margin-bottom: 10px;
    font-size: 12px;
    /*padding: 10px;*/
}



.comments_avatar{
     width: 70px;
     height: 70px;
     float: left;
}


.comments_detail{
    float: left;
    text-align: left;
    margin-left: 10px;
}

.comments_body{
    text-align: left;
    margin-top: 10px;
    font-size: 14px;
}




.registerCont{

    /*width: 100%;*/
    /*height: 100%;*/
    text-align: left;
    margin-bottom: 100px;
    border: 2px solid #d7d7d7;
}



.registerTop{
 border-bottom: 2px solid black;
 background: url('../img/gradient_green.png');
 /*width: 562px;*/
 height: 50px;
 border: 2px solid white;
}



.registerTop h2{
    float: left;
    margin-top: 15px;
    margin-left: 5px;
    font-weight: 700;
    color: white;
}



.redCont{

    /*width: 100%;*/
    /*height: 100%;*/
    text-align: left;
    margin-bottom: 100px;
    border: 2px solid #d7d7d7;
}

.redCont p{
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    font-size: 14px;
}



.redContTop{
 border-bottom: 2px solid black;
 background: url('../img/gradient_red.png');
 /*width: 562px;*/
 height: 50px;
 border: 2px solid white;
}



.redContTop h2{
    float: left;
    margin-top: 15px;
    margin-left: 5px;
    font-weight: 700;
    color: white;
}



#tableUsersValiza{
    border: 2px solid #d7d7d7;
    width: 200px;
}

#tableUsersValiza td{
    padding: 10px;
}


.red{
    color: red;
    font-size: 13px;
    float: right;
}


.padding{
    padding: 5px;
}

.slides{
  padding: 10px;
  padding-left: 5px;
  padding-right: 5px;
}


.slides h2{
    /*margin-top: 10px;*/
    width: 350px;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

.slides img{
    margin-top: 10px;
    float: left;
}

.slides p{
    margin-top: 10px;
    float: left;
    width: 350px;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:medium;
    color:#444;
    text-align: justify;
}

.button_z{
    color: white;
    text-decoration: none;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    border: 1px solid #d7d7d7;
    padding: 5px;
    background: url('../img/gradient_green.png');
    /*margin-left: 110px;*/
}



.button_x{
    color: white;
    text-decoration: none;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    border: 1px solid #d7d7d7;
    padding: 5px;
    background: url('../img/gradient_green.png');
    float: right;
    margin-top: -30px;
    margin-right: 10px;
}



#footer{
    background: #464e59;
    /*width: 100%;*/
    margin: 10px 5px 0px 5px;
    min-height: 100px;
    text-align: right;
    padding-top: 10px;
}


#footer ul{
    list-style-type: none;
    margin-right: 10px;

}


#footer li{
    display: inline;

}

#footer a{
    font-size: 14px;
    text-decoration: none;
    border-bottom: none;
}

#footer a:hover{
    text-decoration: underline;
}

td{
    vertical-align: top;
}

/*div { behavior: url(../form/iepngfix.htc) }*/

.users_online{
   margin-left: 2px;
   font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
   font-size:medium;
   color:#444;
}
.users_online a{
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:medium;
    color:#444;
    text-decoration: none;
}