/* Color Legend */

/* Reset */


html, body {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 10px;
    margin: 0;
    padding: 0;
}
div, span, article, aside, footer, header, hgroup, nav, section, 
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
img {
    border: 0 none;
    margin: 0;
    padding: 0;
}
table, tr, th, td, tbody, tfoot, thead {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input, select, textarea, form, fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
    display: block;
}
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strike {
    color:#660000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
}
ol, ul {
    list-style: none outside none;
}

/* Global */

html {
}
body {
	background-color:#F5ECCD;
	background-image: url("../images/hatterkep.jpg");
	text-align: center;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
	
}
h1 {
	border-bottom: 1px solid #660000;
	border-top: 1px solid #660000;
	color:#660000;
	font-size: 24px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	margin-top: 15px;
	padding-top: 15px;
	text-align: center;
}
h2 {
    font-size: 20px;
	text-align: center;	}
h3 {
    font-size: 16px;
    margin-bottom: 10px;
	margin-top:10px
	padding: 10px;
	text-align: center;	}
h4 {
	font-size: 16px;
	margin-bottom: 10px;
	margin-top:10px
	padding: 10px;
	text-align:left;	}

h5 {
	font-size: 16px;
	margin-bottom: 10px;


	margin-top:10px
	padding: 10px;
	text-align: center;
	color:#660000;
		}
	
h6 {
	border-top: 1px solid #660000;
	margin-bottom: 10px 0 0 10px;
	padding-bottom: 20px;
	margin-left:200px;
	margin-right:200px;
	

 }
	
	
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    margin: 0;
}
p {
	color: #000000;
	font-size: 12px;
	line-height: 150%;
	margin: 15px 0;
	text-align: left;
}
p .left {
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0;
}
p .right {
    margin: 1.5em 0 1.5em 1.5em;
    padding: 0;
}
a {
}
a:link {
    color:##A45200;
}
a:visited {
    color:#800000;
}
a:active {
    color: #000000;
}
a:focus {
    color: #666666;
}
a:hover {
	color: #808040;
	float:none;

	
}
blockquote {
    color: #000000;
    font-size: 12px;
}
strong {
	color: #000000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 100%;
	line-height: 100%;
	text-align: left;
	text-decoration: none;
	text-indent: 0;
	font-weight: normal;

}
em {
	font-style: italic;
	color: #000000;
}
.image-frame {
    border: 1px solid #660000;
    margin: 10px;
    padding: 10px;
	float:left;
}

ul {
}
ol {
    list-style-type: decimal;
}
ul li {
    color: #999;
    font-size: 12px;
}
ol li {
	color: #000;
	font-size: 12px;
}
dl {
}
dt {
}
dd {
}
table {
	width: 100%;
	text-align: center;
}
tr {
}
.odd {
    background-color: #FFFFFF;
}
.even {
    background-color: #FFFFFF;
}
th {
    font-weight: bold;
}
thead, th {
	background: none repeat scroll 0 0 #CCCCCC;
	background-color: #F5ECCD;
}
tbody {
}
th, td, caption {
}
caption {
}
tfoot {
}
.tfooter {
    background-color: #CCCCCC;
    font-style: italic;
    text-align: center;
}
caption {
    background: none repeat scroll 0 0 #EFEFEF;
}
sup, sub {
    line-height: 0;
}
abbr, acronym {
    border-bottom: 1px dotted #666666;
}
address {
}
del {
    background: none repeat scroll 0 0 #FFCECE;
    color: #FF0000;
}
code, pre {
    background-color: #FFFF99;
    font-family: "Courier New",Courier,monospace;
    font-size: 12px;
    font-weight: normal;
    line-height: 150%;
    margin: 4px 25px;
    padding: 2px 0;
}
#header {
    background: url("../images/logo/head-logopng") repeat-x scroll 0 0 transparent;
    height: 213px;
    z-index: 100;
}
#outer {
    background-color:#F5ECCD;
    margin: 0 auto;
    width: 960px;
}
#wrapper {
    background-color:#F5ECCD;
    margin: 0 auto;
    width: 900px;
}
#logo {
    margin: 20px 0 ;
	float: left;
	}
