/* CSS Reset */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video

{

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

}



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section

{

    display: block;

}



body

{

    line-height: 1;

}



ol, ul

{

    list-style: none;

}



blockquote, q

{

    quotes: none;

}



blockquote:before, blockquote:after, q:before, q:after

{

    content: '';

    content: none;

}



table

{

    border-collapse: collapse;

    border-spacing: 0;

}



/* CSS */



body

{

    font-family:"Arial";

    background-color:#ffffff;

}



#container {

    width:960px;

    margin:0px auto;

    background-color:#ffffff;

}



#header { 

    margin-bottom:20px;

    clear:both;

}

#header h1 {
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 600;
  color: #244bae;
  margin: 50px 0 15px;
}
#header h2 {
    font-size: 22px;
    color: #666;
}

#header img {
    max-width: 400px;
    display: block;
}

#gallery {

    padding:20px;

    text-align:center;

    overflow:hidden;

    clear:both;

}



.thumbnail

{

    margin:4px;

    border:4px solid #ffffff;

    display: inline-block;

}

.thumbnail a,
.thumbnail img {
    display: block;
}

.thumbnail:hover

{

    margin:4px;

    border:4px solid #adadad;

    display: inline-block;

}



#content {

    float:left;

    width:600px;

    padding:10px;

}



#sidebar {

    float:left;

    width:320px;

    padding:10px;

    background-color:#dddddd;

}



#footer {

    padding:10px;

    clear:both;

    text-align:center;

}



.projekt_alcim

{

    color:#244bae;

    font-weight:bold;

    text-transform:uppercase;

    margin-top:20px;

    margin-bottom:10px;

}



.projekt_szoveg

{

    color:#666666;

    text-align:justify;

}

.projekt_szoveg p {
    margin: 10px 0;
}
.projekt_szoveg em {
    font-style: italic;
}
.projekt_szoveg ul {
    list-style-type: disc;
    padding: 0;
    margin: 20px 0 20px 40px;
}
.projekt_szoveg strong {
    font-weight: 600;
}


.infobox_alcim

{

    color:#244bae;

    font-size:80%;

    font-weight:bold;

    text-transform:uppercase;

    margin-top:20px;

    margin-bottom:10px;

}



.infobox_szoveg

{

    font-size:80%;

    color:#666666;    

}