/* ----- HTML ------------------------------------------------------------------------------------------------------------------------- */
* {
margin:0; 
padding:0;
}

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p,  cite, blockquote, a, em, img, ins, strong, sub, ol, ul, li, tr, th, td {
border:0; 
outline:0; 
vertical-align:baseline; 
background:transparent;
}

body 
{
	background:url("../images/bkg.gif") 0 0 repeat-x; 
	font:0.8em/1.5 "arial", sans-serif;
	background-color:#fff; 
	color:#404040
}


h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {
	margin: 3px 0;
}


/* ---------------- styles  ----------------------------------------------------------------------------------------------------------  */

ul.ul-01 {
	margin: 15px 0 5px 5px;
	list-style: none;
}
ul.ul-01 li {
	padding: 2px 0 2px 30px;
	background: url("../images/ul-01.gif") no-repeat 0 50%;
	font-size: 85%;
}

ul.ul-01 a {
color:#404040;
text-decoration:none;
}
ul.ul-01 a:hover {
color: #bdd73c;
text-decoration:none;
}

ul.ul-list {margin:15px 0; list-style:none;}
ul.ul-list li {padding:1px 0;}
ul.ul-list span.date {padding-right:10px;}

.noscreen {display:none;}
.clear {clear: both;}
.spacer {padding-left: 100px;}
.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;}

.f-left {float:left !important;}
.f-right {float:right !important;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top !important;}
.va-middle {vertical-align:middle !important;}
.va-bottom {vertical-align:bottom !important;}

.img {margin:0 !important;}
 /* ------------------------------------------------------------------------------------------------------------------------- */


a {
color:#404040;
text-decoration:none;
}
a:hover {
color: #bdd73c;
text-decoration:none;
}

/* ---------------- container ---------------------------------------------------------------------------------------------------------- */

#main 
{
width:960px; 
margin:0 auto; 
overflow:hidden;
}

/* ---------------- top ---------------------------------------------------------------------------------------------------------- */
   #header {
	position: relative;
	height: 70px;
	padding: 20px 20px 10px 20px;
}

        #logo 
		  {
		  margin:0;
		  }
    
        #lang {
		  position:absolute; 
		  top:60px; 
		  right:5px; 
		  margin:0;
		  }
		  
        #lang span {
			margin: 0 5px;
			}
		  
		  #lang a {
		  color: #999;
		  text-decoration:none;
		  }
    		#lang a:hover {
			color: #bdd73c;
			text-decoration:none;
	 		}
		
		  #lang #lang-select {
		  font-weight:bold; 
		  color: #bdd73c;
		  text-decoration:none;
		  }
		  
		  
		  
		  
		          #google {
	position:absolute;
	top:40px;
	right:0px;
	margin:0;
	width: 50px;
		  }
		  
        #google span {
			margin: 0 5px;
			}
		  
		  #google a {
		  color: #999;
		  text-decoration:none;
		  }
    		#google a:hover {
			color: #bdd73c;
			text-decoration:none;
	 		}
		
		  #google .lang-select {
		  font-weight:bold; 
		  color: #bdd73c;
		  text-decoration:none;
		  }

		  
/* ---------------- Navigation ---------------------------------------------------------------------------------------------------------- */		  
    
    #nav {
	 position:relative; 
	 width:960px; 
	 height:45px; 
	 background:url("../images/nav-bkg.gif") 0 0 no-repeat; 
	 overflow:hidden; 
	 font:bold 90%/1 "tahoma",sans-serif;
	 }
	 
    #nav ul {
	 margin:0 20px;
	 list-style:none;
	 }
	 
    #nav li {
	 display:inline;
	 }
	 
    #nav li a {
	display: block;
	float: left;
	padding: 17px 17px 17px 17px;
	background: url("../images/nav-separator.gif") 100% 0 no-repeat;
	text-decoration: none;
	}
	 
    #nav li a:hover {
	 color: #fff;
	 background:url("../images/nav-hover.gif");
	 }
    #nav li#nav-active a {
	 color: #fff;
	 background:url("../images/nav-active.gif");
	 }

        #nav-dx {
		  position:absolute; 
		  height:45px; 
		  right:-22px; 
		  margin:0;
		  }
		  
		  #nav-dx li {
	 		display:inline;
	 		}
	 
   	 	#nav-dx a {
			display: block;
			float: right;
			padding: 17px 5px 17px 5px;
			background: url("../images/nav-separator.gif") 100% 0 no-repeat;
			color: #fff;
			text-decoration: none;
			}
	 
    		#nav-dx li a:hover {
	 		color: #626376;
	 		}
			
    		#nav-dx li#nav-active a {
	 		color: #fff;
	 		}

/* ---------------- footer---------------------------------------------------------------------------------------------------------- */		
    #footer {
	clear: both;
	width: 100%;
	padding: 10px 0px 10px 20px;
	font-size: 85%;
	float: right;
	border-top: solid thin;
	border-top-color: #bdd73c;
	}
    #footer p {
	 margin:0;
	 float: right;
	 padding-right: 20px;
	 }

	/* ---------------- col right--------------------------------------------------------------------------------------------------------- */		
	
	.col 
{
	float: left;
	position: relative;
	width: 310px;
	background: url("../images/col-bkg.jpg") 0 0 no-repeat;
	min-height: 235px;
	height: auto !important;
	height: 235px;
}
	.right{
	float: right;
	width: 310px;
	position: relative;
	padding: 2px 0px 5px 5px;
}
.col.right {
	margin-right:0;
}

.pub.right {
	margin-right:0;
}
	.pub 
{
	float: right;
	margin-top: 10px;
	position: relative;
	width: 310px;
	min-height: 130px;
	height: auto !important;
	height: 130px;
}

.col p
{
	float: left;
	line-height: normal;
	width: 290px;
	padding: 5px 5px 0px 5px;
}

.col h3
{
	font-size: 12px;
	padding: 0px 0px 0px 10px;
}

.col img {
	float: left;
	margin: auto;
}

.col .read-on {
	float: right;
	margin: auto;
	width: 73px;
	padding-top: 12px;
	padding-right: 5px;
	/*background: url("../images/ul-01.gif") no-repeat bottom;*/
}

.col a {
color:#fff;
text-decoration:none;
}

.col a:hover {
color: #999;
text-decoration:none;
}

.col.center {
	padding: 0 2%;
}
		
		
		
				

/* ---------------- article---------------------------------------------------------------------------------------------------------- */	

.article {
	position: relative;
	float: left;
	width: 630px;
	padding: 0px 0px 0px 0px;
}

.article img {
	position: relative;
	float: left;
	padding: 2px 10px 10px 0px;
	margin: auto;
}

.article p
{
	float: left;
	line-height: normal;
	width: 620px;
	padding: 0px 5px 5px 5px;
}

.article h3
{
	color: #bdd73c;
	font-size: 14px;
	text-decoration: none;
	padding: 0px 0px 0px 5px;
	text-transform: uppercase;
}