#logo-kicsi {
    margin: 20px 50px ;
	float: left;
	}

	
#social-media-icons {
	text-align:center;
}
#social-media-icons ul li {
    display: inline;
}
#social-media-icons ul {
    margin-top: 10px;
	text-align:center;
}
#topnav {
    clear: both;
}
#topnav ul {
    border-bottom: 1px solid #660000;
    border-top: 1px solid #660000;
    margin: 20px 0;
    padding: 10px 0;
    text-align:center;
}
#topnav ul li {
    display: inline;
}
#topnav ul li a {
    padding: 0 8px;
}
#topnav a:link {
	color: #660000;
}
#topnav a:visited {
	color: #000;
}
#topnav a:active {
    color: #000000;
}
#topnav a:focus {
	color: #000000;
}
#topnav a:hover {
	color: #6A6A00;
}
#banner {
    margin-bottom: 30px;
}
#slider {
    margin-bottom: 30px;
}
#content {
    float: left;
    width: 850px;
}
#content-fullwidth {
    width: 100%;
}
#rightside {
    float: right;
    width: 200px;
}
#rightside-text {
	text-align: center;
}
#bottom-banner {
    clear: both;
	border-top: 1px solid #660000;
	border-bottom: 1px solid #660000;

	padding: 20px 0;

}
#bottom-banner p {
    clear: both;
	margin: 20px;
	display:inline;
}
#bottom-banner-text p {
    clear: both;
	margin: 20px;
	display:inline;
}

#gallery-text {
    clear: both;
	margin: 20px;
	display:inline;
}

#footer {
    border-top: 1px solid #660000;
    clear: both;
    margin: 20px 0;
	padding-bottom: 20px;
	text-align:center;
}
#box1 {
    background-color:#F9F2DD;
    border-top: 15px solid #A45200;
    float: left;
    margin: 25px;
    width: 250px;
}
#box2 {
    background-color: #F9F2DD;
    border-top: 15px solid #978353;
    float: left;
    margin: 25px;
    width: 250px;
}
#box3 {
    background-color: #F9F2DD;
    border-top: 15px solid #6A6A00;
    float: left;
    margin: 25px;
    width: 250px;
}
#box1 h3, #box2 h3, #box3, #box4, #box5,#box6, #box7,#box6, h3 {
    margin: 25px 10px 10px;
}
#box1 p, #box2 p, #box3 #box4,#box5 #box6, #box7,#box8, p {
	margin: 5px 10px 10px;
	text-align: justify;
}
#box4 {
	background-color: #F9F2DD;
	border-top: 15px solid #6A6A00;
	float: left;
	width: 870px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
}
#box5 {
background-color: #F9F2DD;
border-top: 15px solid #6A6A00;
float:left;
padding:0 0 0 25px;
width: 401px;

}
#box6 {
background-color: #F9F2DD;
border-top: 15px solid #630;
float:left;
padding:0 0 0 25px;
width: 401px;
}
#box7 {
background-color: #F9F2DD;
border-top: 15px solid #6A6A00;
float:left;
width: 430px;

}
#box8 {
background-color: #F9F2DD;
border-top: 15px solid #630;
float:left;
width: 430px;
}
#left {
	float:left;
	width:200px;
}
#right {
	float:right;
	width:200px;
}
#center {
	width:200px;
}



