/*
Cím:            Vadása Kemping stíluslap (screen)
Készítette:     Farkas Gábor Imre (gi.farkas@gmail.com)
Dátum:          2007. július 10.
*/

body {
    margin: 0;
    padding: 0;
    background-image: url('../images/body-bg.png');
    background-repeat: repeat-x;
    background-color: #ab9c83;
	font-family: "Verdana", "Helvetica", sans-serif;
}

/* Címsorok
--------------------------------------------------------------*/

h1 {
    width: 812px;
    height: 166px;
    margin: 0 auto;
    padding: 0;
    background-image: url('../images/header-logo.gif');
    background-repeat: no-repeat;
}

h1 span {
    display: none;
}

h2 {
    margin: 0;
    padding: 0 0 25px 0;
	font: 18px 'Georgia', serif;
	font-weight: normal;
    color: #281800;
}

h3 {
    font-size: 14px;
	color: #403d2e;
	margin: 0 0 25px 0;
}

/* Fejléc
--------------------------------------------------------------*/

#header {
    width: 100%;
    background: #75553e url('../images/header-bg.gif') top center repeat-x;
}

/* Navigáció
--------------------------------------------------------------*/


#nav {
    width: 812px;
    margin: 25px auto 0 auto;
    padding: 0;
    list-style: none;
    font: 16px 'Georgia', serif;
}

#nav li {
    float: left;
	margin: 0 3px 0 0;
}

#nav li a {
    float: left;
    text-align: center;
    text-decoration: none;
    color: #b77e25;
    background: #442a00 url('../images/left-tab.gif') top left no-repeat; 
}

#nav li a span {
    float: left;
	padding: 12px;
    background: url('../images/right-tab.gif') top right no-repeat;
}

#nav li a:hover {
    color: white;
    background: #51370d url('../images/left-tab-hover.gif') top left no-repeat; 
}

#nav li a:hover span {
    background: url('../images/right-tab-hover.gif') top right no-repeat;
}

#nav li.selected a, #nav li.selected a:hover {
    color: #962e00;
    background: white url('../images/left-tab-selected.gif') top left no-repeat; 
}

#nav li.selected a span, #nav li.selected a:hover span {
    background: url('../images/right-tab-selected.gif') top right no-repeat;
}

/* Köszöntő felirat
--------------------------------------------------------------*/

#short-container {
    width: 100%;
    background: white url('../images/short-border.gif') 0 100% repeat-x;
}

#short {
    width: 812px;
	height: 100%;
    margin: 0 auto;
    padding: 30px 0 38px 0;
	background: url('../images/leaves.png') center left no-repeat;
}

#short p {
    margin: 0 0 0 150px;
    padding: 0;
    font: 19px 'Georgia', serif;
    line-height: 30px;
    color: #695533;
}

/* Tartalom, fő elemek stílusai
--------------------------------------------------------------*/

#content {
    width: 812px;
    margin: 0 auto;
    padding: 2.3em 0;
	overflow: hidden;
}

#content p a, #content ul a, #short p a, table a {
    color: #38654e;
	text-decoration: none;
	padding-bottom: 1px;
}

#content p a:hover, #content ul a:hover, #short p a:hover, table a:hover {
    background-color: white;
	border-bottom: 1px solid #a3dec0;
}

#content-container {
    width: 100%;
    background: #f3eac3 url('../images/short-border.gif') top left repeat-x;
}

#content-container img {
    border: 10px solid white;
    padding: 0;
    margin: 0 0 25px 0;
}

p {
    margin: 0;
    padding: 0 0 25px 0;
    color: #4d4c46;
	font-size: 13px;
	line-height: 20px;
}

p.error, p.okay, #alternatives {
    margin: 0 0 25px 0;
    padding: 15px;
	background: white;
}

p.error, #alternatives {
	border: 1px solid #e1ac75;
}

p.error {
	color: #cb3813;
}

p.okay {
	border: 1px solid #bcd775;
	color: #495900;
}

hr {
    display: block;
    width: 100%;
    border: none;
	color: #f3eac3;
	background-color: #f3eac3;
    border-bottom: 1px dashed #cfc38f;
    margin: 0 auto 25px auto;
}

.clearleft {
    clear: left;
}

.warning {
    color: red;
}

/* Űrlapok
--------------------------------------------------------------*/

form {
    margin: 0 0 25px 0;
    padding: 15px;
	border: 1px solid #fdfbf3;
}

fieldset {
    padding: 0;
    margin: 0 0 25px 0;
    border: none;
}

