* {margin:0; padding:0;}

* html #okno { /*\*/position: absolute; top: expression((176 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((20 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }

body > #okno { position: fixed; top: 176px; right: 20px; }

h3
{
    color:#eee;
}

body {padding:0; margin:0; color:#000000; background:#000000; 
}
body, td {font-family:Arial; font-size:11px; }
br{font-size:10px}

option { padding-right:10px; }

#right a.pneu
{
    color:#DDDDDD !important;
    font-size:12px;
    line-height:16px; 
    cursor: text;
    font-weight: normal;
    text-decoration: none;
}

#right a.pneu:hover
{
        color:#DDDDDD !important;
    font-weight: normal;
    text-decoration: none
}

.sovacka {
    position:absolute;
    left:0;
    top:0;
    z-index:50;
    display:none;
    height: 100%;
    width: 100%;
    opacity:0.55;
    filter: Alpha(Opacity=50);
    background-color:#000000;
}

.oknovacka {
    width: 300px;
    height: 140px;
    position:fixed;
    z-index:100;
    background-color:#111;
    display:none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 4px solid #999;
    padding: 10px;
    color:#eee;
    font-weight: bold;
}

body > div.oknovacka { position: fixed; left: 0px; top: 0px; }

h1 { font-family: calibri, Arial, Helvetica, sans-serif; color:#eee; font-size: 26px; }
h2 { font-family: arial; color:#eee; font-size: 15px;}
ul { padding-left: 10px; padding-top: 5px; color: #eee; }
li { list-style: square; margin-left: 15px; font-size:12px; }
li.decimal {list-style-type:decimal;}

form { color:#ddd; }
label { display: block; color:#ddd; padding-bottom: 2px; padding-top: 5px; height:15px; }
input,textarea { padding: 2px;  background: #222; font-size:12px; color: #fff; border: 1px solid #666; font-family:Arial; margin:0px; }
select {padding:0px; margin: 0px; height:21px; border: 0px;}
.clear { clear:both; margin: 0; padding: 0; }
.help { cursor:help; }
#web { width:780px; }


/* HLAVICKA */
#hlavicka {color:#1A5583; font-size:11px; line-height:13px} 

#hlavicka a {color:#1A5583; text-decoration:underline; outline: none;} 
#hlavicka a:hover {text-decoration:none} 
#hlavicka a:focus { -moz-outline-style: none; }
#hlavicka .logo {float:left; margin:0; padding:0;}
#hlavicka .menu {float:left; margin:0; padding:0;}

#hlavicka .menu ul#menu { height:60px; list-style:none; margin:0; padding:0; padding: 0px; }
#hlavicka .menu ul#menu li { float:left; list-style: none; margin: 0; padding: 0; }
#hlavicka .menu ul#menu li a { color:#fff; text-decoration: none; background:url(/images/menu.png) no-repeat scroll top left;	display:block;	height:60px; position:relative; font-size:11px; }

#hlavicka .menu ul#menu li a.m1 { width:44px; }
#hlavicka .menu ul#menu li a.m2 { width:66px; background-position:-44px 0px; }
#hlavicka .menu ul#menu li a.m3 { width:69px; background-position:-110px 0px; }
#hlavicka .menu ul#menu li a.m4 { width:45px; background-position:-179px 0px; }
#hlavicka .menu ul#menu li a.m5 { width:77px; background-position:-224px 0px; }
#hlavicka .menu ul#menu li a.m6 { width:82px; background-position:-301px 0px; }
#hlavicka .menu ul#menu li a.m7 { width:78px; background-position:-383px 0px; }
#hlavicka .menu ul#menu li a.m8 { width:59px; background-position:-461px 0px; }

#hlavicka .menu ul#menu li a.m1 span { background-position:0px -60px; }
#hlavicka .menu ul#menu li a.m2 span {	background-position:-44px -60px;	}
#hlavicka .menu ul#menu li a.m3 span {	background-position:-110px -60px; }
#hlavicka .menu ul#menu li a.m4 span {	background-position:-179px -60px; }
#hlavicka .menu ul#menu li a.m5 span {	background-position:-224px -60px; }
#hlavicka .menu ul#menu li a.m6 span {	background-position:-301px -60px; }
#hlavicka .menu ul#menu li a.m7 span {	background-position:-383px -60px; }
#hlavicka .menu ul#menu li a.m8 span {	background-position:-461px -60px; }

#hlavicka .menu ul#menu li a span { background:url(/images/menu.png) no-repeat scroll bottom left;	display:block;	position:absolute; top:0; left:0; height:60px; width:100%; z-index:1; cursor: pointer; cursor: hand; }
#hlavicka .menu ul#menu li a strong { position:absolute; bottom:5px; left:5px;	color:#fff;	}	
#hlavicka .menu ul#menu li a span strong { position:absolute; bottom:5px; left:5px; color:#000; }	

/* LAVY PANEL */

#left { float:left; width: 200px; margin: 0; padding: 0; border-right: 1px solid #232323; padding-bottom: 10px }


#left span { color: #479DC7; font-weight: bold; font-size:13px; display: block; padding: 0px; margin: 0px; padding-bottom: 4px; padding-top: 7px; }
#left a { color: #8AB01B; font-weight: bold;  }
#left a img { border:none }
#left .akcia { text-decoration: none; vertical-align: middle; }
#left .akcia img { vertical-align: middle; }	

#left .rezervacia { background:url(/images/1_bg1.jpg) no-repeat top right;  padding-left: 10px; padding-top: 10px;  padding-bottom: 15px;  border-bottom: 1px solid #232323; }
#left .rezervacia p { color:#ccc; width: 130px; }
#left .rezervacia form { color:#ddd; padding-top: 15px; }

#left .rezervacia label { display: block; color:#ddd; padding-bottom: 5px; padding-top: 0px; height:10px; }



#left .novinky { background:url(/images/3_bg.jpg) no-repeat top right;  padding-left: 10px; padding-right: 10px; padding-top: 10px; color: #ccc; font-size:11px; text-align: justify;}
#left .novinky strong { color:#8AB01B; width: 130px; font-size:12px; }
#left .novinky p { color:#ccc; width: 130px; }

#left .prihlasovanie { padding-left: 10px; padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #232323; color: #ccc;}


#left h2 { color:#eee;}


/* PRAVY PANEL */

#right { float:left; width:575px; @width:565px; background: url('images/rightbg.gif') no-repeat bottom left;  } 
#right p { color: #ddd; font-size: 12px; line-height: 16px; } 
#right strong { color: #ddd; }
#right div.obsah { padding-left: 15px; padding-bottom: 30px;} 	

#right .telefon { font-size:15px; color: #8AB01B; }

#right h2 { padding-left: 15px; color:#479DC7; margin-top: 10px; margin-bottom: 10px; } 
#right span { color: #479DC7; font-weight: bold; font-size:13px; }
#right a { color: #8AB01B; font-weight: bold;  }
#right a.fancy { padding: 0px; padding-left: 1px; padding-right: 1px; }
#right p a { padding: 0px; color:#ccc; font-weight: bold; }
#right p a:hover { padding: 0px; color:#ccc; font-weight: bold; text-decoration: none; }
#right .akcia { text-decoration: none; vertical-align: middle; }
#right .akcia img { vertical-align: middle; }	
#right img { padding: 0px; margin:0px; }
#right a img { border:none }
#right a.fancy img { padding: 1px; border: 2px #8AB01B solid; }

#right #autopark .fotka { float:left; width:230px; }
#right #autopark .cena { width:33px; }

#right #autopark .info { float:left; width:300px; }
#right #autopark .cennik { border-bottom:1px solid #333; padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px; }
#right #autopark span { padding: 0px; font-size:12px; }
#right #autopark table { font-size:12px; color: #eee; }

#right #autopark th { font-size:12px; color: #8AB01B; padding: 3px; padding-left: 3px; padding-right: 3px; border-bottom: 1px solid #222; }
#right #autopark td { font-size:12px; color: #eee; padding: 3px; padding-left: 3px; padding-right: 3px; }


#right #bazar .fotka { float:left; width:230px; }
#right #bazar .fotka img {border:none; }
#right #bazar .fancy { margin-right: 1px; padding: 2px; }
#right #bazar .info { float:left; width:300px; margin-left: 10px; }
#right #bazar .cennik { border-bottom:1px solid #333; padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px; }
#right #bazar span { padding: 0px; }
#right #bazar span.chyba { display: block; margin-top: 3px; color: #BA2323; }


#right #rezervacia span { margin-bottom: 3px; display: block; }
#right #rezervacia label { display: block; color:#ddd; padding-bottom: 5px; padding-top: 3px; height:10px; }
#right #rezervacia .povolene {background:#111; border:1px solid #77BD17; border-left:5px #77BD17 solid;  margin-bottom:5px; padding:10px; font-size:12px; color:#ddd; }
#right #rezervacia .zakazane {background:#111; border:1px solid #D59111; border-left:5px #D59111 solid;  margin-bottom:5px; padding:10px; font-size:12px; color:#ddd; }
#right #rezervacia .divleft {float:left; width:220px; margin-right: 10px;}
#right #rezervacia .divright {float:left; width:250px;}

#right #faq span {color: #479DC7; margin-right: 5px;}

.err { border: 1px solid #9A0101; background: #350F0F; color: #fffefe; }
.err_box { border: 1px solid #9A0101; color: #fffefe; padding: 10px; padding-left: 30px; background: url(images/err.png) #350F0F no-repeat 10px 50%; margin-bottom: 20px; }
.ok_box { border: 1px solid #608A11; color: #fefffe; padding: 10px; padding-left: 30px; background: url(images/ok.jpg) #1E3407 no-repeat 8px 50%; margin-bottom: 20px; }
.info_box { border: 1px solid #C69E00; color: #fefffe; padding: 10px; padding-left: 30px; background: url(images/info.png) #3E3100 no-repeat 8px 50%; margin-bottom: 20px; }


#right .left { float:left; }
#right .up { padding: 3px; }

#footer{color:#FFFFFF; font-size:10px; height:44px; width:779px; border-top: 1px solid #555; margin-right: 2px;}
#footer div.left {color:#000; background: url(images/bottom.gif) no-repeat transparent; float:left; height:44px; width: 200px; font-size: 10px}
#footer div.left a{color:#000; text-decoration:none; font-size:10px;}
#footer div.left a:hover{text-decoration:none} 
#footer div.left span {line-height: 16px;  display:block;  margin-top: 8px; margin-left:11px;}

#footer div.right {background: transparent; float:right; text-align: right; height:44px; } 
#footer div.right a{color:#FFFFFF; text-decoration:none; font-size:11px; display: block; height: 44px; line-height: 44px; float:left; padding-left: 7px; padding-right:7px; border-right: 1px solid #333;} 
#footer div.right a:hover{text-decoration:none} 







#boxes .window {
    position:absolute;
    left:0;
    top:0;
    width:440px;
    height:200px;
    display:none;
    z-index:9999;
    padding:20px;
}

#boxes #dialog {
    width:375px;
    height:203px;
    padding:10px;
    background-color:#ffffff;
}

#boxes #dialog1 {
    width:375px;
    height:203px;
}

#dialog1 .d-header {
    background:url(images/login-header.png) no-repeat 0 0 transparent;
    width:375px;
    height:150px;
}

#dialog1 .d-header input {
    position:relative;
    top:60px;
    left:100px;
    border:3px solid #cccccc;
    height:22px;
    width:200px;
    font-size:15px;
    padding:5px;
    margin-top:4px;
}

#dialog1 .d-blank {
    float:left;
    background:url(images/login-blank.png) no-repeat 0 0 transparent;
    width:267px;
    height:53px;
}

#dialog1 .d-login {
    float:left;
    width:108px;
    height:53px;
}

#boxes #dialog2 {
    background:url(images/notice.png) no-repeat 0 0 transparent;
    width:326px;
    height:229px;
    padding:50px 0 20px 25px;
}