/*------------foosball screen.css--------------------*/
* {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

html {
    height: 100%;
}

body {
    font-family: Arial;
    font-size: 11px;
    color: #363636;
    background: #8FBA0A;
    padding-top: 10px;
    text-align: center;
    background: url(../images/background.gif);
    height: 100%;
}
table {
	font-size: 11px;
}

input {	
	font-size: 11px;
}

#container {
    width: 958px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;

}
    #header-box {
        width: 958px;
        height: 231px;
        background: white;
        color: white;
    }
      .logo-bckg {
            width: 223px;
            height: 231px;
            background: transparent url(../images/logo-bckg.gif) no-repeat;
            float: left;
        }
          .logo {
                width: 164px;
                height: 164px;
                
            }
                .logo a {
            				display: block;
            				background: transparent url(../images/logo.gif) no-repeat;
                            margin: 40px 0px 0px 30px;
            				width: 164px;
            				height: 164px;
            			}
            			
            				 .logo a span {
            					display: none;
            				}
        
       .header-container {
            width: 735px;
            height: 231px;
            float: right;
            background: url(../images/background.gif);
        }
        
        .menu-box {
            width: 735px;
            height: 45px;
            background: #006c2c url(../images/nav-bg.gif) repeat-x;
        }
        
        ul.menu {
        	list-style: none;
        	padding: 13px 0px 0px 25px;

        }

        	.menu li {        	       
        		float: left;
        	}
        	
            	 .header-container .manu div {
            		/*+*/
            	}
	
            		.menu a {
            			display: block;
                        background: transparent url(../images/menu-bullet.gif) no-repeat right;
            		    padding: 0px 10px 0px 7px;
            			font-size: 11px;
            			color: #FFFFFF;
            			text-align: left;
            			font-weight: bold;
            			text-decoration: none;
            			text-transform: uppercase;            			
            		}
            		
                		.menu a:hover {
                			text-decoration: underline;
                		}
                		
                		 .menu a.selected {
                			color: #FFFFFF;
                			text-decoration: underline;
                		}
                		
                		  .menu a.selected:hover {
                			color: #FFFFFF;
                
                		  }
                		
                			.menu a.last {
                				background: none;
                			}
                        
        .header-wrapper {
            width: 735px;
            height: 186px;
            border: none;
            font-size: 0px;
            
        }
        	
        	#header {
				width: 725px;
				height: 175px;
				float: left;
				font-size: 0px;
				background: url(../images/header.gif) no-repeat;
			}
        	
        	#header-left {
				width: 6px;
				height: 176px;
				background: url(../images/header-left.gif) no-repeat;
				float: left;
			}
        	
        	#header-bottom {
				width: 735px;
				font-size: 0px;
				height: 10px;
				background: url(../images/header-bottom.gif) no-repeat;
			}
        	
        .sub-header {
			width: 725px;
			border: none;
			font-size: 0px;
			height: 175px;
		}
        
    #submenu-box {
        width: 958px;
        height: 37px;
        background: transparent url(../images/sub-menu.gif) no-repeat;
    }
    
     ul.icons {
    	list-style: none;
    	padding-left: 20px;
    	margin: 0px;
    }

	.icons li {
		float: left;
		background: transparent url(../images/icons-bullet.gif) no-repeat;
		padding: 9px 0px 0px 0px;
	}
	
		.icons li.first {
			background: none;
		}
	
		.icons li a {
			display: block;
			width: 20px;
			height: 19px;
		}
		
			.icons a span {
				display: none;
			}
/*-------------------submenu-languages---------------------------*/

			
			ul.lang {
    		    padding: 11px 0px 0px 45px;
                list-style: none;
                float: left;
            }
            
                .lang li {                              
                	float: left;
                }
                	
                	 .lang li.first {
                		background: none;
                	}
                	
                    	.lang li a {
                    	    background: transparent url(../images/submenu-bullet.gif) no-repeat center right;          
                    		display: block;
                    		padding: 0px 10px 0px 7px;
            			    font-size: 11px;
            			    text-align: left;
            			    color: #787878;
            			    font-weight: bold;
            			    text-decoration: none;
            			    text-transform: uppercase;  
                    		
                    	}
                    	   
                    	   .lang li a:visited {
                    		  text-decoration: none;
                    		}
                    		
                    		.lang li a:hover {
								text-decoration: underline;
							}
                    		
                    	   .lang li a.selected {
                    		  color: #FFB513;
                    		}
                    		
                    		.lang li a.selected:hover {
								text-decoration: none;
							}
                    		
                    		.lang li a.last {
                    		  background: none;
                    		}
                    		
