/* ----------------------------------------------------------------------------------------------------------
1) HTML tagy
---------------------------------------------------------------------------------------------------------- */

body {margin:0; padding:0; background:#fff; color:#202020; font:0.8em/1.5 "arial", sans-serif; text-align:center;}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}

h1 {margin:0; padding:0; margin-bottom:15px; color:#9A1A12; font-size:22px; font-weight:100; line-height:35px;}
h3 {margin:0; padding:0; margin-top:15px; color:#9C180E; font-size:15px; font-weight:bold;}
    .map-title {margin-top:25px; margin-bottom:10px;}

.w40 {display:block; float:left; width:40%;}
.w50 {display:block; float:left; width:50%;}
.w60 {display:block; float:left; width:60%;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styly
---------------------------------------------------------------------------------------------------------- */

a {color:#BA1911;}
a:hover {color:#C38D06;}

table {margin:0; padding:0; border-collapse:collapse; border-spacing:0; font-size:12px; width:100%;}
table th {background:#EEE;}
table th, table td {border:1px solid #DDD; line-height:25px; padding-left:5px; padding-right:5px;}
table tr.alt td {background:#F5F5F5;}
table tr.highlight td {background:#FFFFAA;}

.highlight {background:#FFFFAA;}

p {margin:0; padding:0; margin-bottom:10px; line-height:23px;}

input, select {padding:3px;}

/* ----------------------------------------------------------------------------------------------------------
3) Šablona
---------------------------------------------------------------------------------------------------------- */

#main {display:block; width:970px; height:auto; margin-left:auto; margin-right:auto; text-align:left;}
#header {display:block; width:970px; height:95px;}

#logopos {display:block; float:left; width:330px; height:95px;}
#logo {position:relative; display:block; float:left; overflow:hidden; width:330px; height:95px; margin:0; font-size:130%;}
    #logo span.restaurant {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url(../design/logo01.gif) 0 0 no-repeat; cursor:pointer;}
    #logo span.pizza {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url(../design/logo02.gif) 0 0 no-repeat; cursor:pointer;}
    #logo span.fastfood {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url(../design/logo03.gif) 0 0 no-repeat; cursor:pointer;}
    #logo span.coffee {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url(../design/logo04.gif) 0 0 no-repeat; cursor:pointer;}

#signup {display:block; width:250px; float:right; text-align:right;}
    #signup p {padding-right:15px; padding-top:15px;}
    #signup-link {font-size:120%; font-weight:bold;}
    #signout-link {font-weight:bold;}

#navigation {display:block; width:970px; height:40px; margin-top:10px; margin-bottom:10px; line-height:40px;}
    #navigation ul {margin:0; padding:0;}
    #navigation ul li {list-style:none; float:left; padding-left:10px; padding-right:10px;}
    #navigation ul li a {float:left; height:40px; padding-left:10px; padding-right:10px; line-height:40px; color:#fff; font-weight:bold; text-decoration:none;}
    #navigation.restaurant ul li a:hover, #main .websites {background:url(../design/menu01-hover.gif) repeat-x 0 0;}
    #navigation.pizza ul li a:hover {background:url(../design/menu02-hover.gif) repeat-x 0 0; color:#202020;}
    #navigation.fastfood ul li a:hover {background:url(../design/menu03-hover.gif) repeat-x 0 0;}
    #navigation.coffee ul li a:hover {background:url(../design/menu04-hover.gif) repeat-x 0 0;}
    
    #navigation.restaurant {background:url(../design/menu01.gif) no-repeat 0 0;}
    #navigation.pizza {background:url(../design/menu02.gif) no-repeat 0 0;}
    #navigation.fastfood {background:url(../design/menu03.gif) no-repeat 0 0;}
    #navigation.coffee {background:url(../design/menu04.gif) no-repeat 0 0;}

#content {display:block; width:970px;}
    #aside-left {display:block; float:left; width:680px; margin-top:15px; margin-left:15px;}
    #aside-right {display:block; float:right; width:210px; margin-right:15px;}
        #login dl {margin:0; padding:0; padding:10px; background:#f5f5f5;}
            #login dd {line-height:35px;}
            
#footer {display:block; width:100%; height:50px; line-height:50px; background:#ddd; margin-top:40px; text-align:center; color:#4F4F4F; border-top:3px solid #ccc;}
    #footer p {line-height:50px;}

#help-us {background:#F7EAC9; padding:10px;}
    #help-us a {font-weight:bold;}
    
#catalogue-list .rating-box {display:block; width:200px; float:right; color:#ccc;}
#catalogue-list .catalogue-item h2 {font-size:18px;}

#album-items .album-item {display:block; width:200px; height:235px; text-align:center;}
#album-items .album-item img {border:3px solid #f5f5f5; margin-top:10px; margin-bottom:3px;}

#mainmap {border:5px solid #f5f5f5;}

.top-ten {background:#f5f5f5; padding:10px; margin-bottom:10px;}
.alt {background:#F7EAC9; padding:10px;}        
.top-ten h3 {margin:0; padding:0; line-height:30px;}

.top-ten ul {margin:0; padding:0;}
.top-ten ul li {list-style:none; background:url(../images/ul-li.gif) no-repeat 0px 5px; padding-left:20px; line-height:25px;}

ul.list {margin:0; padding:0;}
ul.list li {list-style:none; background:url(../images/ul-li.gif) no-repeat 0px 5px; padding-left:20px; line-height:25px;}

#more-informations {line-height:40px;}
#more-informations, #more-informations a {color:#1A59A0; font-size:130%; font-weight:bold;}
#more-informations a:hover {color:#0B2D53;}

table.latest td, table.latest th {vertical-align:center; padding-top:10px; padding-bottom:5px;}

ul.notice {margin:0; padding:0;}
ul.notice li {list-style:none; background:url(../images/info.gif) no-repeat 0px 5px; padding-left:20px; line-height:25px;}

#share {display:block;}
    #share div.share-item {display:block; float:left; width:110px; text-align:center;}
    
#categories a {color:navy;}
    #categories a:hover {color:blue;}
    
#add-info ul {margin-left:20px; line-height:30px;}
.item-highlight {color:#9C180E;}

#ad {display:block; position:absolute; width:200px; height:100px; margin-top:-90px; margin-left:400px;}

#ad-bar {display:block; width:99.85%; height:30px; line-height:30px; background:url("../images/bar.gif") repeat-x 0 0; margin-bottom:35px; text-align:left; border:1px solid #ccc;}
    #ad-bar a {color:#202020; text-decoration:none;}
    #ad-bar a:hover {color:#000; text-decoration:underline;}
    #ad-bar a.ico-zamluveno {padding-left:30px; height:30px; background:url("../images/ico-zamluveno.gif") no-repeat left center; margin-left:20px;}
    #ad-bar a.ico-frogat {padding-left:25px; height:30px; background:url("../images/ico-frogat.gif") no-repeat left center; margin-left:20px;}
    #ad-bar a.ico-weddings {padding-left:25px; height:30px; background:url("../images/ico-weddings.gif") no-repeat left center; margin-left:20px;}
    #ad-bar a.ico-dellzone {padding-left:25px; height:30px; background:url("../images/ico-dellzone.gif") no-repeat left center; margin-left:20px;}
    #ad-bar a.ico-stranky {padding-left:25px; height:30px; background:url("../images/ico-stranky.gif") no-repeat left center; margin-left:20px;}