body {
	margin: 0 auto;
	padding: 22px 0;
	/*font: 13px/22px Helvetica, Arial, sans-serif;*/
    font-family: Helvetica, Arial, sans-serif;
    /*font-size: 13px;*/
    font-size: 0.80em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.75em;
    background-color: #96241F;

}
#content {
	display: table;
}

div.xleft
{
    float: left;
	margin: 2px;
}
aside {
		display: table-cell;
		width: 220px;
        padding: 0.5em;
        background: #EFAF4F;
	}
aside h3{
		width: 216px;
        height: 1.6em;
        text-align: center;
        padding-left: 5px;

        background: #FF5E01;
        border-radius: 5px;
        font-family: Helvetica, Arial, sans-serif;
   		font-size: 1.0em;
   		font-style: normal;
   		font-variant: normal;
   		font-weight: normal;
   		line-height: 1.75em;
}
nav
{
    display: none;
    height: 1.6em;
    border-radius: 11px;
    background: #FF5E01;
}
nav.a
{
	display: block;
    height: 1.8em;
    width: 100%;
    
}

    #foo {
				width: 620px;
                color: #fff;
                font-family: Gerogia, "Times New Roman", Sans-serif;
				font-size: 1.25em;
				height: 200px;
				padding: 0.5em;
				margin: 0.5em auto;
				background: transparent url(cegla.png);

			}
			.big_round{
                
                border-radius: 11px;
            }

            a:link { color: #0000FF; text-decoration: none }
            a:visited { color: #004C3B; text-decoration: none }
            a:hover { color: #008135; text-decoration: underline }

            h1 {
                color: #75372B;
				font-weight: bolder;
				font-style: italic;
    			font-size: 1.2em;
			}

            h2 {
				font-weight: normal;
				font-size: 1.45em;
				text-align: center;
			}
			p.center { text-align: center; }
            p.left { text-align: left; }
            p.right {
            			text-align: left;
                        padding-left: 2em;
                    }
			img.right { float: right;
            			margin-bottom: 10px;
                      }
            img.hright { float: right;
            			margin-bottom: 10px;
                      }
            img.left {
            			float: left;
                        padding-right: 2em;
                        margin-bottom: 10px;
                     }
            img.none { float: none;}
			hr { margin-right: 10px; }
            hr.uw
            	{
            		width: 100%;

                    color: #FF7500;
                    text-align: center;
            	}
            dt {
                margin-top: 10px;
                font-weight: bold;
            	}
            dd {
                display: block;
                margin-left: 40px;
                margin-bottom: 10px;
            	}

	     .small_round {
         	width: 216px;
            height: 1.6em;
            text-align: center;
            padding-left: 5px;

            background: #FF5E01;
         	
            border-radius: 5px;
            }

    #mainContent {
		display: table-cell;
        padding-right: 22px;
        padding-left: 22px;
        background: #EFAF4F;
        border-radius: 11px;

	}
    .mainclass {
        padding-right: 22px;
        padding-left: 22px;
        border-radius: 5px;

    }
  .fotobox
  {
    margin-right: auto;
	margin-left: auto;
	width: 540px;
    display: block;
  }

  footer {
  margin:0;
  padding:0;
  text-align:center;
   /*position: fixed;
   bottom: 0px;*/
  position:relative;
  width:100%;
  height: 100%;
		   }
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200px;
left: 60px; /*position where enlarged image should offset horizontally */

}
#mynav
{
    display: block;
    width: 100%;
}
#myaside {
		display: table-cell;
	}
#myaside1 {
	display: none;
}
#mynav
{
    display: none;
}
@media only screen and (max-width: 500px) {
aside {
		display: block;
		width: auto;
        padding: 0.5em;
        background: #EFAF4F;
	}
aside h3{
		width: auto;
        height: 1.6em;
        text-align: center;
        padding-left: 5px;

        background: #FF5E01;
        border-radius: 5px;
        font-family: Helvetica, Arial, sans-serif;
   		font-size: 1.0em;
   		font-style: normal;
   		font-variant: normal;
   		font-weight: normal;
   		line-height: 1.75em;
}
.small_round {
         	width: auto;
            height: 1.6em;
            text-align: center;
            padding-left: 5px;

            background: #FF5E01;

            border-radius: 5px;
            }


#mynav
{
    display: block;
    width: 100%;
    text-align: center;
}
#content {
	display: block;
    width: 100%;
}
#myaside {
		display: none;
	}
#myaside1
{
	display: block;

    width: auto;
}
.fotobox
  {
    margin-right: auto;
	margin-left: auto;
	width: 100%;
    display: block;
  }
#mainContent {
		display: block;
        padding-right: 22px;
        padding-left: 22px;
        background: #EFAF4F;
        border-radius: 11px;
        width: auto;

	}
#foo {
	width: 80%;
    color: #fff;
    font-family: Gerogia, "Times New Roman", Sans-serif;
	font-size: 1.25em;
	height: 200px;
	padding: 0.5em;
	margin: 0.5em auto;
	background: transparent url(cegla.png);

}
#nagfoto
{
    width: 90px;
	height: 120px;
}
.fotobox
{	margin-right: auto;
	margin-left: auto;
	width: 80%;
    display: block;
}
div.right
{
	display: block;
}
div.xleft
{
    display: block; 
    float: none;
}
img.left {
	float: none;
    padding-right: 2em;
    margin-bottom: 10px;
 }
img.right { float: none;
           margin-bottom: 10px;
}