form ol {
    list-style-type: none;
}
form {
    margin: 20px;
    text-align: left;
}
label {
    background: none repeat scroll 0 0 transparent;
    display: block;
    float: left;
    font-weight: bold;
    margin-top: 5px;
    text-align: right;
    width: 150px;
	color: #C60;
}
submit {
    background: none repeat scroll 0 0 transparent;
}
input {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #BBBBBB;
    margin: 0 0 16px 10px;
    padding: 5px;
    width: 280px;
}
input:focus, textarea:focus {
	background-color: #FFF;
}
textarea {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #BBBBBB;
    height: 150px;
    margin: 0 0 16px 10px;
    padding: 5px;
    width: 280px;
}
select {
    margin-bottom: 20px;
}
.month {
    margin-left: 155px;
}
.submit {
    font-size: 12px;
    height: 25px;
    margin-left: 170px;
    width: 90px;
}
br {
    clear: left;
}
.clear {
    clear: both;
}
.popup-link {
    display: block;
    font-size: 12px;
    margin: 5px 10px;
}
.date {
    color: #BF6000;
    font-weight: bold;
    margin-bottom: 1px;
	text-align:center;
}
.copyright-text {
    color: #333333;
    font-size: 80%;
    font-style: italic;
}
.footer-text {
    color: #660000;
    font-size: 12px;
    font-style: normal;
    text-align: center;
}
.title {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
}
.subtitle {
    color: #333333;
    font-size: 14px;
    font-style: italic;
}
.artist {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
}
.author {
    color: #555555;
}
.editor {
    color: #555555;
}
.pub-date {
    color: #555555;
}
.article-date {
    color: #555555;
}
.location {
    color: #555555;
}
.float-right {
    float: right;
}
.float-left {
    float: left;
}
.clear {
    clear: both;
}
.hide {
    display: none;
}
.block {
    display: block;
}
.inline {
    display: inline;
}
.first {
    font-weight: bold;
}
.last {
    font-weight: bold;
}
.left {
    font-weight: bold;
    text-align: left;
}
.right {
    font-weight: bold;
    text-align: right;
}
.added {
    background: none repeat scroll 0 0 #D7D7FF;
}
.removed {
    background: none repeat scroll 0 0 #FFCECE;
    color: #FF0000;
}
.changed {
    background: none repeat scroll 0 0 #FFFFBB;
}
.error, .alert, .notice, .success, .info {
    border: 2px solid #DDDDDD;
    margin-bottom: 1em;
    padding: 0.8em;
}
.error, .alert {
    background: none repeat scroll 0 0 #FBE3E4;
    border-color: #FBC2C4;
    color: #8A1F11;
}
.notice {
    background: none repeat scroll 0 0 #FFF6BF;
    border-color: #FFD324;
    color: #514721;
}
.success {
    background: none repeat scroll 0 0 #E6EFC2;
    border-color: #C6D880;
    color: #264409;
}
.info {
    background: none repeat scroll 0 0 #D5EDF8;
    border-color: #92CAE4;
    color: #205791;
}
.error a {
    color: #8A1F11;
}
.alert a {
    color: #8A1F11;
}
.notice a {
    color: #514721;
}
.success a {
    color: #264409;
}
.info a {
    color: #205791;
}

/*==== Column ====*/
.one_half, .one_third, .two_third, 
.three_fourth, .one_fourth, .one_fifth, 
.two_fifth, .three_fifth, .four_fifth, 
.one_sixth, .five_sixth						{
	margin-right: 4%;
	margin-left:0;
	position:relative;
	float:left;
	background-image: url(images/szepirodalmi%20palyazatok%202014/felfulu%20ember%20%20konyv%20fedolap240x330.jpg);
}

.one_half									{ width:48%; }
.one_third									{ width:30.6666%;}
.one_fourth									{ width:22%; }
.one_fifth									{ width: 16.8%;}
.one_sixth 									{ width: 13.3333%;}

.two_third									{ width: 65.3332%;}
.two_fourth 								{ width: 48%;}
.two_fifth 									{ width: 37.6%;}
.two_sixth 									{ width: 30.6666%;}

.three_fourth								{ width:74%;}
.three_fifth 								{ width: 58.4%;}
.three_sixth 								{ width: 47.9998%;}

.four_fifth 								{ width: 79.2%;}
.four_sixth 								{ width: 65.3332%;}

.five_sixth 								{ width: 82.6665%;}
.firstcols									{ margin-left:0px !important; }
.last, .lastcols							{ margin-right:0px !important; clear:right; }

/* float align */
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
	margin-top: 3px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
	margin-top: 5px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignnone,
img.alignnone {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:3px;
}


img.alignleft, 
img.alignright, 
img.aligncenter,
img.alignnone {
	margin-bottom: 12px;
}