/*
Theme Name: KKG
Theme URI: 
Description: 2011 theme for kkg - eurogalaxy.sk
Author: demo.gregor@gmail.com
Version: 1.1
*/

@font-face {
    font-family: 'NimbusSansDOTRegular';
    src: url('fonts/nimbussansdot-regu-webfont.eot');
    src: url('fonts/nimbussansdot-regu-webfont.eot?iefix') format('eot'),
         url('fonts/nimbussansdot-regu-webfont.woff') format('woff'),
         url('fonts/nimbussansdot-regu-webfont.ttf') format('truetype'),
         url('fonts/nimbussansdot-regu-webfont.svg#webfontlSPEoZpf') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NimbusSansDOTUltraLight';
    src: url('fonts/nimbussansdot-ultrligh-webfont.eot');
    src: url('fonts/nimbussansdot-ultrligh-webfont.eot?iefix') format('eot'),
         url('fonts/nimbussansdot-ultrligh-webfont.woff') format('woff'),
         url('fonts/nimbussansdot-ultrligh-webfont.ttf') format('truetype'),
         url('fonts/nimbussansdot-ultrligh-webfont.svg#webfontjR035fEE') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuseoSans500';
    src: url('fonts/museosans_500-webfont.eot');
    src: url('fonts/museosans_500-webfont.eot?iefix') format('eot'),
         url('fonts/museosans_500-webfont.woff') format('woff'),
         url('fonts/museosans_500-webfont.ttf') format('truetype'),
         url('fonts/museosans_500-webfont.svg#webfonts155ORiE') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
	font:normal 12px Arial;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

a , #footer a ,#tabmenu a ,#lang_switch a  {
  color:#9D9D8C;
  text-decoration:none;
}

 #content a {
  color:#0f188e;
 }

 a {
 color:#00CCFF;
 }

body {
  color:#9d9d8c;
  background: top left url(pics/cerne-pozadi-50x20px.png) repeat;
}

#wrapper {
  background: top center url(pics/pozadi-2000x665px.png) no-repeat;
  background-attachment:fixed;
} 

.home #wrapper {
  background-attachment:scroll;
}

.cleaner {
  clear:both;
  width:100%;
}

/* design */

/* centralize elements */
#tabmenu ,
#seo_text ,
#mainmenu ,
#footer {
  width:650px;
  margin:auto;

}

#tabmenu {
  width:677px;
}

#container {
  width:630px;
  min-height:550px;
  padding:10px;
  margin:10px auto 10px auto;
  background: top left url(pics/su_bg.png) repeat;
   
  text-align:justify;
  color:#000;
  font-size:14px;
   
}

#container a {
  color:#0f188e;  
}

  #container a:hover {
    color:#16a8e4;
  }


.home #container {
  min-height:300px;
}

  #container h1 {
    text-align:center;
      font-family: 'NimbusSansDOTUltraLight' , Arial;
      font-size:50px;
      color:#000;     
  }
  
  .page-id-25 h1 , .category-sluzby #container h1 , .postid-18 #container h1 , #s_tcerp h2 , .page-id-29 #container h1 {
    background: top center url(alttext/sluzby.png) no-repeat;
    overflow:hidden;
    text-indent:9000em;
    height:53px;
  }
  
  #s_tcerp h2 {
    background-image: url(alttext/tepelne-cerpadla-biele.png) ;
    background-position:0 0;
  } 
  
  .postid-18 #container h1 {
    background-image: url(alttext/tepelne-cerpadla.png) ;
  }

  .page-id-29 #container h1 {
    background-image: url(alttext/pokladna.png) ;
  }

.pane {
  padding-left:10px;
}

#accordion h2 {
  font-size:16px;
  margin:5px 0;
  cursor:pointer;
   color:#000;
   border-bottom:1px dotted #fff; 
}

#accordion ul {
  margin-left:10px;
  list-style:square;
}

#container .colnum {
  float:left;
  width:290px;
  padding:10px;
}

  div#container div.colnum:first-child {
    border-right:1px solid #666;
  }

.home #container {
  width:677px;
  margin:0 auto 10px auto;
  background:transparent;
}

#header {
  width:800px;
  margin:auto;
  height:40px;
}

#mainmenu {
  background:#000 top left url(pics/menu-lista.png) no-repeat;
  height:40px;
  line-height:40px;
  font-family: 'MuseoSans500';
  float:left;
}

  #mainmenu li {
    display:block;
    float:left;
    padding:0 22px;
    font-size:14px;
    
    background: center left url(pics/nav-a.png) no-repeat;
  }
  
    #mainmenu li:first-child {
      background-image:none;
    }

    #mainmenu li a {
      color:#9D9D8C;
      
    }

    #mainmenu li a:hover , #lang_switch li a:hover {
      color:#00CCFF;
      
         -webkit-transition-property: color;
         -webkit-transition-duration: 0.6s;
         -webkit-transition-timing-function: ease;      
    }

    #mainmenu li.red a:hover {
      color:#ff6464;
    }