/*----------------------------------submenu navigation-------------------------*/
    					#nav-wrapper {
							float: right;
							width: 707px;
						}
                             ul.navigation {
                                	list-style: none;
                                	padding: 11px 0px 0px 0px;
                                	margin-left: -4px;
                                	float: left;
                        
                                }
                        
                                	.navigation li {        	       
                                		float: left;
                                	}
                                	
                                    	.navigation div {
                                    		/*+*/
                                    	}
                        	
                                    		.navigation li a {
                                    			display: block;
                                                background: transparent url(../images/submenu-bullet.gif) no-repeat right;
                                    		    padding: 0px 9px 0px 9px;
                                    			font-size: 11px;
                                    			color: #787878;
                                    			text-align: left;
                                    			font-weight: bold;
                                    			text-decoration: none;
                                    			text-transform: uppercase;            			
                                    		}
                                    		
                                        		.navigation a:hover {
                                        			text-decoration: underline;
                                        		}
                                        		
                                        		.navigation a.selected {
                                        			color: #FFB513;
                                        			text-decoration: none;
                                        		}
                                        		
                                        		 .navigation a.selected:hover {
                                        			color: #FFB513;
                                        			text-decoration: none;
                                        
                                        		}
                                        		
                                        			 .navigation a.last {
                                        				background: none;
                                        			}
/*--------------------------------------content-------------------------------*/    
    #content-box {
        background: transparent url(../images/content-box.gif) repeat-y;
    }
       .left-content {  /*left content*/
                position: relative;
                width: 223px;
                height: 100%;
                float: left;
            }
                .left-content .mail-box {
                        width: 223px;
                        height: 96px;
                        background: transparent url(../images/mail-box.gif) no-repeat;
                }
                    
                     .mail-box .mail-box-title {
                        font-size: 11px;
                        font-weight: bold;
                        text-transform: uppercase;
                        padding: 14px 0px 0px 48px;
                        color: white;
                    }
                        .input-box {
                            padding: 45px 25px 0px 0px;
                            width: 223px;                            
                            border: 1px red solid;
                        }
 						
 						input {
						 	border: 1px #bebebe solid;
						}
 						
 						textarea {
						 	border: 1px #bebebe solid;
						}
 						
                        input.text-input {
                            width: 133px;
                            height: 15px;
                            margin: 25px 0px 0px 35px;
                            float: left;
                        }
                           
                        input.sub {
                            margin: 22px 0px 0px 8px;                           
                            width: 24px;
                            height: 24px;
                            float: left;
                            background: url(../images/submit.gif) no-repeat;
                            display: block;
                            border: none;
                        }
                            
                                .submit a span {
                                    display:none;
                                }
                                
                        .picture {                                
                                width: 223px;
                                height: 215px;
                            }
                            
                                .picture img {
                                    position: relative;
                                    width: 180px;
                                    height: 172px;
                                    margin: 31px 0px 0px 26px;
                                    
                                }
                    
                         .picframe {
                                position: absolute;
                                width: 223px;
                                height: 215px;
                                top: 95px;
                                left: 0px;
                                background: transparent url(../images/picframe.gif) no-repeat;
                                
                        }
                            
                            .picframe-title {
                                font-size: 11px;
                                font-weight: bold;
                                text-transform: uppercase;
                                padding: 11px 0px 0px 48px;
                                color: white;
                            }
                                
                            
                           .left-content .sponsor-box {
                                    width: 223px;
                                    background: #91BD0A;
                                    font-size: 0px;
                                    background: transparent url(../images/sponsor.gif) repeat-y;
                            }
                            
                            .sponsor-wrapper {
								width: 185px;
								margin-left: 24px;
								background: url(../images/sponsor-bg.gif) repeat-y;
							}
                            
                          .sponsor-top {
                                    width: 223px;
                                    height: 31px;
                                    background: transparent url(../images/sponsor-top.gif) no-repeat;
                            }
                                
                                .sponsor-box-title {
                                    font-size: 11px;
                                    font-weight: bold;
                                    text-transform: uppercase;
                                    padding: 10px 0px 0px 48px;
                                    color: white;
                                }
                                    
                                    .sponsor-logo {
                                        background: transparent url(../images/sponsor-spacer.gif) no-repeat;
                                        margin: 0px 0px 0px 9px;
                                        
                                        width: 166px;
                                    }
                                    
                                        .sponsor-logo a {
                                            display: block;
                                            border: 0px;
                                            text-decoration: none;
                                        }
                                    
                                    .sp-spacer {
										width: 185px;
										height: 1px;
										background: url(../images/sponsor-spacer.gif) no-repeat center bottom;
									}
                            .sponsor-bottom {                                
                                    background: transparent url(../images/sponsor-bottom.gif) no-repeat;
                                    font-size: 0px;
									width: 223px;									
                                    height: 32px;
                            }

    .content {     /*right content*/
        width: 735px;
        background: url(../images/content.gif) repeat-y;;
        float: right;
    }
      .content-title {
            width: 735px;
            height: 42px;
            background: url(../images/news-title.gif) no-repeat;           
        }
       
         
           .news-title-text {
                font-size: 16px;
                font-weight: bold;
                padding: 12px 0px 0px 48px;
                color: white;
            }
           
           .content .title-events {
                height: 38px;
                background: url(../images/events-title.gif) no-repeat;
            } 
                
                .right-events-title-text {
                    font-size: 16px;
                    font-weight: bold;
                    padding: 8px 0px 0px 48px;
                    color: white;
                }
            
              .text-box {
                    background: transparent url(../images/news-background.gif) repeat-y;
                }
                   .text-title {
                        padding: 10px 0px 0px 0px;
                        font-weight: bold;
                        font-size: 14px;
                
                    }
                    
                    .text-title-item {
						color: #006c2c;
						font-size: 14px;
					}
                    
                   .text-box .date {
                        font-size: 11px;
                        padding: 2px 0px 0px 0px;
                        color: #bbbbbb;
                    }
                    
                    
                	.date-item {
                        font-size: 11px;
                        padding: 3px 0px 0px 0px;
                        color: #bbbbbb;
                    }
                    
                   .text-box .text {
                        font-size: 11px;
                        padding: 5px 0px 5px 0px;
                    }
                    
                    text-box .text-item {
                        font-size: 11px;
                        padding: 0px 0px 5px 0px;
                    }
                    
                   .text-box a {
                        font-size: 11px;
                        text-decoration: none;
                        color: #FF7213;
                        padding: 5px 0px 0px 0px;
                    }
                       .text-box a:hover {
                            text-decoration: underline;
                        }
                        
                    .news-bullet {
                        width: 653px;
                        height: 18px;
                        background: url(../images/news-bullet.gif) no-repeat;
                        
                        
                    }          
            		
            		.content-wrapper {
						font-size: 11px;
						height: 350px;
					}
            		
            		*> .content-wrapper {
            				min-height: 350px;
            				height: auto;
						}
            		
            		.news-image-items {						
						padding: 10px 3px 0px 0px;
					}
            		
            		.news-image-item {
						padding: 10px 25px 10px 0px;
					}
            		
            		.text-wrapper {
						padding: 15px 0px 25px 31px;
						width: 653px;
					}
            		
            		.gallery-back {
						padding-top: 15px;
					}
            		
            		dd.text {
						margin-top: 5px;
					}
