/* title: rosto.sk css document
   author: Martin Gabzdil Libertiny
   updated: 10. october 2008 */

/* --- RESET --- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, hr, embed, object {
	margin: 0; padding: 0; }
table {
	border-collapse: collapse; border-spacing: 0; }
fieldset, img { 
	border: 0; }
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal; font-weight: normal; }
ol, ul, li {
	list-style: none; }
caption, th {
	text-align: left; }
h1, h2, h3, h4, h5, h6 {
	font-size: 100%; font-weight: normal; }
q:before, q:after {
	content: ''; }
abbr, acronym {
	border: 0; }
img {
	display: block; }
/* --- LINKS --- */		
a:link, a:visited {
	color: #ecaa24; text-decoration: none; }
a:hover, a:active {
	color: #fff; text-decoration: none; }
/* --- BASIC SETUP --- */
html {
	color: #ccb490; font-family: Georgia, serif; font-size: 100.01%; margin-bottom: 1px; min-height: 100%; }
body { 
	background-color: #1b0e00; font-size: 16px; }
.out {
	background: url(../img/rosto_new_081-bar.png) repeat-x; height: 100%; text-align: center; width: 100%; }
.in {
	background: url(../img/rosto_new_081.png) no-repeat; margin: 0 auto; width: 1000px; overflow: hidden; }
p {
	line-height: 1.5; }
.hidden {
	visibility: hidden; }
.nomargin {
	margin: 0 ! important; }
.nopadding {
	padding: 0 ! important; }
.hide {
	display: none; }
/* HEADER */
#header {
	height: 284px; text-align: left; display: block; }
#header #logo {
	float: left; margin-top: 19px; margin-left: 80px; display: inline; }
#header #nav {
	float: left; margin-top: 40px; margin-left: 15px; display: inline; }
#header ul {
	margin: 0; padding: 0; float: left; }
#header ul li {
	display: inline; }
#header #nav ul li a {
	float: left; padding-left: 20px; text-decoration: none; font-weight: bold; color: #33270c; }
#header #nav ul li a:hover {
	color: #ecaa24; }
#header #slogan {
	clear: both; color: #000; font-size: 36pt; overflow: visible; }
#header #slogan h1 {
	float: left; color: #000; letter-spacing: -2pt; margin-left: 40px; text-align: left; width: 960px; line-height: 66px; display: inline; }
#header #slogan h1#top {
	color: #fff; margin-top: -68px; }
#header #breadcrumbs {
	clear: both; float:left; width: 920px; padding: 25px 40px 0; font-size: 10px; display: inline; }
#header #breadcrumbs a {
	color: #744e00; }
#header #breadcrumbs a:hover {
	color: #ecaa24; }
#header #langbox {
	float: right; margin-top: -14px; padding-right: 22px; }
#header #langbox .lang_h {
	float: left;  height: 20px; margin-top: -8px; }
#header #langbox .lang_h#svkoff_h {
	background: url(../img/slovak_h.png) 0px 0px no-repeat; }
#header #langbox .lang_h#svk_h {
	background: url(../img/slovak_h.png) 0px -20px no-repeat; }
#header #langbox .lang_h#svk_h:hover {
	background: url(../img/slovak_h.png) 0px -40px no-repeat; }
#header #langbox .lang_h#enoff_h {
	background: url(../img/english_h.png) 0px 0px no-repeat; }
#header #langbox .lang_h#en_h {
	background: url(../img/english_h.png) 0px -20px no-repeat; }
#header #langbox .lang_h#en_h:hover {
	background: url(../img/english_h.png) 0px -40px no-repeat; }
#header #navsub {
	float: left; width: 920px; margin: 10px 40px 0; border-top: 1px solid #391e00; display: inline; }
#header #navsub ul li a {
	float: left; padding: 10px; text-decoration: none; font-weight: bold; }
#header #navsub ul li a:hover {
	background-color: #391e00;  }
/* CONTENT */
#content {
	text-align: left; margin: 0 40px; }
#content h2 {
	font-size: 40px; color: #e7dbc7; }
#content .box {
	display: inline; float: left; height: 200px; margin-top: -34px; margin-right: 40px; text-align: left; width: 280px; }
#content .box#about {
	background: url(../img/about.png) no-repeat right top; }
#content .box#menucard {
	background: url(../img/menucard.png) no-repeat right top; }
#content .box#catering {
	background: url(../img/catering.png) no-repeat right top; margin-right: 0 ! important; }
#content .box#catering-en {
	background: url(../img/catering-en.png) no-repeat right top; margin-right: 0 ! important; }
#content .box#sale {
	background: url(../img/sales.png) no-repeat right top; }
#content .box#news {
	background: url(../img/news.png) no-repeat right top; }
#content .box#map {
	background: url(../img/map.png) no-repeat right top; margin-right: 0 ! important; }
#content .box a.ico {
	width: 170px; height: 70px; position: relative; top: -80px; left: 100px; margin-bottom: -75px; display: block; }
#content .box h2 {
	color: #ccb490; font-size: 40px; height: 64px; line-height: 30px; letter-spacing: -0.075em; padding-top: 8px; padding-bottom: 6px; width: 160px; overflow: visible; }
#content .box h2#fixed {
	width: 120px; }