#page_logo {
  float:right;
  height:144px;
  width:144px;
  background: top left url(pics/logo-kkg.png) no-repeat;
  position:relative;
  top:-75px;
  z-index:2000;
}

/* social icons */
#social_links , #lang_switch {
  height:40px;
  width:70px;
  background:top left url(pics/jazykove-mutace-a-fcb.png) no-repeat;
  float:right;
  line-height:40px;
}


  #social_links li a {
    display:block;
    height:28px;
    width:13px;
  }
  
  #social_links li#fb a:hover {
    background-position:0 3px;
  }
  
    #social_links li#fb a {
      background:bottom left url(pics/facebook.png) no-repeat;  
    }
 
  #social_links li#twitter a:hover {
    background-position:0 2px;
  }
  
    #social_links li#twitter a {
      background:bottom left url(pics/twitter.png) no-repeat;
      width:20px;  
    }  

/* language switch */
#lang_switch {
  float:left; 
  margin-right:5px; 
}

  #lang_switch li , #social_links li {
    line-height:40px;
    height:40px;
    display:block;
    float:left;
    padding:0 9px;
    background: url(pics/nav-a.png) no-repeat;
    background-position:0 10px;  
  }

  #lang_switch li:first-child , #social_links li:first-child {
    background-image:none;
  }

  #social_links li {
    padding-top:5px;
  }
    
/* homepage */



ul.tabs {
  width:505px;
  height:61px;
  float:left;
}

ul.tabs li {
  display:block;
  float:left;
  font-family: 'MuseoSans500';
  text-transform:uppercase;
  
} 

  ul.tabs li a {
  text-align:center;
  display:block;
  height:61px;
  line-height:61px;
  margin-right:2px;  
  }
  
    ul.tabs li a:hover ,
    ul.tabs li a.current  {
      color:#00CCFF;     
    }

    ul.tabs li#klimat a {
      background: bottom right url(pics/klimatizace.png) no-repeat;
      width:116px;
    }
    
      ul.tabs li#klimat a.current ,
      ul.tabs li#klimat a:hover {
        background-position:0 top;                 
      } 

    ul.tabs li#vzducho a {
      background: bottom right url(pics/vzduchotechnika.png) no-repeat;
      width:162px;
    }
    
      ul.tabs li#vzducho a.current ,
      ul.tabs li#vzducho a:hover {
        background-position:0 top;
      }

    ul.tabs li#tc a {
      background: bottom right url(pics/tepelne-cerpadla.png) no-repeat;
      width:155px;
    }
    
      ul.tabs li#tc a.current ,
      ul.tabs li#tc a:hover {
        background-position:0 top;
        color:#ff6464;
      }

    ul.tabs li#servis a {
      margin:0;
      background: bottom right url(pics/servis.png) no-repeat;
      width:63px;
    }
    
      ul.tabs li#servis a.current ,
      ul.tabs li#servis a:hover {
        background-position:0 top;
        color:#ff6464;
      }

.panes {
  clear:both;
}

.panes > div {
  height:477px;
  background: top left url(pics/pozadi-slideru.png) no-repeat;
} 

  .panes div div {
    padding:50px 30px;
    margin:0 15px;
    height:100%;
  }
  
    .panes div div p {
      width:350px;
      font-size: 16px;
      text-align:justify;
      font-family: 'NimbusSansDOTRegular';
    }
    
    .panes a {
      color:#00CCFF;
    }
    
      .panes a:hover {
        text-decoration:underline;
      }
  
    .panes div div h2 {
      font-family: 'NimbusSansDOTUltraLight';
      font-size:50px;
      color:#00CCFF;      
    }

#seo_text {
  clear:both;
  font-family: 'MuseoSans500';
  text-align:justify;
  position:relative;
  
}

#s_klimatizace  {
  background: url(pics/slider_obrazek-klimatizace.png) no-repeat;
  background-position:60px 100px;
  
}  

  #s_vzducho {
    background: url(pics/slider_obrazek-vzduchotechnika.png) no-repeat;
    background-position:100px 170px;
  }

  #s_tcerp {
    background: url(pics/slider_obrazek-tepelne-cerpadla.png) no-repeat;
    background-position:140px 150px;  
  }

  #s_services {
    background: url(pics/slider_obrazek-servis.png) no-repeat;
    background-position:170px 170px;    
  }

/* footer */
#footer {
  text-align:center;
  padding:10px 0;
  font-family: 'MuseoSans500';
  background:#000;
    
}

.home #footer {
  margin-top:0;
}

  #footer a img {
    border:none;
    position:relative;
    top:5px;
  }

  .home #footer {
    background:transparent;
  }

  #footmenu {
    margin-bottom:15px;
  }

    #footmenu li {
      display:inline;
      padding:2px 20px;
      background: center left url(pics/nav-a.png) no-repeat;
    }
    
      #footmenu li:first-child {
        background-image:none;
      }

/* category list */
#category_list {}

#category_list .post {
  margin-bottom:20px;
}

/* tabmenu */

