/*   ------------------------------------------------------------  */
/*   ************************************************************  */
/*   * Copyright (c) 2007, Ondrej Pohorsky  All rights reserved *  */
/*   *                                                          *  */
/*   * author: Ondrej Pohorsky                                  *  */
/*   * url:    http://www.poho.cz                               *  */
/*   ************************************************************  */
/*   ------------------------------------------------------------  */

/*
------------------------- General 
*/
* {font-size:100%;}
html, body {height:100%;}
.cleaner {clear:both; height:1px; font-size:1px; line-height:1px;}
.hidden {display:none;}
.noborder {border:none !important;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
a img {border:none;}
img.right, img.left, img.center {padding:5px; border:1px solid #ccc;}
img.right {margin:5px 0 10px 10px;}
img.left {margin:5px 10px 10px 0;}
img.border {border:1px solid #ccc !important;}

body, h1, h2, p, ul, li  {margin:0; padding:0;}

/*
------------------------- Typography
*/
.grey {color:#999;}
.red {color:#c00;}
.green {color:#0c0;}

a {color:#069;}
a:hover {text-decoration:none;}

* {font-family:sans-serif;}
body {text-align:center; font-size:1em;}

#all {text-align:left;}

#links {font-size:0.7em;}
#links a {color:#999; text-decoration:none;}
#links a:hover, #links li.active a {color:#fff;}

#menu h2 {color:#fff; font-size:0.7em;}
#menu ul li a {color:#b91334; font-size:0.7em; font-weight:bold; text-decoration:none;}

#main #breadcrumbs p {font-size:0.7em; color:#fff;}
#main #breadcrumbs p a {color:#666; text-decoration:none;}
#main #breadcrumbs p a:hover {text-decoration:underline;}

#main h1 {color:#0d477e; font-weight:normal; font-size:1.3em;}
#main .in p {font-size:0.7em; line-height:1.8em;}

#foot p {color:#fff; font-size:0.8em;}

/*
------------------------- All
*/

body {background:#fff url('../img/back.jpg') top left repeat;}
#gradient {height:100%; width:100%; padding:24px 0; background:url('../img/gradient.jpg') top left repeat-x;}
#all {width:996px; margin:0 auto; padding:4px 0; background:#fff;}
#all .in {width:988px; margin:0 4px;}

/*
------------------------- Head
*/

#head {height:152px; width:988px; background:url('../img/top.jpg') top left no-repeat;}

#logo {display:block; position:relative; top:13px; left:13px; width:421px; height:89px; background:url('../img/logo.jpg') top left no-repeat;}
#logo span {display:none;}

#links {width:988px; height:46px; margin-top:16px; background:url('../img/links.jpg') bottom left repeat-x; list-style-type:none;}
#links li {display:block; float:left; padding:23px 15px 0 15px; background:url('../img/link.gif') top center no-repeat;}

span.top {color:#999;}
img.galerie {width: 120px; height: 157px;}
img.gal {width: 195px; height: 150px;}
/*
------------------------- General
*/
#menu {float:left; width:155px;}
#main {float:right; width:832px;}

#menu h2 {width:155px; height:32px; background:url('../img/menu-title.jpg') top left no-repeat;}
#menu h2 span {display:block; padding:9px 0 0 12px; margin-bottom:1px;}
#menu ul {width:155px; list-style-type:none;}
#menu ul li {width:155px; height:26px; margin-bottom:1px; background:url('../img/menu-button.gif') top left no-repeat;}
#menu ul li a {display:block; width:155px; height:26px; background:url('../img/menu-button.gif') top left no-repeat;}
#menu ul li.active a, #menu ul li a:hover {background-position:-155px 0;}
#menu ul li span {display:block; padding:7px 0 0 36px;}

#main #breadcrumbs {width:832px; height:32px; background:#d9d9d9;}
#main #breadcrumbs p {padding:9px;}

#main .in {width:820px; margin:15px 2px 15px 10px;}

#main .welcome {height:163px; padding:20px 140px 0 0; background:url('../img/welcome.gif') top right no-repeat;}

#main .picture {float:left; margin:0 2px 15px 2px;}
#main .picture img {border:1px solid #ddd; padding:1px;}


/*
------------------------- Foot
*/
#foot {width:100%; height:40px; background:url('../img/foot.jpg') top left repeat-x;}
#foot p {padding:12px 0 0 12px;}