/* 
    Document   : base.css
    Created on : Aug 29, 2012, 3:33:22 PM
    Author     : sedlad1
    Description:
        Purpose of the stylesheet follows.
*/
@font-face {
	font-family: akaFrivolity;
	src: url('akaFrivolity.otf');
}
@font-face {
	font-family: pupcat;
	src: url('pupcat__.ttf');
}
@font-face {
	font-family: consolas;
	src: url('Consolas.ttf');
}
font-face {
	font-family: consolas;
	src: url('Consolas_Italic.ttf');
    font-style:italic;
}

body { 
    /*font: 18px/1.2 pupcat, Verdana, "Geneva CE", lucida, sans-serif;*/
    font: 18px/1.2 consolas, Verdana, "Geneva CE", lucida, sans-serif; 
    font-style: italic;
    color: #333; 
    background-color: #fff;
    /*overflow-y: hidden;*/
    margin-top:0px;
}

h1, h2 { 
    /*font: normal 150%/1.3 Georgia, "New York CE", utopia, serif; */
    font: bold 150%/1.3 consolas;
    font-style: italic;
    /*color: #6cd0f7;*/
    color: #c2d82e; 
}

h2 {
  text-align:center;
}

address {
    font-style: italic;
    text-align:center;
    font-size: 150%;
}

#header h1 {
    font-size: 250%;
    margin:10px 0px;
    text-align:center;
    /*display: none;*/
}
#header, #low_header {
  text-align:center;
}
#header img {
  margin:10px auto;
  display: none;
}
#footer {
  margin-top:45px;
  position:relative;
  top:0px;
  font-size:75%;
  text-align:right;
}

img { 
    border: none; 
}

a { 
    color: #c2d82e; 
    padding: 3px 1px; 
    text-decoration: none;
    font-weight: bold;
}

a:hover, a:active, a:focus { 
    /*background-color: #006aeb;*/
    text-decoration: none; 
    color: orange; 
}

a:hover #ico_info {
    /*background-image: url("../img/attr(id)_bg.png");*/
    /*background-image: url("../img/ico_info_bg.png");*/
}
a:active #ico_info {
    /*background-image: url("../img/ico_info_bg_active.png");*/
}
a:hover #ico_kresba {
    /*background-image: url("../img/ico_kresba_bg.png");*/
}
a:hover #ico_animace {
    /*background-image: url("../img/ico_animace_bg.png");*/
}
a:hover #ico_sperky {
    /*background-image: url("../img/ico_sperky_bg.png");*/
}
a:hover #ico_komer {
    /*background-image: url("../img/ico_komer_bg.png");*/
}
a:hover #ico_prodej {
    /*background-image: url("../img/ico_prodej_bg.png");*/
}
a:hover #ico_aktualne {
    /*background-image: url("../img/ico_aktualne_bg.png");*/
}

#topMenu {
    text-align: center;
}
#topMenu img {
    margin:0px 15px;
}

#topMenu img.info {
    background-image: url('../img/sgreen_ico_animace.png');
}


#content {
    /*background-image: url('../img/1px_50p.png');*/
    /*height:800px;*/
    margin-bottom:50px;
    margin-top:20px;
    /*overflow-y: auto;*/
}

div.gallery {
    text-align:center;
}

.scroll-pane .jspVerticalBar {
  width:33px;
}

.scroll-pane .jspVerticalBar, .scroll-pane .jspArrow, .scroll-pane .jspTrack {
  background:none;
}

.scroll-pane .jspDrag {
  background: none;
  background-image:url("../img/slider.png");
  background-repeat: no-repeat;
  background-position: center;
  height:59px;
}

.scroll-pane .jspDrag.jspHover {
  background-image:url("../img/slider_hover.png");
}

.scroll-pane .jspVerticalBar {
  background-image:url("../img/slider_track.png");
  background-repeat: repeat-y;
  background-position: center;
}

.scroll-pane .jspVerticalBar .jspArrow {
  height:27px;
}

.scroll-pane .jspArrowUp {
  background-image:url("../img/slider_top_arr.png");
  height:27px;
  background-repeat: no-repeat;
  background-position: top center;
}

.scroll-pane .jspArrowDown {
  background-image:url("../img/slider_bottom_arr.png");
  height:22px;
  background-repeat: no-repeat;
  background-position: bottom center;
}

div.aktualita {
  text-align:center;
  margin-bottom:15px;
}

section.praxe h2 {
    margin-top:45px;
}

section.praxe:first-of-type h2 {
    margin-top:5px;
}

section.vystava h3 {
  margin:5px 0px 10px 0px;
}
section.vystava ul {
  margin-top:10px;
}
section.vystava {
  margin-bottom:1em;
}

div.info section.praxe, div.info section.vystava {
    width:800px;
    margin:auto;
}