label {
    width: 130px;
    padding: 6px 12px 6px 0;
    float: left;
    display: block;
    margin-bottom: 8px;
	font-weight: bold;
	font-size: 13px;
    color: #444239;
}

input {
    display: block;
	float: left;
    padding: 6px;
	font: 13px "Verdana", "Helvetica", sans-serif;
    border: 1px solid #dad3b1;
    background: white url('../images/input-bg.png') top left repeat-x;
    color: #504f49;
}

.hidden {
    display: none;
}

form span {
    float: left;
    padding: 6px 12px 6px 0;
    font-weight: bold;
    font-size: 13px;
    color: #495900;    
}

fieldset.selectgroup {
    float: left;
    border: none;
    padding: 0 0 3px 0;
    margin: 0;
}

select {
    padding: 2px;
    margin: 2px 6px 8px 0;
	font: 13px "Verdana", "Helvetica", sans-serif;
    border: 1px solid #dad3b1;
    background: white url('../images/input-bg.png') top left repeat-x;
    color: #504f49;
}

button {
    padding: 6px;
    background: #fffdf6;
    border: 1px solid #d2c894;
	font: 13px "Verdana", "Helvetica", sans-serif;
	font-weight: bold;
	font-size: .8em;
    color: #55513b;
}

#content button img {
    margin: 0 8px -1px 0 !important;
    padding: 0;
	border: none;
}

/* Bal oldali hasáb
--------------------------------------------------------------*/

#left-column {
    padding-right: 31px;
	padding-bottom: 10000px;
	margin-bottom: -10000px;
	margin-right: 30px;
    float: left;
    width: 485px;
    border-right: 1px dashed #cfc38f;
}

/* Jobb oldali hasáb
--------------------------------------------------------------*/

#right-column {
    width: 265px;
    margin: 0 0 -10000px 0;
	padding-bottom: 10000px;
	font-size: 13px;
	float: left;
}

#right-column table td {
    padding: .6em;
}

/* Lábléc
--------------------------------------------------------------*/

#footer-container {
	clear: both;
    width: 100%;
    padding: 30px 0;
    background: url('../images/footer-bg.png') repeat-x;
}

#footer {
    width: 812px;
    margin: 0 auto;
}

#footer p {
    margin: 0;
    padding: 0 0 0 50px;
    color: #e4d9c7;
	font-size: 11px;
	line-height: 15px;
    background: url('../images/star.gif') center left no-repeat;
}

#footer p a {
    text-decoration: none;
    color: #f6ebd8;
	padding: 0 0 2px 0;
}

#footer p a:hover {
    background-color: #8b7f6b;
	border-bottom: 1px solid #e4d9c7;
}

/* Listák
--------------------------------------------------------------*/

#content ul {
    margin: 0 0 25px 0;
    padding: 0;
    font: 13px/1.65em "Verdana", "Helvetica", sans-serif;
    color: #202824;
    list-style-position: outside;
    list-style-type: none;
}

#content ul li {
    margin-bottom: 5px;
	background: url('../images/plus.gif') 0 .6em no-repeat;
	padding: 0 0 0 17px;
}

#content ul.largespacing li {
    margin-bottom: 25px;
}

/* Képgaléria stílusai
--------------------------------------------------------------*/

#content .thumbnail {
    float: left;
	width: 105px;
	height: 105px;
	margin: 0 8px 8px 0;
}

#content .thumbnail a {
    border: none;
	margin: 0;
	background: none;
}

#content .thumbnail a img {
    width: 85px;
	height: 85px;
	background: #ebe3c1;
	padding: 8px;
	border: 2px solid #d7d0b2;
}

#content .thumbnail a:hover img {
    background: white;
    border: 2px solid white;
}

/* Táblázat
--------------------------------------------------------------*/

table {
    width: 100%;
	margin: 0 0 25px 0;
	padding: 0;
	font-size: 13px;
	border: 1px solid white;
}

table td {
    background-color: #f8f5e8;
	border: 1px solid #dbcf9c;
	color: #394144;
	padding: 8px;
}

table thead td {
    background-color: white;
	border: 1px solid #dbcf9c;
	font-weight: bold;
	color: #34515c;
}

/* Float javítás
--------------------------------------------------------------*/

.clearfix:after { 
    content: "."; 
    display: block; 
    height: 0; 
    font-size: 0; 
    clear: both; 
    visibility: hidden; 
} 
.clearfix {display: inline-block;} 
/* \\*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* */