/*---------------------------------products------------------------------------*/

h2.product-title-items {
	padding-top: 5px;
	font-size: 14px;
}

h2.product-title-item {
	padding-bottom: 5px;
	font-size: 14px;
}

/*----------------------------------------------------------------------------*/            		
           .bottom {
                width: 735px;
                height: 15px;
                background: transparent url(../images/news-bottom.gif) no-repeat;
            }
                
#footer {
    background: transparent url(../images/footer.gif) no-repeat;
    width: 958px;
    height: 77px;
}

    #footer .rss {
                width: 200px;
                height: 77px;
                float: left;
            }
                #footer .rss a {
                            display: block;
            				background: url(../images/logos.gif) no-repeat;
                            margin: 30px 0px 0px 40px;                            
            				width: 170px;
            				height: 40px;           				
            			}
            			
            				 #footer .rss a span {
            					display: none;
            				}
     
    
    #footer .created {
        font-size: 10px;
        height: 20px;
        padding: 40px 0px 0px 32px;
        float: left;
        color: #BBBBBB;
    }
    
    .created-logo {        
        width: 64px;
        height: 17px;       
        float: left;
    }
        .created-logo a {
            background: transparent url(../images/sys/artogama.gif) no-repeat;
            display: block;
            width: 64px;
            height: 17px;
            margin: 39px 0px 0px 3px;
        }
        
        .created-logo a span {
            display: none;
        }      				

/* Clear Fix */

.clearfix:after {
	content: ".";
	display: block;
	font-size: 0px;
	line-height: 0px;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}

* html .clearfix {
    height: 1px;
}