/* www.alessandria.cz, media screen */


/* basic setup */

html {
background: #000000;
height: 100%;
width: 100%;
}

body {
background: #ffffff url('./../../_layout/_www/body-bg.gif') center 0;
color: #494743;
font: normal normal normal 1em/normal Georgia, Arial, sans-serif;
margin: 0;
padding: 0;
position: relative;
}

a {
color: #a20404;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

a img,
a:link img {
border: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
}

p {
margin: 0;
padding: 0;
}

ol,
ul {
margin: 0;
padding: 0;
}

ol li,
ul li {
list-style: none;
margin: 0;
padding: 0
}

hr {
border: none;
margin: 0;
}

ins {
text-decoration: none;
}

blockquote,
q {
quotes: none;
}

form,
fieldset,
label,
legend {
margin: 0;
padding: 0;
}

fieldset {
border: none;
}

label {
cursor: pointer;
}

input.text {
background: #f6f6f6;
border: 1px solid #620000;
color: #666666;
font: normal normal normal 1em/normal Arial, sans-serif;
padding: 2px;
}

input.submit,
input.reset,
input.button {
cursor: pointer;
font: normal normal normal 1em/normal Arial, sans-serif;
padding: 2px;
}

textarea {
background: #f6f6f6;
border: 1px solid #620000;
color: #666666;
font: normal normal normal 1em/normal Arial, sans-serif;
overflow: auto;
padding: 2px;
}

select {
background: #f6f6f6;
border: 1px solid #620000;
color: #666666;
font: normal normal normal 1em/normal Arial, sans-serif;
padding: 1px;
}

table {
border-collapse: collapse;
font: normal normal normal 1em/normal Arial, sans-serif;
margin: 0;
}

div.wrapper {
clear: both;
}

span.corner,
span.ir {
background: url('') 0 0 no-repeat;
display: block;
height: 100%;
left: 0;
overflow: hidden !important;
position: absolute;
top: 0;
width: 100%;
}

a span.ir {
cursor: pointer;
}

a:hover span.ir {
background-position: 0 bottom;
}

span.hidden {
display: none;
}


/* printable header */

div#print-header {
display: none;
}


/* top shadow */

div#top-shadow {
background: url('./../../_layout/_www/shadow-top.png') 0 0 repeat-x;
height: 115px;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}


/* bottom shadow */

div#bottom-shadow {
background: url('./../../_layout/_www/shadow-bottom.png') 0 0 repeat-x;
height: 115px;
position: absolute;
bottom: -10px;
width: 100%;
}


/* page layout */

div#homepage,
div#page {
font-size: 0.8em;
margin: 0 auto 0 auto;
position: relative;
text-align: left;
width: 976px;
z-index: 2;
}


/* header */

div#header {
background: url('./../../_layout/_www/header-bg.png') 0 bottom no-repeat;
height: 252px;
padding: 0 8px 0 8px;
position: relative;
width: 960px;
}


/* logo */

div#logo {
height: 82px;
left: 337px;
position: absolute;
top: 28px;
width: 302px;
}

div#logo h1,
div.logo p {
display: block;
height: 100%;
overflow: hidden;
position: absolute;
width: 100%;
}

div#logo a {
display: block;
height: 100%;
padding: 10px;
width: 100%;
}

div#logo span.ir {
background: url('./../../_layout/_www/logo-alessandria.jpg');
}


/* main menu */

div#mainmenu {
bottom: 21px;
position: absolute;
height: 70px;
}

div#mainmenu ul {
float: left;
margin: 0 0 0 43px;
}

div#mainmenu ul li {
float: left;
}

div#mainmenu ul li a {
color: #4a4844;
display: block;
font-size: 1.1em;
font-weight: bold;
height: 70px;
line-height: 72px;
padding: 0 0 0 24px;
position: relative;
text-decoration: none;
}

body.de div#mainmenu ul li a,
body.ru div#mainmenu ul li a {
font-size: 1em;
}

body.en div#mainmenu ul li a,
body.fr div#mainmenu ul li a {
font-size: 0.9em;
}

div#mainmenu ul li.active a {
z-index: 98;
}

div#mainmenu ul li a:hover {
z-index: 99;
}

div#mainmenu ul li a span {
float: left;
height: 70px;
}

div#mainmenu ul li a span.title {
background: url('./../../_layout/_www/menu-item-bg.png') 0 0 repeat-x;
padding: 0 10px 0 10px;
}

body.en div#mainmenu ul li a span.title,
body.de div#mainmenu ul li a span.title,
body.fr div#mainmenu ul li a span.title,
body.ru div#mainmenu ul li a span.title {
padding-left: 3px;
padding-right: 3px;
}

