@charset "UTF-8";
/* CSS Document */

@media screen and (orientation:portrait) 
{
* {
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
}

body {
	background-color:#CCC;
	font-size:100%;
}
.wrapper {
	width:100%;
}
.header {
	position:fixed;
	top:0px;
	width:100%;
	margin:0px auto;
	min-height:30px;	
	background: none repeat scroll 0% 0% #466673;
	text-align:center;
	line-height:30px;
	z-index:35;
	
}
.header h1 {
	font-size:2em;
	color:white;
	line-height:30px;
	
}

.Nav {
	width:100%;
	margin:30px auto;
	background: none repeat scroll 0% 0% #466673;

}

.mainNav {
	height:15px;
	background-color:#466673;
	
}
.mainNav ul li {
	display:inline-block;
	width:25%;
	line-height:30px;
	text-align:center;
	list-style-type:none;
	background-color:#466673;
	float:left;
}
.mainNav ul a {
	color:#FFF;
	text-decoration:none;
}
.mainNav ul a li:hover {
	color:#466673;
	background-color:#FFF;
	text-decoration:none;
}

.langNav ul li{
	display:inline-block;
	line-height:100%;
	text-align:center;
	list-style-type:none;
	float:right;
}
.langNav ul li img{
	display:inline-block;
	height:15px;
	line-height:100%;
	text-align:center;
	list-style-type:none;
	float:right;
}
.content {
	width:100%;	
}
.bucket {
	width:90%;
	margin:10px auto 0px auto;
	background-color:#CCC;	
	
}
.bucketTitle {
	border-bottom:solid thin #666;	
}
#container {
		margin:10px 0px;
        width:100%;         
    }

#container .image-container {
        text-align: center;
        vertical-align: middle;
       
    }

#container .image-container img {
     width: 100%;
}
table {
	width:90%;
	margin:0px auto;
	border-collapse:collapse;
	border:1px solid #666;
	text-align:center;
		
	
}
td,th {
	border:1px solid #666;
}
th {
	font-size:0.4em;	
}

.imagesGallery {
	float:right;
	
}
.imagesGallery ul{
	display:inline-block;
	width:100%;
	text-align:center;
	list-style-type:none;
	
	
}
.imagesGallery ul li{
	display:inline-block;
	height:100%;
}
.imagesGallery ul li img{
	display:inline-block;
	width:100%;
	line-height:100%;
	text-align:center;
	list-style-type:none;
	float:right;
}
#clearing {clear:both;}
.footer {
	background: none repeat scroll 0% 0% #466673;
    bottom: 0px;
    color:#466673;
    font-size: 0.5em;
	text-align:center;
	min-height: 20px;
	line-height:20px;
    position: fixed;
    width: 100%;
    z-index: 35;
}
.footer p,a {
	color:#fff;
	text-decoration:none;
}

#eho {
	color:#900;
}
iframe {
	width:100%;	
}
}

/* Landscape */
@media screen and (orientation:landscape) 
{
* {
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
}

body {
	background-color:#CCC;
}
.wrapper {
	width:100%;
}
.header {
	position:fixed;
	top:0px;
	width:100%;
	margin:0px auto;
	min-height:30px;	
	background: none repeat scroll 0% 0% #466673;
	text-align:center;
	line-height:30px;
	z-index:35;
	
}
.header h1 {
	font-size:2em;
	color:white;
	line-height:30px;
	
}

.Nav {
	width:100%;
	margin:30px auto;
	background: none repeat scroll 0% 0% #466673;

}

.mainNav {
	height:15px;
	background-color:#466673;
}
.mainNav ul li {
	display:inline-block;
	width:24%;
	line-height:30px;
	text-align:center;
	list-style-type:none;
	background-color:#466673;
	float:left;
}
.mainNav ul a {
	color:#FFF;
	text-decoration:none;
}
.mainNav ul a li:hover {
	color:#466673;
	background-color:#FFF;
	text-decoration:none;
}

.langNav ul li{
	display:inline-block;
	line-height:100%;
	text-align:center;
	list-style-type:none;
	float:right;
}
.langNav ul li img{
	display:inline-block;
	height:15px;
	line-height:100%;
	text-align:center;
	list-style-type:none;
	float:right;
}
.content {
	width:100%;	
}
.bucket {
	width:90%;
	margin:10px auto 0px auto;
	background-color:#CCC;	
}
.bucketTitle {
	border-bottom:solid thin #666;	
}
#container {
		margin:10px 0px;
        width:100%;         
    }

#container .image-container {
        text-align: center;
        vertical-align: middle;
       
    }

#container .image-container img {
     width: 100%;
}
table {
	width:90%;
	margin:0px auto;
	border-collapse:collapse;
	border:1px solid #666;
	text-align:center;
	
}
td,th {
	border:1px solid #666;
}
th {
	font-size:0.4em;	
}

.imagesGallery {
	float:right;
	
}
.imagesGallery ul{
	display:inline-block;
	width:100%;
	text-align:center;
	list-style-type:none;
	
	
}
.imagesGallery ul li{
	display:inline-block;
	height:100%;
}
.imagesGallery ul li img{
	display:inline-block;
	width:100%;
	line-height:100%;
	text-align:center;
	list-style-type:none;
	float:right;
}
#clearing {clear:both;}
.footer {
	background: none repeat scroll 0% 0% #466673;
    bottom: 0px;
    color:#466673;
    font-size: 0.5em;
	text-align:center;
	min-height: 20px;
	line-height:20px;
    position: fixed;
    width: 100%;
    z-index: 35;
}
.footer p,a {
	color:#fff;
	text-decoration:none;
}

#eho {
	color:#900;
}
iframe {
	width:100%;	
}

}