/*
main.css 
(c) Ing. Jan Malý, 2006-2007 *** http://triablo.net
It is forbidden to copy and (or) publish any parts of this code withnout my permission!
*/

form, ul, ol, p {margin: 0px;}
.u {text-decoration: underline;}
hr {margin:0; padding:0; border:1px solid #000000; }
img { border: 0 none; }
body {background: #f9e94e url('/css/img/background.png') repeat-x top left; color: black; font: normal 10pt arial; margin: 0px; padding: 0px;}
.u {text-decoration: underline;}
table { margin:0; padding:0; }

#page {width:770px; background-color:white; margin:0 auto; padding:0;}
#logo {width:750px; height:462px; background:white url('/css/img/logo.png') no-repeat top left; padding:0; margin:0 10px 0 10px;}
#menu {width:730px; height:55px; background:white url('/css/img/menu-bg.png') repeat-x top left; padding:0 0 0 20px; margin:0 10px 10px 10px;}


/* menubar */
#menu a.menu, #menu a.menu-active {padding: 4px 10px 0 5px; text-transform: uppercase; color: #000000; font: bold 10pt arial; text-decoration: none; display:block;}
#menu a.menu:hover, #menu a.menu-active:hover, #menu a.menu-active  {text-decoration: underline;}
#menu h1 {display: none;}
#menu span.menu, #menu span.menu-active { display:block; float:left; font-size: 8pt; background: url('/css/img/menu-left.png') no-repeat top left; height:43px; padding:12px 0 0 7px; color:#000000;}
#name {float:right; color:#000000; font: bold 11pt arial; padding:7px 25px 0 0; line-height:22px; text-align:right;}
#name a {color:#000000; text-decoration: none; font: normal 9pt arial;}
#name a:hover {text-decoration: underline;}

/* ------- content ----------*/

div.login {float:right; min-height:80px; width:190px; padding:20px 0 0 35px; }
div.login h2 {color:#000000; margin:5px 0 15px 5px; padding:0; font: bold 13pt arial;}
div.login p {color:#000000; margin:5px 10px 5px 5px;font: normal 10pt arial;}
input.butt-send {width:133px; height:22px; background:white url('/css/img/butt-send.png') repeat-x top left; border:0; padding:0; margin:0 0 15px 0; cursor:pointer;}
input.butt-send:hover {margin:1px 0 14px 0;}
div.login a {color:#000000; text-decoration: none;} 
div.login a:hover {text-decoration: underline;}
div.login input {border:0; padding:2px;}


#content-down {clear:both;}
#content {padding: 20px 20px 30px 20px; margin: 0 0 0 0; width: 730px; background-color:#f9e94e; }


/* boxy */
div.box1 { min-height:80px; width:425px; padding:20px 0 0 35px; }
div.box1 h2 {color:#000000; margin:5px 0 15px 0px; padding:0; font: bold 13pt arial;}
div.box1 p {color:#000000; font: normal 9pt arial;}
div.box2 { min-height:80px; width:172px; padding:0px 40px 40px 0px; background:transparent url('/css/img/box2-bg.png') no-repeat bottom left; float:left; margin-bottom:10px; }
div.box2 h2 {color:#000000; margin:5px 0 15px 0px; padding:0; font: bold 10pt arial;}


/* ------------- rezervace -----------------*/
#rezervace1 { min-height:80px; width:310px; padding:20px 0 0 35px; float:left; }
#rezervace1 h2 {color:#000000; margin:5px 0 15px 0px; padding:0; font: bold 13pt arial;}
#rezervace2 { min-height:80px; width:320px; padding:20px 0 0 35px; float:right; color:#000000; font: normal 9pt arial; }
#rezervace1 a.pred:hover, #rezervace1 a.dals:hover { text-decoration: underline; }
#rezervace1 a.pred { margin-top:30px; float:left; height:25px; color:#000000; font: bold 9pt sans-serif; text-decoration: none; margin-right:40px; background:transparent url('/css/img/arrow-left.png') no-repeat bottom left; width:60px; padding:1px 0 0 72px; }
#rezervace1 a.dals { margin-top:30px; float:left; height:25px; color:#000000; font: bold 9pt sans-serif; text-decoration: none; background:transparent url('/css/img/arrow-right.png') no-repeat bottom right; width:100px; padding:1px 0 0 0; }
#rezervace2 h2 {color:#000000; margin:5px 0 15px 0px; padding:0; font: bold 12pt sans-serif; text-transform: capitalize;}
#rezervace2 p {color:#000000; font: normal 9pt arial;}
#r_empty {  margin-top:30px; float:left; height:20px; width:172px; }
#rezervace-terminy {float:right;}
#rezervace2 td {height:22px;}
#rezervace2 img {padding:3px 10px 0 20px;}
#rezervace2 input.butt {width:133px; height:22px; background:white url('/css/img/butt-send.png') repeat-x top left; border:0; padding:0; margin:20px 0 1px 0; cursor:pointer;}
#rezervace2 input.butt:hover {margin:21px 0px 0px 0px;}


/* ----------- kalendar ------------------*/
div.kalendar {width:150px; height:150px; float:left;}
div.kalendar h3 {color:#000000; margin:5px 0 15px 0px; padding:0; font: bold 10pt arial; text-transform: capitalize;}
div.kalendar table {border:0; width:126px; font: normal 9pt arial;}
div.kalendar td.bunka {width:18px; margin-top:0px; text-align:center;}
div.kalendar td.sv {background-color:white;}
div.kalendar td.sel {background-color:#000000;}
div.kalendar a {color:#000000; font: bold 9pt sans-serif;  text-decoration: none;}
div.kalendar td.sel a {color:white; }
div.kalendar a:hover { text-decoration: underline; }

/* foot  */

#foot {color:#ffffff; background-color:#000000; width:710px; padding: 8px 30px 8px 30px; margin:0 0 0 0; }
#foot-fix { width:770px; height:10px; background-color: #f9e94e;}
#foot a {color:#ffffff; text-decoration: none;}
#foot a:hover {text-decoration: underline;}