div#mainmenu ul li a:hover span.title,
div#mainmenu ul li.active a span.title {
background-position: 0 bottom;
}

div#mainmenu ul li a span.corner.l,
div#mainmenu ul li a:hover span.corner,
div#mainmenu ul li.active a span.corner,
div#mainmenu ul li.last a span.corner {
background: url('./../../_layout/_www/menu-item-corner.png') 0 0 no-repeat;
width: 24px;
}

div#mainmenu ul li a span.corner.r {
left: auto;
position: absolute;
right: -24px;
}

div#mainmenu ul li a:hover span.corner,
div#mainmenu ul li.active a span.corner {
background-position: 0 bottom;
}

div#mainmenu ul li a:hover span.corner.r,
div#mainmenu ul li.active a span.corner.r {
background-position: right bottom;
}

div#mainmenu ul li a span.homepage {
width: 10px;
}

div#mainmenu ul li a span.ir {
background-image: url('./../../_layout/_www/menu-item-homepage.png');
left: 31px;
width: 27px;
}

div#mainmenu ul li a:hover span.ir,
div#mainmenu ul li.active a span.ir {
background-position: 0 bottom;
}


/* localizations */

div#languages {
font-family: Arial, sans-serif;
position: absolute;
top: 18px;
right: 14px;
}

div#languages li {
background: url('') center 0 no-repeat;
color: #787878;
float: left;
font-size: 0.9em;
margin: 0 0 0 8px;
text-align: center;
width: 20px;
}

div#languages li.cs {
background-image: url('./../../_layout/_www/flag-cs.png');
}

div#languages li.de {
background-image: url('./../../_layout/_www/flag-de.png');
}

div#languages li.en {
background-image: url('./../../_layout/_www/flag-en.png');
}

div#languages li.fr {
background-image: url('./../../_layout/_www/flag-fr.png');
}

div#languages li.it {
background-image: url('./../../_layout/_www/flag-it.png');
}

div#languages li.pl {
background-image: url('./../../_layout/_www/flag-pl.png');
}

div#languages li.ru {
background-image: url('./../../_layout/_www/flag-ru.png');
}

div#languages li a {
color: #ffffff;
display: block;
padding: 22px 0 0 0;
text-decoration: none;
}

div#languages li a:hover {
color: #787878;
}

div#languages li span {
display: block;
padding: 22px 0 0 0;
}


/* social networks */

div#sharing {
position: absolute;
right: 14px;
top: 96px;
}

div#sharing a {
display: block;
float: left;
height: 18px;
padding: 7px;
position: relative;
width: 18px;
}

div#sharing span.offset {
display: block;
float: left;
height: 18px;
overflow: hidden;
position: absolute;
width: 18px;
}

div#sharing a.facebook span.ir {
background-image: url('./../../_layout/_www/facebook.png');
}

div#sharing a.twitter span.ir {
background-image: url('./../../_layout/_www/twitter.png');
}


/* content */

div#content {
background: url('./../../_layout/_www/shadow-side.png') 0 0 repeat-y;
padding: 0 8px 0 8px;
width: 960px;
}


/* main frame */

div#main-frame {
background: #ffffff url('./../../_layout/_www/shadow-inner.jpg') 0 0 repeat-x;
float: left;
min-height: 835px;
padding: 17px 19px 0 19px;
position: relative;
width: 618px;
}


/* side frame */

div#side-frame {
background: #ffffff url('./../../_layout/_www/shadow-inner.jpg') 0 0 repeat-x;
float: right;
padding: 18px 20px 18px 19px;
width: 264px;
}


/* navigation */

div#navigation {
font-size: 0.85em;
padding: 10px 0 30px 0;
}

div#navigation p,
div#navigation ul,
div#navigation li {
display: inline;
}

div#navigation p {
font-weight: bold;
margin: 0 5px 0 0;
}


/* slideshow */

div#slideshow {
background: url('./../../_layout/_www/slide-bg.png') 0 0 no-repeat;
height: 240px;
margin: 0 0 24px 0;
overflow: hidden;
position: relative;
width: 618px;
}

ul#slider {
left: 12px;
position: relative;
top: 14px;
}

ul#slider-indicators {
bottom: 18px;
height: 16px;
position: absolute;
right: 260px;
z-index: 999;
}

ul#slider-indicators li {
float: left;
margin: 0 2px 0 0;
}

ul#slider-indicators li a {
background: url('./../../_layout/_www/slide-indicator.png') 0 0 no-repeat;
display: block;
height: 14px;
outline: none;
width: 14px;
}

