/* ---------------------------- */
/* STANDARD HTML TAG RESET */
/* ---------------------------- */
body,h1, h2, h3,p,img, ul, li,form {
	border:0;
	margin:0px;
	padding:0px;
}
/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
body,form, input {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

body{
  background: #bcb0a4 ;
  background-position: top center;
  background-repeat:no-repeat;
}

h1{
	font-size:24px; 
	/* ...other properties... */
}
h2{
	font-size:18px; /* ...other properties... */
}
h3{
	font-size:13px; /* ...other properties... */
}
a:link, a:visited{
	color:#0033CC;
}
a:hover {
	color:#666666;
}
/* ----------------------------*/
/* PAGE ELEMENTS */
/* ----------------------------*/
	.oblaky{
	  background: url('../images/bg/pozadie.jpg');
	  background-position:top center;
	  background-repeat: no-repeat;
	  background-attachment: fixed;

    width:auto;
  }
  
  .navbar-wide{
		background: url('../images/bg/header.png');
		height:100px;
		width:auto;
	}
	/* ---------------------------*/
	/* LOGO */
		#logo{
			background:url('images/logo.jpg');
			height:100px;
		}
	/* ---------------------------*/
	/* NAVBAR */
		#navbar{
		  background: url('../images/bg/navbar.jpg');
			margin:0 auto;
		  width:900px;
			height:100px;
		}
		
  		#navbar ul {
          height: 100px;
        }
        
        #navbar ul li{
          float:left;
          list-style-type:none;
          margin-right: 10px;
        }
        
          #navbar ul li a {
            display:block;
            height:100px;             
          }
          
          #navbar ul li a:hover{
          }
          
                    
          #navbar ul li a.sluzby{
            background: url('../images/bg/sluzby.png');
            background-position: 0px 100px;
            width: 102px;
          }
          
          #navbar ul li a:hover.sluzby, #navbar ul li a.sluzby.active{            
            background-position: 0px 0px;
          }
          
          #navbar ul li a.fotogaleria{
            background: url('../images/bg/fotogaleria.png');
            background-position: 0px 100px;
            width: 133px;
          }
          
          #navbar ul li a:hover.fotogaleria, #navbar ul li a.fotogaleria.active{            
            background-position: 0px 0px;
          }
          
          #navbar ul li a.kontakt{
            background: url('../images/bg/kontakt.png');
            background-position: 0px 100px;
            margin-top: 0px;
            width: 107px;
          }
          
          #navbar ul li a:hover.kontakt, #navbar ul li a.kontakt.active{            
            background-position: 0px 0px;
          }
      
      #navbar .left{
  		  float:left;
        width:728px;
      }
      
      #navbar .right{
        float:left;
      }
      
      .viac3{
        margin-top:35px;
      }
      
      .viac2{
        margin-top:40px;
      }
      
      .viac1{
        margin-top:28px;
      }
	
	/* ---------------------------*/
	/* COLUMN RIGHT (Sidebar */
		#content{
			margin:0 auto;
		width:900px;
			/*background: url('../images/bg/pozadie-content.jpg');*/
	  background-position:top center;
	  background-repeat: no-repeat;
		
			padding-top:20px;
			width:900px;
		}
		
		#content .gallery{
      margin-top:20px;
      padding-left:70px;  
    }
    
    #content .gallery .image{
      float:left;
      margin-right:20px;
      margin-bottom:20px;
    }
		
		  #content .blok{
        float:left;
        padding-right:35px;
        width:265px;
      }
      
        #content .blok h2{
          padding: 0px;
          padding-bottom:30px;
          padding-left:20px;
        }
        
        #content .blok h2 img{
          padding-left: 0px;
        }
        
        #content .blok img{
          padding-left:200px;
        }
        
        #content .blok ul.more1{
          display:none;
        }
        
        #content .blok ul.more2{
          display:none;
        }
        
        #content .blok ul.more3{
          display:none;
        }
        
        #content .blok li{
          color:black;
          font-family:arial;
          font-size: 12px;
          list-style-image:url('../images/icons/fajka.png');
          margin-left: 24px;
          
        }
        
    .auta{
      background: url('../images/bg/auta_vrch.png');
      background-position:top center;
      background-repeat:no-repeat;
      height:170px;
      width:auto;
    } 
    
    .auta2{
      background: url('../images/bg/auta_spodok.jpg');
      background-position:top center;
      background-repeat:no-repeat;
      height:212px;
      width:auto;
    } 
    
    .kontakt{
      margin-top:-60px;
    }
    
    #mapa{
      float:left;
      height:260px;
      width: 687px;
    }     
    
    #adresa{
      float:left;
    }
      
      #adresa p{
        color: #213549;
        font-family:arial;
        font-size:12px;
      }
      
        #adresa p.normal{
          font-size: 12px;
        }
        
        #adresa p.small{
          font-size:10px;
        }
     
     #asociacia{
      clear:both;
      padding-left:600px;
      padding-top:20px;
     } 
     
      #asociacia p{
        color:red;
        font-size:12px;
        padding-left:10px;
        text-transform:uppercase;
      }
	/* ---------------------------*/
	/* FOOTER (Sidebar */
		#footer{
			clear:both;
			height:100px;
			margin:0 auto;
			text-align:right;
		width:900px;
		}
		
		#footer .navbar{		  
		  text-align:right;
      width:900px;
    }
    
    #footer .navbar .padding{
      padding:10px;
    }
    
    #footer .navbar .padding a{
      color:#5d4f40;
      font-family:arial;
      font-size: 10px;  
      margin-left: 45px;
      text-decoration:none;
    }
    
    #footer .navbar .padding a:hover{
      color:white;
    }
    
    #footer .navbar .padding a.active{
      color:white;
    }
    
    #footer .text{
      width:900px;
    }
    
    #footer .text .padding{
        padding:0px;
        padding-right:10px;
    }
    
    #footer .text .padding p{
      color:#5d4f40;
      font-family:arial;
      font-size:10px;  
    }