#content .box h3 {
	font-size: 20px; }
#content .box p {
	color: #ccb490; font-size: 16px; line-height: normal; }
#content img {
	float: right; border: 1px solid #744e00; margin-left: 40px; }
#content img#margtop {
	margin-top: 40px; }
#content p.cat, #content p.con {
	padding-bottom:40px; padding-top: 5px; }
#content p.cat:first-letter {
	padding-left: 30px; }
#content p.newscat {
	padding: 5px 0 10px 30px; }
#content .carousel {
	height: 70px; margin-top: 30px; }
#content .carousel img {
	float: left; margin-left: 30px; display: inline; }
#content img.catimg {
	border: none; margin-top: -23px; }
#content .form {
	float: right; width: 400px; text-align: center; margin-right: -20px; }
#content .form .form-header {
	padding-bottom: 10px; }
#content .form .form-header p, .sent p, .not-sent p, .sent h2, .not-sent h2  {
	text-align: center; width: 360px; padding: 0 20px; margin: 0; }
#content .form fieldset {
	padding: 0 40px; border: none; text-align: left; }
#content .form label {
	display: block; margin: 10px 0 0 20px; color: #ecaa24; }
#content .form input.text, #content .form textarea {
	width: 272px; margin-left: 20px; border: 1px solid #744e00; background-color: #e7dbc7; padding: 4px; color: #1b0e00; }
#content .form input:hover, #content form textarea:hover {
	background-color: #fff; }
#content .form input.submit {
	background-color: #391e00; border: 1px solid #744e00; color: #ecaa24; padding: 5px; margin-left: 20px; margin-top: 10px; }
#content .form .nezadane {
	background-color: #fcc ! important; }
#content .form .warning, #content .form .not-sent p {
	color: #f00; }
#content .form .sent, #content .form .not-sent {
	height: 500px; }
#content .form .sent h2 {
	font-size: 24px; color: #ecaa24; padding-bottom:20px; padding-top: 5px; }
#content .form .not-sent h2 {
	font-size: 24px; color: #fcc; padding-bottom:20px; padding-top: 5px; }
#content p#menu-info {
	text-align: center; padding-bottom: 40px; }
#content i {
	color: #e7dbc7; }
#content .new-meal {
	color: #ff6200; font-size: small; font-variant: small-caps; display: inline; }
#content .menu-column {
	width: 280px; margin-right: 40px; float: left; }
#content .menu-column a {
	font-size: 22px; padding: 5px; }
#content .menu-column .menu-item {
	margin-top: 25px; border-bottom: 1px solid #391e00; padding-bottom: 5px; }
#content .menu-column .menu-item .new-meal {	
	margin-top: -20px; }
#content .menu-column .menu-item p.menu-item-prize {
	float: right; font-size: 14px; text-align: right; }
#content .menu-column .menu-item h3 {
	padding-bottom: 25px; color: #e7dbc7; }
#content #galholder {
	clear: both; padding-left: 50px; display: block; width: 800px; text-align: left; }
#content .imgholder {
	height: 120px; float: left; }
#content .imgholder img {
	float: none; }
#content #sales {
	padding: 5px 0 40px 30px; }
#content #sales h3 {
	font-size: 28px; color: #87714f; }
#content #sales ol li, #content #sales ul li {
	width: 500px; padding: 15px 0; display: block; }
#content #sales ol li span {
	float: left; padding-right: 10px; }
#content #sales .sale-prize {
	float: right; font-size: 14px; text-align: right; }
#content #sales h4 {
	color: #e7dbc7; }
#content #sales img {
	margin: 20px 0; border: none; }
#content .slideshow, #content .slideshow-2 {
	height: 266px; width: 400px; float: right; position: relative; right: 40px; margin-left: 40px; }
/* FOOTER */
#footer {
	clear: both; height: 80px; text-align: left; width: 1000px; padding-top: 40px; }
#footer img {
	float: left; margin: 0 20px 0 40px; display: inline; }
#footer #links {
	float: left; border: none; border-bottom: 1px solid #391e00; height: 26px; margin-bottom: 10px; }
#footer #links a {
	color: #744e00; padding-right: 15px; text-decoration: none; }
#footer #links a:hover {
	color: #ecaa24; }
#footer #links span {
	margin-left: 65px; }
#footer #links span.links-margin {
	margin-left: 93px; }
#footer p {
	float: left; font-size: 12px; line-height: normal; margin-right: 228px; }
#footer p a {
	color: #594a33; font-weight: bold; text-decoration: none; }
#footer p a:hover {
	color: #fff; }
#footer .lang {
	float: left;  height: 20px; }
#footer .lang#svkoff {
	background: url(../img/slovak.gif) 0px 0px no-repeat; }
#footer .lang#svk {
	background: url(../img/slovak.gif) 0px -20px no-repeat; }
#footer .lang#svk:hover {
	background: url(../img/slovak.gif) 0px -40px no-repeat; }
#footer .lang#enoff {
	background: url(../img/english.gif) 0px 0px no-repeat; }
#footer .lang#en {
	background: url(../img/english.gif) 0px -20px no-repeat; }
#footer .lang#en:hover {
	background: url(../img/english.gif) 0px -40px no-repeat; }