ul#slider-indicators li a:hover,
ul#slider-indicators li.active a {
background-position: 0 bottom;
}

a#slider-prev,
a#slider-next {
background: url('') 0 0 no-repeat;
cursor: pointer;
display: block;
height: 75px;
position: absolute;
top: 84px;
width: 54px;
z-index: 999;
}

a#slider-prev {
background-image: url('./../../_layout/_www/slide-arrow-prev.png');
left: 12px;
}

a#slider-next {
background-image: url('./../../_layout/_www/slide-arrow-next.png');
right: 12px;
}

a#slider-prev:hover,
a#slider-next:hover {
background-position: 0 bottom;
}


/* text layer */

div#text {
padding: 0 0 248px 0;
}

div#list+div.container {
border-top: 1px solid #e6e6e6;
margin: 5px 0 0 0;
padding: 25px 0 0 0;
}

div#text h1,
div#text h2 {
color: #a20404;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 20px;
}

div#text h2 {
font-size: 1.1em;
margin-bottom: 8px;
}

div#homepage div#text h2 {
font-size: 1.25em;
}

div#text p+h2,
div#text ul+h2 {
padding: 10px 0 0 0;
}

div#text h3 {
font-size: 0.95em;
margin-bottom: 5px;
}

div#text p+h3,
div#text ul+h3 {
padding: 10px 0 0 0;
}

div#text p {
line-height: 17px;
margin-bottom: 17px;
text-align: justify;
}

div#text ol {
line-height: normal;
margin: 10px 0 10px 1.5em;
}

div#text ul {
line-height: normal;
margin: 0 0 20px 1.5em;
display: inline-block;
}

div#text ol li {
list-style: decimal;
}

div#text ul li {
list-style: square;
}

div#text hr {
margin: 0 0 10px 0;
}

/*
div#text th {
background: #323234;
color: #ffffff;
font-weight: bold;
padding: 5px 15px 5px 15px;
}

div#text td {
background: #515151;
color: #ffffff;
padding: 5px 15px 5px 15px;
}
*/

div#text img {
margin: 0;
padding: 0;
}

div#text img[style="float: left;"] {
margin-right: 15px;
margin-bottom: 15px;
}

div#text img[style="float: right;"] {
margin-bottom: 15px;
margin-left: 15px;
}


/* guide */

div#guide {
background: #f5f4f1 url('./../../_layout/_www/guide-bg.jpg') 0 0 repeat-x;
bottom: 0;
border-top: 1px solid #c3c2c0;
left: 0;
padding: 19px 0 19px 19px;
position: absolute;;
width: 637px;
}

div#guide li {
float: left;
margin: 0 9px 0 0;
height: 193px;
overflow: hidden;
position: relative;
width: 200px
}

div#guide li.axor-tour span.ir {
background-image: url('./../../_layout/_www/guide-axor.jpg');
}

div#guide li.steak-lobby span.ir {
background-image: url('./../../_layout/_www/guide-lobby.jpg');
}

div#guide li.buffet span.ir {
background-image: url('./../../_layout/_www/guide-buffet.jpg');
}


/* promo */

div.promo {
background: url('') 0 0 no-repeat;
padding: 164px 0 24px 0;
}

div.promo h3 {
color: #a20404;
margin: 0 8px 4px 8px;
}

div.promo p {
padding: 8px 8px 0 8px;
}

div.promo strong {
display: block;
}

div.promo p.button {
height: 62px;
left: -19px;
margin: 16px 0 0 0;
overflow: hidden;
padding: 0;
position: relative;
width: 303px;
}

div.promo p.button span.ir {
background-image: url('./../../_layout/_www/button-more.jpg');
}


/* online booking */

div#online-booking {
background-image: url('./../../_layout/_www/booking.jpg');
}

div#online-booking p {
clear: both;
}

div#online-booking p.float {
clear: none;
float: left;
margin: 0 5px 0 0;
}


/* music club */

div#axor {
background-image: url('./../../_layout/_www/axor.jpg');
}


/* list */

div#list ul {
list-style: none !important;
margin: 0 0 15px 0 !important;
padding: 0 !important;
width: 100% !important;
}

div#list li {
list-style: none !important;
}

div#list li.column {
float: left;
margin: 0 13px 26px 0;
width: 197px;
}

div#list li.column.last {
margin-right: 0;
}

div#list li.column.last+li{
clear: both;
}

div#list li.column h2 {
display: table-cell;
height: 38px;
padding: 0 0 5px 0;
text-align: center;
vertical-align: bottom;
width: 197px;
}

div#list li.column span.thumb {
background: #eeece7 url('./../../_layout/_www/photo-bg.jpg') 0 0 no-repeat;
float: left;
height: 133px;
padding: 10px;
width: 177px;
}