#reklamahidd {
  display:none;
}

#tab_slider {
  height:327px;
  background:top left url(pics/minislider_bg.png) no-repeat;
  margin-bottom:5px;
}

#tabmenu {
  margin-top:5px;
  height:390px;
}


ul#portfolio {
  padding:30px 0 0 40px;
}
  
  #tabmenu ul {
    margin-left:12px;
  }
  
.home #tabmenu {
  height:60px;
}


 /*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/



#reklama {
  padding:13px 30px;
}

  #reklama p {
    width:570px;
  }

img.alignleft {
  float:left;
  margin-right:10px;
}

img.alignright {
  float:right;
  margin-left:10px;
}

#reklama .nav_pannel {
  background:#333;
  height:20px;
  width:80px;
  margin-bottom:10px;
}

  #reklama .nav_pannel a {
    display:block;
    width:40px;
    float:left;
    height:20px;
    text-align:center;
    line-height:20px;
    cursor:pointer;
    color:#fff;
    font-size:15px;
  }
  
    #reklama .nav_pannel a:hover {
      background:#00CCFF;
      color:#000;
      text-decoration:none;
         -webkit-transition-property: background,color;
         -webkit-transition-duration: 0.6s;
         -webkit-transition-timing-function: ease;      
    }
  


 #reklama  div  {
  margin:0;
  padding:0;
  height:360px;
  overflow:hidden;
}

#reklama .items div {

width:590px;
} 

.scrollable {
	position:relative;
	overflow:hidden;
	width: 590px;
	height:90px;
}


.scrollable h2 , .scrollable h1 {
  margin-top:10px;
}

.scrollable .items {

	width:20000em;
	position:absolute;
}

.scrollable .items div {
  height:90px;
  width:660px;
}

.items div {
	float:left;
} 


/* novinky */

.category-novinky .post {
  width:280px;
  float:left;
  padding:10px;
  height:250px;
}

#sidebar {
  width:200px;
  float:left;
  border-right:1px dotted #222;
  padding:20px 0;
}

  #sidebar ul {
    margin:10px 0;
  }
  
      #sidebar ul ul li {
        
      }
  
  
  .gocheckout {
    
    
    
  }
    .gocheckout a {
    color:#000;
    }
  
  .wpsc-cat-item {
    padding:10px 0 ;
    font-weight:bold;
    color:#fff;
  } 
  
    #sidebar ul h3 {
      font-size:20px;
      margin: 10px 0 ;
      background:#333;
      color:#fff;
      padding:5px;
    }
  
    #sidebar ul li {
      
    }

.page-id-28 .page_box {
  width:400px;
  float:right;
}

.productdisplay {
  width:400px;
  
}


/* kontant page */
.contact_left , .contact_right{
  float:left;
  width:293px;
  
  
}
  .contact_left p , .contact_right p {
    margin-bottom:15px;
  }
.contact_right {
  float:right;
  border:none;
}

.emptycart {
  
  
  
}

.emptycart a , .gocheckout a {
  color:#000;
  background:#333;
  display:block;
  padding: 2px 8px;
  height:18px;
  line-height:18px;
  width:77px;
}

.gocheckout a {
  margin-top:5px;
  width:125px;
}

table.shoppingcart {
  border-bottom:1px solid #666;
  border-top:1px solid #666;
}

  table.shoppingcart tr td {
    padding-bottom:5px;
  }

  table.shoppingcart tr th {
    padding-top:5px;
  }

.pricedisplay .checkout-total {
  text-align:right;
}
  
th#product {
  width:115px;
}

th#quantity {
  width:40px;
}
.adjustform input[type=submit] , .remove_button , a.back_to_basket {
  border:none;
  cursor:pointer;
  color:#fff;
  background:#333;
  padding:3px;
}

a.back_to_basket {
  margin-top:30px;
}

.product_row {
  border-bottom:1px dotted #444;
  
}

  .product_row td {
  padding-top:10px;
  } 

tr.firstrow td {
  padding-bottom:5px;
}

table.productcart tr.firstrow {
  
  
}

table.wpsc_checkout_table {
  margin-top:30px;
}

  table.wpsc_checkout_table h4 {
    font:bold 13px Arial;
  }
  
  h2.entry-title a  {
    color:#fff;
    
  }
  
.entry-summary p a {
  color:#fff;
}  

  .entry-summary p a:hover {
    text-decoration:underline;
  }
  
p {
  margin:5px 0;
}

img.aligncenter {
  margin:2px auto 2px auto;
}
                                      
textarea {
  width:270px;
}

.entry-content ul, ul#odrazky {
    list-style:square;
    margin-left:15px;
}


#seo_text {
  
}

#klimat a ,
#vzducho a , 
#tc a ,
#servis a {
  color:#fff;
}

#seo_text {
  color:#fff;
}


   #reklama a.more-link {
    color:#08a9e4;
   }
   
   .division {
    border:1px solid #666;
    padding:10px;                    
    margin-bottom:10px;
    text-align:left;
   }