/*
Theme Name: Emauzy
Description: Emauzy místo pro setkávání na Rozhraní
Author: Hana Šutová
Version: 1.0
*/

html {height: 100%; font-size: 62.5%;}

body {
   height: 100%;
   text-align: center;
   font: 1.2em Verdana, Arial, Helvetica, sans-serif;
   min-width: 1024px;
   margin: 0; padding: 0;
   background-color:#bfdbf1;
   }

.cleaner {
   clear: both;
   height: 0;
   font-size: 0;
   visibility: hidden;
   }


#hlavicka {
   width: 1000px;
   height:257px;
   padding: 10px;
   background-image:url(img/head.jpg);
   }

h1 {margin: 0; padding: 0; color:blue; font-weight:bold; font-size:150%; text-align:center }
h2 {color:blue; font-family: Calibri; font-weight:bold; font-size: 150%; }
h3{font-weight:bold; font-size:120%; text-align:center;}
p {line-height: 1.8; margin-bottom: 16px;}
a {text-decoration:none; font-size: 150%; color:black; font-family: Calibri;text-align:center;}
a.read {text-decoration:none; font-size: 150%; color:blue; font-family: Calibri; font-weight:bold;}
ul{list-style-type:none; margin-top:50px}
li{line-height:2;}
ul.list{list-style-type:square}
li.listc{line-height:1.5}



/* =============== Trisloupcovy layout =============== */
#obal {
   width: 1024px;
   margin: 0px auto 0 auto;
   text-align: left;
   background-image:url(img/background.jpg);
   }

#sloupec-levy {
   float: left;
   width: 200px;
   margin-left:80px;
   }
   
#sloupec-levy2 {
   float: left;
   width: 200px;
   margin-left:0px;
   }   

#sloupec-prostredni-pravy {
   float: right;
   width: 740px;
   
   }

#sloupec-prostredni-pravy #sloupec-l {
   float: left;
   width: 520px;
   }

#sloupec-prostredni-pravy #sloupec-p {
   float: right;
   width: 220px;
   
   }

.obsah {margin: 1em;}   

.galerie{}
/* =============== Trisloupcovy layout konec =============== */


#paticka {
   width:1000px;
  height:100px;
   padding: 10px;
   background-image:url(img/foot.jpg);
   } 
   
   
   /*FOTOGALERIE*/
   /* get rid of those system borders being generated for A tags */
a:active {
    outline:none;
}

:focus {
    -moz-outline-style:none;
}  
/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
  */
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 400px;
    height:170px;

    /* custom decorations */
    border:1px solid #ccc;
    background:blue repeat-x;
}


.scrollable .items {
    /* this cannot be too large */
    width:30000em;
    position:absolute;
    clear:both;
}

.items div {
    float:left;
    width:500px;
    
}

/* single scrollable item */
.scrollable img {
    float:left;
    margin:20px 25px 40px 21px;
    background-color:#fff;
    padding:2px;
    border:1px solid #ccc;
    width:150px;
    height:114px;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
    border:2px solid #000;
    position:relative;
    cursor:default;
}
 /* this makes it possible to add next button beside scrollable */
.scrollable {
    float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
    background:url(../hori_large.png) no-repeat;
    display:block;
    width:30px;
    height:30px;
    float:left;
    margin:0px 10px;
    cursor:pointer;
    font-size:1px;
}

/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }


/* left */
a.left { margin-left: 0px; }
a.left:hover  { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }



/* up */


/* disabled navigational button */
a.disabled {
    visibility:hidden !important;
}