/* gallery */

ul.gallery-section {
list-style: none !important;
margin: 0 0 15px 0 !important;
padding: 0 !important;
width: 100% !important;
}

ul.gallery-section li {
background: #eeece7 url('./../../_layout/_www/photo-bg.jpg') 0 0 no-repeat;
float: left;
height: 133px;
list-style: none !important;
margin: 0 13px 13px 0;
padding: 10px;
width: 177px;
}

ul.gallery-section li.last {
margin-right: 0;
}

ul.gallery-section li.last+li{
clear: both;
}


/* downloads */

div#downloads {
float: left;
margin: 10px 0 10px 0;
width: 100%;
}

div#downloads ul {
list-style: none !important;
margin: 0 0 15px 0 !important;
padding: 0 !important;
}

div#downloads li {
height: 25px;
line-height: 25px;
list-style: none !important;
}

div#downloads li span.type img {
position: relative;
top: 3px;
}

div#downloads li span.name {
padding: 0 0 0 10px;
}

div#downloads li span.size {
font-style: italic;
}


/* form */

div.form fieldset {
float: left;
width: 100%;
}

div.form legend {
color: #a20404;
font-size: 1.1em;
font-weight: bold;
padding: 0 0 10px 0;
}

div.form p {
float: left;
width: 100%;
}

div.form label {
display: block;
float: left;
margin: 0 0 2px 0;
width: 120px;
}

div.form input.text {
float: left;
width: 220px;
}

div.form input.check {
float: left;
margin: 2px 10px 0 0;
}

div.form textarea {
height: 60px;
}

div.form input.submit {
background: #ffffff url('./../../_layout/_www/button.png') 0 center no-repeat;
border: 0;
color: #a20404;
font-family: Georgia, Arial, sans-serif;
font-size: 1.2em;
font-weight: bold;
height: 49px;
line-height: 49px;
padding: 0 0 0 34px;
text-align: center;
text-transform: uppercase;
width: 195px;
}


/* online booking form */

div#online-booking-form {
float: left;
margin: 18px 0 0 0;
}

div#online-booking-form fieldset.accommodation {
width: 45%;
}

div#online-booking-form fieldset.contact {
width: 55%;
}

div#online-booking-form p.date {
margin-bottom: 30px;
}

div#online-booking-form p.date,
div#online-booking-form p.room {
width: 120px;
}

div#online-booking-form p.date input,
div#online-booking-form p.room input {
width: 90px;
}

div#online-booking-form p.reconstructed {
margin-top: 13px;
}

div#online-booking-form p.reconstructed label {
width: auto;
}

div#online-booking-form p.name {
margin-bottom: 30px;
}

div#online-booking-form p.name,
div#online-booking-form p.data {
width: 169px;
}

div#online-booking-form p.name input,
div#online-booking-form p.data input {
width: 139px;
}

div#online-booking-form p.address {
margin-top: 13px;
}

div#online-booking-form p.address textarea {
resize: none;
width: 308px;
}

div#online-booking-form p.agreement {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
margin: 5px 0 20px 0;
padding: 20px 0 17px 0;
}

div#online-booking-form p.agreement label {
width: auto;
}


/* footer */

div#footer {
background: url('./../../_layout/_www/footer-bg.png') 0 0 no-repeat;
height: 165px;
padding: 0 8px 24px 8px;
position: relative;
width: 960px;
}

div#footer div.contacts {
float: left;
font-size: 0.9em;
height: 74px;
padding: 25px 0 0 0;
}

div#footer div.contacts p {
background: url('') 0 4px no-repeat;
float: left;
line-height: 18px;
padding: 0 0 0 38px;
margin: 0 50px 0 24px;
}

div#footer div.contacts p.address {
background-image: url('./../../_layout/_www/envelope.png');
padding-left: 40px;
}

div#footer div.contacts p.contact {
background-image: url('./../../_layout/_www/phone.png');
}

div#footer p.contact span,
div#footer p.contact strong {
float: left;
}

div#footer p.contact strong {
width: 70px;
}

div#footer div.copyright {
bottom: 14px;
color: #ffffff;
float: left;
font-family: Arial, sans-serif;
font-size: 0.85em;
height: 24px;
left: 14px;
line-height: 24px;
position: absolute;
}

div#footer div.author {
bottom: 14px;
float: right;
position: absolute;
right: 14px;
}

div#footer div.author a {
background-image: url('./../../_layout/_www/logo-skymedia.png');
display: block;
height: 24px;
position: relative;
overflow: hidden;
width: 100px;
}