/* 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: 30px; }

#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: 186px; }

#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; }
.fb_share {
	float:left;
	width: 40px;}