/*-----------------------------------------
Project: t-rest.cz - core.css
URL: http://www.t-rest.cz/
Created: Mar. 7th, 2010
----------------------------------------- */

/* CSS section order
--------------------------

 0. Font face declarations
 1. Basic elements
 2. Basic print elements
 3. Basic screen elements
 4. Content Elements

*/
/*--------------------------------
  0. Font face declarations
---------------------------------- */
@font-face {
  font-family: 'myCalibri';
  src: url('../fonts/mycalibri.eot'); /* EOT file for IE */
  src: local('Calibri'), url('../fonts/mycalibri.ttf') format('truetype'); /* TTF file for CSS3 browsers */
}

/*--------------------------------
  1. Basic elements
---------------------------------- */

@media all {

/*--- Reset Styles ---*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, address,
big, blockquote, del, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
html, body { height: 100%; font-size: 100%; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a, a:link, a:visited { text-decoration: underline; }
a:active, a:focus, a:hover { text-decoration: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
thead, tbody, tfoot, tr, th, td { empty-cells: show; vertical-align: top; }
th { text-align: left; }
address { font-style: normal; }

/*--- Typo Set Up ---*/
body, p, input, select, textarea { line-height: 1.4em; }
p, address, li { font-size: 1.1em; }
p { padding: 0.2em 0 0.5em 0; }
li li { font-size: 1em; }
h1, h2, h3, h4, h5, h6 { color: #ffeb8f; }
h1 { color: #ffdb32; font-weight: normal; font-size: 2.4em; margin-bottom: 0.7em; }
h2 { font-size: 1.9em; padding: 1em 0 0.7em; clear: left; }
h3 { font-size: 1.6em; }
a { color: #fff; }
a:hover, a:focus, a:active { color: #ffdb32; }
samp, code, kbd {  font-size: 90%; color: #666; background-color: #f0f0f0; }
small { font-size: 85%; }
dt { font-size: 1.2em; font-weight: bold; color: #61468e; }
dd { margin-bottom: 0.5em; border-bottom: 1px solid #ddd; }
strong, .bold { font-weight: bold; color: #fff; }
}

/*--------------------------------
  2. Basic print elements
---------------------------------- */

@media print {

/* @page { width: 100%; margin: 2.2cm 1.5cm; } */
* {
	position: /**/static !important; /* HIDDEN FROM IE 5.5 */
	background-image: /**/none !important; /* HIDDEN FROM IE 5.5 */
}
body { height: 100%; }
body, textarea, select, input { font: 12pt/1.3em Georgia,'New York CE',charter,serif; }
h1,h2,h3,h4,h5,h6 { margin-top: 0.5em; padding-bottom: 0.2em; page-break-after: avoid; display: block; clear: left; color: #61468e; }
h1 { font-size: 2em; line-height: 1.4em; }
h2 { font-size: 1.6em; padding-top: 0.3cm; border-top: 1px solid #61468e; line-height: 1.5em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
p { margin-bottom: 1em; text-align: justify; clear: left; }
a { color: #61468e; text-decoration: none; }
#companyLogo img { width: 8.52cm; height: 2cm; margin-bottom: 0.5cm; }
#content { border-top: 0.1cm solid #61468e; padding-top: 0.5cm; }
table { width: 100%; border-bottom: 2px solid #61468e; margin-bottom: 1cm; }
table th, table td { border-bottom: 1px solid #61468e; }
ul li { list-style: disc inside; }
ol li { list-style: decimal inside; }
#skipLinks, #primaryNav, #langNav, #footer { display: none; }
#map .dynamic { display: none !important; }

}

/*--------------------------------
  3. Basic screen elements
---------------------------------- */

@media screen,projection {

body { width: 100%; background: #b58be2 url('../images/page-bg.jpg') repeat-x center top; font-size: 0.7em; text-align: center; color: #eddeff; font-family: Calibri,myCalibri,Arial,Helvetica,sans-serif; }
abbr, acronym { text-decoration: none; cursor: help; }
td, th { padding: 0.2em 0.5em; }
.structural { position: absolute; top: 0; left: -9999em; }
#skipLinks { position: relative; height: 0; } /* HAS STYLES IN IE6.css */
#skipLinks a { position: absolute; top: 0; left: -9999em; }
#skipLinks a:active, #skipLinks a:focus { padding: 0.5em; display: block; left: 10px; top: 10px; width: auto; z-index: 100; color: #ce171f; line-height: 1.2; outline: 3px solid #fff; font-size: 1.8em; font-weight: bold; background: #fff; border: 3px dashed #ce171f; }
#page { position: relative; width: 810px; margin: 0 auto; min-height: 100%; text-align: left;  font-size: 1.1em; } /* HAS STYLES IN IE6.css */
#header, #content, #footer { clear: both; position: relative; }
#companyLogo { float: right; background: url('../images/t-rest-logo.png') no-repeat left 13px; padding-top: 13px; margin: 0 10px 8px 0; }
#companyLogo a { display: block; width: 157px; height: 155px; }
#companyLogo img { position: absolute; top: 0; left: -9999em; }

}

/*--------------------------------
  4. Content Elements
---------------------------------- */

@media screen,projection {

#header {
	z-index: 2;
	background: url('../images/header-bg.jpg') no-repeat center 25px;
	padding: 25px 0 0 0;
	display: table;
	width: 100%;
	margin-bottom: 8px;
}
#primaryNav {
	clear: both;
	background: url('../images/topnav-bg.png') repeat-x left top;
	float: right;
	width: 100%;
	font-size: 1.3em;
	min-height: 39px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#primaryNav li {
	margin-left: 25px;
	padding-top: 6px;
	float: left;
}
#primaryNav a,
#primaryNav strong {
	display: block;
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	padding: 5px 10px 5px 35px;
	color: #fff;
	font-weight: normal;
}
#primaryNav a:hover,
#primaryNav a:active,
#primaryNav a:focus {
	text-decoration: underline;
}
#primaryNav strong {
	color: #ffeb8f;
}
#primaryNav .home a,
#primaryNav .home strong {
	background-image: url('../images/ico-home.png');
}
#primaryNav .drinks a,
#primaryNav .drinks strong {
	background-image: url('../images/ico-drinks.png');
}
#primaryNav .gallery a,
#primaryNav .gallery strong {
	background-image: url('../images/ico-gallery.png');
}
#primaryNav .map a,
#primaryNav .map strong {
	background-image: url('../images/ico-map.png');
}
#langNav {
	position: absolute;
	left: 730px;
	top: 240px;
	z-index: 3;
}
#langNav li {
	margin-left: 2px;
	background: #1d0b47;
	float: left;
}
#langNav .active {
	background: #342161;
}
#langNav a,
#langNav span {
	display: block;
	padding: 5px 8px 3px;
	text-decoration: none;
}
#langNav .active span {
	padding: 5px 10px;
}
#content {
	float: left;
	width: 730px;
	padding: 45px 40px 35px;
	background: url('../images/content-bg.png') repeat left top;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#footer {
	color: #1a0a3f;
	padding: 15px 40px 0 0;
	margin: 0 40px;
	min-height: 4.5em;
	background: url('../images/t-rest-logo-small.png') no-repeat right center;
}
#footer p {
	padding: 0;
}
#abstractNav,
#footer address {
	line-height: 1.4em;
	float: left;
	font-style: normal;
	clear: both;
	width: 50%;
}
#abstractNav li {
	display: inline;
}
#abstractNav a {
	border-left: 1px solid #190a3e;
	padding: 0 0.4em 0 0.6em;
	line-height: 1em;
}
#abstractNav li:first-child a {
	border-left: none;
	padding-left: 0;
}
#copyrightInfo,
#author {
	float: right;
	clear: right;
	width: 50%;
	text-align: right;
}
#footer a {
	color: #420388;
}
#map {
	background: #e5e3df;
	text-align: center;
}
#map,
#map .dynamic {
	width: 730px;
	height: 250px;
}
#map .static {
	display: none;
}
.specialOffer {
	padding-right: 320px;
	background: url('../images/cocktails.png') no-repeat 430px bottom;
	min-height: 262px;
}
.imageBox {
	padding-top: 0;
	display: table;
	width: 100%;
}
.imageBox a {
	display: block;
	margin: 0 7px;
	float: left;
}
.imageBox a:first-child {
	margin: 0 15px 0 0;
}
.imageBox a + a {
	margin: 0 0 0 15px;
}
.layoutAreaHalf {
	float: left;
	width: 50%;
}
.layoutAreaThird {
	float: left;
	width: 33%;
}
.pricelist {
	width: 96%;
	margin: 0 2% 15px;
}
.pricelist th,
.pricelist td {
	border-bottom: 1px solid #7f60b1;
}
.pricelist th {
	color: #fff;
	font-size: 1.2em;
}
.pricelist .name {
	width: 57%;
}
.pricelist .volume {
	width: 20%;
}
.pricelist .price {
	width: 23%;
	text-align: right;
}
.pricelist .note {
	font-size: 0.9em;
	font-style: italic;
	display: block;
}
.pricelist .comment {
	cursor: help;
	text-decoration: underline;
}
.list li {
	list-style: disc;
	padding-bottom: 5px;
}
.list ul {
	padding-top: 5px;
	margin-left: 15px;
}
.list ul li {
	list-style: circle;
}
.emphasis {
	text-transform: uppercase;
}
.label {
	width: 10em;
	float: left;
}

/**
 * jQuery lightBox plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

}