@import "scf.typography.css";
@import "scf.layout.css";
@import "scf.extras.css";

/* !Generals */

html{ background: #888c95; line-height: 1.75; }
  body{}
    #content{ position: relative; background: #fff; margin: 64px auto 0 auto; font-family: Cambria, Georgia, serif;
              /* CSS3 */
              box-shadow:         0 0 24px rgba(0,0,0,.75);
              -webkit-box-shadow: 0 0 24px rgba(0,0,0,.75);
              -moz-box-shadow:    0 0 24px rgba(0,0,0,.75);
              -o-box-shadow:      0 0 24px rgba(0,0,0,.75);
              -khtml-box-shadow:  0 0 24px rgba(0,0,0,.75);
            }

blockquote{ font-family: Cambria, Georgia, serif; font-size: 24px; font-style: italic; color: #888c95; margin: 0; width: 674px; }
#primary ul li{ list-style: disc; margin: 0 0 .5em 0; }
#primary ol li{ list-style: decimal; margin: 0 0 .5em 0; }

#primary .articleImage{ width: 702px; overflow: hidden; }
  #primary .articleImage img{ display: block; }

.intro{ font-size: 16px; margin: 0.85714em 0; padding: 0 0 0.85714em 0; border-bottom: 1px solid #dfdfdf; }

.more a,
a.more{ font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; }

#novosti p.more{ background: url("../images/1px-solid-dfdfdf.png") 0 0.7em repeat-x; text-align: right; line-height: 1; }
  #novosti p.more a{ background: #fff; padding-left: 6px; font-size: 8px; }

/* !Global Float Clearing */
#mainContent:after,
#header:after,
#nav ul:after,
#benefits:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }

/* !Link Colors */
a:link,
a:visited{ color: #7f0d08; text-decoration: none; font-weight: bold; }
a:hover,
a:focus  { text-decoration: none; color: #000; }
a:active {}

#primary a:hover,
#primary a:focus  { padding: 0 0 2px 0; border-bottom: 1px solid #dfdfdf; }

/* !Headings */

h1{ font-weight: normal; font-size: 28px; line-height: 1.05; margin: 24px 0 0 0; }
#default h1{ margin: 46px 0 0 0; }

h2{ font-size: 18px; margin: 0.85714em 0 -0.85714em 0; font-weight: normal; }
 h2 a:link,
 h2 a:visited { font-weight: normal; color: #000; }
 
h3{}

#help h3{ margin-top: 28px; }

h4{ padding-bottom:0; margin-bottom: 0;}

/* !Header */

#header{ position: absolute; top: -50px; left: 28px; z-index: 999; width: 128px; height: 128px; }
  
  #branding{}
    #branding a{}
      #branding img{}

/* !Footer */

#footer{ width: 964px; margin: 0 auto;  position: relative;}
  #footer p{ margin: 0; padding: 1.5em 0 3em 0; color: #343434; font-family: Cambria, Georgia, serif; font-size: 11px; text-align: right;
             /* CSS3 */
             text-shadow: 1px 1px 0 rgba(255,255,255,.25);
           }

/* !Main Content */

#mainContent{min-height: 370px;}

#default #mainContent{ background: url(../images/illustration-home.jpg) 660px 0 no-repeat; }

  #nav{ background: #0b1734; font-size: 15px; }
    #nav ul{ margin: 0 0 0 184px; }
      #nav li{ float: left; margin: 0; }
        #nav a{ float: left; padding: 8px 14px; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; }
        #nav a:link,
        #nav a:visited{ color: #efefef; text-decoration: none; font-weight: normal; }
        #nav a:focus,
        #nav a:hover{ background: #1a2d5c; }
      /* Active State */
      #nav .active{ border-bottom: 4px solid #ccc; margin-bottom: -4px; }
        #nav .active a{ background:#7f0d08; padding-top: 14px; margin-top: -6px; }
  
  .search{ position: absolute; top: -46px; right: 0; width: 206px; }
    .search input{ width: 200px; padding: 3px; color: #666970; font-family: Arial, sans-serif; font-size: 12px; border: none; background: rgba(255,255,255,.25); }
    .search input:focus{ background: #fff; outline: none; color: #343434;
                         /* CSS3 */
                         box-shadow:         0 0 12px rgba(0,0,0,.75);
                         -webkit-box-shadow: 0 0 12px rgba(0,0,0,.75);
                         -moz-box-shadow:    0 0 12px rgba(0,0,0,.75);
                         -o-box-shadow:      0 0 12px rgba(0,0,0,.75);
                         -khtml-box-shadow:  0 0 12px rgba(0,0,0,.75);
                       }
  
  #help{ margin-top: 70px; margin-left: 0; padding-left: 28px; background: #e7e9ee; font-size: 12px; font-family: Arial, sans-serif;
         /* CSS3 */
         text-shadow: 1px 1px 0 rgba(255,255,255,.75);
       }
       
    #help dl{ margin: 28px 0; }
      #help dt{ margin: 0 0 8px 0; font-weight: bold; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; color: #888c95; }
      #help dd{ margin: 0; }
        #help dd a{ display: block; margin: 0 0 0 -28px; padding: 8px 28px; }
        #help dd a:focus,
        #help dd a:hover { background: #dee0e6; }
        #help dd.active a{ background: #dee0e6 !important; color: #343434 !important; }
    
    #help address{ display: block; font-style: normal; }
    
    #help p,
    #help form{ padding-right: 28px; }
    
    #help .ctrlHolder{ margin: .5em 0; }
      #help input,
      #help textarea{ background: #fff; border: 1px solid #dfdfdf; padding: 4px; display: block; width: 170px; }
      #help textarea{height: 114px;}
    #help .buttonHolder{ margin: -1.75em 0 0 0; }
  
  #default #help{ margin-bottom: 42px; }
  
  #primary{ margin-top: 42px; margin-bottom: 42px; }
  
  #default blockquote{ margin: 42px 0 0 0; font-size: 20px; font-style: normal; color: #343434; width: auto; }
    #default blockquote p{ margin: 0; }
  
  #benefits{ clear: both; margin: 3em 0; padding: 2em 0; border: 1px solid rgba(0,0,0,.15); border-width: 1px 0; background: rgba(255,255,255,.75) url(../images/dividers-4col.png) 0 0 repeat-y; font-size: 12px; font-family: Arial, sans-serif; }
    #benefits h2,
    #benefits p { margin: 0; }
    #benefits h2{ margin-top: 4px; font-size: 14px; line-height: 1.25; }
      #benefits h2 a:link,
      #benefits h2 a:visited{ font-weight: bold; }
    #benefits .articleImage{ float: left; width: 32px; margin: 4px 14px 0 0; text-align: center; }
    #benefits p.more a{ font-size: 8px; }
    
   #primary ul.pagination li{list-style: none; font-size: 11px;}
   
   .pagination .prev{float: right; padding-right:13px;  background: url("../images/iconic/light_gray/arrow_left_8x8.png") 100% 4px no-repeat;}
   .pagination .next{float:left; padding-left:13px; background: url("../images/iconic/light_gray/arrow_right_8x8.png") 0 4px no-repeat;}
  .zemError {color:#c83f28; font-size: 11px; background: #ccc; padding: 0 3px;}
  
  
  #klub #mainContent #sala{
	margin-left: -262px;
  	margin-bottom: 0;
  	padding-bottom: 0;
  	width: 964px;
  	height: 393px;
  	position: relative;
  	top:3em;
  }
.left{
float: left;
}
td{min-width: 120px; padding: 0 5px; background: #efefef; text-align:center;}

.facebook{ position: absolute; top: 15px; left:5px; width: 310px; margin: 0; padding: 0; overflow: hidden;}
  .facebook p{ font-family: Arial, sans-serif !important; font-size: 11px; line-height: 1; margin:0 10px 0 0 !important;  padding:0 !important; width: 175px;  float: left; }
  
    .facebook p a{ color: #2a4294; display: block; padding: 4px;  margin:0; background: #e6e8ed; border: 1px solid #bec9e2; text-align: center; font-weight: lighter !important;
                   /* Border radii */
                   border-radius:         3px;
                   -webkit-border-radius: 3px;
                   -moz-border-radius:    3px;
                   -khtml-border-radius:  3px;
                 }
    .facebook p a:hover{ border-color: #8a9ac4; text-decoration: none; }
#gallery #mainContent{ overflow: hidden; }
#gallery #secondary{float: left; width:150px; padding:60px 30px;}     
#gallery #secondary h3{margin: 0; padding: 0;}     
#gallery #secondary .galleryItem {float: left; margin: 0 0 10px 0; padding: 10px; background:#e6e8ed; }
#gallery #secondary .galleryItem:hover {background:#a4a7ae;}

#gallery #primary { width:657px; float:right; margin:0; overflow: hidden; padding: 20px; margin: 5px 20px;}
#gallery #primary .images{overflow: hidden; margin: 0; padding: 0;}
#gallery #primary .images li{float:left; list-style: none; display: block; padding: 7px; margin: 0; width: 150px; height: 100px;}
#gallery #primary .images li:hover{background: #a4a7ae; border: none;}
#gallery #primary .images li a{display: block; overflow: hidden; margin: 0; padding: 0;}
#gallery #primary .images li a:hover{text-decoration:underline; border-bottom: none;}
#gallery #primary .images li a img{margin:0; padding: 0;}


#gallery #primary .galleryItem {float: left; margin: 0 3px; padding: 10px; background:#e6e8ed; }
#gallery #primary .galleryItem:hover {background:#a4a7ae;}
#gallery #primary .galleryItem a:hover{text-decoration: none; border-bottom: none;}
#gallery #primary h1{margin: 0; padding: 0;}
#gallery #primary h3{margin: 0; padding: 0; width: 150px;}
#gallery #primary .intro p{margin: 0; padding: 0;}
#gallery #primary.viewAll{ width: 884px; margin:60px 20px; padding: 20px; float: none;}